@elliemae/ds-form 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/DateInput/components/DateInputs.js

@@ -0,0 +1,322 @@
+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 DateInputs_exports = {};
+__export(DateInputs_exports, {
+  DateInputs: () => DateInputs,
+  default: () => DateInputs_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_moment = __toESM(require("moment"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_utils = require("./utils");
+const blockName = "input-date-group";
+const InputTimesGroup = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const MonthInput = (0, import_ds_classnames.aggregatedClasses)("input")(blockName, "input input-month");
+const DayInput = (0, import_ds_classnames.aggregatedClasses)("input")(blockName, "input input-day");
+const YearInput = (0, import_ds_classnames.aggregatedClasses)("input")(blockName, "input input-year");
+const Divider = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "divider", ({ value }) => ({
+  value
+}));
+const DateDivider = ({ content = ":", value = "" }) => /* @__PURE__ */ import_react.default.createElement(Divider, {
+  value: !!value
+}, content);
+const DateInputs = ({
+  innerRef,
+  onBlur,
+  onChange,
+  onCustomKeyDown,
+  onError,
+  format = "",
+  showMonth = true,
+  showDay = true,
+  showYear = true,
+  step = 1,
+  yearMaxRange,
+  disabled,
+  yearMinRange,
+  time,
+  INTERNAL_V2_NO_MUTATION
+}) => {
+  const [currentKey, setCurrentKey] = (0, import_react.useState)("ArrowUp");
+  const [month, setMonth] = (0, import_react.useState)("");
+  const [day, setDay] = (0, import_react.useState)("");
+  const [year, setYear] = (0, import_react.useState)("");
+  const prevTime = (0, import_ds_utilities.usePrevious)(time);
+  const prevFormat = (0, import_ds_utilities.usePrevious)(format);
+  let digits = 2;
+  let placeholder = "";
+  (0, import_react.useEffect)(() => {
+    if (time) {
+      const dateValues = (0, import_utils.getDateValuesFromTime)(time, format);
+      setMonth(dateValues.month);
+      setDay(dateValues.day);
+      setYear(dateValues.year);
+    }
+  }, [format, time]);
+  (0, import_react.useEffect)(() => {
+    if (!time && prevTime) {
+      setMonth("");
+      setDay("");
+      setYear("");
+      onChange("");
+    }
+    if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {
+      const dateValues = (0, import_utils.getDateValuesFromTime)(time, format);
+      setMonth(dateValues.month);
+      setDay(dateValues.day);
+      setYear(dateValues.year);
+    }
+  }, [time, prevTime, format, prevFormat, onChange]);
+  const isCompletedDate = (0, import_react.useCallback)(() => (0, import_utils.isTimeCompletelySet)({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }), [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange]);
+  (0, import_react.useEffect)(() => {
+    if (INTERNAL_V2_NO_MUTATION) {
+      const dateValues = (0, import_utils.getDateValuesFromTime)(time, format);
+      if (dateValues.day !== day && isCompletedDate()) {
+        onChange((0, import_utils.handleCompletedDate)(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION));
+      } else if (dateValues.month !== month && isCompletedDate()) {
+        onChange((0, import_utils.handleCompletedDate)(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION));
+      } else if (dateValues.year !== year && isCompletedDate()) {
+        onChange((0, import_utils.handleCompletedDate)(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION));
+      }
+    }
+  }, [
+    INTERNAL_V2_NO_MUTATION,
+    day,
+    format,
+    isCompletedDate,
+    month,
+    onChange,
+    showDay,
+    showMonth,
+    showYear,
+    time,
+    year
+  ]);
+  const triggerChange = () => (0, import_utils.handleCompletedDate)(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);
+  const handleYearChange = (e) => {
+    const { value } = e.target;
+    const yearValue = (0, import_utils.parseTimeNumberFromText)(value);
+    const yearRange = { min: 1, max: 9999 };
+    const nextYear = (0, import_utils.getValidTimeNumber)(yearRange, yearValue, value, onError);
+    setYear((0, import_utils.formatYear)(format, nextYear));
+    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {
+      onChange(triggerChange());
+    }
+    (0, import_utils.focusNextInputIfNeeded)(e.target, yearRange.max, nextYear, value, currentKey);
+  };
+  const handleMonthChange = (e) => {
+    const { value } = e.target;
+    const monthValue = (0, import_utils.parseTimeNumberFromText)(value);
+    const monthRange = { min: 1, max: 12 };
+    const nextMonth = (0, import_utils.getValidTimeNumber)(monthRange, monthValue, value, onError);
+    setMonth((0, import_utils.formatMonth)(format, nextMonth));
+    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {
+      onChange(triggerChange());
+    }
+    (0, import_utils.focusNextInputIfNeeded)(e.target, monthRange.max, nextMonth, value, currentKey);
+  };
+  const handleDayChange = (e) => {
+    const { value } = e.target;
+    const dayValue = (0, import_utils.parseTimeNumberFromText)(value);
+    const dayRange = { min: 1, max: 31 };
+    const nextDay = (0, import_utils.getValidTimeNumber)(dayRange, dayValue, value, onError);
+    setDay((0, import_utils.formatDay)(format, nextDay));
+    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {
+      onChange(triggerChange());
+    }
+    if (value !== day)
+      (0, import_utils.focusNextInputIfNeeded)(e.target, dayRange.max, nextDay, value, currentKey);
+  };
+  const onKeyDown = (event, shouldIncrementDecrement = true) => {
+    const { value, name } = event.target;
+    const change = {
+      day: (v) => handleDayChange({ target: { value: v } }),
+      month: (v) => handleMonthChange({ target: { value: v } }),
+      year: (v) => handleYearChange({ target: { value: v } })
+    };
+    switch (event.key) {
+      case "ArrowLeft": {
+        event.preventDefault();
+        (0, import_utils.focusPreviousInput)(event.target);
+        break;
+      }
+      case "ArrowUp": {
+        if (shouldIncrementDecrement) {
+          event.preventDefault();
+          setCurrentKey(event.key);
+          const incrementedValue = (0, import_utils.getNextTimeValue)(value, name, yearMinRange, yearMaxRange, step, true);
+          if (INTERNAL_V2_NO_MUTATION) {
+            change[name](incrementedValue);
+          } else {
+            (0, import_utils.setNativeValue)(event.target, incrementedValue);
+          }
+        }
+        break;
+      }
+      case "ArrowDown": {
+        if (shouldIncrementDecrement) {
+          event.preventDefault();
+          setCurrentKey(event.key);
+          const decrementedValue = (0, import_utils.getNextTimeValue)(value, name, yearMinRange, yearMaxRange, step, false);
+          if (INTERNAL_V2_NO_MUTATION) {
+            change[name](decrementedValue);
+          } else {
+            (0, import_utils.setNativeValue)(event.target, decrementedValue);
+          }
+        }
+        break;
+      }
+      case "ArrowRight": {
+        event.preventDefault();
+        (0, import_utils.focusNextInput)(event.target);
+        break;
+      }
+      case "Backspace": {
+        event.preventDefault();
+        if (!value) {
+          (0, import_utils.focusPreviousInput)(event.target);
+        } else {
+          if (INTERNAL_V2_NO_MUTATION) {
+            change[name]("");
+          } else {
+            (0, import_utils.setNativeValue)(event.target, "");
+          }
+        }
+        break;
+      }
+      case "Enter": {
+        if (onCustomKeyDown && isCompletedDate())
+          onCustomKeyDown(event, triggerChange());
+        setCurrentKey(null);
+        break;
+      }
+      default:
+        if (onCustomKeyDown)
+          onCustomKeyDown(event);
+        setCurrentKey(null);
+    }
+  };
+  const renderMonthInput = () => {
+    if (!showMonth)
+      return null;
+    placeholder = "MM";
+    const onMonthInputBlur = (e) => {
+      handleMonthChange(e);
+      (0, import_utils.triggerOnBlur)(e, onBlur);
+    };
+    return /* @__PURE__ */ import_react.default.createElement(MonthInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+      autocomplete: "off",
+      key: "month-input",
+      "data-testid": "month",
+      disabled,
+      name: "month",
+      onBlur: onMonthInputBlur,
+      onChange: handleMonthChange,
+      value: month
+    });
+  };
+  const renderDayInput = () => {
+    if (!showDay)
+      return null;
+    placeholder = "DD";
+    const onDayInputBlur = (e) => {
+      handleDayChange(e);
+      (0, import_utils.triggerOnBlur)(e, onBlur);
+    };
+    return /* @__PURE__ */ import_react.default.createElement(DayInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+      autocomplete: "off",
+      key: "day-input",
+      "data-testid": "day",
+      disabled,
+      name: "day",
+      onBlur: onDayInputBlur,
+      onChange: handleDayChange,
+      value: day
+    });
+  };
+  const renderYearInput = () => {
+    if (!showYear)
+      return null;
+    placeholder = "YY";
+    digits = 4;
+    const onYearInputBlur = (e) => {
+      handleYearChange(e);
+      (0, import_utils.triggerOnBlur)(e, onBlur);
+    };
+    return /* @__PURE__ */ import_react.default.createElement(YearInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+      autocomplete: "off",
+      key: "seconds-input",
+      "data-testid": "year",
+      disabled,
+      name: "year",
+      onBlur: onYearInputBlur,
+      onChange: handleYearChange,
+      value: year
+    });
+  };
+  const renderDateInputs = () => {
+    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
+    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /* @__PURE__ */ import_react.default.createElement(DateDivider, {
+      key: index,
+      content: " / ",
+      value: input.props.value
+    }) : null, input]) : acc, []);
+    return [
+      inputsWithDividers,
+      import_react.default.createElement("span", { key: "span" })
+    ];
+  };
+  return /* @__PURE__ */ import_react.default.createElement(InputTimesGroup, {
+    innerRef
+  }, renderDateInputs());
+};
+DateInputs.propTypes = {
+  innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
+  onBlur: import_prop_types.default.bool,
+  onChange: import_prop_types.default.func,
+  onCustomKeyDown: import_prop_types.default.func,
+  onError: import_prop_types.default.func,
+  format: import_prop_types.default.string,
+  showMonth: import_prop_types.default.bool,
+  showDay: import_prop_types.default.bool,
+  showYear: import_prop_types.default.bool,
+  step: import_prop_types.default.number,
+  yearMaxRange: import_prop_types.default.number,
+  disabled: import_prop_types.default.bool,
+  yearMinRange: import_prop_types.default.number,
+  time: import_prop_types.default.instanceOf(import_moment.default)
+};
+var DateInputs_default = DateInputs;
+module.exports = __toCommonJS(DateInputs_exports);
+//# sourceMappingURL=DateInputs.js.map

