@elliemae/ds-date-picker 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/components/DatePickerController/DatePickerController.js

@@ -1,206 +1,158 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-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/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var lodash = require('lodash');
-var PropTypes = require('prop-types');
-var moment = require('moment');
-require('react-dates/initialize');
-var reactDates = require('react-dates');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcons = require('@elliemae/ds-icons');
-var defaultPhrases = require('../../defaultPhrases.js');
-var DatePickerRenderMonth = require('../DatePickerRenderMonth/DatePickerRenderMonth.js');
-var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
-var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-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__default["default"](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 {
-  classNameElement,
-  classNameBlock
-} = dsClassnames.convertPropToCssClassName('datepicker-range');
-const focusElementOnOpen = lodash.debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DatePickerController_exports = {};
+__export(DatePickerController_exports, {
+  DSDatePickerController: () => DSDatePickerController,
+  default: () => DSDatePickerController
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_prop_types = __toESM(require("prop-types"));
+var import_moment = __toESM(require("moment"));
+var import_initialize = require("react-dates/initialize");
+var import_react_dates = require("react-dates");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_defaultPhrases = require("../../defaultPhrases");
+var import_DatePickerRenderMonth = require("../DatePickerRenderMonth/DatePickerRenderMonth");
+var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
+var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
+const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
+const focusElementOnOpen = (0, import_lodash.debounce)((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
   if (datePickerDom) {
-    const currentDay = Array.from(datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__today')).filter(el => !el.className.includes('CalendarDay__outside'))[0];
-    const [calendarDaySelected] = datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__selected');
-
+    const currentDay = Array.from(datePickerDom?.getElementsByClassName("CalendarDay__today")).filter((el) => !el.className.includes("CalendarDay__outside"))[0];
+    const [calendarDaySelected] = datePickerDom?.getElementsByClassName("CalendarDay__selected");
     if (calendarDaySelected) {
-      var _calendarDaySelected$;
-
-      calendarDaySelected === null || calendarDaySelected === void 0 ? void 0 : (_calendarDaySelected$ = calendarDaySelected.focus) === null || _calendarDaySelected$ === void 0 ? void 0 : _calendarDaySelected$.call(calendarDaySelected);
-    } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();else {
-      var _navButton$focus;
-
-      const navButton = firstFocusableItemDom === null || firstFocusableItemDom === void 0 ? void 0 : firstFocusableItemDom.closest('.DayPickerNavigation_button>div');
-      navButton === null || navButton === void 0 ? void 0 : (_navButton$focus = navButton.focus) === null || _navButton$focus === void 0 ? void 0 : _navButton$focus.call(navButton);
+      calendarDaySelected?.focus?.();
+    } else if (focusCurrentDate && !calendarDaySelected)
+      currentDay.focus();
+    else {
+      const navButton = firstFocusableItemDom?.closest(".DayPickerNavigation_button>div");
+      navButton?.focus?.();
     }
   }
 }, 100);
-class DSDatePickerController extends React__default["default"].Component {
-  // eslint-disable-next-line react/static-property-placement
+class DSDatePickerController extends import_react.default.Component {
   constructor(props) {
     super(props);
-
     this.handleMouseUp = () => {
-      var _focusedElement$blur;
-
       const focusedElement = document.activeElement;
-      focusedElement === null || focusedElement === void 0 ? void 0 : (_focusedElement$blur = focusedElement.blur) === null || _focusedElement$blur === void 0 ? void 0 : _focusedElement$blur.call(focusedElement);
+      focusedElement?.blur?.();
     };
-
-    this.handleKeyDown = event => {
-      const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
+    this.handleKeyDown = (event) => {
+      const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
       const [lastDay] = restOfDays.slice(-1);
-      const {
-        onClickEscape
-      } = this.props;
-
+      const { onClickEscape } = this.props;
       switch (event.key) {
-        case 'Home':
+        case "Home":
           firstDay.focus();
           break;
-
-        case 'End':
+        case "End":
           lastDay.focus();
           break;
-
-        case 'Escape':
+        case "Escape":
           onClickEscape();
           break;
+        default:
+          break;
       }
     };
-
     this.getSafeValue = () => {
-      const {
-        value,
-        date,
-        defaultValue
-      } = this.props;
-      const {
-        selectedDate
-      } = this.state;
-      if (value) return moment__default["default"](value);
-      if (date) return moment__default["default"](date);
-      if (defaultValue) return moment__default["default"](defaultValue);
-      if (selectedDate) return moment__default["default"](selectedDate);
+      const { value, date, defaultValue } = this.props;
+      const { selectedDate } = this.state;
+      if (value)
+        return (0, import_moment.default)(value);
+      if (date)
+        return (0, import_moment.default)(date);
+      if (defaultValue)
+        return (0, import_moment.default)(defaultValue);
+      if (selectedDate)
+        return (0, import_moment.default)(selectedDate);
       return null;
     };
-
     this.isControlled = () => {
-      const {
-        value,
-        date
-      } = this.props;
+      const { value, date } = this.props;
       return Boolean(value) || Boolean(date);
     };
-
-    this.handleDateChange = date => {
-      const {
-        readOnly,
-        onDateChange,
-        onChange
-      } = this.props;
-
+    this.handleDateChange = (date) => {
+      const { readOnly, onDateChange, onChange } = this.props;
       if (!readOnly) {
         if (!this.isControlled()) {
-          this.setState({
-            selectedDate: date
-          });
+          this.setState({ selectedDate: date });
         }
-
         onDateChange(date);
         onChange(date);
       }
     };
-
-    this.handleChange = dataInput => {
-      const {
-        onDateChange,
-        onChange
-      } = this.props;
-      const momentvalue = moment__default["default"](dataInput.target.value);
-      this.setState({
-        selectedDate: momentvalue
-      });
+    this.handleChange = (dataInput) => {
+      const { onDateChange, onChange } = this.props;
+      const momentvalue = (0, import_moment.default)(dataInput.target.value);
+      this.setState({ selectedDate: momentvalue });
       onDateChange(momentvalue);
       onChange(momentvalue);
     };
-
     this.handleNavClick = (date, nav) => {
-      const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
-      const {
-        onPrevMonthClick,
-        onNextMonthClick
-      } = this.props;
-
-      if (nav === 'prev') {
-        var _prev$focus;
-
-        prev === null || prev === void 0 ? void 0 : (_prev$focus = prev.focus) === null || _prev$focus === void 0 ? void 0 : _prev$focus.call(prev);
+      const [prev, next] = document.getElementsByClassName("DayPickerNavigation_button");
+      const { onPrevMonthClick, onNextMonthClick } = this.props;
+      if (nav === "prev") {
+        prev?.focus?.();
         onPrevMonthClick(date);
       } else {
-        var _next$focus;
-
-        next === null || next === void 0 ? void 0 : (_next$focus = next.focus) === null || _next$focus === void 0 ? void 0 : _next$focus.call(next);
+        next?.focus?.();
         onNextMonthClick(date);
       }
     };
-
-    this.insideBlur = event => {
-      const {
-        datePicker
-      } = this.state;
-
+    this.insideBlur = (event) => {
+      const { datePicker } = this.state;
       if (!datePicker.current.contains(event.currentTarget)) {
         this.props.onClose();
       }
     };
-
     this.state = {
       selectedDate: null,
-      firstFocusableItem: /*#__PURE__*/React__default["default"].createRef(),
-      datePicker: /*#__PURE__*/React__default["default"].createRef()
+      firstFocusableItem: import_react.default.createRef(),
+      datePicker: import_react.default.createRef()
     };
   }
-
   componentDidMount() {
-    const {
-      datePicker,
-      firstFocusableItem
-    } = this.state;
-    datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);
-    document.addEventListener('keydown', this.handleKeyDown, false);
+    const { datePicker, firstFocusableItem } = this.state;
+    datePicker.current.addEventListener("mouseup", this.handleMouseUp, false);
+    document.addEventListener("keydown", this.handleKeyDown, false);
     setTimeout(() => {
-      focusElementOnOpen(datePicker === null || datePicker === void 0 ? void 0 : datePicker.current, firstFocusableItem === null || firstFocusableItem === void 0 ? void 0 : firstFocusableItem.current, this.props.focusCurrentDate);
+      focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);
     }, 400);
   }
-
   componentWillUnmount() {
-    const {
-      datePicker
-    } = this.state;
-    datePicker.current.removeEventListener('mouseup', this.handleMouseUp, false);
-    document.removeEventListener('keydown', this.handleKeyDown, false);
+    const { datePicker } = this.state;
+    datePicker.current.removeEventListener("mouseup", this.handleMouseUp, false);
+    document.removeEventListener("keydown", this.handleKeyDown, false);
   }
-
   render() {
     const {
       numberOfMonths,
@@ -220,70 +172,62 @@ class DSDatePickerController extends React__default["default"].Component {
       key,
       calendarProps
     } = this.props;
-    const {
-      datePicker,
-      firstFocusableItem
-    } = this.state;
+    const { datePicker, firstFocusableItem } = this.state;
     const safedate = this.getSafeValue();
     const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
-    return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
       onBlur: this.insideBlur,
       ref: datePicker,
-      className: classNameBlock('wrapper-day-picker-single-date-controller'),
-      "data-testid": "calendar-wrapper"
-    }, calendarProps), {}, {
-      children: /*#__PURE__*/_jsx__default["default"](reactDates.DayPickerSingleDateController, {
-        date: safedate,
-        enableOutsideDays: enableOutsideDays,
-        firstDayOfWeek: firstDayOfWeek,
-        focused: true,
-        hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-        initialVisibleMonth: safeinitialMonth,
-        isDayBlocked: isDayBlocked,
-        isDayHighlighted: isDayHighlighted,
-        isOutsideRange: isOutsideRange,
-        keepOpenOnDateSelect: keepOpenOnDateSelect,
-        navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-          className: classNameElement('navigation-next')
-        }),
-        navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-          className: classNameElement('navigation-prev'),
-          icon: dsIcons.ChevronLeft,
-          innerRef: firstFocusableItem
-        }),
-        renderMonthElement: DatePickerRenderMonth.renderMonthElement,
-        numberOfMonths: numberOfMonths,
-        onClose: onClose,
-        onDateChange: this.handleDateChange,
-        onNextMonthClick: e => {
-          this.handleNavClick(e, 'next');
-        },
-        onOutsideClick: onOutsideClick,
-        onPrevMonthClick: e => {
-          this.handleNavClick(e, 'prev');
-        },
-        phrases: phrases,
-        renderDayContents: date => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
-          className: classNameElement('day-contents'),
-          date: date.format(displayFormatDay)
-        }),
-        transitionDuration: transitionDuration,
-        onTab: e => {
-          if (e.target.classList.contains('CalendarDay')) {
-            e.preventDefault();
-            onClose();
-          }
+      className: classNameBlock("wrapper-day-picker-single-date-controller"),
+      "data-testid": "calendar-wrapper",
+      ...calendarProps
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerSingleDateController, {
+      key,
+      date: safedate,
+      enableOutsideDays,
+      firstDayOfWeek,
+      focused: true,
+      hideKeyboardShortcutsPanel,
+      initialVisibleMonth: safeinitialMonth,
+      isDayBlocked,
+      isDayHighlighted,
+      isOutsideRange,
+      keepOpenOnDateSelect,
+      navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
+        className: classNameElement("navigation-next")
+      }),
+      navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
+        className: classNameElement("navigation-prev"),
+        icon: import_ds_icons.ChevronLeft,
+        innerRef: firstFocusableItem
+      }),
+      renderMonthElement: import_DatePickerRenderMonth.renderMonthElement,
+      numberOfMonths,
+      onClose,
+      onDateChange: this.handleDateChange,
+      onNextMonthClick: this.handleNavClick("next"),
+      onOutsideClick,
+      onPrevMonthClick: this.handleNavClick("prev"),
+      phrases,
+      renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
+        className: classNameElement("day-contents"),
+        date: date.format(displayFormatDay)
+      }),
+      transitionDuration,
+      onTab: (e) => {
+        if (e.target.classList.contains("CalendarDay")) {
+          e.preventDefault();
+          onClose();
         }
-      }, key)
+      }
     })));
   }
