@elliemae/ds-form 2.2.0 → 2.3.0-alpha.3

package/cjs/DateInputV2/components/DateInputs.js

@@ -1,217 +1,200 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var moment = require('moment');
-var utils = require('./utils.js');
-var helpers = require('./helpers.js');
-var styled = require('./styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-var _DateInputDivider;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const FORMAT = 'MMDDYYYY';
-const DateInputs = _ref => {
-  let {
-    onBlur,
-    onChange,
-    onDateChange,
-    disabled,
-    onCustomKeyDown,
-    time,
-    tabIndex,
-    innerRef
-  } = _ref;
-  const [month, setMonth] = React.useState('');
-  const [day, setDay] = React.useState('');
-  const [year, setYear] = React.useState('');
-  const [onChangeDateTrigger, setOnChangeDateTrigger] = React.useState({});
-  const dayRef = React__default["default"].useRef();
-  const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = React.useState(false);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DateInputs_exports = {};
+__export(DateInputs_exports, {
+  DateInputs: () => DateInputs
+});
+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 = React__default["default"].useCallback(e => {
+  let placeholder = "";
+  const handleFluidClick = import_react.default.useCallback((e) => {
     if (!e.target.type && dayRef.current) {
       dayRef.current.focus();
     }
   }, [dayRef.current]);
-  const triggerOnDateChange = React__default["default"].useCallback(() => {
+  const triggerOnDateChange = import_react.default.useCallback(() => {
     if (month && day && year && haveInputsOnChangeTriggered) {
-      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), 'MMDDYYYY', true);
-
+      const momentValue = (0, import_moment.default)(`${month}${day}${year}`, "MMDDYYYY", true);
       if (momentValue.isValid()) {
         onDateChange(momentValue);
       }
-
       setHaveInputsOnChangeTriggered(false);
     }
-  }, [day, month, year, haveInputsOnChangeTriggered]); // isArrowChange is coming from the onKeyDown handler in helpers
-
-  const onMonthChange = React__default["default"].useCallback((e, isArrowChange) => {
-    const value = utils.getFormattedMonth(e.target.value);
-    const shouldAdvance = utils.getShouldShortcircuitMonth(e.target.value);
+  }, [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) utils.focusNextInput(e.target);
+      if (!isArrowChange)
+        (0, import_utils.focusNextInput)(e.target);
       setOnChangeDateTrigger({});
     }
-  }, []); // isArrowChange is coming from the onKeyDown handler in helpers
-
-  const onDayChange = React__default["default"].useCallback((e, isArrowChange) => {
-    const value = utils.getFormattedDay(e.target.value);
-    const shouldAdvance = utils.getShouldShortcircuitDay(e.target.value);
+  }, []);
+  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) utils.focusNextInput(e.target);
+      if (!isArrowChange)
+        (0, import_utils.focusNextInput)(e.target);
       setOnChangeDateTrigger({});
     }
   }, []);
-  const onYearChange = React__default["default"].useCallback(e => {
-    const value = utils.getFormattedYear(e.target.value);
+  const onYearChange = import_react.default.useCallback((e) => {
+    const value = (0, import_utils.getFormattedYear)(e.target.value);
     setYear(value);
     setHaveInputsOnChangeTriggered(true);
     setOnChangeDateTrigger({});
   }, []);
-  React.useEffect(() => {
-    // When component mounts haveInputsOnChangeTriggered is set to false
-    // so this is not triggered on mount but is triggered with all other changes
+  (0, import_react.useEffect)(() => {
     if (haveInputsOnChangeTriggered) {
-      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), FORMAT, true);
-      onChange("".concat(month).concat(day).concat(year), momentValue.isValid() ? momentValue : null);
+      const momentValue = (0, import_moment.default)(`${month}${day}${year}`, FORMAT, true);
+      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
     }
   }, [day, month, year]);
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     triggerOnDateChange();
   }, [onChangeDateTrigger]);
