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

package/esm/DSDatePicker.js

@@ -1,5 +1,12 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+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 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import 'react-dates/initialize';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
@@ -18,185 +25,114 @@ export { default as SingleRangeDateSwitcher } from './components/SingleRangeDate
 export { renderMonthElement } from './components/DatePickerRenderMonth/DatePickerRenderMonth.js';
 import DSdatePickerImpl from './components/DSDatePickerImpl.js';
 export { default as DSDatePickerController } from './components/DatePickerController/DatePickerController.js';
-import 'prop-types';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-icon';
-import './prop-types-578e866b.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popper';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react-dates';
-import '@elliemae/ds-form';
-import '@elliemae/ds-grid';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@babel/runtime/helpers/esm/toArray';
-import 'lodash';
+import { jsx } from 'react/jsx-runtime';
 
-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() : _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 ? 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 = 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(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.createElement("div", _extends({
+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(),
+    firstDayOfWeek = 0,
+    keepOpenOnDateSelect = false,
+    hideKeyboardShortcutsPanel = true,
+    onChange = () => null,
+    onDateChange = undefined,
+    onPrevMonthClick = () => null,
+    onNextMonthClick = () => null,
+    onClose = () => null,
+    onFocus = () => null,
+    onBlur = () => null,
+    phrases = 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
+  } = convertPropToCssClassName('datepicker', className, {
+    hasError,
+    readOnly,
+    disabled,
+    id
+  });
+  const safeDate = date || value;
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     className: cssClassName
-  }, containerProps, {
+  }, containerProps), {}, {
     style: {
       minWidth: '140px'
-    }
-  }), /*#__PURE__*/React.createElement(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(_initialVisibleMonth) : moment(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(DSdatePickerImpl, {
+      appendToBody: appendToBody,
+      autoClear: autoClear,
+      date: safeDate,
+      disabled: disabled,
+      displayFormat: displayFormat,
+      displayFormatDay: displayFormatDay,
+      enableOutsideDays: enableOutsideDays,
+      firstDayOfWeek: firstDayOfWeek,
+      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+      initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(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: PropTypes.shape({}).description('Set of Properties attached to the main container'),
   id: PropTypes.string.description('components id'),
   appendToBody: PropTypes.bool.description('append component to body or not').defaultValue(true),
@@ -269,9 +205,7 @@ var datePickerProps = {
   }).description('props to be passes to the calendar container'),
   focusCurrentDate: PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false)
 };
-DSDatePicker.propTypes = datePickerProps;
-var DatePickerWithSchema = describe(DSDatePicker);
+const DatePickerWithSchema = describe(DSDatePicker);
 DatePickerWithSchema.propTypes = datePickerProps;
 
 export { DatePickerWithSchema, DSDatePicker as default };
-//# sourceMappingURL=DSDatePicker.js.map