@elliemae/ds-date-picker 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/cjs/components/DSDatePickerImpl.js

@@ -1,274 +0,0 @@
-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 DSDatePickerImpl_exports = {};
-__export(DSDatePickerImpl_exports, {
-  DSDatePickerImpl: () => DSDatePickerImpl,
-  default: () => DSDatePickerImpl
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_moment = __toESM(require("moment"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_DatePickerController = require("./DatePickerController/DatePickerController");
-var import_DatePickerDropdown = require("./DatePickerDropdown");
-const FORMAT = "MMDDYYYY";
-class DSDatePickerImpl extends import_react.default.Component {
-  constructor(props) {
-    super(props);
-    this.onClickPicker = () => {
-      this.setState({ inputFocused: true });
-    };
-    this.getSafeValue = () => {
-      const { value, date, defaultValue } = this.props;
-      const { selectedDate } = this.state;
-      if (value) {
-        return (0, import_moment.default)(value, FORMAT, true);
-      }
-      if (date) {
-        return (0, import_moment.default)(date, FORMAT, true);
-      }
-      if (defaultValue) {
-        return (0, import_moment.default)(defaultValue, FORMAT, true);
-      }
-      if (selectedDate) {
-        return selectedDate;
-      }
-      return null;
-    };
-    this.getSafeInputValue = () => {
-      const safeValue = this.getSafeValue();
-      if (safeValue && safeValue.isValid()) {
-        return safeValue.format(FORMAT);
-      }
-      const { dataInput } = this.state;
-      return dataInput;
-    };
-    this.isControlled = () => {
-      const { value, date } = this.props;
-      return Boolean(value) || Boolean(date);
-    };
-    this.handleDateChange = (date, event) => {
-      const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;
-      if (!readOnly) {
-        if (!this.isControlled()) {
-          this.setState({ dataInput: date.format(FORMAT), selectedDate: date });
-        }
-        onChange(date.format(FORMAT), date);
-        onDateChange(date);
-        if (!keepOpenOnDateSelect || event.key === "Enter") {
-          this.setState({ inputFocused: false });
-          onBlur(date.format(FORMAT), date);
-        }
-      }
-    };
-    this.handleInputChange = (dataInput, newDate) => {
-      const { onChange } = this.props;
-      const newState = {
-        dataInput,
-        selectedDate: newDate
-      };
-      this.setState(() => newState);
-      onChange(dataInput, newDate);
-    };
-    this.handleChange = (newDate) => {
-      if (!newDate)
-        return;
-      const { onDateChange } = this.props;
-      const momentValue = (0, import_moment.default)(newDate, FORMAT, true);
-      if (!momentValue.isValid())
-        return;
-      this.setState({ selectedDate: momentValue });
-      onDateChange(momentValue);
-    };
-    this.handleFocus = ({ focused }) => {
-      this.setState({ inputFocused: focused });
-    };
-    this.handleCalendarClose = () => {
-      const { onClose } = this.props;
-      this.setState({ inputFocused: false });
-      this.handleOnBlur();
-      onClose();
-    };
-    this.handleClickEscape = () => {
-      const { onClose } = this.props;
-      this.setState({ inputFocused: false });
-      this.handleOnBlur();
-      onClose();
-    };
-    this.handleOnBlur = () => {
-      setTimeout(() => {
-        const { onBlur, autoClear } = this.props;
-        const { dataInput, selectedDate } = this.state;
-        if ((0, import_moment.default)(selectedDate, FORMAT, true).isValid()) {
-          onBlur(dataInput, selectedDate);
-        } else {
-          if (autoClear) {
-            this.setState({ dataInput: void 0 });
-          }
-          onBlur(dataInput, null);
-        }
-      });
-    };
-    this.handleInputFocus = (dataInput) => {
-      const { onFocus } = this.props;
-      onFocus(dataInput);
-    };
-    this.state = {
-      pickerRef: import_react.default.createRef(),
-      dataInput: "",
-      selectedDate: null,
-      inputFocused: false
-    };
-  }
-  static getDerivedStateFromProps(nextProps, prevState) {
-    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};
-    const { value: nextVal, date: nextDate } = nextProps;
-    const isPrevValMoment = prevVal instanceof import_moment.default;
-    const isPrevDateMoment = prevDate instanceof import_moment.default;
-    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;
-    if (nextVal == null && nextDate == null) {
-      return {
-        dataInput: "",
-        selectedDate: null
-      };
-    }
-    if (prevValAsString?.length < 8) {
-      return null;
-    }
-    const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;
-    const isNextValMoment = nextVal instanceof import_moment.default;
-    const isNextDateMoment = nextDate instanceof import_moment.default;
-    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;
-    const nextValAsMoment = isNextValMoment ? nextVal : (0, import_moment.default)(nextVal);
-    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;
-    const nextDateAsMoment = isNextDateMoment ? nextDate : (0, import_moment.default)(nextDate);
-    const hasValChanged = nextValAsString !== prevValAsString;
-    const hasDateChanged = nextDateAsString !== prevDateAsString;
-    const newState = {};
-    let skipStateChange = true;
-    if (hasDateChanged) {
-      skipStateChange = false;
-      newState.dataInput = nextDateAsString;
-      newState.selectedDate = nextDateAsMoment;
-    }
-    if (hasValChanged) {
-      skipStateChange = false;
-      newState.dataInput = nextValAsString;
-      newState.selectedDate = nextValAsMoment;
-    }
-    if (skipStateChange)
-      return null;
-    return newState;
-  }
-  render() {
-    const { inputFocused } = this.state;
-    const {
-      disabled,
-      numberOfMonths,
-      readOnly,
-      enableOutsideDays,
-      transitionDuration,
-      firstDayOfWeek,
-      keepOpenOnDateSelect,
-      hideKeyboardShortcutsPanel,
-      onPrevMonthClick,
-      onNextMonthClick,
-      onClose,
-      phrases,
-      placeholder,
-      displayFormatDay,
-      isDayBlocked,
-      isOutsideRange,
-      isDayHighlighted,
-      tabIndex,
-      zIndex,
-      pickerProps,
-      calendarProps,
-      focusCurrentDate
-    } = this.props;
-    const safedate = this.getSafeValue();
-    const safeInputValue = this.getSafeInputValue();
-    const hasSelectedDate = !!safedate;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
-      rightAddon: /* @__PURE__ */ import_react.default.createElement(import_DatePickerDropdown.DatePickerDropdown, {
-        pickerRef: this.state.pickerRef,
-        disabled,
-        isOpen: inputFocused,
-        menu: /* @__PURE__ */ import_react.default.createElement("div", {
-          style: { minHeight: "310px", zIndex: 1 },
-          className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
-          "data-testid": "date-picker-portal-wrapper"
-        }, /* @__PURE__ */ import_react.default.createElement(import_DatePickerController.DSDatePickerController, {
-          date: safedate,
-          displayFormatDay,
-          enableOutsideDays,
-          firstDayOfWeek,
-          hideKeyboardShortcutsPanel,
-          isDayBlocked,
-          isDayHighlighted,
-          isOutsideRange,
-          keepOpenOnDateSelect,
-          numberOfMonths,
-          onClickEscape: this.handleClickEscape,
-          onClose: (...args) => {
-            if (this.state.pickerRef.current)
-              this.state.pickerRef.current.focus();
-            onClose(...args);
-            this.setState({ inputFocused: false });
-          },
-          onDateChange: this.handleDateChange,
-          onFocusChange: this.handleFocus,
-          onNextMonthClick,
-          onOutsideClick: this.handleCalendarClose,
-          onPrevMonthClick,
-          phrases,
-          transitionDuration,
-          calendarProps,
-          focusCurrentDate
-        })),
-        onClick: this.onClickPicker,
-        readOnly,
-        zIndex,
-        pickerProps
-      })
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
-      "data-testid": "datepicker-input",
-      "aria-label": placeholder || "Date Picker Input",
-      disabled,
-      onBlur: this.handleOnBlur,
-      onChange: this.handleInputChange,
-      onDateChange: this.handleChange,
-      onFocus: this.handleInputFocus,
-      placeholder,
-      tabIndex,
-      value: safeInputValue
-    }));
-  }
-}
-module.exports = __toCommonJS(DSDatePickerImpl_exports);
-//# sourceMappingURL=DSDatePickerImpl.js.map

