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

package/esm/DSDateRangePicker.js

@@ -1,185 +1,115 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import moment from 'moment';
 import 'react-dates/initialize';
-import { DateRangePickerPhrases } from 'react-dates';
+import { DateRangePickerPhrases } from 'react-dates/lib/defaultPhrases';
 export { default as DayPickerRangeController } from './components/DayPickerRangeController.js';
 import DSDateRangePickerImpl from './components/DSDateRangePickerImpl.js';
 export { END_DATE, START_DATE } from './components/DSDateRangePickerImpl.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/toArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'prop-types';
-import '@elliemae/ds-date-picker';
-import '@elliemae/ds-icons/ChevronLeft';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-basic/form/InputMask';
-import '@elliemae/ds-basic/form/FormItem';
-import '@elliemae/ds-basic/Popper';
-import './isMaxDiffSafe.js';
+import { jsx } from 'react/jsx-runtime';
 
-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() : _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 ? 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 = 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(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.createElement("div", _extends({}, containerProps, {
-    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range")
-  }), /*#__PURE__*/React.createElement(DSDateRangePickerImpl, {
-    appendToBody: true,
-    disabled: disabled,
-    displayFormat: displayFormat,
-    displayFormatDay: displayFormatDay,
-    enableOutsideDays: enableOutsideDays,
-    endDate: endDate,
-    endDateId: endDateId,
-    firstDayOfWeek: firstDayOfWeek,
-    hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-    initialVisibleMonth: function initialVisibleMonth() {
-      return _initialVisibleMonth ? moment(_initialVisibleMonth) : moment(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(),
+  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 = DateRangePickerPhrases,
+  startDate,
+  endDate,
+  startDateId = 'startDateId',
+  endDateId = 'endDateId',
+  labelFrom = 'From',
+  labelTo = 'To',
+  enableOutsideDays = true,
+  onChangeStartInput = () => null,
+  onChangeEndInput = () => null,
+  onDatesChange = () => null
+}) => {
+  const {
+    cssClassName,
+    prefixBlockName
+  } = convertPropToCssClassName('datepicker', className, {
+    hasError,
+    readOnly,
+    disabled,
+    id
+  });
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`,
+    children: /*#__PURE__*/_jsx(DSDateRangePickerImpl, {
+      appendToBody: true,
+      disabled: disabled,
+      displayFormat: displayFormat,
+      displayFormatDay: displayFormatDay,
+      enableOutsideDays: enableOutsideDays,
+      endDate: endDate,
+      endDateId: endDateId,
+      firstDayOfWeek: firstDayOfWeek,
+      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+      initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(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: PropTypes.shape({}).description('Set of Properties attached to the main container'),
   className: PropTypes.string.description('html class attribute'),
   disabled: PropTypes.bool.description('disable component or not').defaultValue(false),
@@ -249,9 +179,7 @@ var dateRangePickerProps = {
   onChangeEndInput: PropTypes.func.description('function executed when end date input changes'),
   onOutsideClick: PropTypes.func.description('function executed when clicking outside component')
 };
-DSDateRangePicker.propTypes = dateRangePickerProps;
-var DateRangePickerWithSchema = describe(DSDateRangePicker);
+const DateRangePickerWithSchema = describe(DSDateRangePicker);
 DateRangePickerWithSchema.propTypes = dateRangePickerProps;
 
 export { DateRangePickerWithSchema, DSDateRangePicker as default };
-//# sourceMappingURL=DSDateRangePicker.js.map