-  React.useEffect(() => {
-    if (time && time !== "".concat(month).concat(day).concat(year) && moment__default["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));
+  (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('');
+      setMonth("");
+      setDay("");
+      setYear("");
     }
   }, [time]);
-
-  const onKeyDown = event => helpers.onKeyDownHelper(event, {
+  const onKeyDown = (event) => (0, import_helpers.onKeyDownHelper)(event, {
     onDayChange,
     onMonthChange,
     onYearChange
   });
-
   const renderMonthInput = () => {
-    placeholder = 'MM';
-
-    const onMonthInputBlur = e => {
+    placeholder = "MM";
+    const onMonthInputBlur = (e) => {
       setOnChangeDateTrigger({});
-      utils.triggerOnBlur(e, onBlur);
+      (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-
-    return /*#__PURE__*/React.createElement(styled.DateInputInput, _objectSpread(_objectSpread({}, utils.commonInputProps(digits, onKeyDown, placeholder)), {}, {
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autoComplete: "off",
       key: "month-input",
       "data-testid": "month",
-      disabled: disabled,
+      disabled,
       name: "month",
       onBlur: onMonthInputBlur,
       onChange: onMonthChange,
       value: month,
-      tabIndex: tabIndex,
+      tabIndex,
       ref: dayRef
-    }));
+    });
   };
-
   const renderDayInput = () => {
-    placeholder = 'DD';
-
-    const onDayInputBlur = e => {
+    placeholder = "DD";
+    const onDayInputBlur = (e) => {
       setOnChangeDateTrigger({});
-      utils.triggerOnBlur(e, onBlur);
+      (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-
-    return /*#__PURE__*/React.createElement(styled.DateInputInput, _objectSpread(_objectSpread({}, utils.commonInputProps(digits, onKeyDown, placeholder)), {}, {
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autoComplete: "off",
       key: "day-input",
       "data-testid": "day",
-      disabled: disabled,
+      disabled,
       name: "day",
       onBlur: onDayInputBlur,
       onChange: onDayChange,
       value: day,
-      tabIndex: tabIndex
-    }));
+      tabIndex
+    });
   };
-
   const renderYearInput = () => {
-    placeholder = 'YY';
+    placeholder = "YY";
     digits = 4;
-
-    const onYearInputBlur = e => {
-      utils.triggerOnBlur(e, onBlur);
+    const onYearInputBlur = (e) => {
+      (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-
-    return /*#__PURE__*/React.createElement(styled.DateInputInput, _objectSpread(_objectSpread({}, utils.commonInputProps(digits, onKeyDown, placeholder)), {}, {
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputInput, {
+      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
       autoComplete: "off",
       key: "year-input",
       "data-testid": "year",
-      disabled: disabled,
+      disabled,
       name: "year",
       onBlur: onYearInputBlur,
       onChange: onYearChange,
       value: year,
       size: "l",
-      tabIndex: tabIndex
-    }));
+      tabIndex
+    });
   };
-
   const renderDateInputs = () => {
     const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
-    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? _DateInputDivider || (_DateInputDivider = /*#__PURE__*/_jsx__default["default"](styled.DateInputDivider, {}, void 0, "/")) : null, input]) : acc, []);
-    return [inputsWithDividers, /*#__PURE__*/React__default["default"].createElement('span', {
-      key: 'span'
-    }) // hack for next/prev focus
+    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__*/_jsx__default["default"](styled.DateInputFluidContainer, {
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputFluidContainer, {
     onClick: handleFluidClick,
     "data-testid": "date-input-fluidContainer"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.DateInputWrapper, {
-    disabled: disabled,
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.DateInputWrapper, {
+    disabled,
     ref: innerRef,
     onKeyDown: onCustomKeyDown,
     tabIndex: -1,
-    cols: ['auto', '6px', 'auto', '6px', 'auto'],
-    children: renderDateInputs()
-  }));
+    cols: ["auto", "6px", "auto", "6px", "auto"]
+  }, renderDateInputs()));
 };
-
-exports.DateInputs = DateInputs;
+DateInputs.propTypes = import_propsTypes.DateInputsPropTypes;
+module.exports = __toCommonJS(DateInputs_exports);
+//# sourceMappingURL=DateInputs.js.map

package/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/cjs/DateInputV2/components/helpers.js

@@ -1,77 +1,102 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lodash = require('lodash');
-var utils = require('./utils.js');
-
+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);
+  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 = lodash.cloneDeep(event);
+  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;
+  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;
-}; // eslint-disable-next-line max-statements, complexity
-
-
+};
 const onKeyDownHelper = (event, handlers) => {
   switch (event.key) {
-    case 'ArrowLeft':
-      {
-        event.preventDefault();
-        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);
+    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;
-      }
-
-    case 'ArrowRight':
-      {
+      if (event.target.value.length > 0 && event.target.name !== "year")
         event.preventDefault();
-        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':
-      {
-        // HTML Date input behavior, clear everything when deleting
-        event.preventDefault();
-        const n = lodash.cloneDeep(event);
-        n.target.value = '';
-        callChange(n, handlers, true);
-        break;
-      }
+      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;
   }
 };
-
-exports.onKeyDownHelper = onKeyDownHelper;
+module.exports = __toCommonJS(helpers_exports);
+//# sourceMappingURL=helpers.js.map

package/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": []
+}