@elliemae/ds-date-picker 3.27.0-next.1 → 3.27.0-next.12

package/dist/cjs/components/DSDatePickerImpl.js

@@ -1,293 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSDatePickerImpl_exports = {};
-__export(DSDatePickerImpl_exports, {
-  DSDatePickerImpl: () => DSDatePickerImpl,
-  default: () => DSDatePickerImpl
-});
-module.exports = __toCommonJS(DSDatePickerImpl_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-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.js");
-var import_DatePickerDropdown = require("./DatePickerDropdown.js");
-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__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_form.DSInputGroup,
-      {
-        rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_DatePickerDropdown.DatePickerDropdown,
-          {
-            pickerRef: this.state.pickerRef,
-            disabled,
-            isOpen: inputFocused,
-            menu: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "div",
-              {
-                style: { minHeight: "310px", zIndex: 1 },
-                className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
-                "data-testid": "date-picker-portal-wrapper",
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  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
-          }
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          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
-          }
-        )
-      }
-    );
-  }
-}
-//# 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.js';\nimport { DatePickerDropdown } from './DatePickerDropdown.js';\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2OP;AApOhB,mBAAkB;AAClB,oBAAmB;AACnB,qBAA4C;AAC5C,kCAAuC;AACvC,gCAAmC;AAEnC,MAAM,SAAS;AACf,MAAO,yBAAuC,aAAAA,QAAM,UAAU;AAAA,EAC5D,YAAY,OAAO;AACjB,UAAM,KAAK;AAgEb,yBAAgB,MAAM;AACpB,WAAK,SAAS,EAAE,cAAc,KAAK,CAAC;AAAA,IACtC;AAEA,wBAAe,MAAM;AACnB,YAAM,EAAE,OAAO,MAAM,aAAa,IAAI,KAAK;AAC3C,YAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAI,OAAO;AACT,mBAAO,cAAAC,SAAO,OAAO,QAAQ,IAAI;AAAA,MACnC;AACA,UAAI,MAAM;AACR,mBAAO,cAAAA,SAAO,MAAM,QAAQ,IAAI;AAAA,MAClC;AACA,UAAI,cAAc;AAChB,mBAAO,cAAAA,SAAO,cAAc,QAAQ,IAAI;AAAA,MAC1C;AACA,UAAI,cAAc;AAChB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAEA,6BAAoB,MAAM;AACxB,YAAM,YAAY,KAAK,aAAa;AACpC,UAAI,aAAa,UAAU,QAAQ,GAAG;AACpC,eAAO,UAAU,OAAO,MAAM;AAAA,MAChC;AACA,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,aAAO;AAAA,IACT;AAEA,wBAAe,MAAM;AACnB,YAAM,EAAE,OAAO,KAAK,IAAI,KAAK;AAC7B,aAAO,QAAQ,KAAK,KAAK,QAAQ,IAAI;AAAA,IACvC;AAEA,4BAAmB,CAAC,MAAM,UAAU;AAClC,YAAM,EAAE,UAAU,cAAc,sBAAsB,UAAU,OAAO,IAAI,KAAK;AAEhF,UAAI,CAAC,UAAU;AACb,YAAI,CAAC,KAAK,aAAa,GAAG;AACxB,eAAK,SAAS,EAAE,WAAW,KAAK,OAAO,MAAM,GAAG,cAAc,KAAK,CAAC;AAAA,QACtE;AACA,iBAAS,KAAK,OAAO,MAAM,GAAG,IAAI;AAClC,qBAAa,IAAI;AACjB,YAAI,CAAC,wBAAwB,MAAM,QAAQ,SAAS;AAClD,eAAK,SAAS,EAAE,cAAc,MAAM,CAAC;AACrC,iBAAO,KAAK,OAAO,MAAM,GAAG,IAAI;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAEA,6BAAoB,CAAC,WAAW,YAAY;AAC1C,YAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,YAAM,WAAW;AAAA,QACf;AAAA,QACA,cAAc;AAAA,MAChB;AACA,WAAK,SAAS,MAAM,QAAQ;AAC5B,eAAS,WAAW,OAAO;AAAA,IAC7B;AAEA,wBAAe,CAAC,YAAY;AAC1B,UAAI,CAAC;AAAS;AACd,YAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,YAAM,kBAAc,cAAAA,SAAO,SAAS,QAAQ,IAAI;AAChD,UAAI,CAAC,YAAY,QAAQ;AAAG;AAC5B,WAAK,SAAS,EAAE,cAAc,YAAY,CAAC;AAE3C,mBAAa,WAAW;AAAA,IAC1B;AAEA,uBAAc,CAAC,EAAE,QAAQ,MAAM;AAC7B,WAAK,SAAS,EAAE,cAAc,QAAQ,CAAC;AAAA,IACzC;AAEA,+BAAsB,MAAM;AAC1B,YAAM,EAAE,QAAQ,IAAI,KAAK;AAEzB,WAAK,SAAS,EAAE,cAAc,MAAM,CAAC;AACrC,WAAK,aAAa;AAClB,cAAQ;AAAA,IACV;AAEA,6BAAoB,MAAM;AACxB,YAAM,EAAE,QAAQ,IAAI,KAAK;AAEzB,WAAK,SAAS,EAAE,cAAc,MAAM,CAAC;AACrC,WAAK,aAAa;AAClB,cAAQ;AAAA,IACV;AAEA,wBAAe,MAAM;AACnB,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,UAAU,IAAI,KAAK;AACnC,cAAM,EAAE,WAAW,aAAa,IAAI,KAAK;AAEzC,gBAAI,cAAAA,SAAO,cAAc,QAAQ,IAAI,EAAE,QAAQ,GAAG;AAChD,iBAAO,WAAW,YAAY;AAAA,QAChC,OAAO;AACL,cAAI,WAAW;AACb,iBAAK,SAAS,EAAE,WAAW,OAAU,CAAC;AAAA,UACxC;AACA,iBAAO,WAAW,IAAI;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,4BAAmB,CAAC,cAAc;AAChC,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,cAAQ,SAAS;AAAA,IACnB;AA9KE,SAAK,QAAQ;AAAA,MACX,WAAW,aAAAD,QAAM,UAAU;AAAA,MAC3B,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,WAAW,SAAS,cAAc,SAAS,IAAI,aAAa,CAAC;AACrE,UAAM,EAAE,OAAO,SAAS,MAAM,SAAS,IAAI;AAE3C,UAAM,kBAAkB,mBAAmB,cAAAC;AAC3C,UAAM,mBAAmB,oBAAoB,cAAAA;AAC7C,UAAM,kBAAkB,kBAAkB,QAAQ,OAAO,MAAM,IAAI;AAGnE,QAAI,WAAW,QAAQ,YAAY,MAAM;AACvC,aAAO;AAAA,QACL,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,IACF;AAIA,QAAI,iBAAiB,SAAS,GAAG;AAC/B,aAAO;AAAA,IACT;AAEA,UAAM,mBAAmB,mBAAmB,SAAS,OAAO,MAAM,IAAI;AAEtE,UAAM,kBAAkB,mBAAmB,cAAAA;AAC3C,UAAM,mBAAmB,oBAAoB,cAAAA;AAC7C,UAAM,kBAAkB,kBAAkB,QAAQ,OAAO,MAAM,IAAI;AACnE,UAAM,kBAAkB,kBAAkB,cAAU,cAAAA,SAAO,OAAO;AAClE,UAAM,mBAAmB,mBAAmB,SAAS,OAAO,MAAM,IAAI;AACtE,UAAM,mBAAmB,mBAAmB,eAAW,cAAAA,SAAO,QAAQ;AAEtE,UAAM,gBAAgB,oBAAoB;AAC1C,UAAM,iBAAiB,qBAAqB;AAE5C,UAAM,WAAW,CAAC;AAClB,QAAI,kBAAkB;AAItB,QAAI,gBAAgB;AAClB,wBAAkB;AAClB,eAAS,YAAY;AACrB,eAAS,eAAe;AAAA,IAC1B;AAEA,QAAI,eAAe;AACjB,wBAAkB;AAClB,eAAS,YAAY;AACrB,eAAS,eAAe;AAAA,IAC1B;AAEA,QAAI;AAAiB,aAAO;AAC5B,WAAO;AAAA,EACT;AAAA,EAmHA,SAAS;AACP,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,WAAW,KAAK,aAAa;AACnC,UAAM,iBAAiB,KAAK,kBAAkB;AAC9C,UAAM,kBAAkB,CAAC,CAAC;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,KAAK,MAAM;AAAA,YACtB;AAAA,YACA,QAAQ;AAAA,YACR,MACE;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,EAAE,WAAW,SAAS,QAAQ,EAAE;AAAA,gBACvC,WAAW,kBAAkB,sBAAsB;AAAA,gBACnD,eAAY;AAAA,gBAEZ;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM;AAAA,oBACN;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,eAAe,KAAK;AAAA,oBACpB,SAAS,IAAI,SAAS;AACpB,0BAAI,KAAK,MAAM,UAAU;AAAS,6BAAK,MAAM,UAAU,QAAQ,MAAM;AACrE,8BAAQ,GAAG,IAAI;AACf,2BAAK,SAAS,EAAE,cAAc,MAAM,CAAC;AAAA,oBACvC;AAAA,oBACA,cAAc,KAAK;AAAA,oBACnB,eAAe,KAAK;AAAA,oBACpB;AAAA,oBACA,gBAAgB,KAAK;AAAA,oBACrB;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA;AAAA,gBACF;AAAA;AAAA,YACF;AAAA,YAEF,SAAS,KAAK;AAAA,YACd;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,cAAY,eAAe;AAAA,YAC3B;AAAA,YACA,QAAQ,KAAK;AAAA,YACb,UAAU,KAAK;AAAA,YACf,cAAc,KAAK;AAAA,YACnB,SAAS,KAAK;AAAA,YACd;AAAA,YACA;AAAA,YACA,OAAO;AAAA;AAAA,QACT;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
-  "names": ["React", "moment"]
-}

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

