@elliemae/ds-date-range-picker 2.0.0-rc.6 → 2.0.0

package/cjs/components/DSDateRangePickerImpl.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var moment = require('moment');
 var dsClassnames = require('@elliemae/ds-classnames');
@@ -16,7 +15,6 @@ var isMaxDiffSafe = require('../isMaxDiffSafe.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
@@ -31,7 +29,7 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "onDatesChange", _ref => {
+    this.onDatesChange = _ref => {
       let {
         startDate,
         endDate
@@ -54,9 +52,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
         primaryStartInput: false,
         primaryEndInput: false
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "onFocusChange", () => {
+    this.onFocusChange = () => {
       this.setState(_ref2 => {
         let {
           focusedInput
@@ -65,15 +63,15 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
           focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
         };
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleKeyDown", event => {
+    this.handleKeyDown = event => {
       if (event.key === 'Escape') this.setState({
         showPicker: false
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "getSafeStartInputValue", () => {
+    this.getSafeStartInputValue = () => {
       const {
         startInput,
         primaryStartInput,
@@ -82,9 +80,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
       if (primaryStartInput && startInput) return startInput;
       if (!startDate) return '';
       return startDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty__default["default"](this, "getSafeEndInputValue", () => {
+    this.getSafeEndInputValue = () => {
       const {
         endInput,
         primaryEndInput,
@@ -93,9 +91,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
       if (primaryEndInput && endInput) return endInput;
       if (!endDate) return '';
       return endDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty__default["default"](this, "changeFocus", () => {
+    this.changeFocus = () => {
       const {
         disabled
       } = this.props;
@@ -105,9 +103,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
           focusedInput: 'startDate'
         }));
       }
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleChangeStart", e => {
+    this.handleChangeStart = e => {
       var _momentValue;
 
       const {
@@ -140,9 +138,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
         startDateError: invalidDate,
         endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
       }));
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleChangeEnd", e => {
+    this.handleChangeEnd = e => {
       var _momentValue2;
 
       const {
@@ -179,9 +177,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
         startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
         endDateError: invalidDate
       }));
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleChangeDate", _ref3 => {
+    this.handleChangeDate = _ref3 => {
       let {
         startDate: _start,
         endDate
@@ -205,7 +203,7 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
           primaryEndInput: false
         });
       }
-    });
+    };
 
     this.state = {
       startDate: props.startDate ? moment__default["default"](props.startDate) : null,

package/esm/components/DSDateRangePickerImpl.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
 import moment from 'moment';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
@@ -19,7 +18,7 @@ class DSDateRangePickerImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onDatesChange", _ref => {
+    this.onDatesChange = _ref => {
       let {
         startDate,
         endDate
@@ -42,9 +41,9 @@ class DSDateRangePickerImpl extends React.Component {
         primaryStartInput: false,
         primaryEndInput: false
       });
-    });
+    };
 
-    _defineProperty(this, "onFocusChange", () => {
+    this.onFocusChange = () => {
       this.setState(_ref2 => {
         let {
           focusedInput
@@ -53,15 +52,15 @@ class DSDateRangePickerImpl extends React.Component {
           focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
         };
       });
-    });
+    };
 
-    _defineProperty(this, "handleKeyDown", event => {
+    this.handleKeyDown = event => {
       if (event.key === 'Escape') this.setState({
         showPicker: false
       });
-    });
+    };
 
-    _defineProperty(this, "getSafeStartInputValue", () => {
+    this.getSafeStartInputValue = () => {
       const {
         startInput,
         primaryStartInput,
@@ -70,9 +69,9 @@ class DSDateRangePickerImpl extends React.Component {
       if (primaryStartInput && startInput) return startInput;
       if (!startDate) return '';
       return startDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty(this, "getSafeEndInputValue", () => {
+    this.getSafeEndInputValue = () => {
       const {
         endInput,
         primaryEndInput,
@@ -81,9 +80,9 @@ class DSDateRangePickerImpl extends React.Component {
       if (primaryEndInput && endInput) return endInput;
       if (!endDate) return '';
       return endDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty(this, "changeFocus", () => {
+    this.changeFocus = () => {
       const {
         disabled
       } = this.props;
@@ -93,9 +92,9 @@ class DSDateRangePickerImpl extends React.Component {
           focusedInput: 'startDate'
         }));
       }
-    });
+    };
 
-    _defineProperty(this, "handleChangeStart", e => {
+    this.handleChangeStart = e => {
       var _momentValue;
 
       const {
@@ -128,9 +127,9 @@ class DSDateRangePickerImpl extends React.Component {
         startDateError: invalidDate,
         endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
       }));
-    });
+    };
 
-    _defineProperty(this, "handleChangeEnd", e => {
+    this.handleChangeEnd = e => {
       var _momentValue2;
 
       const {
@@ -167,9 +166,9 @@ class DSDateRangePickerImpl extends React.Component {
         startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
         endDateError: invalidDate
       }));
-    });
+    };
 
-    _defineProperty(this, "handleChangeDate", _ref3 => {
+    this.handleChangeDate = _ref3 => {
       let {
         startDate: _start,
         endDate
@@ -193,7 +192,7 @@ class DSDateRangePickerImpl extends React.Component {
           primaryEndInput: false
         });
       }
-    });
+    };
 
     this.state = {
       startDate: props.startDate ? moment(props.startDate) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-range-picker",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Picker",
   "module": "./esm/index.js",
@@ -56,10 +56,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-rc.6",
-    "@elliemae/ds-classnames": "2.0.0-rc.6",
-    "@elliemae/ds-date-picker": "2.0.0-rc.6",
-    "@elliemae/ds-icons": "2.0.0-rc.6",
+    "@elliemae/ds-classnames": "2.0.0",
+    "@elliemae/ds-date-picker": "2.0.0",
+    "@elliemae/ds-form": "2.0.0",
+    "@elliemae/ds-icons": "2.0.0",
+    "@elliemae/ds-popper": "2.0.0",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",

package/types/DSDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import moment from 'moment';
 import 'react-dates/initialize';
@@ -46,47 +47,237 @@ declare const DSDateRangePicker: {
         onDatesChange?: (() => null) | undefined;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        className: any;
-        disabled: any;
-        required: any;
-        startDateRequired: any;
-        endDateRequired: any;
-        id: any;
-        hasError: any;
-        validationMessage: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        required: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        startDateRequired: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        endDateRequired: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        id: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        hasError: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        validationMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         readOnly: any;
-        screenReaderInputMessage: any;
-        initialVisibleMonth: any;
-        firstDayOfWeek: any;
-        keepOpenOnDateSelect: any;
-        reopenPickerOnClearDates: any;
-        hideKeyboardShortcutsPanel: any;
-        onPrevMonthClick: any;
-        onNextMonthClick: any;
-        onClose: any;
-        transitionDuration: any;
-        verticalSpacing: any;
-        isDayBlocked: any;
-        isOutsideRange: any;
-        isDayHighlighted: any;
+        screenReaderInputMessage: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        initialVisibleMonth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        firstDayOfWeek: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        keepOpenOnDateSelect: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        reopenPickerOnClearDates: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        hideKeyboardShortcutsPanel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onPrevMonthClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onNextMonthClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        transitionDuration: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        verticalSpacing: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isDayBlocked: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isOutsideRange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isDayHighlighted: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         minimumNights: number;
-        displayFormat: any;
-        displayFormatDay: any;
-        phrases: any;
+        displayFormat: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        displayFormatDay: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        phrases: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        startDate: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        endDate: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        startDateId: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        endDateId: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        labelFrom: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        labelTo: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        enableOutsideDays: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onDatesChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onChangeStartInput: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onChangeEndInput: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onOutsideClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DateRangePickerWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        startDateRequired?: boolean | undefined;
+        endDateRequired?: boolean | undefined;
+        id: any;
+        hasError?: boolean | undefined;
+        validationMessage?: string | undefined;
+        readOnly?: boolean | undefined;
+        screenReaderInputMessage?: string | undefined;
+        initialVisibleMonth?: moment.Moment | undefined;
+        firstDayOfWeek?: number | undefined;
+        keepOpenOnDateSelect?: boolean | undefined;
+        reopenPickerOnClearDates?: boolean | undefined;
+        hideKeyboardShortcutsPanel?: boolean | undefined;
+        onPrevMonthClick?: (() => null) | undefined;
+        onNextMonthClick?: (() => null) | undefined;
+        onClose?: (() => null) | undefined;
+        onOutsideClick?: (() => null) | undefined;
+        transitionDuration?: number | undefined;
+        verticalSpacing?: number | undefined;
+        minimumNights?: number | undefined;
+        isDayBlocked?: (() => boolean) | undefined;
+        isOutsideRange?: (() => boolean) | undefined;
+        isDayHighlighted?: (() => boolean) | undefined;
+        displayFormat?: string | undefined;
+        displayFormatDay?: string | undefined;
+        phrases?: any;
         startDate: any;
         endDate: any;
-        startDateId: any;
-        endDateId: any;
-        labelFrom: any;
-        labelTo: any;
-        enableOutsideDays: any;
-        onDatesChange: any;
-        onChangeStartInput: any;
-        onChangeEndInput: any;
-        onOutsideClick: any;
-    };
+        startDateId?: string | undefined;
+        endDateId?: string | undefined;
+        labelFrom?: string | undefined;
+        labelTo?: string | undefined;
+        enableOutsideDays?: boolean | undefined;
+        onChangeStartInput?: (() => null) | undefined;
+        onChangeEndInput?: (() => null) | undefined;
+        onDatesChange?: (() => null) | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const DateRangePickerWithSchema: any;
 export { DayPickerRangeController, START_DATE, END_DATE, DateRangePickerWithSchema, };
 export default DSDateRangePicker;