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

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

@@ -0,0 +1,214 @@
+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
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_utils = require("./utils");
+var import_helpers = require("./helpers");
+var import_styled = require("./styled");
+var import_propsTypes = require("./propsTypes");
+const FORMAT = "MMDDYYYY";
+const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown, time, tabIndex, innerRef }) => {
+  const [month, setMonth] = (0, import_react.useState)("");
+  const [day, setDay] = (0, import_react.useState)("");
+  const [year, setYear] = (0, import_react.useState)("");
+  const [onChangeDateTrigger, setOnChangeDateTrigger] = (0, import_react.useState)({});
+  const dayRef = import_react.default.useRef();
+  const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = (0, import_react.useState)(false);
+  let digits = 2;
+  let placeholder = "";
+  const handleFluidClick = import_react.default.useCallback((e) => {
+    if (!e.target.type && dayRef.current) {
+      dayRef.current.focus();
+    }
+  }, [dayRef.current]);
+  const triggerOnDateChange = import_react.default.useCallback(() => {
+    if (month && day && year && haveInputsOnChangeTriggered) {
+      const momentValue = (0, import_moment.default)(`${month}${day}${year}`, "MMDDYYYY", true);
+      if (momentValue.isValid()) {
+        onDateChange(momentValue);
+      }
+      setHaveInputsOnChangeTriggered(false);
+    }
+  }, [day, month, year, haveInputsOnChangeTriggered]);
+  const onMonthChange = import_react.default.useCallback((e, isArrowChange) => {
+    const value = (0, import_utils.getFormattedMonth)(e.target.value);
+    const shouldAdvance = (0, import_utils.getShouldShortcircuitMonth)(e.target.value);
+    setMonth(value);
+    setHaveInputsOnChangeTriggered(true);
+    if (e.target.value.length > 1 || shouldAdvance) {
+      if (!isArrowChange)
+        (0, import_utils.focusNextInput)(e.target);
+      setOnChangeDateTrigger({});
+    }
+  }, []);
+  const onDayChange = import_react.default.useCallback((e, isArrowChange) => {
+    const value = (0, import_utils.getFormattedDay)(e.target.value);
+    const shouldAdvance = (0, import_utils.getShouldShortcircuitDay)(e.target.value);
+    setDay(value);
+    setHaveInputsOnChangeTriggered(true);
+    if (e.target.value.length > 1 || shouldAdvance) {
+      if (!isArrowChange)
+        (0, import_utils.focusNextInput)(e.target);
+      setOnChangeDateTrigger({});
+    }
+  }, []);
+  const onYearChange = import_react.default.useCallback((e) => {
+    const value = (0, import_utils.getFormattedYear)(e.target.value);
+    setYear(value);
+    setHaveInputsOnChangeTriggered(true);
+    setOnChangeDateTrigger({});
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (haveInputsOnChangeTriggered) {
+      const momentValue = (0, import_moment.default)(`${month}${day}${year}`, FORMAT, true);
+      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
+    }
+  }, [day, month, year]);
+  (0, import_react.useEffect)(() => {
+    triggerOnDateChange();
+  }, [onChangeDateTrigger]);
+  (0, import_react.useEffect)(() => {
+    if (time && time !== `${month}${day}${year}` && (0, import_moment.default)(time, "MMDDYYYY").isValid()) {
+      const values = String(time || "");
+      if (values.slice(0, 2))
+        setMonth(values.slice(0, 2));
+      if (values.slice(2, 4))
+        setDay(values.slice(2, 4));
+      if (values.slice(4, 8))
+        setYear(values.slice(4, 8));
+    } else if (!time && (month || day || year)) {
+      setMonth("");
+      setDay("");
+      setYear("");
+    }
+  }, [time]);
+  const onKeyDown = (event) => (0, import_helpers.onKeyDownHelper)(event, {
+    onDayChange,
+    onMonthChange,
+    onYearChange
+  });
+  const renderMonthInput = () => {
+    placeholder = "MM";
+    const onMonthInputBlur = (e) => {
+      setOnChangeDateTrigger({});
+      (0, import_utils.triggerOnBlur)(e, onBlur);
+    };
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+      autoComplete: "off",
+      key: "month-input",
+      "data-testid": "month",
+      disabled,
+      name: "month",
+      onBlur: onMonthInputBlur,
+      onChange: onMonthChange,
+      value: month,
+      tabIndex,
+      ref: dayRef
+    }));
+  };
+  const renderDayInput = () => {
+    placeholder = "DD";
+    const onDayInputBlur = (e) => {
+      setOnChangeDateTrigger({});
+      (0, import_utils.triggerOnBlur)(e, onBlur);
+    };
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+      autoComplete: "off",
+      key: "day-input",
+      "data-testid": "day",
+      disabled,
+      name: "day",
+      onBlur: onDayInputBlur,
+      onChange: onDayChange,
+      value: day,
+      tabIndex
+    }));
+  };
+  const renderYearInput = () => {
+    placeholder = "YY";
+    digits = 4;
+    const onYearInputBlur = (e) => {
+      (0, import_utils.triggerOnBlur)(e, onBlur);
+    };
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)(digits, onKeyDown, placeholder)), {
+      autoComplete: "off",
+      key: "year-input",
+      "data-testid": "year",
+      disabled,
+      name: "year",
+      onBlur: onYearInputBlur,
+      onChange: onYearChange,
+      value: year,
+      size: "l",
+      tabIndex
+    }));
+  };
+  const renderDateInputs = () => {
+    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
+    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputDivider, null, "/") : null, input]) : acc, []);
+    return [
+      inputsWithDividers,
+      import_react.default.createElement("span", { key: "span" })
+    ];
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputFluidContainer, {
+    onClick: handleFluidClick,
+    "data-testid": "date-input-fluidContainer"
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputWrapper, {
+    disabled,
+    ref: innerRef,
+    onKeyDown: onCustomKeyDown,
+    tabIndex: -1,
+    cols: ["auto", "6px", "auto", "6px", "auto"]
+  }, renderDateInputs()));
+};
+DateInputs.propTypes = import_propsTypes.DateInputsPropTypes;
+module.exports = __toCommonJS(DateInputs_exports);
+//# sourceMappingURL=DateInputs.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInputV2/components/DateInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useEffect } from 'react';\nimport moment from 'moment';\nimport {\n  commonInputProps,\n  triggerOnBlur,\n  focusNextInput,\n  getFormattedDay,\n  getShouldShortcircuitDay,\n  getFormattedMonth,\n  getShouldShortcircuitMonth,\n  getFormattedYear,\n} from './utils';\nimport { onKeyDownHelper } from './helpers';\nimport { DateInputDivider, DateInputWrapper, DateInputInput, DateInputFluidContainer } from './styled';\nimport { DateInputsPropTypes } from './propsTypes';\n\nconst FORMAT = 'MMDDYYYY';\n\nexport const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown, time, tabIndex, innerRef }) => {\n  const [month, setMonth] = useState('');\n  const [day, setDay] = useState('');\n  const [year, setYear] = useState('');\n  const [onChangeDateTrigger, setOnChangeDateTrigger] = useState({});\n  const dayRef = React.useRef<HTMLInputElement>();\n  const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = useState(false);\n\n  let digits = 2;\n  let placeholder = '';\n\n  const handleFluidClick = React.useCallback(\n    (e: React.MouseEvent<Element, MouseEvent>) => {\n      if (!(e.target as HTMLInputElement).type && dayRef.current) {\n        dayRef.current.focus();\n      }\n    },\n    [dayRef.current],\n  );\n\n  const triggerOnDateChange = React.useCallback(() => {\n    if (month && day && year && haveInputsOnChangeTriggered) {\n      const momentValue = moment(`${month}${day}${year}`, 'MMDDYYYY', true);\n      if (momentValue.isValid()) {\n        onDateChange(momentValue);\n      }\n      setHaveInputsOnChangeTriggered(false);\n    }\n  }, [day, month, year, haveInputsOnChangeTriggered]);\n\n  // isArrowChange is coming from the onKeyDown handler in helpers\n  const onMonthChange = React.useCallback((e, isArrowChange) => {\n    const value = getFormattedMonth(e.target.value);\n    const shouldAdvance = getShouldShortcircuitMonth(e.target.value);\n    setMonth(value);\n    setHaveInputsOnChangeTriggered(true);\n    if (e.target.value.length > 1 || shouldAdvance) {\n      if (!isArrowChange) focusNextInput(e.target);\n      setOnChangeDateTrigger({});\n    }\n  }, []);\n\n  // isArrowChange is coming from the onKeyDown handler in helpers\n  const onDayChange = React.useCallback((e, isArrowChange) => {\n    const value = getFormattedDay(e.target.value);\n    const shouldAdvance = getShouldShortcircuitDay(e.target.value);\n    setDay(value);\n    setHaveInputsOnChangeTriggered(true);\n    if (e.target.value.length > 1 || shouldAdvance) {\n      if (!isArrowChange) focusNextInput(e.target);\n      setOnChangeDateTrigger({});\n    }\n  }, []);\n\n  const onYearChange = React.useCallback((e) => {\n    const value = getFormattedYear(e.target.value);\n    setYear(value);\n    setHaveInputsOnChangeTriggered(true);\n    setOnChangeDateTrigger({});\n  }, []);\n\n  useEffect(() => {\n    // When component mounts haveInputsOnChangeTriggered is set to false\n    // so this is not triggered on mount but is triggered with all other changes\n    if (haveInputsOnChangeTriggered) {\n      const momentValue = moment(`${month}${day}${year}`, FORMAT, true);\n      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);\n    }\n  }, [day, month, year]);\n\n  useEffect(() => {\n    triggerOnDateChange();\n  }, [onChangeDateTrigger]);\n\n  useEffect(() => {\n    if (time && time !== `${month}${day}${year}` && moment(time, 'MMDDYYYY').isValid()) {\n      const values = String(time || '');\n      if (values.slice(0, 2)) setMonth(values.slice(0, 2));\n      if (values.slice(2, 4)) setDay(values.slice(2, 4));\n      if (values.slice(4, 8)) setYear(values.slice(4, 8));\n    } else if (!time && (month || day || year)) {\n      setMonth('');\n      setDay('');\n      setYear('');\n    }\n  }, [time]);\n\n  const onKeyDown = (event) =>\n    onKeyDownHelper(event, {\n      onDayChange,\n      onMonthChange,\n      onYearChange,\n    });\n\n  const renderMonthInput = () => {\n    placeholder = 'MM';\n    const onMonthInputBlur = (e) => {\n      setOnChangeDateTrigger({});\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\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={onMonthChange}\n        value={month}\n        tabIndex={tabIndex}\n        ref={dayRef}\n      />\n    );\n  };\n  const renderDayInput = () => {\n    placeholder = 'DD';\n    const onDayInputBlur = (e) => {\n      setOnChangeDateTrigger({});\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\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={onDayChange}\n        value={day}\n        tabIndex={tabIndex}\n      />\n    );\n  };\n  const renderYearInput = () => {\n    placeholder = 'YY';\n    digits = 4;\n    const onYearInputBlur = (e) => {\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autoComplete=\"off\"\n        key=\"year-input\"\n        data-testid=\"year\"\n        disabled={disabled}\n        name=\"year\"\n        onBlur={onYearInputBlur}\n        onChange={onYearChange}\n        value={year}\n        size=\"l\"\n        tabIndex={tabIndex}\n      />\n    );\n  };\n\n  const renderDateInputs = () => {\n    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) => (input ? acc.concat([index ? <DateInputDivider>/</DateInputDivider> : null, input]) : acc),\n      [],\n    );\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n    ];\n  };\n\n  return (\n    <DateInputFluidContainer onClick={handleFluidClick} data-testid=\"date-input-fluidContainer\">\n      <DateInputWrapper\n        disabled={disabled}\n        ref={innerRef}\n        onKeyDown={onCustomKeyDown}\n        tabIndex={-1}\n        cols={['auto', '6px', 'auto', '6px', 'auto']}\n      >\n        {renderDateInputs()}\n      </DateInputWrapper>\n    </DateInputFluidContainer>\n  );\n};\n\nDateInputs.propTypes = DateInputsPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/DateInputV2/components/helpers.js