@@ -1,338 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DatePickerController_exports = {};
-__export(DatePickerController_exports, {
-  DSDatePickerController: () => DSDatePickerController,
-  default: () => DSDatePickerController
-});
-module.exports = __toCommonJS(DatePickerController_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-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.js");
-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.js");
-var import_DatePickerRenderMonth = require("../DatePickerRenderMonth/DatePickerRenderMonth.js");
-var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation.js");
-var import_DatePickerDay = require("../DatePickerDay/DatePickerDay.js");
-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__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        onBlur: this.insideBlur,
-        ref: datePicker,
-        className: classNameBlock("wrapper-day-picker-single-date-controller"),
-        "data-testid": "calendar-wrapper",
-        ...calendarProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react_dates.DayPickerSingleDateController,
-          {
-            date: safedate,
-            enableOutsideDays,
-            firstDayOfWeek,
-            focused: true,
-            hideKeyboardShortcutsPanel,
-            initialVisibleMonth: safeinitialMonth,
-            isDayBlocked,
-            isDayHighlighted,
-            isOutsideRange,
-            keepOpenOnDateSelect,
-            navNext: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, { className: classNameElement("navigation-next") }),
-            navPrev: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              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__ */ (0, import_jsx_runtime.jsx)(import_DatePickerDay.DatePickerDay, { className: classNameElement("day-contents"), date: date.format(displayFormatDay) }),
-            transitionDuration,
-            onTab: (e) => {
-              if (e.target.classList.contains("CalendarDay")) {
-                e.preventDefault();
-                onClose();
-              }
-            }
-          },
-          key
-        )
-      }
-    ) });
-  }
-}
-// eslint-disable-next-line react/static-property-placement
-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,
-  // displayFormat: 'L',
-  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,
-  // displayFormat: PropTypes.string,
-  displayFormatDay: import_prop_types.default.string,
-  transitionDuration: import_prop_types.default.number,
-  // verticalSpacing: PropTypes.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
-  }),
-  // displayFormat: 'L',
-  displayFormatDay: "D",
-  transitionDuration: 0,
-  // verticalSpacing: 0,
-  isDayBlocked: () => false,
-  isOutsideRange: () => false,
-  isDayHighlighted: () => false,
-  numberOfMonths: 1
-};
-//# sourceMappingURL=DatePickerController.js.map