package/dist/cjs/DateInput/components/DateInputs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInput/components/DateInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport {\n  formatMonth,\n  formatDay,\n  formatYear,\n  getValidTimeNumber,\n  setNativeValue,\n  parseTimeNumberFromText,\n  focusNextInput,\n  focusPreviousInput,\n  getDateValuesFromTime,\n  getNextTimeValue,\n  focusNextInputIfNeeded,\n  commonInputProps,\n  handleCompletedDate,\n  triggerOnBlur,\n  isTimeCompletelySet,\n} from './utils';\n\nconst blockName = 'input-date-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst MonthInput = aggregatedClasses('input')(blockName, 'input input-month');\nconst DayInput = aggregatedClasses('input')(blockName, 'input input-day');\nconst YearInput = aggregatedClasses('input')(blockName, 'input input-year');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n  value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst DateDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst DateInputs = ({\n  innerRef,\n  onBlur,\n  onChange,\n  onCustomKeyDown,\n  onError,\n  format = '',\n  showMonth = true,\n  showDay = true,\n  showYear = true,\n  step = 1,\n  yearMaxRange,\n  disabled,\n  yearMinRange,\n  time,\n  // TODO remove and keep `true` behavior ( PUI-4141 )\n  INTERNAL_V2_NO_MUTATION, // eslint-disable-line react/prop-types\n}) => {\n  const [currentKey, setCurrentKey] = useState('ArrowUp');\n  const [month, setMonth] = useState('');\n  const [day, setDay] = useState('');\n  const [year, setYear] = useState('');\n  const prevTime = usePrevious(time);\n  const prevFormat = usePrevious(format);\n\n  let digits = 2;\n  let placeholder = '';\n\n  useEffect(() => {\n    if (time) {\n      const dateValues = getDateValuesFromTime(time, format);\n      setMonth(dateValues.month);\n      setDay(dateValues.day);\n      setYear(dateValues.year);\n    }\n  }, [format, time]);\n\n  useEffect(() => {\n    if (!time && prevTime) {\n      setMonth('');\n      setDay('');\n      setYear('');\n      onChange('');\n    }\n    if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {\n      const dateValues = getDateValuesFromTime(time, format);\n\n      setMonth(dateValues.month);\n      setDay(dateValues.day);\n      setYear(dateValues.year);\n    }\n  }, [time, prevTime, format, prevFormat, onChange]);\n\n  const isCompletedDate = useCallback(\n    () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),\n    [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange],\n  );\n\n  useEffect(() => {\n    if (INTERNAL_V2_NO_MUTATION) {\n      const dateValues = getDateValuesFromTime(time, format);\n\n      if (dateValues.day !== day && isCompletedDate()) {\n        onChange(\n          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n        );\n      } else if (dateValues.month !== month && isCompletedDate()) {\n        onChange(\n          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n        );\n      } else if (dateValues.year !== year && isCompletedDate()) {\n        onChange(\n          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n        );\n      }\n    }\n  }, [\n    INTERNAL_V2_NO_MUTATION,\n    day,\n    format,\n    isCompletedDate,\n    month,\n    onChange,\n    showDay,\n    showMonth,\n    showYear,\n    time,\n    year,\n  ]);\n\n  const triggerChange = () =>\n    handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);\n\n  const handleYearChange = (e) => {\n    const { value } = e.target;\n    const yearValue = parseTimeNumberFromText(value);\n    const yearRange = { min: 1, max: 9999 };\n    const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);\n\n    setYear(formatYear(format, nextYear));\n    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n      onChange(triggerChange());\n    }\n    focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);\n  };\n\n  const handleMonthChange = (e) => {\n    const { value } = e.target;\n    const monthValue = parseTimeNumberFromText(value);\n    const monthRange = { min: 1, max: 12 };\n    const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);\n    setMonth(formatMonth(format, nextMonth));\n    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n      onChange(triggerChange());\n    }\n    focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);\n  };\n\n  const handleDayChange = (e) => {\n    const { value } = e.target;\n    const dayValue = parseTimeNumberFromText(value);\n    const dayRange = { min: 1, max: 31 };\n    const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);\n    setDay(formatDay(format, nextDay));\n    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n      onChange(triggerChange());\n    }\n    if (value !== day) focusNextInputIfNeeded(e.target, dayRange.max, nextDay, value, currentKey);\n  };\n\n  // eslint-disable-next-line complexity\n  const onKeyDown = (event, shouldIncrementDecrement = true) => {\n    const { value, name } = event.target;\n    const change = {\n      day: (v) => handleDayChange({ target: { value: v } }),\n      month: (v) => handleMonthChange({ target: { value: v } }),\n      year: (v) => handleYearChange({ target: { value: v } }),\n    };\n    switch (event.key) {\n      case 'ArrowLeft': {\n        event.preventDefault();\n        focusPreviousInput(event.target);\n        break;\n      }\n      case 'ArrowUp': {\n        if (shouldIncrementDecrement) {\n          event.preventDefault();\n          setCurrentKey(event.key);\n          const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);\n          if (INTERNAL_V2_NO_MUTATION) {\n            change[name](incrementedValue);\n          } else {\n            setNativeValue(event.target, incrementedValue);\n          }\n        }\n        break;\n      }\n      case 'ArrowDown': {\n        if (shouldIncrementDecrement) {\n          event.preventDefault();\n          setCurrentKey(event.key);\n          const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);\n          if (INTERNAL_V2_NO_MUTATION) {\n            change[name](decrementedValue);\n          } else {\n            setNativeValue(event.target, decrementedValue);\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        event.preventDefault();\n        focusNextInput(event.target);\n        break;\n      }\n      case 'Backspace': {\n        event.preventDefault();\n        if (!value) {\n          focusPreviousInput(event.target);\n        } else {\n          // eslint-disable-next-line no-lonely-if\n          if (INTERNAL_V2_NO_MUTATION) {\n            change[name]('');\n          } else {\n            setNativeValue(event.target, '');\n          }\n        }\n        break;\n      }\n      case 'Enter': {\n        if (onCustomKeyDown && isCompletedDate()) onCustomKeyDown(event, triggerChange());\n        setCurrentKey(null);\n        break;\n      }\n      default:\n        if (onCustomKeyDown) onCustomKeyDown(event);\n        setCurrentKey(null);\n    }\n  };\n\n  const renderMonthInput = () => {\n    if (!showMonth) return null;\n    placeholder = 'MM';\n    const onMonthInputBlur = (e) => {\n      handleMonthChange(e);\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <MonthInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autocomplete=\"off\"\n        key=\"month-input\"\n        data-testid=\"month\"\n        disabled={disabled}\n        name=\"month\"\n        onBlur={onMonthInputBlur}\n        onChange={handleMonthChange}\n        value={month}\n      />\n    );\n  };\n  const renderDayInput = () => {\n    if (!showDay) return null;\n    placeholder = 'DD';\n    const onDayInputBlur = (e) => {\n      handleDayChange(e);\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DayInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autocomplete=\"off\"\n        key=\"day-input\"\n        data-testid=\"day\"\n        disabled={disabled}\n        name=\"day\"\n        onBlur={onDayInputBlur}\n        onChange={handleDayChange}\n        value={day}\n      />\n    );\n  };\n  const renderYearInput = () => {\n    if (!showYear) return null;\n    placeholder = 'YY';\n    digits = 4;\n    const onYearInputBlur = (e) => {\n      handleYearChange(e);\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <YearInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autocomplete=\"off\"\n        key=\"seconds-input\"\n        data-testid=\"year\"\n        disabled={disabled}\n        name=\"year\"\n        onBlur={onYearInputBlur}\n        onChange={handleYearChange}\n        value={year}\n      />\n    );\n  };\n\n  const renderDateInputs = () => {\n    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) =>\n        input\n          ? acc.concat([index ? <DateDivider key={index} content=\" / \" value={input.props.value} /> : null, input])\n          : acc,\n      [],\n    );\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n    ];\n  };\n\n  return <InputTimesGroup innerRef={innerRef}>{renderDateInputs()}</InputTimesGroup>;\n};\n\nDateInputs.propTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  onBlur: PropTypes.bool,\n  onChange: PropTypes.func,\n  onCustomKeyDown: PropTypes.func,\n  onError: PropTypes.func,\n  format: PropTypes.string,\n  showMonth: PropTypes.bool,\n  showDay: PropTypes.bool,\n  showYear: PropTypes.bool,\n  step: PropTypes.number,\n  yearMaxRange: PropTypes.number,\n  disabled: PropTypes.bool,\n  yearMinRange: PropTypes.number,\n  time: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputs };\nexport default DateInputs;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/DateInput/components/utils.js