@@ -0,0 +1,102 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var helpers_exports = {};
+__export(helpers_exports, {
+  onKeyDownHelper: () => onKeyDownHelper
+});
+var React = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_utils = require("./utils");
+const callChange = (event, handlers, isArrowChange) => {
+  if (event.target.name === "day")
+    handlers.onDayChange(event, isArrowChange);
+  if (event.target.name === "month")
+    handlers.onMonthChange(event, isArrowChange);
+  if (event.target.name === "year")
+    handlers.onYearChange(event, isArrowChange);
+};
+const setTarget = (event, v) => {
+  const n = (0, import_lodash.cloneDeep)(event);
+  let newValue = parseInt(n.target.value || 0, 10) + v;
+  if (newValue < 1)
+    newValue = "01";
+  if (event.target.name === "day" && newValue > 31)
+    newValue = 31;
+  if (event.target.name === "month" && newValue > 12)
+    newValue = 12;
+  n.target.value = newValue;
+  return n;
+};
+const onKeyDownHelper = (event, handlers) => {
+  switch (event.key) {
+    case "ArrowLeft": {
+      event.preventDefault();
+      (0, import_utils.focusPreviousInput)(event.target);
+      break;
+    }
+    case "ArrowUp": {
+      event.preventDefault();
+      const n = setTarget(event, 1);
+      callChange(n, handlers, true);
+      break;
+    }
+    case "ArrowDown": {
+      event.preventDefault();
+      const n = setTarget(event, -1);
+      callChange(n, handlers, true);
+      break;
+    }
+    case "ArrowRight": {
+      event.preventDefault();
+      (0, import_utils.focusNextInput)(event.target);
+      break;
+    }
+    case "Tab": {
+      if (event.shiftKey)
+        break;
+      if (event.target.value.length > 0 && event.target.name !== "year")
+        event.preventDefault();
+      callChange(event, handlers);
+      break;
+    }
+    case "Backspace": {
+      event.preventDefault();
+      const n = (0, import_lodash.cloneDeep)(event);
+      n.target.value = "";
+      callChange(n, handlers, true);
+      break;
+    }
+    case "Enter": {
+      break;
+    }
+    default:
+      break;
+  }
+};
+module.exports = __toCommonJS(helpers_exports);
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/DateInputV2/components/helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInputV2/components/helpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { cloneDeep } from 'lodash';\nimport { focusNextInput, focusPreviousInput } from './utils';\n\nconst callChange = (event, handlers, isArrowChange) => {\n  if (event.target.name === 'day') handlers.onDayChange(event, isArrowChange);\n  if (event.target.name === 'month')\n    handlers.onMonthChange(event, isArrowChange);\n  if (event.target.name === 'year') handlers.onYearChange(event, isArrowChange);\n};\n\nconst setTarget = (event, v) => {\n  const n = cloneDeep(event);\n  let newValue = parseInt(n.target.value || 0, 10) + v;\n  if (newValue < 1) newValue = '01';\n  if (event.target.name === 'day' && newValue > 31) newValue = 31;\n  if (event.target.name === 'month' && newValue > 12) newValue = 12;\n  n.target.value = newValue;\n  return n;\n};\n\n// eslint-disable-next-line max-statements, complexity\nexport const onKeyDownHelper = (event, handlers) => {\n  switch (event.key) {\n    case 'ArrowLeft': {\n      event.preventDefault();\n      focusPreviousInput(event.target);\n      break;\n    }\n    case 'ArrowUp': {\n      event.preventDefault();\n      const n = setTarget(event, 1);\n      callChange(n, handlers, true);\n      break;\n    }\n    case 'ArrowDown': {\n      event.preventDefault();\n      const n = setTarget(event, -1);\n      callChange(n, handlers, true);\n      break;\n    }\n    case 'ArrowRight': {\n      event.preventDefault();\n      focusNextInput(event.target);\n      break;\n    }\n    case 'Tab': {\n      if (event.shiftKey) break;\n      if (event.target.value.length > 0 && event.target.name !== 'year')\n        event.preventDefault();\n      callChange(event, handlers);\n      break;\n    }\n    case 'Backspace': {\n      // HTML Date input behavior, clear everything when deleting\n      event.preventDefault();\n      const n = cloneDeep(event);\n      n.target.value = '';\n      callChange(n, handlers, true);\n      break;\n    }\n    case 'Enter': {\n      break;\n    }\n    default:\n      break;\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAA0B;AAC1B,mBAAmD;AAEnD,MAAM,aAAa,CAAC,OAAO,UAAU,kBAAkB;AACrD,MAAI,MAAM,OAAO,SAAS;AAAO,aAAS,YAAY,OAAO;AAC7D,MAAI,MAAM,OAAO,SAAS;AACxB,aAAS,cAAc,OAAO;AAChC,MAAI,MAAM,OAAO,SAAS;AAAQ,aAAS,aAAa,OAAO;AAAA;AAGjE,MAAM,YAAY,CAAC,OAAO,MAAM;AAC9B,QAAM,IAAI,6BAAU;AACpB,MAAI,WAAW,SAAS,EAAE,OAAO,SAAS,GAAG,MAAM;AACnD,MAAI,WAAW;AAAG,eAAW;AAC7B,MAAI,MAAM,OAAO,SAAS,SAAS,WAAW;AAAI,eAAW;AAC7D,MAAI,MAAM,OAAO,SAAS,WAAW,WAAW;AAAI,eAAW;AAC/D,IAAE,OAAO,QAAQ;AACjB,SAAO;AAAA;AAIF,MAAM,kBAAkB,CAAC,OAAO,aAAa;AAClD,UAAQ,MAAM;AAAA,SACP,aAAa;AAChB,YAAM;AACN,2CAAmB,MAAM;AACzB;AAAA;AAAA,SAEG,WAAW;AACd,YAAM;AACN,YAAM,IAAI,UAAU,OAAO;AAC3B,iBAAW,GAAG,UAAU;AACxB;AAAA;AAAA,SAEG,aAAa;AAChB,YAAM;AACN,YAAM,IAAI,UAAU,OAAO;AAC3B,iBAAW,GAAG,UAAU;AACxB;AAAA;AAAA,SAEG,cAAc;AACjB,YAAM;AACN,uCAAe,MAAM;AACrB;AAAA;AAAA,SAEG,OAAO;AACV,UAAI,MAAM;AAAU;AACpB,UAAI,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM,OAAO,SAAS;AACzD,cAAM;AACR,iBAAW,OAAO;AAClB;AAAA;AAAA,SAEG,aAAa;AAEhB,YAAM;AACN,YAAM,IAAI,6BAAU;AACpB,QAAE,OAAO,QAAQ;AACjB,iBAAW,GAAG,UAAU;AACxB;AAAA;AAAA,SAEG,SAAS;AACZ;AAAA;AAAA;AAGA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/DateInputV2/components/props.js

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  props: () => props
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+const props = {
+  containerProps: import_react_desc.PropTypes.object.description("Props to inject to date input wrapper"),
+  onBlur: import_react_desc.PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
+  onFocus: import_react_desc.PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
+  onKeyDown: import_react_desc.PropTypes.func.description("Triggers the onKeyDown"),
+  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the date input changes"),
+  onDateChange: import_react_desc.PropTypes.func.description(" Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger."),
+  onError: import_react_desc.PropTypes.func.description("Triggers the onError once one input date is wrong"),
+  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized MMDDYYYY"),
+  disabled: import_react_desc.PropTypes.bool.description("Whether the date input is disabled or not"),
+  tabIndex: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.number,
+    import_react_desc.PropTypes.string
+  ]).description("tab index")
+};
+const defaultProps = {
+  onFocus: import_lodash.noop,
+  onBlur: import_lodash.noop,
+  onChange: import_lodash.noop,
+  onDateChange: import_lodash.noop,
+  onKeyDown: import_lodash.noop,
+  onError: import_lodash.noop,
+  value: "",
+  disabled: false,
+  containerProps: {}
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/DateInputV2/components/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInputV2/components/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport const props = {\n  /** Props to inject to date input wrapper */\n  containerProps: PropTypes.object.description(\n    'Props to inject to date input wrapper',\n  ),\n  /**\n   * Triggers the onBlur when focus moves out of date input\n   */\n  onBlur: PropTypes.func.description(\n    'Triggers the onBlur when focus moves out of date input',\n  ),\n  /**\n   * Triggers the onFocus when the component gets the focus\n   */\n  onFocus: PropTypes.func.description(\n    'Triggers the onFocus when the component gets the focus',\n  ),\n  /**\n   * Triggers the onKeyDown\n   */\n  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n  /**\n   * Allows a function that is triggered once the date input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the date input changes',\n  ),\n  /**\n   * Triggers when the date is completely set and  only once you have blurred the\n   * corresponding input. For example if you are editing the day and the year and month\n   * are already set, once you completely set the day it will trigger.\n   */\n  onDateChange: PropTypes.func.description(\n    ' Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger.',\n  ),\n  /**\n   * Triggers the onError once one input date is wrong\n   */\n  onError: PropTypes.func.description(\n    'Triggers the onError once one input date is wrong',\n  ),\n  /**\n   * Default value once the component is initialized MMDDYYYY\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized MMDDYYYY',\n  ),\n  /**\n   * Whether the date input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the date input is disabled or not',\n  ),\n  /**\n   * tab index\n   */\n  tabIndex: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n  ]).description('tab index'),\n};\n\nexport const defaultProps = {\n  onFocus: noop,\n  onBlur: noop,\n  onChange: noop,\n  onDateChange: noop,\n  onKeyDown: noop,\n  onError: noop,\n  value: '',\n  disabled: false,\n  containerProps: {},\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AAEd,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAKF,QAAQ,4BAAU,KAAK,YACrB;AAAA,EAKF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAKF,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,UAAU,4BAAU,KAAK,YACvB;AAAA,EAOF,cAAc,4BAAU,KAAK,YAC3B;AAAA,EAKF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAKF,OAAO,4BAAU,OAAO,YACtB;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA;AAGV,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,gBAAgB;AAAA;",
+  "names": []
+}