package/dist/cjs/components/DSDatePickerImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DSDatePickerImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable react/state-in-constructor */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport moment from 'moment';\nimport { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';\nimport { DSDatePickerController } from './DatePickerController/DatePickerController';\nimport { DatePickerDropdown } from './DatePickerDropdown';\n\nconst FORMAT = 'MMDDYYYY';\nexport default class DSDatePickerImpl extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      pickerRef: React.createRef(),\n      dataInput: '',\n      selectedDate: null,\n      inputFocused: false,\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};\n    const { value: nextVal, date: nextDate } = nextProps;\n\n    const isPrevValMoment = prevVal instanceof moment;\n    const isPrevDateMoment = prevDate instanceof moment;\n    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;\n\n    // if users wants to clear, we use '==' to catch both undefined AND null\n    if (nextVal == null && nextDate == null) {\n      return {\n        dataInput: '',\n        selectedDate: null,\n      };\n    }\n\n    // when val is an incomplete state, we don't want to mess with the state\n    //  it's incomplete when length is not the full mmddyyyy (length === 8)\n    if (prevValAsString?.length < 8) {\n      return null;\n    }\n\n    const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;\n\n    const isNextValMoment = nextVal instanceof moment;\n    const isNextDateMoment = nextDate instanceof moment;\n    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;\n    const nextValAsMoment = isNextValMoment ? nextVal : moment(nextVal);\n    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;\n    const nextDateAsMoment = isNextDateMoment ? nextDate : moment(nextDate);\n\n    const hasValChanged = nextValAsString !== prevValAsString;\n    const hasDateChanged = nextDateAsString !== prevDateAsString;\n\n    const newState = {};\n    let skipStateChange = true;\n\n    // value has priority over date, if both date and value change we take date\n    // as such, order of condition is meaningful\n    if (hasDateChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextDateAsString;\n      newState.selectedDate = nextDateAsMoment;\n    }\n\n    if (hasValChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextValAsString;\n      newState.selectedDate = nextValAsMoment;\n    }\n\n    if (skipStateChange) return null;\n    return newState;\n  }\n\n  onClickPicker = () => {\n    this.setState({ inputFocused: true });\n  };\n\n  getSafeValue = () => {\n    const { value, date, defaultValue } = this.props;\n    const { selectedDate } = this.state;\n    if (value) {\n      return moment(value, FORMAT, true);\n    }\n    if (date) {\n      return moment(date, FORMAT, true);\n    }\n    if (defaultValue) {\n      return moment(defaultValue, FORMAT, true);\n    }\n    if (selectedDate) {\n      return selectedDate;\n    }\n    return null;\n  };\n\n  getSafeInputValue = () => {\n    const safeValue = this.getSafeValue();\n    if (safeValue && safeValue.isValid()) {\n      return safeValue.format(FORMAT);\n    }\n    const { dataInput } = this.state;\n    return dataInput;\n  };\n\n  isControlled = () => {\n    const { value, date } = this.props;\n    return Boolean(value) || Boolean(date);\n  };\n\n  handleDateChange = (date, event) => {\n    const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;\n\n    if (!readOnly) {\n      if (!this.isControlled()) {\n        this.setState({ dataInput: date.format(FORMAT), selectedDate: date });\n      }\n      onChange(date.format(FORMAT), date);\n      onDateChange(date);\n      if (!keepOpenOnDateSelect || event.key === 'Enter') {\n        this.setState({ inputFocused: false });\n        onBlur(date.format(FORMAT), date);\n      }\n    }\n  };\n\n  handleInputChange = (dataInput, newDate) => {\n    const { onChange } = this.props;\n    const newState = {\n      dataInput,\n      selectedDate: newDate,\n    };\n    this.setState(() => newState);\n    onChange(dataInput, newDate);\n  };\n\n  handleChange = (newDate) => {\n    if (!newDate) return;\n    const { onDateChange } = this.props;\n    const momentValue = moment(newDate, FORMAT, true);\n    if (!momentValue.isValid()) return;\n    this.setState({ selectedDate: momentValue });\n\n    onDateChange(momentValue);\n  };\n\n  handleFocus = ({ focused }) => {\n    this.setState({ inputFocused: focused });\n  };\n\n  handleCalendarClose = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleClickEscape = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleOnBlur = () => {\n    setTimeout(() => {\n      const { onBlur, autoClear } = this.props;\n      const { dataInput, selectedDate } = this.state;\n\n      if (moment(selectedDate, FORMAT, true).isValid()) {\n        onBlur(dataInput, selectedDate);\n      } else {\n        if (autoClear) {\n          this.setState({ dataInput: undefined });\n        }\n        onBlur(dataInput, null);\n      }\n    });\n  };\n\n  handleInputFocus = (dataInput) => {\n    const { onFocus } = this.props;\n    onFocus(dataInput);\n  };\n\n  render() {\n    const { inputFocused } = this.state;\n    const {\n      disabled,\n      numberOfMonths,\n      readOnly,\n      enableOutsideDays,\n      transitionDuration,\n      firstDayOfWeek,\n      keepOpenOnDateSelect,\n      hideKeyboardShortcutsPanel,\n      onPrevMonthClick,\n      onNextMonthClick,\n      onClose,\n      phrases,\n      placeholder,\n      displayFormatDay,\n      isDayBlocked,\n      isOutsideRange,\n      isDayHighlighted,\n      tabIndex,\n      zIndex,\n      pickerProps,\n      calendarProps,\n      focusCurrentDate,\n    } = this.props;\n    const safedate = this.getSafeValue();\n    const safeInputValue = this.getSafeInputValue();\n    const hasSelectedDate = !!safedate;\n    return (\n      <DSInputGroup\n        rightAddon={\n          <DatePickerDropdown\n            pickerRef={this.state.pickerRef}\n            disabled={disabled}\n            isOpen={inputFocused}\n            menu={\n              <div\n                style={{ minHeight: '310px', zIndex: 1 }}\n                className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n                data-testid=\"date-picker-portal-wrapper\"\n              >\n                <DSDatePickerController\n                  date={safedate}\n                  displayFormatDay={displayFormatDay}\n                  enableOutsideDays={enableOutsideDays}\n                  firstDayOfWeek={firstDayOfWeek}\n                  hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n                  isDayBlocked={isDayBlocked}\n                  isDayHighlighted={isDayHighlighted}\n                  isOutsideRange={isOutsideRange}\n                  keepOpenOnDateSelect={keepOpenOnDateSelect}\n                  numberOfMonths={numberOfMonths}\n                  onClickEscape={this.handleClickEscape}\n                  onClose={(...args) => {\n                    if (this.state.pickerRef.current) this.state.pickerRef.current.focus();\n                    onClose(...args);\n                    this.setState({ inputFocused: false });\n                  }}\n                  onDateChange={this.handleDateChange}\n                  onFocusChange={this.handleFocus}\n                  onNextMonthClick={onNextMonthClick}\n                  onOutsideClick={this.handleCalendarClose}\n                  onPrevMonthClick={onPrevMonthClick}\n                  phrases={phrases}\n                  transitionDuration={transitionDuration}\n                  calendarProps={calendarProps}\n                  focusCurrentDate={focusCurrentDate}\n                />\n              </div>\n            }\n            onClick={this.onClickPicker}\n            readOnly={readOnly}\n            zIndex={zIndex}\n            pickerProps={pickerProps}\n          />\n        }\n      >\n        <DSDateInputV2\n          data-testid=\"datepicker-input\"\n          aria-label={placeholder || 'Date Picker Input'}\n          disabled={disabled}\n          onBlur={this.handleOnBlur}\n          onChange={this.handleInputChange}\n          onDateChange={this.handleChange}\n          onFocus={this.handleInputFocus}\n          placeholder={placeholder}\n          tabIndex={tabIndex}\n          value={safeInputValue}\n        />\n      </DSInputGroup>\n    );\n  }\n}\n\nexport { DSDatePickerImpl };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/components/DatePickerController/DatePickerController.js

@@ -1,322 +0,0 @@
-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?.getElementsByClassName("CalendarDay__today")).filter((el) => !el.className.includes("CalendarDay__outside"))[0];
-    const [calendarDaySelected] = datePickerDom?.getElementsByClassName("CalendarDay__selected");
-    if (calendarDaySelected) {
-      calendarDaySelected?.focus?.();
-    } else if (focusCurrentDate && !calendarDaySelected)
-      currentDay.focus();
-    else {
-      const navButton = firstFocusableItemDom?.closest(".DayPickerNavigation_button>div");
-      navButton?.focus?.();
-    }
-  }
-}, 100);
-class DSDatePickerController extends import_react.default.Component {
-  constructor(props) {
-    super(props);
-    this.handleMouseUp = () => {
-      const focusedElement = document.activeElement;
-      focusedElement?.blur?.();
-    };
-    this.handleKeyDown = (event) => {
-      const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
-      const [lastDay] = restOfDays.slice(-1);
-      const { onClickEscape } = this.props;
-      switch (event.key) {
-        case "Home":
-          firstDay.focus();
-          break;
-        case "End":
-          lastDay.focus();
-          break;
-        case "Escape":
-          onClickEscape();
-          break;
-        default:
-          break;
-      }
-    };
-    this.getSafeValue = () => {
-      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;
-      return Boolean(value) || Boolean(date);
-    };
-    this.handleDateChange = (date) => {
-      const { readOnly, onDateChange, onChange } = this.props;
-      if (!readOnly) {
-        if (!this.isControlled()) {
-          this.setState({ selectedDate: date });
-        }
-        onDateChange(date);
-        onChange(date);
-      }
-    };
-    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") {
-        prev?.focus?.();
-        onPrevMonthClick(date);
-      } else {
-        next?.focus?.();
-        onNextMonthClick(date);
-      }
-    };
-    this.insideBlur = (event) => {
-      const { datePicker } = this.state;
-      if (!datePicker.current.contains(event.currentTarget)) {
-        this.props.onClose();
-      }
-    };
-    this.state = {
-      selectedDate: null,
-      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);
-    setTimeout(() => {
-      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);
-  }
-  render() {
-    const {
-      numberOfMonths,
-      enableOutsideDays,
-      transitionDuration,
-      initialVisibleMonth,
-      firstDayOfWeek,
-      keepOpenOnDateSelect,
-      hideKeyboardShortcutsPanel,
-      onClose,
-      phrases,
-      displayFormatDay,
-      isDayBlocked,
-      isOutsideRange,
-      isDayHighlighted,
-      onOutsideClick,
-      key,
-      calendarProps
-    } = this.props;
-    const { datePicker, firstFocusableItem } = this.state;
-    const safedate = this.getSafeValue();
-    const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
-    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
-    }, /* @__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();
-        }
-      }
-    })));
-  }
-}
-DSDatePickerController.defaultProps = {
-  date: "",
-  value: "",
-  enableOutsideDays: false,
-  initialVisibleMonth: (0, import_moment.default)(),
-  firstDayOfWeek: 0,
-  keepOpenOnDateSelect: true,
-  hideKeyboardShortcutsPanel: true,
-  onPrevMonthClick: () => null,
-  onNextMonthClick: () => null,
-  onClose: () => null,
-  onChange: () => null,
-  onClickEscape: () => null,
-  onDateChange: () => null,
-  phrases: import_defaultPhrases.SingleDatePickerPhrases,
-  displayFormatDay: "D",
-  transitionDuration: 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: "",
-  enableOutsideDays: false,
-  initialVisibleMonth: (0, import_moment.default)(),
-  firstDayOfWeek: 0,
-  keepOpenOnDateSelect: true,
-  hideKeyboardShortcutsPanel: true,
-  onPrevMonthClick: () => null,
-  onNextMonthClick: () => null,
-  onClose: () => null,
-  onClickEscape: () => null,
-  onChange: () => null,
-  onDateChange: () => null,
-  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
-  }),
-  displayFormatDay: "D",
-  transitionDuration: 0,
-  isDayBlocked: () => false,
-  isOutsideRange: () => false,
-  isDayHighlighted: () => false,
-  numberOfMonths: 1
-};
-module.exports = __toCommonJS(DatePickerController_exports);
-//# sourceMappingURL=DatePickerController.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}