@elliemae/ds-date-picker 1.61.0 → 2.0.0-alpha.12

package/cjs/DSDatePicker.js

@@ -2,216 +2,152 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('react');
 var reactDesc = require('react-desc');
 require('react-dates/initialize');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');
 var defaultPhrases = require('./defaultPhrases.js');
-var components_DatePickerNavigation_DatePickerNavigation = require('./components/DatePickerNavigation/DatePickerNavigation.js');
-var components_DatePickerDay_DatePickerDay = require('./components/DatePickerDay/DatePickerDay.js');
-var components_DatePickerPicker_DatePickerPicker = require('./components/DatePickerPicker/DatePickerPicker.js');
-var components_DatePickerDropdown = require('./components/DatePickerDropdown.js');
-var components_DatePickerSingleDate_DatePickerSingleDate = require('./components/DatePickerSingleDate/DatePickerSingleDate.js');
-var components_DatePickerHeader_DatePickerHeader = require('./components/DatePickerHeader/DatePickerHeader.js');
-var components_DatePickerRange_DatePickerRange = require('./components/DatePickerRange/DatePickerRange.js');
-var components_DatePickerRangeHeader_DatePickerRangeHeader = require('./components/DatePickerRangeHeader/DatePickerRangeHeader.js');
-var components_SingleRangeDateSwitcher_SingleRangeDateSwitcher = require('./components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
-var components_DatePickerRenderMonth_DatePickerRenderMonth = require('./components/DatePickerRenderMonth/DatePickerRenderMonth.js');
-var components_DSDatePickerImpl = require('./components/DSDatePickerImpl.js');
-var components_DatePickerController_DatePickerController = require('./components/DatePickerController/DatePickerController.js');
-require('prop-types');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-icon');
-require('./prop-types-fcbbf657.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popper');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-dates');
-require('@elliemae/ds-form');
-require('@elliemae/ds-grid');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/toArray');
-require('lodash');
+var DatePickerNavigation = require('./components/DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerDay = require('./components/DatePickerDay/DatePickerDay.js');
+var DatePickerPicker = require('./components/DatePickerPicker/DatePickerPicker.js');
+var DatePickerDropdown = require('./components/DatePickerDropdown.js');
+var DatePickerSingleDate = require('./components/DatePickerSingleDate/DatePickerSingleDate.js');
+var DatePickerHeader = require('./components/DatePickerHeader/DatePickerHeader.js');
+var DatePickerRange = require('./components/DatePickerRange/DatePickerRange.js');
+var DatePickerRangeHeader = require('./components/DatePickerRangeHeader/DatePickerRangeHeader.js');
+var SingleRangeDateSwitcher = require('./components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
+var DatePickerRenderMonth = require('./components/DatePickerRenderMonth/DatePickerRenderMonth.js');
+var DSDatePickerImpl = require('./components/DSDatePickerImpl.js');
+var DatePickerController = require('./components/DatePickerController/DatePickerController.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var DSDatePicker = function DSDatePicker(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? '' : _ref$id,
-      _ref$appendToBody = _ref.appendToBody,
-      appendToBody = _ref$appendToBody === void 0 ? true : _ref$appendToBody,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      date = _ref.date,
-      value = _ref.value,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$screenReaderInpu = _ref.screenReaderInputMessage,
-      screenReaderInputMessage = _ref$screenReaderInpu === void 0 ? 'Select date' : _ref$screenReaderInpu,
-      _ref$enableOutsideDay = _ref.enableOutsideDays,
-      enableOutsideDays = _ref$enableOutsideDay === void 0 ? true : _ref$enableOutsideDay,
-      _ref$initialVisibleMo = _ref.initialVisibleMonth,
-      _initialVisibleMonth = _ref$initialVisibleMo === void 0 ? moment__default['default']() : _ref$initialVisibleMo,
-      _ref$firstDayOfWeek = _ref.firstDayOfWeek,
-      firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,
-      _ref$keepOpenOnDateSe = _ref.keepOpenOnDateSelect,
-      keepOpenOnDateSelect = _ref$keepOpenOnDateSe === void 0 ? false : _ref$keepOpenOnDateSe,
-      _ref$hideKeyboardShor = _ref.hideKeyboardShortcutsPanel,
-      hideKeyboardShortcutsPanel = _ref$hideKeyboardShor === void 0 ? true : _ref$hideKeyboardShor,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$onDateChange = _ref.onDateChange,
-      _onDateChange = _ref$onDateChange === void 0 ? undefined : _ref$onDateChange,
-      _ref$onPrevMonthClick = _ref.onPrevMonthClick,
-      onPrevMonthClick = _ref$onPrevMonthClick === void 0 ? function () {
-    return null;
-  } : _ref$onPrevMonthClick,
-      _ref$onNextMonthClick = _ref.onNextMonthClick,
-      onNextMonthClick = _ref$onNextMonthClick === void 0 ? function () {
-    return null;
-  } : _ref$onNextMonthClick,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      _ref$onFocus = _ref.onFocus,
-      onFocus = _ref$onFocus === void 0 ? function () {
-    return null;
-  } : _ref$onFocus,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? function () {
-    return null;
-  } : _ref$onBlur,
-      _ref$phrases = _ref.phrases,
-      phrases = _ref$phrases === void 0 ? defaultPhrases.SingleDatePickerPhrases : _ref$phrases,
-      _ref$displayFormat = _ref.displayFormat,
-      displayFormat = _ref$displayFormat === void 0 ? 'L' : _ref$displayFormat,
-      _ref$displayFormatDay = _ref.displayFormatDay,
-      displayFormatDay = _ref$displayFormatDay === void 0 ? 'D' : _ref$displayFormatDay,
-      _ref$transitionDurati = _ref.transitionDuration,
-      transitionDuration = _ref$transitionDurati === void 0 ? 0 : _ref$transitionDurati,
-      _ref$verticalSpacing = _ref.verticalSpacing,
-      verticalSpacing = _ref$verticalSpacing === void 0 ? 0 : _ref$verticalSpacing,
-      _ref$isDayBlocked = _ref.isDayBlocked,
-      isDayBlocked = _ref$isDayBlocked === void 0 ? function () {
-    return false;
-  } : _ref$isDayBlocked,
-      _ref$isOutsideRange = _ref.isOutsideRange,
-      isOutsideRange = _ref$isOutsideRange === void 0 ? function () {
-    return false;
-  } : _ref$isOutsideRange,
-      _ref$isDayHighlighted = _ref.isDayHighlighted,
-      isDayHighlighted = _ref$isDayHighlighted === void 0 ? function () {
-    return false;
-  } : _ref$isDayHighlighted,
-      _ref$numberOfMonths = _ref.numberOfMonths,
-      numberOfMonths = _ref$numberOfMonths === void 0 ? 1 : _ref$numberOfMonths,
-      _ref$openDirection = _ref.openDirection,
-      openDirection = _ref$openDirection === void 0 ? 'down' : _ref$openDirection,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? '' : _ref$tabIndex,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 1 : _ref$zIndex,
-      _ref$pickerProps = _ref.pickerProps,
-      pickerProps = _ref$pickerProps === void 0 ? {} : _ref$pickerProps,
-      _ref$calendarProps = _ref.calendarProps,
-      calendarProps = _ref$calendarProps === void 0 ? {} : _ref$calendarProps,
-      _ref$autoClear = _ref.autoClear,
-      autoClear = _ref$autoClear === void 0 ? false : _ref$autoClear,
-      _ref$focusCurrentDate = _ref.focusCurrentDate,
-      focusCurrentDate = _ref$focusCurrentDate === void 0 ? false : _ref$focusCurrentDate;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('datepicker', className, {
-    hasError: hasError,
-    readOnly: readOnly,
-    disabled: disabled,
-    id: id
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  var safeDate = date || value;
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
+const DSDatePicker = _ref => {
+  let {
+    containerProps = {},
+    id = '',
+    appendToBody = true,
+    className = '',
+    date,
+    value,
+    placeholder = '',
+    disabled = false,
+    required = false,
+    readOnly = false,
+    hasError = false,
+    screenReaderInputMessage = 'Select date',
+    enableOutsideDays = true,
+    initialVisibleMonth = moment__default["default"](),
+    firstDayOfWeek = 0,
+    keepOpenOnDateSelect = false,
+    hideKeyboardShortcutsPanel = true,
+    onChange = () => null,
+    onDateChange = undefined,
+    onPrevMonthClick = () => null,
+    onNextMonthClick = () => null,
+    onClose = () => null,
+    onFocus = () => null,
+    onBlur = () => null,
+    phrases = defaultPhrases.SingleDatePickerPhrases,
+    displayFormat = 'L',
+    displayFormatDay = 'D',
+    transitionDuration = 0,
+    verticalSpacing = 0,
+    isDayBlocked = () => false,
+    isOutsideRange = () => false,
+    isDayHighlighted = () => false,
+    numberOfMonths = 1,
+    openDirection = 'down',
+    tabIndex = '',
+    zIndex = 1,
+    pickerProps = {},
+    calendarProps = {},
+    autoClear = false,
+    focusCurrentDate = false
+  } = _ref;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('datepicker', className, {
+    hasError,
+    readOnly,
+    disabled,
+    id
+  });
+  const safeDate = date || value;
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
     className: cssClassName
-  }, containerProps, {
+  }, containerProps), {}, {
     style: {
       minWidth: '140px'
-    }
-  }), /*#__PURE__*/React__default['default'].createElement(components_DSDatePickerImpl, {
-    appendToBody: appendToBody,
-    autoClear: autoClear,
-    date: safeDate,
-    disabled: disabled,
-    displayFormat: displayFormat,
-    displayFormatDay: displayFormatDay,
-    enableOutsideDays: enableOutsideDays,
-    firstDayOfWeek: firstDayOfWeek,
-    hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-    initialVisibleMonth: function initialVisibleMonth() {
-      return _initialVisibleMonth ? moment__default['default'](_initialVisibleMonth) : moment__default['default'](safeDate);
     },
-    isDayBlocked: isDayBlocked,
-    isDayHighlighted: isDayHighlighted,
-    isOutsideRange: isOutsideRange === true || isOutsideRange === false ? function () {
-      return isOutsideRange;
-    } : isOutsideRange,
-    keepOpenOnDateSelect: keepOpenOnDateSelect,
-    numberOfMonths: numberOfMonths,
-    onBlur: onBlur,
-    onClose: onClose,
-    onChange: onChange,
-    onDateChange: function onDateChange() {
-      if (_onDateChange) _onDateChange.apply(void 0, arguments);
-    },
-    onFocus: onFocus,
-    onNextMonthClick: onNextMonthClick,
-    onPrevMonthClick: onPrevMonthClick,
-    openDirection: openDirection,
-    phrases: phrases,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    required: required,
-    screenReaderInputMessage: screenReaderInputMessage,
-    transitionDuration: transitionDuration,
-    value: safeDate,
-    verticalSpacing: verticalSpacing,
-    tabIndex: tabIndex,
-    zIndex: zIndex,
-    pickerProps: pickerProps,
-    calendarProps: calendarProps,
-    focusCurrentDate: focusCurrentDate
+    children: /*#__PURE__*/_jsx__default["default"](DSDatePickerImpl, {
+      appendToBody: appendToBody,
+      autoClear: autoClear,
+      date: safeDate,
+      disabled: disabled,
+      displayFormat: displayFormat,
+      displayFormatDay: displayFormatDay,
+      enableOutsideDays: enableOutsideDays,
+      firstDayOfWeek: firstDayOfWeek,
+      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+      initialVisibleMonth: () => initialVisibleMonth ? moment__default["default"](initialVisibleMonth) : moment__default["default"](safeDate),
+      isDayBlocked: isDayBlocked,
+      isDayHighlighted: isDayHighlighted,
+      isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
+      keepOpenOnDateSelect: keepOpenOnDateSelect,
+      numberOfMonths: numberOfMonths,
+      onBlur: onBlur,
+      onClose: onClose,
+      onChange: onChange,
+      onDateChange: function () {
+        if (onDateChange) onDateChange(...arguments);
+      },
+      onFocus: onFocus,
+      onNextMonthClick: onNextMonthClick,
+      onPrevMonthClick: onPrevMonthClick,
+      openDirection: openDirection,
+      phrases: phrases,
+      placeholder: placeholder,
+      readOnly: readOnly,
+      required: required,
+      screenReaderInputMessage: screenReaderInputMessage,
+      transitionDuration: transitionDuration,
+      value: safeDate,
+      verticalSpacing: verticalSpacing,
+      tabIndex: tabIndex,
+      zIndex: zIndex,
+      pickerProps: pickerProps,
+      calendarProps: calendarProps,
+      focusCurrentDate: focusCurrentDate
+    })
   }));
 };
 
-var datePickerProps = {
+const datePickerProps = {
   containerProps: reactDesc.PropTypes.shape({}).description('Set of Properties attached to the main container'),
   id: reactDesc.PropTypes.string.description('components id'),
   appendToBody: reactDesc.PropTypes.bool.description('append component to body or not').defaultValue(true),
   className: reactDesc.PropTypes.string.description('html class attribute'),
-  date: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('selected date').defaultValue(undefined),
-  value: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('value'),
+  date: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('selected date').defaultValue(undefined),
+  value: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('value'),
   placeholder: reactDesc.PropTypes.string.description('input placeholder value'),
   autoClear: reactDesc.PropTypes.bool.description('autoclears the input onblur if the date is not completely set').defaultValue(false),
   disabled: reactDesc.PropTypes.bool.description('disable component or not').defaultValue(false),
@@ -220,7 +156,7 @@ var datePickerProps = {
   hasError: reactDesc.PropTypes.bool.description('set error state').defaultValue(false),
   screenReaderInputMessage: reactDesc.PropTypes.string.description('message to anounce by screen reader').defaultValue('select date'),
   enableOutsideDays: reactDesc.PropTypes.bool.description('enable days oustide month or not').defaultValue(true),
-  initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('initial month to display'),
+  initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('initial month to display'),
   firstDayOfWeek: reactDesc.PropTypes.number.description('first day of week').defaultValue(0),
   keepOpenOnDateSelect: reactDesc.PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),
   hideKeyboardShortcutsPanel: reactDesc.PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),
@@ -272,28 +208,26 @@ var datePickerProps = {
   openDirection: reactDesc.PropTypes.string.description('open direction of the popup').defaultValue('down'),
   tabIndex: reactDesc.PropTypes.number.description('overrides tab index of the element'),
   zIndex: reactDesc.PropTypes.string.description('overrides z-index of the element'),
-  pickerProps: reactDesc.PropTypes.shape(components_DatePickerPicker_DatePickerPicker.PickerPropsTypes).description('props to be passed to the picker container'),
+  pickerProps: reactDesc.PropTypes.shape(DatePickerPicker.PickerPropsTypes).description('props to be passed to the picker container'),
   calendarProps: reactDesc.PropTypes.shape({
     tabIndex: reactDesc.PropTypes.number
   }).description('props to be passes to the calendar container'),
   focusCurrentDate: reactDesc.PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false)
 };
-DSDatePicker.propTypes = datePickerProps;
-var DatePickerWithSchema = reactDesc.describe(DSDatePicker);
+const DatePickerWithSchema = reactDesc.describe(DSDatePicker);
 DatePickerWithSchema.propTypes = datePickerProps;
 
-exports.DatePickerNavigation = components_DatePickerNavigation_DatePickerNavigation;
-exports.DatePickerDay = components_DatePickerDay_DatePickerDay;
-exports.DatePickerPicker = components_DatePickerPicker_DatePickerPicker.Picker;
-exports.Picker = components_DatePickerPicker_DatePickerPicker.Picker;
-exports.DatePickerDropdown = components_DatePickerDropdown;
-exports.DatePickerSingleDate = components_DatePickerSingleDate_DatePickerSingleDate;
-exports.DatePickerHeader = components_DatePickerHeader_DatePickerHeader;
-exports.DatePickerRange = components_DatePickerRange_DatePickerRange;
-exports.DatePickerRangeHeader = components_DatePickerRangeHeader_DatePickerRangeHeader;
-exports.SingleRangeDateSwitcher = components_SingleRangeDateSwitcher_SingleRangeDateSwitcher;
-exports.renderMonthElement = components_DatePickerRenderMonth_DatePickerRenderMonth.renderMonthElement;
-exports.DSDatePickerController = components_DatePickerController_DatePickerController;
+exports.DatePickerNavigation = DatePickerNavigation;
+exports.DatePickerDay = DatePickerDay;
+exports.DatePickerPicker = DatePickerPicker.Picker;
+exports.Picker = DatePickerPicker.Picker;
+exports.DatePickerDropdown = DatePickerDropdown;
+exports.DatePickerSingleDate = DatePickerSingleDate;
+exports.DatePickerHeader = DatePickerHeader;
+exports.DatePickerRange = DatePickerRange;
+exports.DatePickerRangeHeader = DatePickerRangeHeader;
+exports.SingleRangeDateSwitcher = SingleRangeDateSwitcher;
+exports.renderMonthElement = DatePickerRenderMonth.renderMonthElement;
+exports.DSDatePickerController = DatePickerController;
 exports.DatePickerWithSchema = DatePickerWithSchema;
-exports['default'] = DSDatePicker;
-//# sourceMappingURL=DSDatePicker.js.map
+exports["default"] = DSDatePicker;