-
 }
 DSDatePickerController.defaultProps = {
-  date: '',
-  value: '',
+  date: "",
+  value: "",
   enableOutsideDays: false,
-  initialVisibleMonth: moment__default["default"](),
+  initialVisibleMonth: (0, import_moment.default)(),
   firstDayOfWeek: 0,
   keepOpenOnDateSelect: true,
   hideKeyboardShortcutsPanel: true,
@@ -293,21 +237,41 @@ DSDatePickerController.defaultProps = {
   onChange: () => null,
   onClickEscape: () => null,
   onDateChange: () => null,
-  phrases: defaultPhrases.SingleDatePickerPhrases,
-  // displayFormat: 'L',
-  displayFormatDay: 'D',
+  phrases: import_defaultPhrases.SingleDatePickerPhrases,
+  displayFormatDay: "D",
   transitionDuration: 0,
-  // verticalSpacing: 0,
   isDayBlocked: () => false,
   isOutsideRange: () => false,
   isDayHighlighted: () => false,
   numberOfMonths: 1
 };
+DSDatePickerController.propTypes = {
+  date: import_prop_types.default.instanceOf(Date, import_moment.default),
+  value: import_prop_types.default.oneOf(import_prop_types.default.instanceOf(Date), import_prop_types.default.instanceOf(import_moment.default)),
+  enableOutsideDays: import_prop_types.default.bool,
+  initialVisibleMonth: import_prop_types.default.instanceOf(Date, import_moment.default),
+  firstDayOfWeek: import_prop_types.default.number,
+  keepOpenOnDateSelect: import_prop_types.default.bool,
+  hideKeyboardShortcutsPanel: import_prop_types.default.bool,
+  onPrevMonthClick: import_prop_types.default.func,
+  onNextMonthClick: import_prop_types.default.func,
+  onClose: import_prop_types.default.func,
+  onClickEscape: import_prop_types.default.func,
+  onChange: import_prop_types.default.func,
+  onDateChange: import_prop_types.default.func,
+  phrases: import_defaultPhrases.SingleDatePickerPhrases,
+  displayFormatDay: import_prop_types.default.string,
+  transitionDuration: import_prop_types.default.number,
+  isDayBlocked: import_prop_types.default.func,
+  isOutsideRange: import_prop_types.default.func,
+  isDayHighlighted: import_prop_types.default.func,
+  numberOfMonths: import_prop_types.default.number
+};
 DSDatePickerController.defaultProps = {
-  date: '',
-  value: '',
+  date: "",
+  value: "",
   enableOutsideDays: false,
-  initialVisibleMonth: moment__default["default"](),
+  initialVisibleMonth: (0, import_moment.default)(),
   firstDayOfWeek: 0,
   keepOpenOnDateSelect: true,
   hideKeyboardShortcutsPanel: true,
@@ -317,44 +281,42 @@ DSDatePickerController.defaultProps = {
   onClickEscape: () => null,
   onChange: () => null,
   onDateChange: () => null,
-  phrases: PropTypes__default["default"].shape({
-    calendarLabel: PropTypes__default["default"].string,
-    closeDatePicker: PropTypes__default["default"].string,
-    clearDates: PropTypes__default["default"].string,
-    focusStartDate: PropTypes__default["default"].string,
-    jumpToPrevMonth: PropTypes__default["default"].string,
-    jumpToNextMonth: PropTypes__default["default"].string,
-    keyboardShortcuts: PropTypes__default["default"].string,
-    showKeyboardShortcutsPanel: PropTypes__default["default"].string,
-    hideKeyboardShortcutsPanel: PropTypes__default["default"].string,
-    openThisPanel: PropTypes__default["default"].string,
-    enterKey: PropTypes__default["default"].string,
-    leftArrowRightArrow: PropTypes__default["default"].string,
-    upArrowDownArrow: PropTypes__default["default"].string,
-    pageUpPageDown: PropTypes__default["default"].string,
-    homeEnd: PropTypes__default["default"].string,
-    escape: PropTypes__default["default"].string,
-    questionMark: PropTypes__default["default"].string,
-    selectFocusedDate: PropTypes__default["default"].string,
-    moveFocusByOneDay: PropTypes__default["default"].string,
-    moveFocusByOneWeek: PropTypes__default["default"].string,
-    moveFocusByOneMonth: PropTypes__default["default"].string,
-    moveFocustoStartAndEndOfWeek: PropTypes__default["default"].string,
-    returnFocusToInput: PropTypes__default["default"].string,
-    keyboardNavigationInstructions: PropTypes__default["default"].string,
-    chooseAvailableStartDate: PropTypes__default["default"].func,
-    chooseAvailableEndDate: PropTypes__default["default"].func,
-    dateIsUnavailable: PropTypes__default["default"].func,
-    dateIsSelected: PropTypes__default["default"].func
+  phrases: import_prop_types.default.shape({
+    calendarLabel: import_prop_types.default.string,
+    closeDatePicker: import_prop_types.default.string,
+    clearDates: import_prop_types.default.string,
+    focusStartDate: import_prop_types.default.string,
+    jumpToPrevMonth: import_prop_types.default.string,
+    jumpToNextMonth: import_prop_types.default.string,
+    keyboardShortcuts: import_prop_types.default.string,
+    showKeyboardShortcutsPanel: import_prop_types.default.string,
+    hideKeyboardShortcutsPanel: import_prop_types.default.string,
+    openThisPanel: import_prop_types.default.string,
+    enterKey: import_prop_types.default.string,
+    leftArrowRightArrow: import_prop_types.default.string,
+    upArrowDownArrow: import_prop_types.default.string,
+    pageUpPageDown: import_prop_types.default.string,
+    homeEnd: import_prop_types.default.string,
+    escape: import_prop_types.default.string,
+    questionMark: import_prop_types.default.string,
+    selectFocusedDate: import_prop_types.default.string,
+    moveFocusByOneDay: import_prop_types.default.string,
+    moveFocusByOneWeek: import_prop_types.default.string,
+    moveFocusByOneMonth: import_prop_types.default.string,
+    moveFocustoStartAndEndOfWeek: import_prop_types.default.string,
+    returnFocusToInput: import_prop_types.default.string,
+    keyboardNavigationInstructions: import_prop_types.default.string,
+    chooseAvailableStartDate: import_prop_types.default.func,
+    chooseAvailableEndDate: import_prop_types.default.func,
+    dateIsUnavailable: import_prop_types.default.func,
+    dateIsSelected: import_prop_types.default.func
   }),
-  // displayFormat: 'L',
-  displayFormatDay: 'D',
+  displayFormatDay: "D",
   transitionDuration: 0,
-  // verticalSpacing: 0,
   isDayBlocked: () => false,
   isOutsideRange: () => false,
   isDayHighlighted: () => false,
   numberOfMonths: 1
 };
-
-module.exports = DSDatePickerController;
+module.exports = __toCommonJS(DatePickerController_exports);
+//# sourceMappingURL=DatePickerController.js.map

package/cjs/components/DatePickerController/DatePickerController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerController/DatePickerController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport 'react-dates/initialize';\nimport { DayPickerSingleDateController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { SingleDatePickerPhrases } from '../../defaultPhrases';\nimport { renderMonthElement } from '../DatePickerRenderMonth/DatePickerRenderMonth';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\n\ninterface DSDatePickerControllerStateType {\n  selectedDate: any;\n  firstFocusableItem: React.RefObject<HTMLElement>;\n  datePicker: React.RefObject<HTMLElement>;\n}\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker-range');\n\nconst focusElementOnOpen = debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {\n  if (datePickerDom) {\n    const currentDay = Array.from(datePickerDom?.getElementsByClassName('CalendarDay__today')).filter(\n      (el) => !el.className.includes('CalendarDay__outside'),\n    )[0];\n    const [calendarDaySelected] = datePickerDom?.getElementsByClassName('CalendarDay__selected');\n    if (calendarDaySelected) {\n      calendarDaySelected?.focus?.();\n    } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();\n    else {\n      const navButton = firstFocusableItemDom?.closest('.DayPickerNavigation_button>div');\n      navButton?.focus?.();\n    }\n  }\n}, 100);\n\nexport default class DSDatePickerController extends React.Component<any, DSDatePickerControllerStateType> {\n  // eslint-disable-next-line react/static-property-placement\n  static defaultProps = {\n    date: '',\n    value: '',\n    enableOutsideDays: false,\n    initialVisibleMonth: moment(),\n    firstDayOfWeek: 0,\n    keepOpenOnDateSelect: true,\n    hideKeyboardShortcutsPanel: true,\n    onPrevMonthClick: () => null,\n    onNextMonthClick: () => null,\n    onClose: () => null,\n    onChange: () => null,\n    onClickEscape: () => null,\n    onDateChange: () => null,\n    phrases: SingleDatePickerPhrases,\n    // displayFormat: 'L',\n    displayFormatDay: 'D',\n    transitionDuration: 0,\n    // verticalSpacing: 0,\n    isDayBlocked: () => false,\n    isOutsideRange: () => false,\n    isDayHighlighted: () => false,\n    numberOfMonths: 1,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      selectedDate: null,\n      firstFocusableItem: React.createRef(),\n      datePicker: React.createRef(),\n    };\n  }\n\n  componentDidMount() {\n    const { datePicker, firstFocusableItem } = this.state;\n    datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);\n    document.addEventListener('keydown', this.handleKeyDown, false);\n    setTimeout(() => {\n      focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);\n    }, 400);\n  }\n\n  componentWillUnmount() {\n    const { datePicker } = this.state;\n    datePicker.current.removeEventListener('mouseup', this.handleMouseUp, false);\n    document.removeEventListener('keydown', this.handleKeyDown, false);\n  }\n\n  handleMouseUp = () => {\n    const focusedElement = document.activeElement;\n\n    focusedElement?.blur?.();\n  };\n\n  handleKeyDown = (event) => {\n    const [firstDay, ...restOfDays] = document\n      .getElementsByClassName('CalendarMonthGrid_month__horizontal')[1]\n      .getElementsByClassName('CalendarDay');\n    const [lastDay] = restOfDays.slice(-1);\n    const { onClickEscape } = this.props;\n\n    switch (event.key) {\n      case 'Home':\n        firstDay.focus();\n        break;\n      case 'End':\n        lastDay.focus();\n        break;\n      case 'Escape':\n        onClickEscape();\n        break;\n      default:\n        break;\n    }\n  };\n\n  getSafeValue = () => {\n    const { value, date, defaultValue } = this.props;\n    const { selectedDate } = this.state;\n\n    if (value) return moment(value);\n    if (date) return moment(date);\n    if (defaultValue) return moment(defaultValue);\n    if (selectedDate) return moment(selectedDate);\n\n    return null;\n  };\n\n  isControlled = () => {\n    const { value, date } = this.props;\n    return Boolean(value) || Boolean(date);\n  };\n\n  handleDateChange = (date) => {\n    const { readOnly, onDateChange, onChange } = this.props;\n    if (!readOnly) {\n      if (!this.isControlled()) {\n        this.setState({ selectedDate: date });\n      }\n      onDateChange(date);\n      onChange(date);\n    }\n  };\n\n  handleChange = (dataInput) => {\n    const { onDateChange, onChange } = this.props;\n    const momentvalue = moment(dataInput.target.value);\n    this.setState({ selectedDate: momentvalue });\n    onDateChange(momentvalue);\n    onChange(momentvalue);\n  };\n\n  handleNavClick = (date, nav) => {\n    const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');\n    const { onPrevMonthClick, onNextMonthClick } = this.props;\n\n    if (nav === 'prev') {\n      prev?.focus?.();\n      onPrevMonthClick(date);\n    } else {\n      next?.focus?.();\n      onNextMonthClick(date);\n    }\n  };\n\n  insideBlur = (event) => {\n    const { datePicker } = this.state;\n    if (!datePicker.current.contains(event.currentTarget)) {\n      this.props.onClose();\n    }\n  };\n\n  render() {\n    const {\n      numberOfMonths,\n      enableOutsideDays,\n      transitionDuration,\n      initialVisibleMonth,\n      firstDayOfWeek,\n      keepOpenOnDateSelect,\n      hideKeyboardShortcutsPanel,\n      onClose,\n      phrases,\n      displayFormatDay,\n      isDayBlocked,\n      isOutsideRange,\n      isDayHighlighted,\n      onOutsideClick,\n      key,\n      calendarProps,\n    } = this.props;\n    const { datePicker, firstFocusableItem } = this.state;\n\n    const safedate = this.getSafeValue();\n    const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;\n\n    return (\n      <div>\n        <div\n          onBlur={this.insideBlur}\n          ref={datePicker}\n          className={classNameBlock('wrapper-day-picker-single-date-controller')}\n          data-testid=\"calendar-wrapper\"\n          {...calendarProps}\n        >\n          <DayPickerSingleDateController\n            key={key}\n            date={safedate}\n            enableOutsideDays={enableOutsideDays}\n            firstDayOfWeek={firstDayOfWeek}\n            focused\n            hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n            initialVisibleMonth={safeinitialMonth}\n            isDayBlocked={isDayBlocked}\n            isDayHighlighted={isDayHighlighted}\n            isOutsideRange={isOutsideRange}\n            keepOpenOnDateSelect={keepOpenOnDateSelect}\n            navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n            navPrev={\n              <DatePickerNavigation\n                className={classNameElement('navigation-prev')}\n                icon={ChevronLeft}\n                innerRef={firstFocusableItem}\n              />\n            }\n            renderMonthElement={renderMonthElement}\n            numberOfMonths={numberOfMonths}\n            onClose={onClose}\n            onDateChange={this.handleDateChange}\n            onNextMonthClick={this.handleNavClick('next')}\n            onOutsideClick={onOutsideClick}\n            onPrevMonthClick={this.handleNavClick('prev')}\n            phrases={phrases}\n            renderDayContents={(date) => (\n              <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n            )}\n            transitionDuration={transitionDuration}\n            onTab={(e) => {\n              if (e.target.classList.contains('CalendarDay')) {\n                e.preventDefault();\n                onClose();\n              }\n            }}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nDSDatePickerController.propTypes = {\n  date: PropTypes.instanceOf(Date, moment),\n  value: PropTypes.oneOf(PropTypes.instanceOf(Date), PropTypes.instanceOf(moment)),\n  enableOutsideDays: PropTypes.bool,\n  initialVisibleMonth: PropTypes.instanceOf(Date, moment),\n  firstDayOfWeek: PropTypes.number,\n  keepOpenOnDateSelect: PropTypes.bool,\n  hideKeyboardShortcutsPanel: PropTypes.bool,\n  onPrevMonthClick: PropTypes.func,\n  onNextMonthClick: PropTypes.func,\n  onClose: PropTypes.func,\n  onClickEscape: PropTypes.func,\n  onChange: PropTypes.func,\n  onDateChange: PropTypes.func,\n  phrases: SingleDatePickerPhrases,\n  // displayFormat: PropTypes.string,\n  displayFormatDay: PropTypes.string,\n  transitionDuration: PropTypes.number,\n  // verticalSpacing: PropTypes.number,\n  isDayBlocked: PropTypes.func,\n  isOutsideRange: PropTypes.func,\n  isDayHighlighted: PropTypes.func,\n  numberOfMonths: PropTypes.number,\n};\n\nDSDatePickerController.defaultProps = {\n  date: '',\n  value: '',\n  enableOutsideDays: false,\n  initialVisibleMonth: moment(),\n  firstDayOfWeek: 0,\n  keepOpenOnDateSelect: true,\n  hideKeyboardShortcutsPanel: true,\n  onPrevMonthClick: () => null,\n  onNextMonthClick: () => null,\n  onClose: () => null,\n  onClickEscape: () => null,\n  onChange: () => null,\n  onDateChange: () => null,\n  phrases: PropTypes.shape({\n    calendarLabel: PropTypes.string,\n    closeDatePicker: PropTypes.string,\n    clearDates: PropTypes.string,\n    focusStartDate: PropTypes.string,\n    jumpToPrevMonth: PropTypes.string,\n    jumpToNextMonth: PropTypes.string,\n    keyboardShortcuts: PropTypes.string,\n    showKeyboardShortcutsPanel: PropTypes.string,\n    hideKeyboardShortcutsPanel: PropTypes.string,\n    openThisPanel: PropTypes.string,\n    enterKey: PropTypes.string,\n    leftArrowRightArrow: PropTypes.string,\n    upArrowDownArrow: PropTypes.string,\n    pageUpPageDown: PropTypes.string,\n    homeEnd: PropTypes.string,\n    escape: PropTypes.string,\n    questionMark: PropTypes.string,\n    selectFocusedDate: PropTypes.string,\n    moveFocusByOneDay: PropTypes.string,\n    moveFocusByOneWeek: PropTypes.string,\n    moveFocusByOneMonth: PropTypes.string,\n    moveFocustoStartAndEndOfWeek: PropTypes.string,\n    returnFocusToInput: PropTypes.string,\n    keyboardNavigationInstructions: PropTypes.string,\n    chooseAvailableStartDate: PropTypes.func,\n    chooseAvailableEndDate: PropTypes.func,\n    dateIsUnavailable: PropTypes.func,\n    dateIsSelected: PropTypes.func,\n  }),\n  // displayFormat: 'L',\n  displayFormatDay: 'D',\n  transitionDuration: 0,\n  // verticalSpacing: 0,\n  isDayBlocked: () => false,\n  isOutsideRange: () => false,\n  isDayHighlighted: () => false,\n  numberOfMonths: 1,\n};\n\nexport { DSDatePickerController };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}