@elliemae/ds-date-range-picker 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/DSDateRangePicker.js

@@ -2,193 +2,123 @@
 
 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('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');
 require('react-dates/initialize');
-var reactDates = require('react-dates');
-var components_DayPickerRangeController = require('./components/DayPickerRangeController.js');
-var components_DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/toArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('prop-types');
-require('@elliemae/ds-date-picker');
-require('@elliemae/ds-icons/ChevronLeft');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-basic/form/InputMask');
-require('@elliemae/ds-basic/form/FormItem');
-require('@elliemae/ds-basic/Popper');
-require('./isMaxDiffSafe.js');
+var defaultPhrases = require('react-dates/lib/defaultPhrases');
+var DayPickerRangeController = require('./components/DayPickerRangeController.js');
+var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.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 DSDateRangePicker = function DSDateRangePicker(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _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$startDateRequire = _ref.startDateRequired,
-      startDateRequired = _ref$startDateRequire === void 0 ? false : _ref$startDateRequire,
-      _ref$endDateRequired = _ref.endDateRequired,
-      endDateRequired = _ref$endDateRequired === void 0 ? false : _ref$endDateRequired,
-      id = _ref.id,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$validationMessag = _ref.validationMessage,
-      validationMessage = _ref$validationMessag === void 0 ? '' : _ref$validationMessag,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$screenReaderInpu = _ref.screenReaderInputMessage,
-      screenReaderInputMessage = _ref$screenReaderInpu === void 0 ? 'Select date' : _ref$screenReaderInpu,
-      _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 ? true : _ref$keepOpenOnDateSe,
-      _ref$reopenPickerOnCl = _ref.reopenPickerOnClearDates,
-      reopenPickerOnClearDates = _ref$reopenPickerOnCl === void 0 ? false : _ref$reopenPickerOnCl,
-      _ref$hideKeyboardShor = _ref.hideKeyboardShortcutsPanel,
-      hideKeyboardShortcutsPanel = _ref$hideKeyboardShor === void 0 ? true : _ref$hideKeyboardShor,
-      _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$onOutsideClick = _ref.onOutsideClick,
-      onOutsideClick = _ref$onOutsideClick === void 0 ? function () {
-    return null;
-  } : _ref$onOutsideClick,
-      _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$minimumNights = _ref.minimumNights,
-      minimumNights = _ref$minimumNights === void 0 ? 0 : _ref$minimumNights,
-      _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$displayFormat = _ref.displayFormat,
-      displayFormat = _ref$displayFormat === void 0 ? 'L' : _ref$displayFormat,
-      _ref$displayFormatDay = _ref.displayFormatDay,
-      displayFormatDay = _ref$displayFormatDay === void 0 ? 'D' : _ref$displayFormatDay,
-      _ref$phrases = _ref.phrases,
-      phrases = _ref$phrases === void 0 ? reactDates.DateRangePickerPhrases : _ref$phrases,
-      startDate = _ref.startDate,
-      endDate = _ref.endDate,
-      _ref$startDateId = _ref.startDateId,
-      startDateId = _ref$startDateId === void 0 ? 'startDateId' : _ref$startDateId,
-      _ref$endDateId = _ref.endDateId,
-      endDateId = _ref$endDateId === void 0 ? 'endDateId' : _ref$endDateId,
-      _ref$labelFrom = _ref.labelFrom,
-      labelFrom = _ref$labelFrom === void 0 ? 'From' : _ref$labelFrom,
-      _ref$labelTo = _ref.labelTo,
-      labelTo = _ref$labelTo === void 0 ? 'To' : _ref$labelTo,
-      _ref$enableOutsideDay = _ref.enableOutsideDays,
-      enableOutsideDays = _ref$enableOutsideDay === void 0 ? true : _ref$enableOutsideDay,
-      _ref$onChangeStartInp = _ref.onChangeStartInput,
-      onChangeStartInput = _ref$onChangeStartInp === void 0 ? function () {
-    return null;
-  } : _ref$onChangeStartInp,
-      _ref$onChangeEndInput = _ref.onChangeEndInput,
-      onChangeEndInput = _ref$onChangeEndInput === void 0 ? function () {
-    return null;
-  } : _ref$onChangeEndInput,
-      _ref$onDatesChange = _ref.onDatesChange,
-      onDatesChange = _ref$onDatesChange === void 0 ? function () {
-    return null;
-  } : _ref$onDatesChange;
+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,
-      prefixBlockName = _convertPropToCssClas.prefixBlockName;
+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; }
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({}, containerProps, {
-    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range")
-  }), /*#__PURE__*/React__default['default'].createElement(components_DSDateRangePickerImpl['default'], {
-    appendToBody: true,
-    disabled: disabled,
-    displayFormat: displayFormat,
-    displayFormatDay: displayFormatDay,
-    enableOutsideDays: enableOutsideDays,
-    endDate: endDate,
-    endDateId: endDateId,
-    firstDayOfWeek: firstDayOfWeek,
-    hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-    initialVisibleMonth: function initialVisibleMonth() {
-      return _initialVisibleMonth ? moment__default['default'](_initialVisibleMonth) : moment__default['default'](startDate);
-    },
-    isDayBlocked: isDayBlocked,
-    isDayHighlighted: isDayHighlighted,
-    isOutsideRange: isOutsideRange === true || isOutsideRange === false ? function () {
-      return isOutsideRange;
-    } : isOutsideRange,
-    keepOpenOnDateSelect: keepOpenOnDateSelect,
-    labelFrom: labelFrom,
-    labelTo: labelTo,
-    minimumNights: minimumNights,
-    onDatesChange: onDatesChange,
-    onChangeStartInput: onChangeStartInput,
-    onChangeEndInput: onChangeEndInput,
-    onClose: onClose,
-    onNextMonthClick: onNextMonthClick,
-    onPrevMonthClick: onPrevMonthClick,
-    onOutsideClick: onOutsideClick,
-    phrases: phrases,
-    readOnly: readOnly,
-    reopenPickerOnClearDates: reopenPickerOnClearDates,
-    required: required,
-    startDateRequired: startDateRequired,
-    endDateRequired: endDateRequired,
-    screenReaderInputMessage: screenReaderInputMessage,
-    startDate: startDate,
-    startDateId: startDateId,
-    transitionDuration: transitionDuration,
-    verticalSpacing: verticalSpacing,
-    hasError: hasError,
-    validationMessage: validationMessage
+const DSDateRangePicker = ({
+  containerProps = {},
+  className = '',
+  disabled = false,
+  required = false,
+  startDateRequired = false,
+  endDateRequired = false,
+  id,
+  hasError = false,
+  validationMessage = '',
+  readOnly = false,
+  screenReaderInputMessage = 'Select date',
+  initialVisibleMonth = moment__default["default"](),
+  firstDayOfWeek = 0,
+  keepOpenOnDateSelect = true,
+  reopenPickerOnClearDates = false,
+  hideKeyboardShortcutsPanel = true,
+  onPrevMonthClick = () => null,
+  onNextMonthClick = () => null,
+  onClose = () => null,
+  onOutsideClick = () => null,
+  transitionDuration = 0,
+  verticalSpacing = 0,
+  minimumNights = 0,
+  isDayBlocked = () => false,
+  isOutsideRange = () => false,
+  isDayHighlighted = () => false,
+  displayFormat = 'L',
+  displayFormatDay = 'D',
+  phrases = defaultPhrases.DateRangePickerPhrases,
+  startDate,
+  endDate,
+  startDateId = 'startDateId',
+  endDateId = 'endDateId',
+  labelFrom = 'From',
+  labelTo = 'To',
+  enableOutsideDays = true,
+  onChangeStartInput = () => null,
+  onChangeEndInput = () => null,
+  onDatesChange = () => null
+}) => {
+  const {
+    cssClassName,
+    prefixBlockName
+  } = dsClassnames.convertPropToCssClassName('datepicker', className, {
+    hasError,
+    readOnly,
+    disabled,
+    id
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`,
+    children: /*#__PURE__*/_jsx__default["default"](DSDateRangePickerImpl["default"], {
+      appendToBody: true,
+      disabled: disabled,
+      displayFormat: displayFormat,
+      displayFormatDay: displayFormatDay,
+      enableOutsideDays: enableOutsideDays,
+      endDate: endDate,
+      endDateId: endDateId,
+      firstDayOfWeek: firstDayOfWeek,
+      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+      initialVisibleMonth: () => initialVisibleMonth ? moment__default["default"](initialVisibleMonth) : moment__default["default"](startDate),
+      isDayBlocked: isDayBlocked,
+      isDayHighlighted: isDayHighlighted,
+      isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
+      keepOpenOnDateSelect: keepOpenOnDateSelect,
+      labelFrom: labelFrom,
+      labelTo: labelTo,
+      minimumNights: minimumNights,
+      onDatesChange: onDatesChange,
+      onChangeStartInput: onChangeStartInput,
+      onChangeEndInput: onChangeEndInput,
+      onClose: onClose,
+      onNextMonthClick: onNextMonthClick,
+      onPrevMonthClick: onPrevMonthClick,
+      onOutsideClick: onOutsideClick,
+      phrases: phrases,
+      readOnly: readOnly,
+      reopenPickerOnClearDates: reopenPickerOnClearDates,
+      required: required,
+      startDateRequired: startDateRequired,
+      endDateRequired: endDateRequired,
+      screenReaderInputMessage: screenReaderInputMessage,
+      startDate: startDate,
+      startDateId: startDateId,
+      transitionDuration: transitionDuration,
+      verticalSpacing: verticalSpacing,
+      hasError: hasError,
+      validationMessage: validationMessage
+    })
   }));
 };
 
-var dateRangePickerProps = {
+const dateRangePickerProps = {
   containerProps: reactDesc.PropTypes.shape({}).description('Set of Properties attached to the main container'),
   className: reactDesc.PropTypes.string.description('html class attribute'),
   disabled: reactDesc.PropTypes.bool.description('disable component or not').defaultValue(false),
@@ -200,7 +130,7 @@ var dateRangePickerProps = {
   validationMessage: reactDesc.PropTypes.string.description('validation message'),
   readOnly: reactDesc.PropTypes.bool.description('component is read only or not').description(false),
   screenReaderInputMessage: reactDesc.PropTypes.string.description('message to be anounced by screen reader').defaultValue('select date'),
-  initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('initial visible month'),
+  initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('initial visible month'),
   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(true),
   reopenPickerOnClearDates: reactDesc.PropTypes.bool.description('reopen picker when clearing dates').defaultValue(false),
@@ -246,8 +176,8 @@ var dateRangePickerProps = {
     dateIsUnavailable: reactDesc.PropTypes.func,
     dateIsSelected: reactDesc.PropTypes.func
   }).description('react-dates phrases'),
-  startDate: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('start date value'),
-  endDate: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('end date value'),
+  startDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('start date value'),
+  endDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('end date value'),
   startDateId: reactDesc.PropTypes.string.description('start date id'),
   endDateId: reactDesc.PropTypes.string.description('end date id'),
   labelFrom: reactDesc.PropTypes.string.description('label of start date input'),
@@ -258,13 +188,11 @@ var dateRangePickerProps = {
   onChangeEndInput: reactDesc.PropTypes.func.description('function executed when end date input changes'),
   onOutsideClick: reactDesc.PropTypes.func.description('function executed when clicking outside component')
 };
-DSDateRangePicker.propTypes = dateRangePickerProps;
-var DateRangePickerWithSchema = reactDesc.describe(DSDateRangePicker);
+const DateRangePickerWithSchema = reactDesc.describe(DSDateRangePicker);
 DateRangePickerWithSchema.propTypes = dateRangePickerProps;
 
-exports.DayPickerRangeController = components_DayPickerRangeController;
-exports.END_DATE = components_DSDateRangePickerImpl.END_DATE;
-exports.START_DATE = components_DSDateRangePickerImpl.START_DATE;
+exports.DayPickerRangeController = DayPickerRangeController;
+exports.END_DATE = DSDateRangePickerImpl.END_DATE;
+exports.START_DATE = DSDateRangePickerImpl.START_DATE;
 exports.DateRangePickerWithSchema = DateRangePickerWithSchema;
-exports['default'] = DSDateRangePicker;
-//# sourceMappingURL=DSDateRangePicker.js.map
+exports["default"] = DSDateRangePicker;