WIP - remove DateRangePicker from default Filter prop

package.json

@@ -21,18 +21,16 @@
     "build/*",
     "*.js",
     "!rollup.config.js",
-    "!webpack.config.base.js",
-    "src/components/DateRangePicker/initialize.js"
+    "!webpack.config.base.js"
   ],
   "dependencies": {
     "google-map-react": "1.1.4",
     "lodash": "^4.17.0",
     "moment": "^2.18.1",
     "numeral": "^2.0.6",
-    "react-dates": "https://github.com/bonlineza/react-dates#v16.0.1-showBeforeTodayDifferently-lib",
     "react-dom-factories": "^1.0.2",
     "react-dropzone": "^4.2.1",
-    "react-pdf-js": "git+https://github.com/robguy21/react-pdf-js.git#2b53bf3cca9b8cbbe8cb2ee967cbdd13a0056449",
+    "react-pdf-js": "github:robguy21/react-pdf-js#2b53bf3cca9b8cbbe8cb2ee967cbdd13a0056449",
     "react-selectize": "^3.0.1",
     "react-transition-group": "^1.1.2"
   },

rollup.config.js

@@ -91,17 +91,18 @@ const customBabelConfig = {
   ],
   plugins: [
     '@babel/plugin-proposal-object-rest-spread',
-    'syntax-async-functions',
-    '@babel/plugin-transform-regenerator',
-    'flow-react-proptypes',
-    '@babel/transform-flow-strip-types',
-    '@babel/plugin-syntax-dynamic-import',
     '@babel/plugin-proposal-class-properties',
     '@babel/plugin-proposal-private-methods',
-    ['babel-plugin-webpack-alias-7', { config: './webpack.config.base.js' }],
-    'css-modules-transform',
     '@babel/plugin-proposal-export-default-from',
     '@babel/plugin-proposal-optional-chaining',
+    '@babel/plugin-transform-regenerator',
+    '@babel/transform-flow-strip-types',
+    '@babel/plugin-syntax-dynamic-import',
+    ['babel-plugin-webpack-alias-7', { config: './webpack.config.base.js' }],
+    'flow-react-proptypes',
+    'transform-react-remove-prop-types',
+    'syntax-async-functions',
+    // 'css-modules-transform',
   ],
   exclude: /node_modules/,
 };

src/components/ButtonGroup/index.js

@@ -37,6 +37,12 @@ type StateShape = {
  * ButtonGroup is a wrapper that transforms given buttons into a small set of buttons with a dropdown menu based on the configuration given
  */
 class ButtonGroup extends React.Component<PropsType, StateShape> {
+  isFirstFlag = false;
+
+  defaultProps: DefaultPropsType;
+
+  reactDropdown: HTMLElement;
+
   static defaultProps = {
     baseClass: 'button-group',
     children: [],
@@ -47,12 +53,6 @@ class ButtonGroup extends React.Component<PropsType, StateShape> {
     toggleButtonContents: <span>Menu</span>,
   };
 
-  isFirstFlag = false;
-
-  defaultProps: DefaultPropsType;
-
-  reactDropdown: HTMLElement;
-
   constructor(props: PropsType) {
     super(props);
     this.state = {

src/components/Filter/index.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import DateRangePicker from '../DateRangePicker/index';
 import SimpleSelect from '../SimpleSelect/index';
 import PredefinedFilter from './components/predefinedFilter';
 import './scss/Filter.scss';
@@ -78,6 +77,16 @@ type StateType = {
  * GroupSelection components commonly used to drill down data lists
  */
 class Filter extends React.Component<PropsType> {
+  defaultProps: DefaultPropsType;
+
+  timer = null;
+
+  state: StateType;
+
+  reactDropdown: HTMLElement;
+
+  timerDp: any;
+
   static defaultProps = {
     baseClass: 'list-filter',
     predefined: [],
@@ -94,19 +103,9 @@ class Filter extends React.Component<PropsType> {
     addFilter: null,
     groupSelectionCB: () => false,
     PredefinedFilterComponent: PredefinedFilter,
-    DateRangePickerComponent: DateRangePicker,
+    DateRangePickerComponent: null,
   };
 
-  defaultProps: DefaultPropsType;
-
-  timer = null;
-
-  state: StateType;
-
-  reactDropdown: HTMLElement;
-
-  timerDp: any;
-
   static getDerivedStateFromProps(props, state) {
     if (state.value !== props.forceValue && props.forceValue) {
       return { isEmpty: !props.forceValue, value: props.forceValue };

src/components/SimplePopup/index.js

@@ -49,6 +49,8 @@ type PropsShape = {
  * this is highly recommended for all you Popup uses
  */
 class SimplePopup extends React.Component<PropsShape> {
+  listener: any;
+
   static defaultProps = {
     isOpen: false,
     baseClass: 'simple-popup',
@@ -64,8 +66,6 @@ class SimplePopup extends React.Component<PropsShape> {
     cannotOutsideClickClose: false,
   };
 
-  listener: any;
-
   componentWillReceiveProps(nextProps: PropsShape) {
     if (!this.props.isOpen && nextProps.isOpen) {
       this.startListener();

src/components/SimpleSelect/index.js

@@ -24,7 +24,8 @@ type PropShapes = {
 };
 
 /**
- * SimpleSelect is an implementation of 'reat-selectize' - providing a few defaults and a common interface
+ * SimpleSelect is an implementation of 'react-selectize' - providing a few defaults and a common interface
+ * @deprecated please replace this for a more up-to-date component
  */
 const SimpleSelect = ({
   onChange,

src/index.js

@@ -1,9 +1,6 @@
-import { SingleDatePicker } from 'react-dates';
-
 import ActionBar from './components/ActionBar';
 import AsideSlide from './components/AsideSlide';
 import ButtonGroup from './components/ButtonGroup';
-import DateRangePicker from './components/DateRangePicker';
 import DropOptions from './components/DropOptions';
 import DocumentUploader from './components/DocumentUploader';
 import Filter from './components/Filter';
@@ -44,7 +41,6 @@ export {
   AsideSlide,
   ButtonGroup,
   ButtonOrDiv,
-  DateRangePicker,
   DropOptions,
   DocumentUploader,
   EllipsisLoader,
@@ -68,7 +64,6 @@ export {
   SimpleListItem,
   SimpleSelect,
   SimplePopup,
-  SingleDatePicker,
   SwitchView,
   ToolTip,
   wrapTooltip,

src/test-util/setup.js

@@ -1,5 +1,4 @@
 // setup file
-import 'react-dates/initialize';
 import { configure } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';