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

package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import React2 from "react";
+import { SingleValueRemove } from "./SingleValueRemove";
+import { MultiValueLabel } from "./MultiValueLabel";
+const SingleValue = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ React2.createElement(MultiValueLabel, {
+    clear: /* @__PURE__ */ React2.createElement(SingleValueRemove, {
+      ...props
+    })
+  }, children);
+};
+export {
+  SingleValue
+};
+//# sourceMappingURL=SingleValue.js.map

package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SingleValueRemove } from './SingleValueRemove';\nimport { MultiValueLabel } from './MultiValueLabel';\n\nconst SingleValue = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { children } = props;\n  return (\n    <MultiValueLabel clear={<SingleValueRemove {...props} />}>\n      {children}\n    </MultiValueLabel>\n  );\n};\n\nexport { SingleValue };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,aAAa;AACrB,SACE,qCAAC,iBAAD;AAAA,IAAiB,OAAO,qCAAC,mBAAD;AAAA,SAAuB;AAAA;AAAA,KAC5C;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import styled from "styled-components";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+const StyledButton = styled(DSButton)`
+  padding-right: 8px;
+  width: 1.16rem !important;
+  height: auto;
+  z-index: 10;
+  color: '#000';
+`;
+const SingleValueRemove = (props) => {
+  const { clearValue } = props;
+  return /* @__PURE__ */ React2.createElement(components.ClearIndicator, {
+    ...props
+  }, /* @__PURE__ */ React2.createElement(StyledButton, {
+    ...props,
+    "data-testid": "free-solo-pill-clear-btn",
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
+      fill: "#000"
+    }),
+    onClick: () => clearValue()
+  }));
+};
+SingleValueRemove.style = (base) => ({
+  ...base,
+  padding: 0,
+  height: "16px",
+  backgroundColor: "#EBF6FF",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
+  }
+});
+export {
+  SingleValueRemove
+};
+//# sourceMappingURL=SingleValueRemove.js.map

package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { components } from 'react-select';\nimport styled from 'styled-components';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,eAAe;AAEvB,SACE,qCAAC,WAAW,gBAAZ;AAAA,OAA+B;AAAA,KAC7B,qCAAC,cAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA;AAAA,IACxB,SAAS,MAAM;AAAA;AAAA;AAMvB,kBAAkB,QAAQ,CAAC,SAAU;AAAA,KAChC;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./ComboBoxFreeSolo";
+//# sourceMappingURL=index.js.map

package/dist/esm/ComboBoxFreeSolo/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ComboBoxFreeSolo/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ComboBoxFreeSolo';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/DateInput/DSDateInput.js

@@ -0,0 +1,83 @@
+import * as React from "react";
+import React2, { useState, useCallback, useEffect } from "react";
+import { describe } from "react-desc";
+import { runAll } from "@elliemae/ds-utilities";
+import { DSInput } from "../Input";
+import { DateInputImpl } from "./components/DateInputImpl";
+import { props } from "./props";
+import { defaultProps } from "./defaultProps";
+const DSDateInput = ({
+  innerRef,
+  className,
+  style,
+  onFocus,
+  onBlur,
+  onClear,
+  onChange,
+  onKeyDown,
+  onError,
+  format,
+  value,
+  clearable,
+  disabled,
+  yearMaxRange,
+  yearMinRange,
+  containerProps,
+  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__ */ React2.createElement(DSInput, {
+    className: `${className} input-date-input `,
+    clearable,
+    containerProps,
+    customInputType: ({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => /* @__PURE__ */ React2.createElement(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;
+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

@@ -0,0 +1,7 @@
+{
+  "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 { describe } from 'react-desc';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { DateInputImpl } from './components/DateInputImpl';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\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;\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,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,EAEA;AAAA,MACI;AACJ,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAE3C,YAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,QAAM,gBAAgB,YAAY,MAAM;AACtC,WAAO,SAAS,aAAa;AAAA,KAC5B,CAAC;AAEJ,QAAM,gBAAgB,YAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG;AAAA,KACjB;AAEH,QAAM,iBAAiB,YAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa;AACb,kBAAc;AAAA,KACb;AAEH,SACE,qCAAC,SAAD;AAAA,IACE,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,WAAW,mBAAmB,qBACzE,qCAAC,eAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,eAAe,MAAM;AAAA,MACzC;AAAA,MACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM;AAAA,MAC/C,OAAO;AAAA,SACH;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAGJ,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA;AAAA;AAKb,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,MAAM,wBAAwB,SAAS,aAAa,WAAW;AAC/D,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,80 @@
+import * as React from "react";
+import React2, { useRef, useMemo } from "react";
+import PropTypes from "prop-types";
+import Moment from "moment";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { DateInputs } from "./DateInputs";
+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,
+  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__ */ React2.createElement(DateInputContainer, {
+    className,
+    disabled,
+    innerRef,
+    onClick: handleFocus
+  }, /* @__PURE__ */ React2.createElement(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

@@ -0,0 +1,7 @@
+{
+  "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';\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;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,OAAO;AAEpD,MAAM,yBAAyB,CAAC,WAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC9D,SAAS,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC5D,UAAU,OAAO,QAAQ,UAAU;AAAA;AAGrC,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,EAEA;AAAA,MACI;AACJ,QAAM,oBAAoB;AAE1B,QAAM,cAAc,CAAC,MAAM;AACzB;AACA,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,SAAS;AAAA;AAAA;AAIrD,QAAM,gBAAgB,QAAQ,MAAM,uBAAuB,SAAS,CAAC;AAErE,SACE,qCAAC,oBAAD;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAoB;AAAA,IAAoB,SAAS;AAAA,KACzF,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,OACI;AAAA;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,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;AAAA;AAI9B,IAAO,wBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,309 @@
+import * as React 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";
+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__ */ React2.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] = 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__ */ React2.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__ */ React2.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__ */ React2.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__ */ React2.createElement(DateDivider, {
+      key: index,
+      content: " / ",
+      value: input.props.value
+    }) : null, input]) : acc, []);
+    return [
+      inputsWithDividers,
+      React2.createElement("span", { key: "span" })
+    ];
+  };
+  return /* @__PURE__ */ React2.createElement(InputTimesGroup, {
+    innerRef
+  }, 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

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