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

package/dist/esm/components/DSDatePickerImpl.js

@@ -1,263 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2 from "react";
-import moment from "moment";
-import { DSInputGroup, DSDateInputV2 } from "@elliemae/ds-form";
-import { DSDatePickerController } from "./DatePickerController/DatePickerController.js";
-import { DatePickerDropdown } from "./DatePickerDropdown.js";
-const FORMAT = "MMDDYYYY";
-class DSDatePickerImpl extends React2.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 moment(value, FORMAT, true);
-      }
-      if (date) {
-        return moment(date, FORMAT, true);
-      }
-      if (defaultValue) {
-        return moment(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 = moment(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 (moment(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: React2.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 moment;
-    const isPrevDateMoment = prevDate instanceof moment;
-    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 moment;
-    const isNextDateMoment = nextDate instanceof moment;
-    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;
-    const nextValAsMoment = isNextValMoment ? nextVal : moment(nextVal);
-    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;
-    const nextDateAsMoment = isNextDateMoment ? nextDate : moment(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__ */ jsx(
-      DSInputGroup,
-      {
-        rightAddon: /* @__PURE__ */ jsx(
-          DatePickerDropdown,
-          {
-            pickerRef: this.state.pickerRef,
-            disabled,
-            isOpen: inputFocused,
-            menu: /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: { minHeight: "310px", zIndex: 1 },
-                className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
-                "data-testid": "date-picker-portal-wrapper",
-                children: /* @__PURE__ */ jsx(
-                  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__ */ jsx(
-          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
-          }
-        )
-      }
-    );
-  }
-}
-export {
-  DSDatePickerImpl,
-  DSDatePickerImpl as default
-};
-//# sourceMappingURL=DSDatePickerImpl.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSDatePickerImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
-  "names": ["React"]
-}

package/dist/esm/components/DatePickerController/DatePickerController.js

@@ -1,308 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2 from "react";
-import { debounce } from "lodash";
-import PropTypes from "prop-types";
-import moment from "moment";
-import "react-dates/initialize.js";
-import { DayPickerSingleDateController } from "react-dates";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { ChevronLeft } from "@elliemae/ds-icons";
-import { SingleDatePickerPhrases } from "../../defaultPhrases.js";
-import { renderMonthElement } from "../DatePickerRenderMonth/DatePickerRenderMonth.js";
-import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation.js";
-import { DatePickerDay } from "../DatePickerDay/DatePickerDay.js";
-const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker-range");
-const focusElementOnOpen = 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 React2.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 moment(value);
-      if (date)
-        return moment(date);
-      if (defaultValue)
-        return moment(defaultValue);
-      if (selectedDate)
-        return moment(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 = moment(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: React2.createRef(),
-      datePicker: React2.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__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        onBlur: this.insideBlur,
-        ref: datePicker,
-        className: classNameBlock("wrapper-day-picker-single-date-controller"),
-        "data-testid": "calendar-wrapper",
-        ...calendarProps,
-        children: /* @__PURE__ */ jsx(
-          DayPickerSingleDateController,
-          {
-            date: safedate,
-            enableOutsideDays,
-            firstDayOfWeek,
-            focused: true,
-            hideKeyboardShortcutsPanel,
-            initialVisibleMonth: safeinitialMonth,
-            isDayBlocked,
-            isDayHighlighted,
-            isOutsideRange,
-            keepOpenOnDateSelect,
-            navNext: /* @__PURE__ */ jsx(DatePickerNavigation, { className: classNameElement("navigation-next") }),
-            navPrev: /* @__PURE__ */ jsx(
-              DatePickerNavigation,
-              {
-                className: classNameElement("navigation-prev"),
-                icon: ChevronLeft,
-                innerRef: firstFocusableItem
-              }
-            ),
-            renderMonthElement,
-            numberOfMonths,
-            onClose,
-            onDateChange: this.handleDateChange,
-            onNextMonthClick: this.handleNavClick("next"),
-            onOutsideClick,
-            onPrevMonthClick: this.handleNavClick("prev"),
-            phrases,
-            renderDayContents: (date) => /* @__PURE__ */ jsx(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: moment(),
-  firstDayOfWeek: 0,
-  keepOpenOnDateSelect: true,
-  hideKeyboardShortcutsPanel: true,
-  onPrevMonthClick: () => null,
-  onNextMonthClick: () => null,
-  onClose: () => null,
-  onChange: () => null,
-  onClickEscape: () => null,
-  onDateChange: () => null,
-  phrases: SingleDatePickerPhrases,
-  // displayFormat: 'L',
-  displayFormatDay: "D",
-  transitionDuration: 0,
-  // verticalSpacing: 0,
-  isDayBlocked: () => false,
-  isOutsideRange: () => false,
-  isDayHighlighted: () => false,
-  numberOfMonths: 1
-};
-DSDatePickerController.propTypes = {
-  date: PropTypes.instanceOf(Date, moment),
-  value: PropTypes.oneOf([PropTypes.instanceOf(Date), PropTypes.instanceOf(moment)]),
-  enableOutsideDays: PropTypes.bool,
-  initialVisibleMonth: PropTypes.instanceOf(Date, moment),
-  firstDayOfWeek: PropTypes.number,
-  keepOpenOnDateSelect: PropTypes.bool,
-  hideKeyboardShortcutsPanel: PropTypes.bool,
-  onPrevMonthClick: PropTypes.func,
-  onNextMonthClick: PropTypes.func,
-  onClose: PropTypes.func,
-  onClickEscape: PropTypes.func,
-  onChange: PropTypes.func,
-  onDateChange: PropTypes.func,
-  phrases: SingleDatePickerPhrases,
-  // displayFormat: PropTypes.string,
-  displayFormatDay: PropTypes.string,
-  transitionDuration: PropTypes.number,
-  // verticalSpacing: PropTypes.number,
-  isDayBlocked: PropTypes.func,
-  isOutsideRange: PropTypes.func,
-  isDayHighlighted: PropTypes.func,
-  numberOfMonths: PropTypes.number
-};
-DSDatePickerController.defaultProps = {
-  date: "",
-  value: "",
-  enableOutsideDays: false,
-  initialVisibleMonth: moment(),
-  firstDayOfWeek: 0,
-  keepOpenOnDateSelect: true,
-  hideKeyboardShortcutsPanel: true,
-  onPrevMonthClick: () => null,
-  onNextMonthClick: () => null,
-  onClose: () => null,
-  onClickEscape: () => null,
-  onChange: () => null,
-  onDateChange: () => null,
-  phrases: PropTypes.shape({
-    calendarLabel: PropTypes.string,
-    closeDatePicker: PropTypes.string,
-    clearDates: PropTypes.string,
-    focusStartDate: PropTypes.string,
-    jumpToPrevMonth: PropTypes.string,
-    jumpToNextMonth: PropTypes.string,
-    keyboardShortcuts: PropTypes.string,
-    showKeyboardShortcutsPanel: PropTypes.string,
-    hideKeyboardShortcutsPanel: PropTypes.string,
-    openThisPanel: PropTypes.string,
-    enterKey: PropTypes.string,
-    leftArrowRightArrow: PropTypes.string,
-    upArrowDownArrow: PropTypes.string,
-    pageUpPageDown: PropTypes.string,
-    homeEnd: PropTypes.string,
-    escape: PropTypes.string,
-    questionMark: PropTypes.string,
-    selectFocusedDate: PropTypes.string,
-    moveFocusByOneDay: PropTypes.string,
-    moveFocusByOneWeek: PropTypes.string,
-    moveFocusByOneMonth: PropTypes.string,
-    moveFocustoStartAndEndOfWeek: PropTypes.string,
-    returnFocusToInput: PropTypes.string,
-    keyboardNavigationInstructions: PropTypes.string,
-    chooseAvailableStartDate: PropTypes.func,
-    chooseAvailableEndDate: PropTypes.func,
-    dateIsUnavailable: PropTypes.func,
-    dateIsSelected: PropTypes.func
-  }),
-  // displayFormat: 'L',
-  displayFormatDay: "D",
-  transitionDuration: 0,
-  // verticalSpacing: 0,
-  isDayBlocked: () => false,
-  isOutsideRange: () => false,
-  isDayHighlighted: () => false,
-  numberOfMonths: 1
-};
-export {
-  DSDatePickerController,
-  DSDatePickerController as default
-};
-//# sourceMappingURL=DatePickerController.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerController/DatePickerController.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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.js';\nimport { DayPickerSingleDateController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { SingleDatePickerPhrases } from '../../defaultPhrases.js';\nimport { renderMonthElement } from '../DatePickerRenderMonth/DatePickerRenderMonth.js';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation.js';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay.js';\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"],
-  "mappings": "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",
-  "names": ["React"]
-}

package/dist/esm/components/DatePickerDay/DatePickerDay.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
-const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ jsx("div", { className, "data-testid": `datepicker-day-${date}`, children: /* @__PURE__ */ jsx("div", { className: `${className}-half`, "data-testid": "datepicker-day", children: date }) });
-Day.propTypes = {
-  className: PropTypes.string,
-  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-var DatePickerDay_default = Day;
-export {
-  Day as DatePickerDay,
-  DatePickerDay_default as default
-};
-//# sourceMappingURL=DatePickerDay.js.map

package/dist/esm/components/DatePickerDay/DatePickerDay.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerDay/DatePickerDay.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Day = ({ className = 'date-picker-content-day', date = '' }) => (\n  <div className={className} data-testid={`datepicker-day-${date}`}>\n    <div className={`${className}-half`} data-testid=\"datepicker-day\">\n      {date}\n    </div>\n  </div>\n);\nDay.propTypes = {\n  className: PropTypes.string,\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { Day as DatePickerDay };\nexport default Day;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACKnB;AAJJ,OAAO,eAAe;AAEtB,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,GAAG,MAC9D,oBAAC,SAAI,WAAsB,eAAa,kBAAkB,QACxD,8BAAC,SAAI,WAAW,GAAG,kBAAkB,eAAY,kBAC9C,gBACH,GACF;AAEF,IAAI,YAAY;AAAA,EACd,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAChE;AAGA,IAAO,wBAAQ;",
-  "names": []
-}