@@ -0,0 +1,214 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  commonInputProps: () => commonInputProps,
+  focusNextInput: () => focusNextInput,
+  focusNextInputIfNeeded: () => focusNextInputIfNeeded,
+  focusPreviousInput: () => focusPreviousInput,
+  formatDay: () => formatDay,
+  formatMonth: () => formatMonth,
+  formatYear: () => formatYear,
+  getDateValuesFromTime: () => getDateValuesFromTime,
+  getNextTimeValue: () => getNextTimeValue,
+  getValidTimeNumber: () => getValidTimeNumber,
+  handleCompletedDate: () => handleCompletedDate,
+  isArrowIncrementDecrement: () => isArrowIncrementDecrement,
+  isTimeCompletelySet: () => isTimeCompletelySet,
+  onInputFocus: () => onInputFocus,
+  parseTimeNumberFromText: () => parseTimeNumberFromText,
+  resetTimeValues: () => resetTimeValues,
+  setNativeValue: () => setNativeValue,
+  shouldFocusNextInput: () => shouldFocusNextInput,
+  triggerOnBlur: () => triggerOnBlur
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_moment = __toESM(require("moment"));
+const currentYear = new Date().getFullYear();
+const isArrowIncrementDecrement = (key) => key === "ArrowDown" || key === "ArrowUp";
+const setNativeValue = (element, value) => {
+  if (!Object.getOwnPropertyDescriptor(element, "value"))
+    return;
+  const valueSetter = Object.getOwnPropertyDescriptor(element, "value").set;
+  const prototype = Object.getPrototypeOf(element);
+  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, "value").set;
+  if (valueSetter && valueSetter !== prototypeValueSetter) {
+    prototypeValueSetter.call(element, value);
+  } else {
+    valueSetter.call(element, value);
+  }
+  element.dispatchEvent(new Event("input", { bubbles: true }));
+};
+const formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {
+  if (value === null || value === void 0)
+    return "";
+  return shouldAddLeadingZeros ? (0, import_ds_utilities.addLeadingZeros)(leadingZeros)(value) : String(value);
+};
+const formatDay = (format, value) => {
+  const shouldAddLeadingZeros = format.indexOf("DD") > -1;
+  return formatTimeNumber(value, shouldAddLeadingZeros, 2);
+};
+const formatYear = (format, value) => {
+  const shouldAddLeadingZeros = format.indexOf("YYYY") > -1;
+  return formatTimeNumber(value, shouldAddLeadingZeros, 4);
+};
+const formatMonth = (format, value) => {
+  const shouldAddLeadingZeros = format.indexOf("MM") > -1;
+  return formatTimeNumber(value, shouldAddLeadingZeros, 2);
+};
+const parseTimeNumberFromText = (stringValue) => {
+  const parsedInt = (0, import_ds_utilities.parseInt)(stringValue);
+  if ((0, import_ds_utilities.isNaN)(parsedInt))
+    return null;
+  return parsedInt;
+};
+const triggerOnBlur = (blurEvent, onBlur = () => {
+}) => {
+  const { target: currentEl = {}, relatedTarget } = blurEvent || {};
+  const nextElement = currentEl.nextElementSibling;
+  const { nextElementSibling } = nextElement || {};
+  if (!nextElementSibling || nextElementSibling !== relatedTarget) {
+    onBlur(blurEvent);
+  }
+};
+const focusNextInput = (currentEl) => {
+  const nextElement = currentEl.nextElementSibling;
+  if (nextElement && nextElement.nextElementSibling) {
+    nextElement.nextElementSibling.focus();
+  }
+};
+const focusPreviousInput = (currentEl) => {
+  const previousElement = currentEl.previousElementSibling;
+  if (previousElement && previousElement.previousElementSibling) {
+    previousElement.previousElementSibling.focus();
+  }
+};
+const getValidTimeNumber = ({ min, max }, number, valueString = "", onError = () => null) => {
+  if (valueString === "0" || number === 0)
+    return null;
+  if (number === void 0 || number === null)
+    return null;
+  if (number > max) {
+    onError();
+    return max;
+  }
+  if (number < min) {
+    onError();
+    return min;
+  }
+  return number;
+};
+const shouldFocusNextInput = (max, number = 0, stringValue) => {
+  if (stringValue.length > 1 && !stringValue.startsWith("0"))
+    return true;
+  return number * 10 > max;
+};
+const getDateValuesFromTime = (time, format) => {
+  if (!time || !time.format)
+    return {};
+  const month = time.format("MM");
+  const day = time.format("DD");
+  const year = time.format("YYYY");
+  return {
+    month: formatMonth(format, month),
+    day: formatDay(format, day),
+    year: formatYear(format, year)
+  };
+};
+const resetTimeValues = () => ({
+  month: "",
+  day: "",
+  year: ""
+});
+const onInputFocus = (e) => {
+  e.preventDefault();
+  e.stopPropagation();
+  e.target.select();
+};
+const getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = true) => {
+  const parsedValue = parseTimeNumberFromText(value);
+  let result = incrementing ? parsedValue + step : parsedValue - step;
+  if (target === "year") {
+    if (result < yearMinRange)
+      result = currentYear;
+    if (result > yearMaxRange)
+      result = currentYear;
+  }
+  return result;
+};
+const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey) => {
+  if (shouldFocusNextInput(max, number, stringValue) && !isArrowIncrementDecrement(currentKey)) {
+    focusNextInput(currentEl);
+  }
+};
+const commonInputProps = (digits = 2, onKeyDown, placeholder) => {
+  const props = {
+    pattern: "[0-9]*",
+    placeholder,
+    type: "text",
+    onKeyDown,
+    onFocus: onInputFocus
+  };
+  if (digits === 4)
+    props.placeholder = "YYYY";
+  return props;
+};
+const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
+  const newDate = INTERNAL_V2_NO_MUTATION ? time && (0, import_moment.default)(time) || (0, import_moment.default)() : time || (0, import_moment.default)();
+  const { year, month, day } = date;
+  const { showYear, showMonth, showDay } = show;
+  if (time && !year && !month && !day)
+    return "";
+  newDate.value = `${year}-${month}-${day}`;
+  if (showMonth && month)
+    newDate.month((0, import_ds_utilities.parseInt)(month - 1, 10));
+  if (showDay && day)
+    newDate.date((0, import_ds_utilities.parseInt)(day, 10));
+  if (showYear && year)
+    newDate.year((0, import_ds_utilities.parseInt)(year, 10));
+  return newDate;
+};
+const isTimeCompletelySet = (date, show, range) => {
+  let neededValues = [];
+  const { year, month, day } = date;
+  if (day && day.length < 1 || month && month.length < 1)
+    return false;
+  const { showYear, showMonth, showDay } = show;
+  const { yearMinRange, yearMaxRange } = range;
+  if (showMonth)
+    neededValues = [...neededValues, month || null];
+  if (showDay)
+    neededValues = [...neededValues, day || null];
+  if (showYear)
+    neededValues = [...neededValues, year || null];
+  const isValidYear = year < yearMaxRange && year > yearMinRange;
+  return !neededValues.some((value) => !value) && isValidYear;
+};
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/dist/cjs/DateInput/components/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInput/components/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { addLeadingZeros, parseInt, isNaN } from '@elliemae/ds-utilities';\nimport moment from 'moment';\n\nconst currentYear = new Date().getFullYear();\n\nexport const isArrowIncrementDecrement = (key) => key === 'ArrowDown' || key === 'ArrowUp';\n\n// TODO remove and keep `true` behavior ( PUI-4141 )\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(leadingZeros)(value) : String(value);\n};\n\nexport const formatDay = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('DD') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros, 2);\n};\nexport const formatYear = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('YYYY') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros, 4);\n};\nexport const formatMonth = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('MM') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros, 2);\n};\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\n// trigger onBlur for entire DateInput control if focus is not in day, month, year\nexport const triggerOnBlur = (blurEvent, onBlur = () => {}) => {\n  const { target: currentEl = {}, relatedTarget } = blurEvent || {};\n  const nextElement = currentEl.nextElementSibling;\n  const { nextElementSibling } = nextElement || {};\n  // relatedTarget points to the element that is currently having focus\n  if (!nextElementSibling || nextElementSibling !== relatedTarget) {\n    onBlur(blurEvent);\n  }\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, valueString = '', onError = () => null) => {\n  if (valueString === '0' || number === 0) return null;\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    onError();\n    return max;\n  }\n  if (number < min) {\n    onError();\n    return min;\n  }\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  if (stringValue.length > 1 && !stringValue.startsWith('0')) return true;\n  return number * 10 > max;\n};\n\nexport const getDateValuesFromTime = (time, format) => {\n  if (!time || !time.format) return {};\n  const month = time.format('MM');\n  const day = time.format('DD');\n  const year = time.format('YYYY');\n  return {\n    month: formatMonth(format, month),\n    day: formatDay(format, day),\n    year: formatYear(format, year),\n  };\n};\n\nexport const resetTimeValues = () => ({\n  month: '',\n  day: '',\n  year: '',\n});\n\nexport const onInputFocus = (e) => {\n  e.preventDefault();\n  e.stopPropagation();\n  e.target.select();\n};\n\nexport const getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = true) => {\n  const parsedValue = parseTimeNumberFromText(value);\n  let result = incrementing ? parsedValue + step : parsedValue - step;\n  if (target === 'year') {\n    if (result < yearMinRange) result = currentYear;\n    if (result > yearMaxRange) result = currentYear;\n  }\n  return result;\n};\n\nexport const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey) => {\n  if (shouldFocusNextInput(max, number, stringValue) && !isArrowIncrementDecrement(currentKey)) {\n    focusNextInput(currentEl);\n  }\n};\n\nexport const commonInputProps = (digits = 2, onKeyDown, placeholder) => {\n  const props = {\n    pattern: '[0-9]*',\n    placeholder,\n    type: 'text',\n    onKeyDown,\n    onFocus: onInputFocus,\n  };\n  if (digits === 4) props.placeholder = 'YYYY';\n  return props;\n};\n\nexport const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {\n  // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true\n  const newDate = INTERNAL_V2_NO_MUTATION ? (time && moment(time)) || moment() : time || moment();\n\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n\n  if (time && !year && !month && !day) return '';\n\n  newDate.value = `${year}-${month}-${day}`;\n\n  if (showMonth && month) newDate.month(parseInt(month - 1, 10));\n  if (showDay && day) newDate.date(parseInt(day, 10));\n  if (showYear && year) newDate.year(parseInt(year, 10));\n\n  return newDate;\n};\n\nexport const isTimeCompletelySet = (date, show, range) => {\n  let neededValues = [];\n  const { year, month, day } = date;\n  if ((day && day.length < 1) || (month && month.length < 1)) return false;\n  const { showYear, showMonth, showDay } = show;\n  const { yearMinRange, yearMaxRange } = range;\n\n  if (showMonth) neededValues = [...neededValues, month || null];\n  if (showDay) neededValues = [...neededValues, day || null];\n  if (showYear) neededValues = [...neededValues, year || null];\n\n  const isValidYear = year < yearMaxRange && year > yearMinRange;\n\n  return !neededValues.some((value) => !value) && isValidYear;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/DateInput/defaultProps.js

