@elliemae/ds-date-range-picker 2.2.0-alpha.2 → 2.2.0-beta.0

package/esm/DSDateRangePicker.js

@@ -1,133 +1,148 @@
-import * as React from "react";
-import React2 from "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/lib/defaultPhrases";
-import DayPickerRangeController from "./components/DayPickerRangeController";
-import DSDateRangePickerImpl, {
-  START_DATE,
-  END_DATE
-} from "./components/DSDateRangePickerImpl";
-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, {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+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/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 { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSDateRangePicker = _ref => {
+  let {
+    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
+  } = _ref;
+  const {
+    cssClassName,
+    prefixBlockName
+  } = convertPropToCssClassName('datepicker', className, {
     hasError,
     readOnly,
     disabled,
     id
   });
-  return /* @__PURE__ */ React2.createElement("div", {
-    ...containerProps,
-    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`
-  }, /* @__PURE__ */ React2.createElement(DSDateRangePickerImpl, {
-    appendToBody: true,
-    disabled,
-    displayFormat,
-    displayFormatDay,
-    enableOutsideDays,
-    endDate,
-    endDateId,
-    firstDayOfWeek,
-    hideKeyboardShortcutsPanel,
-    initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(startDate),
-    isDayBlocked,
-    isDayHighlighted,
-    isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
-    keepOpenOnDateSelect,
-    labelFrom,
-    labelTo,
-    minimumNights,
-    onDatesChange,
-    onChangeStartInput,
-    onChangeEndInput,
-    onClose,
-    onNextMonthClick,
-    onPrevMonthClick,
-    onOutsideClick,
-    phrases,
-    readOnly,
-    reopenPickerOnClearDates,
-    required,
-    startDateRequired,
-    endDateRequired,
-    screenReaderInputMessage,
-    startDate,
-    startDateId,
-    transitionDuration,
-    verticalSpacing,
-    hasError,
-    validationMessage
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(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
+    })
   }));
 };
+
 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),
-  required: PropTypes.bool.description("input is required or not").defaultValue(false),
-  startDateRequired: PropTypes.bool.description("start date is required or not").defaultValue(false),
-  endDateRequired: PropTypes.bool.description("end date is required or not").defaultValue(false),
-  id: PropTypes.string.description("components id"),
-  hasError: PropTypes.bool.description("set error state").defaultValue(false),
-  validationMessage: PropTypes.string.description("validation message"),
-  readOnly: PropTypes.bool.description("component is read only or not").description(false),
-  screenReaderInputMessage: PropTypes.string.description("message to be anounced by screen reader").defaultValue("select date"),
-  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description("initial visible month"),
-  firstDayOfWeek: PropTypes.number.description("first day of week").defaultValue(0),
-  keepOpenOnDateSelect: PropTypes.bool.description("keep picker open when a date is selected").defaultValue(true),
-  reopenPickerOnClearDates: PropTypes.bool.description("reopen picker when clearing dates").defaultValue(false),
-  hideKeyboardShortcutsPanel: PropTypes.bool.description("hide keyabord shortcut panel or not"),
-  onPrevMonthClick: PropTypes.func.description("function executed when clicking on prev month button"),
-  onNextMonthClick: PropTypes.func.description("function executed when clicking on next month button"),
-  onClose: PropTypes.func.description("function executed when component closes"),
-  transitionDuration: PropTypes.number.description("transition duration").defaultValue(0),
-  verticalSpacing: PropTypes.number.description("vertical spacing"),
-  isDayBlocked: PropTypes.func.description("function that returns each day and disables desired dates"),
-  isOutsideRange: PropTypes.func.description("function that returns each day and disables outisde range dates"),
-  isDayHighlighted: PropTypes.func.description("function that returns each day and higlights desired dates"),
+  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),
+  required: PropTypes.bool.description('input is required or not').defaultValue(false),
+  startDateRequired: PropTypes.bool.description('start date is required or not').defaultValue(false),
+  endDateRequired: PropTypes.bool.description('end date is required or not').defaultValue(false),
+  id: PropTypes.string.description('components id'),
+  hasError: PropTypes.bool.description('set error state').defaultValue(false),
+  validationMessage: PropTypes.string.description('validation message'),
+  readOnly: PropTypes.bool.description('component is read only or not').description(false),
+  screenReaderInputMessage: PropTypes.string.description('message to be anounced by screen reader').defaultValue('select date'),
+  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial visible month'),
+  firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),
+  keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(true),
+  reopenPickerOnClearDates: PropTypes.bool.description('reopen picker when clearing dates').defaultValue(false),
+  hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not'),
+  onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),
+  onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),
+  onClose: PropTypes.func.description('function executed when component closes'),
+  transitionDuration: PropTypes.number.description('transition duration').defaultValue(0),
+  verticalSpacing: PropTypes.number.description('vertical spacing'),
+  isDayBlocked: PropTypes.func.description('function that returns each day and disables desired dates'),
+  isOutsideRange: PropTypes.func.description('function that returns each day and disables outisde range dates'),
+  isDayHighlighted: PropTypes.func.description('function that returns each day and higlights desired dates'),
   minimumNights: 0,
-  displayFormat: PropTypes.string.description("display format").defaultValue("L"),
-  displayFormatDay: PropTypes.string.description("display format day").defaultValue("D"),
+  displayFormat: PropTypes.string.description('display format').defaultValue('L'),
+  displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),
   phrases: PropTypes.shape({
     calendarLabel: PropTypes.string,
     closeDatePicker: PropTypes.string,
@@ -157,28 +172,20 @@ const dateRangePickerProps = {
     chooseAvailableEndDate: PropTypes.func,
     dateIsUnavailable: PropTypes.func,
     dateIsSelected: PropTypes.func
-  }).description("react-dates phrases"),
-  startDate: PropTypes.instanceOf(Date, moment).description("start date value"),
-  endDate: PropTypes.instanceOf(Date, moment).description("end date value"),
-  startDateId: PropTypes.string.description("start date id"),
-  endDateId: PropTypes.string.description("end date id"),
-  labelFrom: PropTypes.string.description("label of start date input"),
-  labelTo: PropTypes.string.description("label of end date input"),
-  enableOutsideDays: PropTypes.bool.description("enable days outside current month").defaultValue("true"),
-  onDatesChange: PropTypes.func.description("function executed when dates change"),
-  onChangeStartInput: PropTypes.func.description("function executed when start date input changes"),
-  onChangeEndInput: PropTypes.func.description("function executed when end date input changes"),
-  onOutsideClick: PropTypes.func.description("function executed when clicking outside component")
+  }).description('react-dates phrases'),
+  startDate: PropTypes.instanceOf(Date, moment).description('start date value'),
+  endDate: PropTypes.instanceOf(Date, moment).description('end date value'),
+  startDateId: PropTypes.string.description('start date id'),
+  endDateId: PropTypes.string.description('end date id'),
+  labelFrom: PropTypes.string.description('label of start date input'),
+  labelTo: PropTypes.string.description('label of end date input'),
+  enableOutsideDays: PropTypes.bool.description('enable days outside current month').defaultValue('true'),
+  onDatesChange: PropTypes.func.description('function executed when dates change'),
+  onChangeStartInput: PropTypes.func.description('function executed when start date input changes'),
+  onChangeEndInput: PropTypes.func.description('function executed when end date input changes'),
+  onOutsideClick: PropTypes.func.description('function executed when clicking outside component')
 };
-DSDateRangePicker.propTypes = dateRangePickerProps;
 const DateRangePickerWithSchema = describe(DSDateRangePicker);
 DateRangePickerWithSchema.propTypes = dateRangePickerProps;
-var DSDateRangePicker_default = DSDateRangePicker;
-export {
-  DateRangePickerWithSchema,
-  DayPickerRangeController,
-  END_DATE,
-  START_DATE,
-  DSDateRangePicker_default as default
-};
-//# sourceMappingURL=DSDateRangePicker.js.map
+
+export { DateRangePickerWithSchema, DSDateRangePicker as default };