@elliemae/ds-form 3.27.0-next.1 → 3.27.0-next.3

package/dist/esm/DateInput/DSDateInput.js

@@ -1,92 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
-import { runAll } from "@elliemae/ds-utilities";
-import { describe } from "@elliemae/ds-props-helpers";
-import { DSInput } from "../Input/index.js";
-import { DateInputImpl } from "./components/DateInputImpl.js";
-import { props } from "./props.js";
-import { defaultProps } from "./defaultProps.js";
-const DSDateInput = ({
-  innerRef,
-  className,
-  style,
-  onFocus,
-  onBlur,
-  onClear,
-  onChange,
-  onKeyDown,
-  onError,
-  format,
-  value,
-  clearable,
-  disabled,
-  yearMaxRange,
-  yearMinRange,
-  containerProps,
-  // TODO remove and keep `true` behavior ( PUI-4141 )
-  INTERNAL_V2_NO_MUTATION
-}) => {
-  const [valueDate, setValueDate] = useState(value);
-  useEffect(() => {
-    if (value) {
-      setValueDate(value);
-    }
-  }, [value]);
-  const handleOnClear = useCallback(() => {
-    runAll(onClear, setValueDate(""));
-  }, [onClear]);
-  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {
-    inputOnKeyDown(e, date);
-  }, []);
-  const handleOnChange = useCallback((date, inputOnChange) => {
-    setValueDate(date);
-    inputOnChange(date);
-  }, []);
-  return /* @__PURE__ */ jsx(
-    DSInput,
-    {
-      className: `${className} input-date-input `,
-      clearable,
-      containerProps,
-      customInputType: ({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => /* @__PURE__ */ jsx(
-        DateInputImpl,
-        {
-          INTERNAL_V2_NO_MUTATION,
-          disabled,
-          format,
-          onChange: (date) => handleOnChange(date, inputOnChange),
-          onError,
-          onKeyDown: (e, date) => handleKeyDown(e, date, inputOnKeyDown),
-          value: valueDate,
-          ...restInputProps,
-          style,
-          yearMaxRange,
-          yearMinRange,
-          onFocus
-        }
-      ),
-      disableTooltip: false,
-      disabled,
-      innerRef,
-      onBlur,
-      onChange,
-      onKeyDown,
-      onClear: handleOnClear,
-      value: valueDate
-    }
-  );
-};
-DSDateInput.propTypes = props;
-DSDateInput.defaultProps = defaultProps;
-DSDateInput.displayName = "DSDateInput";
-const DSDateInputWithSchema = describe(DSDateInput).deprecated("use DateInputV2 instead");
-DSDateInputWithSchema.propTypes = props;
-var DSDateInput_default = DSDateInput;
-export {
-  DSDateInput,
-  DSDateInputWithSchema,
-  DateInputImpl,
-  DSDateInput_default as default
-};
-//# sourceMappingURL=DSDateInput.js.map

package/dist/esm/DateInput/DSDateInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/DateInput/DSDateInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSInput } from '../Input/index.js';\nimport { DateInputImpl } from './components/DateInputImpl.js';\nimport { props } from './props.js';\nimport { defaultProps } from './defaultProps.js';\n\nconst DSDateInput = ({\n  innerRef,\n  className,\n  style,\n  onFocus,\n  onBlur,\n  onClear,\n  onChange,\n  onKeyDown,\n  onError,\n  format,\n  value,\n  clearable,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  containerProps,\n  // TODO remove and keep `true` behavior ( PUI-4141 )\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const [valueDate, setValueDate] = useState(value);\n\n  useEffect(() => {\n    if (value) {\n      setValueDate(value);\n    }\n  }, [value]);\n\n  const handleOnClear = useCallback(() => {\n    runAll(onClear, setValueDate(''));\n  }, [onClear]);\n\n  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {\n    inputOnKeyDown(e, date);\n  }, []);\n\n  const handleOnChange = useCallback((date, inputOnChange) => {\n    setValueDate(date);\n    inputOnChange(date);\n  }, []);\n\n  return (\n    <DSInput\n      className={`${className} input-date-input `}\n      clearable={clearable}\n      containerProps={containerProps}\n      customInputType={({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => (\n        <DateInputImpl\n          INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n          disabled={disabled}\n          format={format}\n          onChange={(date) => handleOnChange(date, inputOnChange)}\n          onError={onError}\n          onKeyDown={(e, date) => handleKeyDown(e, date, inputOnKeyDown)}\n          value={valueDate}\n          {...restInputProps}\n          style={style}\n          yearMaxRange={yearMaxRange}\n          yearMinRange={yearMinRange}\n          onFocus={onFocus}\n        />\n      )}\n      disableTooltip={false}\n      disabled={disabled}\n      innerRef={innerRef}\n      onBlur={onBlur}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n      onClear={handleOnClear}\n      value={valueDate}\n    />\n  );\n};\n\nDSDateInput.propTypes = props;\nDSDateInput.defaultProps = defaultProps;\nDSDateInput.displayName = 'DSDateInput';\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwDf;AAvDR,SAAgB,UAAU,aAAa,iBAAiB;AACxD,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB,YAAY,MAAM;AACtC,WAAO,SAAS,aAAa,EAAE,CAAC;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,YAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,YAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa,IAAI;AACjB,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG;AAAA,MACd;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,WAAW,gBAAgB,GAAG,eAAe,MACxF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,CAAC,SAAS,eAAe,MAAM,aAAa;AAAA,UACtD;AAAA,UACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM,cAAc;AAAA,UAC7D,OAAO;AAAA,UACN,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,EACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW,EAAE,WAAW,yBAAyB;AACxF,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/esm/DateInput/components/DateInputImpl.js

@@ -1,80 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useRef, useMemo } from "react";
-import PropTypes from "prop-types";
-import Moment from "moment";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { DateInputs } from "./DateInputs.js";
-const blockName = "input-time";
-const DateInputContainer = aggregatedClasses("div")(blockName);
-const getVisibleTimeByFormat = (format) => ({
-  showMonth: format.indexOf("MM") > -1 || format.indexOf("M") > -1,
-  showDay: format.indexOf("DD") > -1 || format.indexOf("D") > -1,
-  showYear: format.indexOf("YYYY") > -1
-});
-const DateInputImpl = ({
-  format,
-  innerRef,
-  onBlur,
-  onChange,
-  onKeyDown,
-  onError,
-  className,
-  value,
-  disabled,
-  yearMaxRange,
-  yearMinRange,
-  onFocus,
-  // eslint-disable-next-line react/prop-types
-  INTERNAL_V2_NO_MUTATION
-}) => {
-  const inputContainerRef = useRef();
-  const handleFocus = (e) => {
-    onFocus();
-    if (!e.target.type) {
-      inputContainerRef.current.querySelector("input").focus();
-    }
-  };
-  const visibleInputs = useMemo(() => getVisibleTimeByFormat(format), [format]);
-  return /* @__PURE__ */ jsx(DateInputContainer, { className, disabled, innerRef, onClick: handleFocus, children: /* @__PURE__ */ jsx(
-    DateInputs,
-    {
-      disabled,
-      format,
-      INTERNAL_V2_NO_MUTATION,
-      innerRef: inputContainerRef,
-      onBlur,
-      onChange,
-      onCustomKeyDown: onKeyDown,
-      onError,
-      time: value,
-      yearMaxRange,
-      yearMinRange,
-      ...visibleInputs
-    }
-  ) });
-};
-DateInputImpl.propTypes = {
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
-  onBlur: PropTypes.bool,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onError: PropTypes.func,
-  format: PropTypes.string,
-  showMonth: PropTypes.bool,
-  className: PropTypes.string,
-  showDay: PropTypes.bool,
-  showYear: PropTypes.bool,
-  step: PropTypes.number,
-  onFocus: PropTypes.func,
-  yearMaxRange: PropTypes.number,
-  disabled: PropTypes.bool,
-  yearMinRange: PropTypes.number,
-  value: PropTypes.instanceOf(Moment)
-};
-var DateInputImpl_default = DateInputImpl;
-export {
-  DateInputImpl,
-  DateInputImpl_default as default
-};
-//# sourceMappingURL=DateInputImpl.js.map

package/dist/esm/DateInput/components/DateInputImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInput/components/DateInputImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DateInputs } from './DateInputs.js';\n\nconst blockName = 'input-time';\n\nconst DateInputContainer = aggregatedClasses('div')(blockName);\n\nconst getVisibleTimeByFormat = (format) => ({\n  showMonth: format.indexOf('MM') > -1 || format.indexOf('M') > -1,\n  showDay: format.indexOf('DD') > -1 || format.indexOf('D') > -1,\n  showYear: format.indexOf('YYYY') > -1,\n});\n\nconst DateInputImpl = ({\n  format,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyDown,\n  onError,\n  className,\n  value,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  onFocus,\n  // eslint-disable-next-line react/prop-types\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const inputContainerRef = useRef();\n\n  const handleFocus = (e) => {\n    onFocus();\n    if (!e.target.type) {\n      inputContainerRef.current.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeByFormat(format), [format]);\n\n  return (\n    <DateInputContainer className={className} disabled={disabled} innerRef={innerRef} onClick={handleFocus}>\n      <DateInputs\n        disabled={disabled}\n        format={format}\n        INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n        innerRef={inputContainerRef}\n        onBlur={onBlur}\n        onChange={onChange}\n        onCustomKeyDown={onKeyDown}\n        onError={onError}\n        time={value}\n        yearMaxRange={yearMaxRange}\n        yearMinRange={yearMinRange}\n        {...visibleInputs}\n      />\n    </DateInputContainer>\n  );\n};\n\nDateInputImpl.propTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  onBlur: PropTypes.bool,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onError: PropTypes.func,\n  format: PropTypes.string,\n  showMonth: PropTypes.bool,\n  className: PropTypes.string,\n  showDay: PropTypes.bool,\n  showYear: PropTypes.bool,\n  step: PropTypes.number,\n  onFocus: PropTypes.func,\n  yearMaxRange: PropTypes.number,\n  disabled: PropTypes.bool,\n  yearMinRange: PropTypes.number,\n  value: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputImpl };\nexport default DateInputImpl;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6CjB;AA7CN,SAAgB,QAAQ,eAAe;AACvC,OAAO,eAAe;AACtB,OAAO,YAAY;AACnB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,yBAAyB,CAAC,YAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC9D,SAAS,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC5D,UAAU,OAAO,QAAQ,MAAM,IAAI;AACrC;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AACF,MAAM;AACJ,QAAM,oBAAoB,OAAO;AAEjC,QAAM,cAAc,CAAC,MAAM;AACzB,YAAQ;AACR,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,OAAO,EAAE,MAAM;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,gBAAgB,QAAQ,MAAM,uBAAuB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE5E,SACE,oBAAC,sBAAmB,WAAsB,UAAoB,UAAoB,SAAS,aACzF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AAAA,EACnB,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,OAAO,UAAU,WAAW,MAAM;AACpC;AAGA,IAAO,wBAAQ;",
-  "names": []
-}

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

@@ -1,327 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { createElement } from "react";
-import React2, { useState, useEffect, useCallback } from "react";
-import PropTypes from "prop-types";
-import Moment from "moment";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { usePrevious } from "@elliemae/ds-utilities";
-import {
-  formatMonth,
-  formatDay,
-  formatYear,
-  getValidTimeNumber,
-  setNativeValue,
-  parseTimeNumberFromText,
-  focusNextInput,
-  focusPreviousInput,
-  getDateValuesFromTime,
-  getNextTimeValue,
-  focusNextInputIfNeeded,
-  commonInputProps,
-  handleCompletedDate,
-  triggerOnBlur,
-  isTimeCompletelySet
-} from "./utils.js";
-const blockName = "input-date-group";
-const InputTimesGroup = aggregatedClasses("div")(blockName);
-const MonthInput = aggregatedClasses("input")(blockName, "input input-month");
-const DayInput = aggregatedClasses("input")(blockName, "input input-day");
-const YearInput = aggregatedClasses("input")(blockName, "input input-year");
-const Divider = aggregatedClasses("span")(blockName, "divider", ({ value }) => ({
-  value
-}));
-const DateDivider = ({ content = ":", value = "" }) => /* @__PURE__ */ jsx(Divider, { value: !!value, children: content });
-const DateInputs = ({
-  innerRef,
-  onBlur,
-  onChange,
-  onCustomKeyDown,
-  onError,
-  format = "",
-  showMonth = true,
-  showDay = true,
-  showYear = true,
-  step = 1,
-  yearMaxRange,
-  disabled,
-  yearMinRange,
-  time,
-  // TODO remove and keep `true` behavior ( PUI-4141 )
-  INTERNAL_V2_NO_MUTATION
-  // eslint-disable-line react/prop-types
-}) => {
-  const [currentKey, setCurrentKey] = useState("ArrowUp");
-  const [month, setMonth] = useState("");
-  const [day, setDay] = useState("");
-  const [year, setYear] = useState("");
-  const prevTime = usePrevious(time);
-  const prevFormat = usePrevious(format);
-  let digits = 2;
-  let placeholder = "";
-  useEffect(() => {
-    if (time) {
-      const dateValues = getDateValuesFromTime(time, format);
-      setMonth(dateValues.month);
-      setDay(dateValues.day);
-      setYear(dateValues.year);
-    }
-  }, [format, time]);
-  useEffect(() => {
-    if (!time && prevTime) {
-      setMonth("");
-      setDay("");
-      setYear("");
-      onChange("");
-    }
-    if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {
-      const dateValues = getDateValuesFromTime(time, format);
-      setMonth(dateValues.month);
-      setDay(dateValues.day);
-      setYear(dateValues.year);
-    }
-  }, [time, prevTime, format, prevFormat, onChange]);
-  const isCompletedDate = useCallback(
-    () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),
-    [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange]
-  );
-  useEffect(() => {
-    if (INTERNAL_V2_NO_MUTATION) {
-      const dateValues = getDateValuesFromTime(time, format);
-      if (dateValues.day !== day && isCompletedDate()) {
-        onChange(
-          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION)
-        );
-      } else if (dateValues.month !== month && isCompletedDate()) {
-        onChange(
-          handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION)
-        );
-      } else if (dateValues.year !== year && isCompletedDate()) {
-        onChange(
-          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 = () => handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);
-  const handleYearChange = (e) => {
-    const { value } = e.target;
-    const yearValue = parseTimeNumberFromText(value);
-    const yearRange = { min: 1, max: 9999 };
-    const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);
-    setYear(formatYear(format, nextYear));
-    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {
-      onChange(triggerChange());
-    }
-    focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);
-  };
-  const handleMonthChange = (e) => {
-    const { value } = e.target;
-    const monthValue = parseTimeNumberFromText(value);
-    const monthRange = { min: 1, max: 12 };
-    const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);
-    setMonth(formatMonth(format, nextMonth));
-    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {
-      onChange(triggerChange());
-    }
-    focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);
-  };
-  const handleDayChange = (e) => {
-    const { value } = e.target;
-    const dayValue = parseTimeNumberFromText(value);
-    const dayRange = { min: 1, max: 31 };
-    const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);
-    setDay(formatDay(format, nextDay));
-    if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {
-      onChange(triggerChange());
-    }
-    if (value !== day)
-      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();
-        focusPreviousInput(event.target);
-        break;
-      }
-      case "ArrowUp": {
-        if (shouldIncrementDecrement) {
-          event.preventDefault();
-          setCurrentKey(event.key);
-          const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);
-          if (INTERNAL_V2_NO_MUTATION) {
-            change[name](incrementedValue);
-          } else {
-            setNativeValue(event.target, incrementedValue);
-          }
-        }
-        break;
-      }
-      case "ArrowDown": {
-        if (shouldIncrementDecrement) {
-          event.preventDefault();
-          setCurrentKey(event.key);
-          const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);
-          if (INTERNAL_V2_NO_MUTATION) {
-            change[name](decrementedValue);
-          } else {
-            setNativeValue(event.target, decrementedValue);
-          }
-        }
-        break;
-      }
-      case "ArrowRight": {
-        event.preventDefault();
-        focusNextInput(event.target);
-        break;
-      }
-      case "Backspace": {
-        event.preventDefault();
-        if (!value) {
-          focusPreviousInput(event.target);
-        } else {
-          if (INTERNAL_V2_NO_MUTATION) {
-            change[name]("");
-          } else {
-            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);
-      triggerOnBlur(e, onBlur);
-    };
-    return /* @__PURE__ */ createElement(
-      MonthInput,
-      {
-        ...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);
-      triggerOnBlur(e, onBlur);
-    };
-    return /* @__PURE__ */ createElement(
-      DayInput,
-      {
-        ...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);
-      triggerOnBlur(e, onBlur);
-    };
-    return /* @__PURE__ */ createElement(
-      YearInput,
-      {
-        ...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__ */ jsx(DateDivider, { content: " / ", value: input.props.value }, index) : null, input]) : acc,
-      []
-    );
-    return [
-      inputsWithDividers,
-      React2.createElement("span", { key: "span" })
-      // hack for next/prev focus
-    ];
-  };
-  return /* @__PURE__ */ jsx(InputTimesGroup, { innerRef, children: renderDateInputs() });
-};
-DateInputs.propTypes = {
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
-  onBlur: PropTypes.bool,
-  onChange: PropTypes.func,
-  onCustomKeyDown: PropTypes.func,
-  onError: PropTypes.func,
-  format: PropTypes.string,
-  showMonth: PropTypes.bool,
-  showDay: PropTypes.bool,
-  showYear: PropTypes.bool,
-  step: PropTypes.number,
-  yearMaxRange: PropTypes.number,
-  disabled: PropTypes.bool,
-  yearMinRange: PropTypes.number,
-  time: PropTypes.instanceOf(Moment)
-};
-var DateInputs_default = DateInputs;
-export {
-  DateInputs,
-  DateInputs_default as default
-};
-//# sourceMappingURL=DateInputs.js.map

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

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