package/dist/cjs/DateInputV2/components/propsTypes.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var propsTypes_exports = {};
+__export(propsTypes_exports, {
+  DateInputsPropTypes: () => DateInputsPropTypes
+});
+var React = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+const DateInputsPropTypes = {
+  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.func,
+  onChange: import_prop_types.default.func,
+  onDateChange: 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.string,
+  tabIndex: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string])
+};
+module.exports = __toCommonJS(propsTypes_exports);
+//# sourceMappingURL=propsTypes.js.map

package/dist/cjs/DateInputV2/components/propsTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInputV2/components/propsTypes.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import PropTypes from 'prop-types';\n\nexport const DateInputsPropTypes = {\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onDateChange: 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.string,\n  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAsB;AAEf,MAAM,sBAAsB;AAAA,EACjC,UAAU,0BAAU,UAAU;AAAA,IAC5B,0BAAU;AAAA,IACV,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA;AAAA,EAEvC,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,cAAc,0BAAU;AAAA,EACxB,iBAAiB,0BAAU;AAAA,EAC3B,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,WAAW,0BAAU;AAAA,EACrB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA,EAChB,cAAc,0BAAU;AAAA,EACxB,UAAU,0BAAU;AAAA,EACpB,cAAc,0BAAU;AAAA,EACxB,MAAM,0BAAU;AAAA,EAChB,UAAU,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA;",
+  "names": []
+}

