@elliemae/ds-form 3.0.0-next.0 → 3.0.0-next.4

package/dist/cjs/DateInput/DSDateInput.js

@@ -0,0 +1,144 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 DSDateInput_exports = {};
+__export(DSDateInput_exports, {
+  DSDateInput: () => DSDateInput,
+  DSDateInputWithSchema: () => DSDateInputWithSchema,
+  DateInputImpl: () => import_DateInputImpl.DateInputImpl,
+  default: () => DSDateInput_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_Input = require("../Input");
+var import_DateInputImpl = require("./components/DateInputImpl");
+var import_props = require("./props");
+var import_defaultProps = require("./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] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    if (value) {
+      setValueDate(value);
+    }
+  }, [value]);
+  const handleOnClear = (0, import_react.useCallback)(() => {
+    (0, import_ds_utilities.runAll)(onClear, setValueDate(""));
+  }, [onClear]);
+  const handleKeyDown = (0, import_react.useCallback)((e, date, inputOnKeyDown) => {
+    inputOnKeyDown(e, date);
+  }, []);
+  const handleOnChange = (0, import_react.useCallback)((date, inputOnChange) => {
+    setValueDate(date);
+    inputOnChange(date);
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(import_Input.DSInput, {
+    className: `${className} input-date-input `,
+    clearable,
+    containerProps,
+    customInputType: (_a) => {
+      var _b = _a, { onChange: inputOnChange, onKeyDown: inputOnKeyDown } = _b, restInputProps = __objRest(_b, ["onChange", "onKeyDown"]);
+      return /* @__PURE__ */ import_react.default.createElement(import_DateInputImpl.DateInputImpl, __spreadProps(__spreadValues({
+        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 = import_props.props;
+DSDateInput.defaultProps = import_defaultProps.defaultProps;
+const DSDateInputWithSchema = (0, import_react_desc.describe)(DSDateInput).deprecated("use DateInputV2 instead");
+DSDateInputWithSchema.propTypes = import_props.props;
+var DSDateInput_default = DSDateInput;
+module.exports = __toCommonJS(DSDateInput_exports);
+//# sourceMappingURL=DSDateInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DateInput/DSDateInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,wBAAyB;AACzB,0BAAuB;AACvB,mBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AACtB,0BAA6B;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,EAEA;AAAA,MACI;AACJ,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAE3C,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,QAAM,gBAAgB,8BAAY,MAAM;AACtC,oCAAO,SAAS,aAAa;AAAA,KAC5B,CAAC;AAEJ,QAAM,gBAAgB,8BAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG;AAAA,KACjB;AAEH,QAAM,iBAAiB,8BAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa;AACb,kBAAc;AAAA,KACb;AAEH,SACE,mDAAC,sBAAD;AAAA,IACE,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,OAA2E;AAA3E,mBAAE,YAAU,eAAe,WAAW,mBAAtC,IAAyD,2BAAzD,IAAyD,CAAvD,YAAyB;AAC3C,gEAAC,oCAAD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,eAAe,MAAM;AAAA,QACzC;AAAA,QACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM;AAAA,QAC/C,OAAO;AAAA,SACH,iBARN;AAAA,QASE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;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,gCAAS,aAAa,WAAW;AAC/D,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,122 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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 DateInputImpl_exports = {};
+__export(DateInputImpl_exports, {
+  DateInputImpl: () => DateInputImpl,
+  default: () => DateInputImpl_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_DateInputs = require("./DateInputs");
+const blockName = "input-time";
+const DateInputContainer = (0, import_ds_classnames.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 = (0, import_react.useRef)();
+  const handleFocus = (e) => {
+    onFocus();
+    if (!e.target.type) {
+      inputContainerRef.current.querySelector("input").focus();
+    }
+  };
+  const visibleInputs = (0, import_react.useMemo)(() => getVisibleTimeByFormat(format), [format]);
+  return /* @__PURE__ */ import_react.default.createElement(DateInputContainer, {
+    className,
+    disabled,
+    innerRef,
+    onClick: handleFocus
+  }, /* @__PURE__ */ import_react.default.createElement(import_DateInputs.DateInputs, __spreadValues({
+    disabled,
+    format,
+    INTERNAL_V2_NO_MUTATION,
+    innerRef: inputContainerRef,
+    onBlur,
+    onChange,
+    onCustomKeyDown: onKeyDown,
+    onError,
+    time: value,
+    yearMaxRange,
+    yearMinRange
+  }, visibleInputs)));
+};
+DateInputImpl.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,
+  onKeyDown: import_prop_types.default.func,
+  onError: import_prop_types.default.func,
+  format: import_prop_types.default.string,
+  showMonth: import_prop_types.default.bool,
+  className: import_prop_types.default.string,
+  showDay: import_prop_types.default.bool,
+  showYear: import_prop_types.default.bool,
+  step: import_prop_types.default.number,
+  onFocus: import_prop_types.default.func,
+  yearMaxRange: import_prop_types.default.number,
+  disabled: import_prop_types.default.bool,
+  yearMinRange: import_prop_types.default.number,
+  value: import_prop_types.default.instanceOf(import_moment.default)
+};
+var DateInputImpl_default = DateInputImpl;
+module.exports = __toCommonJS(DateInputImpl_exports);
+//# sourceMappingURL=DateInputImpl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInput/components/DateInputImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuC;AACvC,wBAAsB;AACtB,oBAAmB;AACnB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,4CAAkB,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,0BAAQ,MAAM,uBAAuB,SAAS,CAAC;AAErE,SACE,mDAAC,oBAAD;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAoB;AAAA,IAAoB,SAAS;AAAA,KACzF,mDAAC,8BAAD;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,KACI;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,UAAU,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACpF,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,WAAW,0BAAU;AAAA,EACrB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,WAAW,0BAAU;AAAA,EACrB,WAAW,0BAAU;AAAA,EACrB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA,EAChB,SAAS,0BAAU;AAAA,EACnB,cAAc,0BAAU;AAAA,EACxB,UAAU,0BAAU;AAAA,EACpB,cAAc,0BAAU;AAAA,EACxB,OAAO,0BAAU,WAAW;AAAA;AAI9B,IAAO,wBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,336 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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, __spreadProps(__spreadValues({}, (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, __spreadProps(__spreadValues({}, (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, __spreadProps(__spreadValues({}, (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