@@ -0,0 +1,54 @@
+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 defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+const noop = () => null;
+const currentYear = new Date().getFullYear();
+const defaultProps = {
+  className: "",
+  style: {},
+  onFocus: noop,
+  onBlur: noop,
+  onClear: noop,
+  onChange: noop,
+  onKeyDown: noop,
+  onError: noop,
+  format: "MM:DD:YYYY",
+  value: "",
+  clearable: true,
+  disabled: false,
+  yearMaxRange: currentYear + 100,
+  yearMinRange: currentYear - 100,
+  containerProps: {},
+  INTERNAL_V2_NO_MUTATION: false
+};
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/dist/cjs/DateInput/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DateInput/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const noop = () => null;\nconst currentYear = new Date().getFullYear();\n\nexport const defaultProps = {\n  className: '',\n  style: {},\n  onFocus: noop,\n  onBlur: noop,\n  onClear: noop,\n  onChange: noop,\n  onKeyDown: noop,\n  onError: noop,\n  format: 'MM:DD:YYYY',\n  value: '',\n  clearable: true,\n  disabled: false,\n  yearMaxRange: currentYear + 100,\n  yearMinRange: currentYear - 100,\n  containerProps: {},\n  INTERNAL_V2_NO_MUTATION: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,OAAO,MAAM;AACnB,MAAM,cAAc,IAAI,OAAO;AAExB,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc,cAAc;AAAA,EAC5B,cAAc,cAAc;AAAA,EAC5B,gBAAgB;AAAA,EAChB,yBAAyB;AAAA;",
+  "names": []
+}