package/dist/cjs/DateInputV2/components/styled.js

@@ -0,0 +1,99 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  DateInputDivider: () => DateInputDivider,
+  DateInputFluidContainer: () => DateInputFluidContainer,
+  DateInputInput: () => DateInputInput,
+  DateInputWrapper: () => DateInputWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const DateInputFluidContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  width: 100%;
+  height: 100%;
+  align-items: center;
+`;
+const DateInputWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  align-items: center;
+  align-content: center;
+  ${({ disabled, theme }) => disabled ? `
+    background: ${theme.colors.neutral[100]};
+    color: ${theme.colors.neutral[500]};
+    ` : ""}
+  width: 102px;
+
+  &:focus {
+    outline-style: none;
+    box-shadow: none;
+    border-color: transparent;
+  }
+`;
+const DateInputInput = import_styled_components.default.input`
+  outline: none;
+  border: none;
+  border-radius: 0;
+  width: ${(props) => props.size === "l" ? "38px" : "25px"};
+  height: ${(props) => props.theme.space.xs};
+  ${({ disabled, theme }) => disabled ? `
+  background: ${theme.colors.neutral[100]};
+  color: ${theme.colors.neutral[500]};
+  ` : ""}
+  padding-left: 4px;
+  padding-right: 0px;
+  &::placeholder {
+    font-size: 95%;
+    font-style: italic;
+  }
+  :-moz-placeholder {
+    font-size: 95%;
+    font-style: italic;
+  }
+
+  ::-moz-placeholder {
+    font-size: 95%;
+    font-style: italic;
+  }
+  &:focus {
+    background: ${({ theme }) => theme.colors.brand["300"]};
+    background-clip: content-box;
+  }
+  ::-moz-selection {
+    background: transparent;
+  }
+  ::selection {
+    background: transparent;
+  }
+`;
+const DateInputDivider = import_styled_components.default.div`
+  padding: 1px;
+  text-align: center;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/DateInputV2/components/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/DateInputV2/components/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\n\nexport const DateInputFluidContainer = styled(Grid)`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const DateInputWrapper = styled(Grid)`\n  align-items: center;\n  align-content: center;\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n    background: ${theme.colors.neutral[100]};\n    color: ${theme.colors.neutral[500]};\n    `\n      : ''}\n  width: 102px;\n\n  &:focus {\n    outline-style: none;\n    box-shadow: none;\n    border-color: transparent;\n  }\n`;\n\nexport const DateInputInput = styled.input`\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: ${(props) => (props.size === 'l' ? '38px' : '25px')};\n  height: ${(props) => props.theme.space.xs};\n  ${({ disabled, theme }) =>\n    disabled\n      ? `\n  background: ${theme.colors.neutral[100]};\n  color: ${theme.colors.neutral[500]};\n  `\n      : ''}\n  padding-left: 4px;\n  padding-right: 0px;\n  &::placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  :-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n\n  ::-moz-placeholder {\n    font-size: 95%;\n    font-style: italic;\n  }\n  &:focus {\n    background: ${({ theme }) => theme.colors.brand['300']};\n    background-clip: content-box;\n  }\n  ::-moz-selection {\n    background: transparent;\n  }\n  ::selection {\n    background: transparent;\n  }\n`;\n\nexport const DateInputDivider = styled.div`\n  padding: 1px;\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAGd,MAAM,0BAA0B,sCAAO;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAAA,IAGnC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,kBACU,MAAM,OAAO,QAAQ;AAAA,aAC1B,MAAM,OAAO,QAAQ;AAAA,QAE1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUD,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,YACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,IACrC,CAAC,EAAE,UAAU,YACb,WACI;AAAA,gBACQ,MAAM,OAAO,QAAQ;AAAA,WAC1B,MAAM,OAAO,QAAQ;AAAA,MAExB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAiBU,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7C,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}