@elliemae/ds-controlled-form 2.2.0-next.6 → 2.3.0-alpha.1

package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js

@@ -1,7 +1,6 @@
-import { useContext, useCallback, useMemo } from 'react';
-import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
-
-/* eslint-disable max-statements */
+import * as React from "react";
+import { useCallback, useMemo, useContext } from "react";
+import { ControlledDateTimePickerContext } from "../../ControlledDateTimePickerCTX";
 const useClearButton = () => {
   const {
     handleClearAll,
@@ -20,47 +19,46 @@ const useClearButton = () => {
     setLatestInteractionRegion
   } = useContext(ControlledDateTimePickerContext);
   const focusFirstRegion = useCallback(() => {
-    var _hourInputRef$current, _hourInputRef$current2, _monthInputRef$curren, _monthInputRef$curren2;
-
-    if (withAnyInputs) if (isTimeSelector) hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current = hourInputRef.current) === null || _hourInputRef$current === void 0 ? void 0 : (_hourInputRef$current2 = _hourInputRef$current.focus) === null || _hourInputRef$current2 === void 0 ? void 0 : _hourInputRef$current2.call(_hourInputRef$current);else monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren = monthInputRef.current) === null || _monthInputRef$curren === void 0 ? void 0 : (_monthInputRef$curren2 = _monthInputRef$curren.focus) === null || _monthInputRef$curren2 === void 0 ? void 0 : _monthInputRef$curren2.call(_monthInputRef$curren);
+    if (withAnyInputs)
+      if (isTimeSelector)
+        hourInputRef?.current?.focus?.();
+      else
+        monthInputRef?.current?.focus?.();
   }, [withAnyInputs, isTimeSelector, hourInputRef, monthInputRef]);
-  const onClearClick = useCallback(e => {
+  const onClearClick = useCallback((e) => {
     handleClearAll(e);
-    setLatestInteractionRegion('clear-btn');
+    setLatestInteractionRegion("clear-btn");
     focusFirstRegion();
   }, [focusFirstRegion, handleClearAll, setLatestInteractionRegion]);
   const onHomeKeyDown = useCallback(() => {
     focusFirstRegion();
   }, [focusFirstRegion]);
   const onEndKeyDown = useCallback(() => {
-    var _pickerButtonRef$curr, _pickerButtonRef$curr2;
-
-    if (withAnyPicker) pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr = pickerButtonRef.current) === null || _pickerButtonRef$curr === void 0 ? void 0 : (_pickerButtonRef$curr2 = _pickerButtonRef$curr.focus) === null || _pickerButtonRef$curr2 === void 0 ? void 0 : _pickerButtonRef$curr2.call(_pickerButtonRef$curr);
+    if (withAnyPicker)
+      pickerButtonRef?.current?.focus?.();
   }, [withAnyPicker, pickerButtonRef]);
-  const onClearButtonKeyDown = useCallback(e => {
-    const {
-      key
-    } = e;
-    const preventDefaultKeys = ['Home', 'End'];
-    const stopPropagationKeys = ['Home', 'End'];
-    if (preventDefaultKeys.includes(key)) e.preventDefault();
-    if (stopPropagationKeys.includes(key)) e.stopPropagation();
-    if (key === 'Home') onHomeKeyDown();
-    if (key === 'End') onEndKeyDown();
-
-    if (key === 'Backspace' && withAnyInputs) {
-      var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
-
-      if (isWithTimeInputs) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else if (isWithDateInputs) yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
+  const onClearButtonKeyDown = useCallback((e) => {
+    const { key } = e;
+    const preventDefaultKeys = ["Home", "End"];
+    const stopPropagationKeys = ["Home", "End"];
+    if (preventDefaultKeys.includes(key))
+      e.preventDefault();
+    if (stopPropagationKeys.includes(key))
+      e.stopPropagation();
+    if (key === "Home")
+      onHomeKeyDown();
+    if (key === "End")
+      onEndKeyDown();
+    if (key === "Backspace" && withAnyInputs) {
+      if (isWithTimeInputs)
+        meridiemInputRef?.current?.focus?.();
+      else if (isWithDateInputs)
+        yearInputRef?.current?.focus?.();
     }
   }, [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onEndKeyDown, onHomeKeyDown, withAnyInputs, yearInputRef]);
-  return useMemo(() => ({
-    onClearClick,
-    onClearButtonKeyDown,
-    clearButtonRef,
-    withAnyPicker,
-    withClearBtn
-  }), [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
+  return useMemo(() => ({ onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn }), [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
+};
+export {
+  useClearButton
 };
-
-export { useClearButton };
+//# sourceMappingURL=useClearButton.js.map

package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/ClearButton/useClearButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useCallback, useMemo, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport type { onClearClickT, onKeyDownT } from '../../index.d';\n\ninterface useOnClearClickRT {\n  onClearClick: onClearClickT;\n  onClearButtonKeyDown: onKeyDownT<HTMLButtonElement>;\n  clearButtonRef: React.MutableRefObject<HTMLButtonElement>;\n  withAnyPicker: boolean;\n  withClearBtn: boolean;\n}\nexport const useClearButton = (): useOnClearClickRT => {\n  const {\n    handleClearAll,\n    clearButtonRef,\n    withAnyPicker,\n    withClearBtn,\n    withAnyInputs,\n    isWithTimeInputs,\n    isWithDateInputs,\n    isTimeSelector,\n    hourInputRef,\n    monthInputRef,\n    pickerButtonRef,\n    meridiemInputRef,\n    yearInputRef,\n    setLatestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const focusFirstRegion = useCallback(() => {\n    if (withAnyInputs)\n      if (isTimeSelector) hourInputRef?.current?.focus?.();\n      else monthInputRef?.current?.focus?.();\n  }, [withAnyInputs, isTimeSelector, hourInputRef, monthInputRef]);\n\n  const onClearClick = useCallback(\n    (e) => {\n      handleClearAll(e);\n      setLatestInteractionRegion('clear-btn');\n      focusFirstRegion();\n    },\n    [focusFirstRegion, handleClearAll, setLatestInteractionRegion],\n  );\n  const onHomeKeyDown = useCallback(() => {\n    focusFirstRegion();\n  }, [focusFirstRegion]);\n  const onEndKeyDown = useCallback(() => {\n    if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n  }, [withAnyPicker, pickerButtonRef]);\n\n  const onClearButtonKeyDown = useCallback(\n    (e) => {\n      const { key } = e;\n      const preventDefaultKeys = ['Home', 'End'];\n      const stopPropagationKeys = ['Home', 'End'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'Backspace' && withAnyInputs) {\n        if (isWithTimeInputs) meridiemInputRef?.current?.focus?.();\n        else if (isWithDateInputs) yearInputRef?.current?.focus?.();\n      }\n    },\n    [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onEndKeyDown, onHomeKeyDown, withAnyInputs, yearInputRef],\n  );\n\n  return useMemo(\n    () => ({ onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn }),\n    [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn],\n  );\n};\n"],
+  "mappings": "AAAA;ACEA;AACA;AAUO,MAAM,iBAAiB,MAAyB;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,mBAAmB,YAAY,MAAM;AACzC,QAAI;AACF,UAAI;AAAgB,sBAAc,SAAS;AAAA;AACtC,uBAAe,SAAS;AAAA,KAC9B,CAAC,eAAe,gBAAgB,cAAc;AAEjD,QAAM,eAAe,YACnB,CAAC,MAAM;AACL,mBAAe;AACf,+BAA2B;AAC3B;AAAA,KAEF,CAAC,kBAAkB,gBAAgB;AAErC,QAAM,gBAAgB,YAAY,MAAM;AACtC;AAAA,KACC,CAAC;AACJ,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI;AAAe,uBAAiB,SAAS;AAAA,KAC5C,CAAC,eAAe;AAEnB,QAAM,uBAAuB,YAC3B,CAAC,MAAM;AACL,UAAM,EAAE,QAAQ;AAChB,UAAM,qBAAqB,CAAC,QAAQ;AACpC,UAAM,sBAAsB,CAAC,QAAQ;AACrC,QAAI,mBAAmB,SAAS;AAAM,QAAE;AACxC,QAAI,oBAAoB,SAAS;AAAM,QAAE;AACzC,QAAI,QAAQ;AAAQ;AACpB,QAAI,QAAQ;AAAO;AACnB,QAAI,QAAQ,eAAe,eAAe;AACxC,UAAI;AAAkB,0BAAkB,SAAS;AAAA,eACxC;AAAkB,sBAAc,SAAS;AAAA;AAAA,KAGtD,CAAC,kBAAkB,kBAAkB,kBAAkB,cAAc,eAAe,eAAe;AAGrG,SAAO,QACL,MAAO,GAAE,cAAc,sBAAsB,gBAAgB,eAAe,iBAC5E,CAAC,cAAc,sBAAsB,gBAAgB,eAAe;AAAA;",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js

@@ -1,25 +1,12 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX.js';
-import { StyledInputsWrapperGrid } from './Styleds.js';
-import { DateInputs } from './DateInputs/DateInputs.js';
-import { TimeInputs } from './TimeInputs/TimeInputs.js';
-import { PickersIcons } from './Pickers/PickersIcons.js';
-import { ClearButton } from './ClearButton/ClearButton.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var _DateInputs, _TimeInputs, _ClearButton, _PickersIcons;
-
-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(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; }
+import * as React from "react";
+import React2 from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { ControlledDateTimePickerContext } from "../ControlledDateTimePickerCTX";
+import { StyledInputsWrapperGrid } from "./Styleds";
+import { DateInputs } from "./DateInputs/DateInputs";
+import { TimeInputs } from "./TimeInputs/TimeInputs";
+import { PickersIcons } from "./Pickers/PickersIcons";
+import { ClearButton } from "./ClearButton/ClearButton";
 const ControlledDateTimePickerContent = () => {
   const {
     hideDate,
@@ -32,41 +19,41 @@ const ControlledDateTimePickerContent = () => {
     withAnyRightController,
     shouldPreserveClearableSpace,
     isControllerOnly,
-    props: {
-      hasError,
-      dataAttrs,
-      disabled
-    },
+    props: { hasError, dataAttrs, disabled },
     onGlobalKeyDown
-  } = React.useContext(ControlledDateTimePickerContext);
-  const resetLatestInteraction = React.useCallback(() => {
-    setLatestInteractionRegion('');
+  } = React2.useContext(ControlledDateTimePickerContext);
+  const resetLatestInteraction = React2.useCallback(() => {
+    setLatestInteractionRegion("");
   }, [setLatestInteractionRegion]);
   const mainCols = [];
-  if (!hideDate) mainCols.push('auto');
-  if (!hideTime) mainCols.push('auto');
-  if (withAnyRightController) mainCols.push('auto');
+  if (!hideDate)
+    mainCols.push("auto");
+  if (!hideTime)
+    mainCols.push("auto");
+  if (withAnyRightController)
+    mainCols.push("auto");
   const rightControlCols = [];
-  if (shouldPreserveClearableSpace) rightControlCols.push('28px');
-  if (withAnyPicker) rightControlCols.push('auto');
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs(StyledInputsWrapperGrid, _objectSpread(_objectSpread({
-      cols: mainCols,
-      gutter: "xxs",
-      pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? '2px' : null,
-      justPicker: hideDate && hideTime,
-      withAnyPicker: withAnyPicker,
-      onBlur: resetLatestInteraction,
-      onKeyDown: onGlobalKeyDown,
-      hasError: hasError,
-      isControllerOnly: isControllerOnly,
-      disabled: disabled
-    }, dataAttrs), {}, {
-      children: [hideDate ? null : _DateInputs || (_DateInputs = /*#__PURE__*/_jsx(DateInputs, {})), hideTime ? null : _TimeInputs || (_TimeInputs = /*#__PURE__*/_jsx(TimeInputs, {})), withAnyRightController ? /*#__PURE__*/_jsx(Grid, {
-        cols: rightControlCols
-      }, void 0, shouldPreserveClearableSpace ? _ClearButton || (_ClearButton = /*#__PURE__*/_jsx(ClearButton, {})) : null, withAnyPicker ? _PickersIcons || (_PickersIcons = /*#__PURE__*/_jsx(PickersIcons, {})) : null) : null]
-    }))
-  });
+  if (shouldPreserveClearableSpace)
+    rightControlCols.push("28px");
+  if (withAnyPicker)
+    rightControlCols.push("auto");
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledInputsWrapperGrid, {
+    cols: mainCols,
+    gutter: "xxs",
+    pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? "2px" : null,
+    justPicker: hideDate && hideTime,
+    withAnyPicker,
+    onBlur: resetLatestInteraction,
+    onKeyDown: onGlobalKeyDown,
+    hasError,
+    isControllerOnly,
+    disabled,
+    ...dataAttrs
+  }, hideDate ? null : /* @__PURE__ */ React2.createElement(DateInputs, null), hideTime ? null : /* @__PURE__ */ React2.createElement(TimeInputs, null), withAnyRightController ? /* @__PURE__ */ React2.createElement(Grid, {
+    cols: rightControlCols
+  }, shouldPreserveClearableSpace ? /* @__PURE__ */ React2.createElement(ClearButton, null) : null, withAnyPicker ? /* @__PURE__ */ React2.createElement(PickersIcons, null) : null) : null));
+};
+export {
+  ControlledDateTimePickerContent
 };
-
-export { ControlledDateTimePickerContent };
+//# sourceMappingURL=ControlledDateTimePickerContent.js.map

package/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-date-time-picker/parts/ControlledDateTimePickerContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX';\nimport { StyledInputsWrapperGrid } from './Styleds';\nimport { DateInputs } from './DateInputs/DateInputs';\nimport { TimeInputs } from './TimeInputs/TimeInputs';\nimport { PickersIcons } from './Pickers/PickersIcons';\nimport { ClearButton } from './ClearButton/ClearButton';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n  const {\n    hideDate,\n    hideDatePicker,\n    hideTime,\n    hideTimePicker,\n    hideDateTimePicker,\n    setLatestInteractionRegion,\n    withAnyPicker,\n    withAnyRightController,\n    shouldPreserveClearableSpace,\n    isControllerOnly,\n    props: { hasError, dataAttrs, disabled },\n    onGlobalKeyDown,\n  } = React.useContext(ControlledDateTimePickerContext);\n\n  const resetLatestInteraction = React.useCallback(() => {\n    setLatestInteractionRegion('');\n  }, [setLatestInteractionRegion]);\n\n  const mainCols = [];\n  if (!hideDate) mainCols.push('auto');\n  if (!hideTime) mainCols.push('auto');\n  if (withAnyRightController) mainCols.push('auto');\n\n  const rightControlCols = [];\n  if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n  if (withAnyPicker) rightControlCols.push('auto');\n\n  return (\n    <>\n      {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <StyledInputsWrapperGrid\n        cols={mainCols}\n        gutter=\"xxs\"\n        pr={hideDatePicker && hideTimePicker && hideDateTimePicker ? '2px' : null}\n        justPicker={hideDate && hideTime}\n        withAnyPicker={withAnyPicker}\n        onBlur={resetLatestInteraction}\n        onKeyDown={onGlobalKeyDown}\n        hasError={hasError}\n        isControllerOnly={isControllerOnly}\n        disabled={disabled}\n        {...dataAttrs}\n      >\n        {hideDate ? null : <DateInputs />}\n        {hideTime ? null : <TimeInputs />}\n        {withAnyRightController ? (\n          <Grid cols={rightControlCols}>\n            {shouldPreserveClearableSpace ? <ClearButton /> : null}\n            {withAnyPicker ? <PickersIcons /> : null}\n          </Grid>\n        ) : null}\n      </StyledInputsWrapperGrid>\n    </>\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,WAAW;AAAA,IAC9B;AAAA,MACE,OAAM,WAAW;AAErB,QAAM,yBAAyB,OAAM,YAAY,MAAM;AACrD,+BAA2B;AAAA,KAC1B,CAAC;AAEJ,QAAM,WAAW;AACjB,MAAI,CAAC;AAAU,aAAS,KAAK;AAC7B,MAAI,CAAC;AAAU,aAAS,KAAK;AAC7B,MAAI;AAAwB,aAAS,KAAK;AAE1C,QAAM,mBAAmB;AACzB,MAAI;AAA8B,qBAAiB,KAAK;AACxD,MAAI;AAAe,qBAAiB,KAAK;AAEzC,SACE,4DAKE,qCAAC,yBAAD;AAAA,IACE,MAAM;AAAA,IACN,QAAO;AAAA,IACP,IAAI,kBAAkB,kBAAkB,qBAAqB,QAAQ;AAAA,IACrE,YAAY,YAAY;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,OACI;AAAA,KAEH,WAAW,OAAO,qCAAC,YAAD,OAClB,WAAW,OAAO,qCAAC,YAAD,OAClB,yBACC,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,+BAA+B,qCAAC,aAAD,QAAkB,MACjD,gBAAgB,qCAAC,cAAD,QAAmB,QAEpC;AAAA;",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js

@@ -1,51 +1,47 @@
-import React, { useCallback } from 'react';
-import { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid.js';
-import { Styled2DigitsInput } from '../Styleds.js';
-import { jsx } from 'react/jsx-runtime';
-
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid";
+import { Styled2DigitsInput } from "../Styleds";
 const regExpNumbers = /^[0-9]+$/;
-
-const isInvalidDay = day => {
-  if (day === '') return false;
+const isInvalidDay = (day) => {
+  if (day === "")
+    return false;
   const numberOnly = regExpNumbers.test(day);
-  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;
+  return day.length > 2 || day === "00" || !numberOnly || Number.parseInt(day, 10) > 31;
 };
-
-const DDInput = /*#__PURE__*/React.memo(_ref => {
-  let {
-    onChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    disabled,
-    contextRef,
-    placeholder,
-    ariaCurrentValueForInputs
-  } = _ref;
-  const validateOnChange = useCallback(e => {
-    var _e$target;
-
-    if (isInvalidDay(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
+const DDInput = React2.memo(({
+  onChange,
+  onBlur,
+  onFocus,
+  onKeyDown,
+  value,
+  disabled,
+  contextRef,
+  placeholder,
+  ariaCurrentValueForInputs
+}) => {
+  const validateOnChange = useCallback((e) => {
+    if (isInvalidDay(e?.target?.value)) {
       e.preventDefault();
       return;
     }
-
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/jsx(Styled2DigitsInput, {
+  return /* @__PURE__ */ React2.createElement(Styled2DigitsInput, {
     onChange: validateOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
     ref: contextRef,
-    placeholder: placeholder,
-    "aria-label": "day input field, ".concat(ariaCurrentValueForInputs),
+    placeholder,
+    "aria-label": `day input field, ${ariaCurrentValueForInputs}`,
     "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
-    disabled: disabled,
+    disabled,
     "aria-disabled": disabled
   });
 });
-
-export { DDInput };
+export {
+  DDInput
+};
+//# sourceMappingURL=DDInput.js.map

package/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/DateInputs/DDInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { Styled2DigitsInput } from '../Styleds';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day) => {\n  if (day === '') return false;\n  const numberOnly = regExpNumbers.test(day);\n  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;\n};\n\ninterface DDInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  value: string;\n  disabled: boolean;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.RefObject<HTMLInputElement>;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    contextRef,\n    placeholder,\n    ariaCurrentValueForInputs,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidDay(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAQ;AAC5B,MAAI,QAAQ;AAAI,WAAO;AACvB,QAAM,aAAa,cAAc,KAAK;AACtC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,MAAM;AAAA;AAc9E,MAAM,UAAU,OAAM,KAC3B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiC;AACjC,QAAM,mBAAmB,YACvB,CAAC,MAAM;AACL,QAAI,aAAa,GAAG,QAAQ,QAAQ;AAClC,QAAE;AACF;AAAA;AAEF,aAAS;AAAA,KAEX,CAAC;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,cAAY,oBAAoB;AAAA,IAChC,eAAa,mCAAmC,YAAY;AAAA,IAC5D;AAAA,IACA,iBAAe;AAAA;AAAA;",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js

@@ -1,15 +1,13 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
-import { MMInput } from './MMInput.js';
-import { DDInput } from './DDInput.js';
-import { YYYYInput } from './YYYYInput.js';
-import { StyledFocusWithIn, StyledSeparator } from '../Styleds.js';
-import { useDateInputs } from './useDateInputs.js';
-import { fixedValues } from '../config.js';
-
-var _StyledSeparator, _StyledSeparator2;
+import * as React from "react";
+import React2, { useContext } from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { ControlledDateTimePickerContext } from "../../ControlledDateTimePickerCTX";
+import { MMInput } from "./MMInput";
+import { DDInput } from "./DDInput";
+import { YYYYInput } from "./YYYYInput";
+import { StyledFocusWithIn, StyledSeparator } from "../Styleds";
+import { useDateInputs } from "./useDateInputs";
+import { fixedValues } from "../config";
 const DateInputs = () => {
   const {
     month,
@@ -29,30 +27,30 @@ const DateInputs = () => {
     onDayKeyDown,
     onYearKeyDown,
     disabled
-  } = useDateInputs(); // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo
-
-  const {
-    monthInputRef,
-    dayInputRef,
-    yearInputRef,
-    ariaCurrentValueForInputs
-  } = useContext(ControlledDateTimePickerContext);
-  return /*#__PURE__*/_jsx(Grid, {
-    cols: [fixedValues.smallInputWidth, fixedValues.separatorWidth, fixedValues.smallInputWidth, fixedValues.separatorWidth, fixedValues.largeInputWidth]
-  }, void 0, /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(MMInput, {
+  } = useDateInputs();
+  const { monthInputRef, dayInputRef, yearInputRef, ariaCurrentValueForInputs } = useContext(ControlledDateTimePickerContext);
+  return /* @__PURE__ */ React2.createElement(Grid, {
+    cols: [
+      fixedValues.smallInputWidth,
+      fixedValues.separatorWidth,
+      fixedValues.smallInputWidth,
+      fixedValues.separatorWidth,
+      fixedValues.largeInputWidth
+    ]
+  }, /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(MMInput, {
     onChange: onMonthChange,
     onBlur: onMonthBlur,
     onFocus: onMonthFocus,
     onKeyDown: onMonthKeyDown,
     value: month,
     contextRef: monthInputRef,
-    autoFocusMonthInput: autoFocusMonthInput,
+    autoFocusMonthInput,
     placeholder: "MM",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
-  })), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
+    ariaCurrentValueForInputs,
+    disabled
+  })), /* @__PURE__ */ React2.createElement(StyledSeparator, {
     alignItems: "center"
-  }, void 0, "/")), /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(DDInput, {
+  }, "/"), /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(DDInput, {
     onChange: onDayChange,
     onBlur: onDayBlur,
     onFocus: onDayFocus,
@@ -60,11 +58,11 @@ const DateInputs = () => {
     value: day,
     contextRef: dayInputRef,
     placeholder: "DD",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
-  })), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/_jsx(StyledSeparator, {
+    ariaCurrentValueForInputs,
+    disabled
+  })), /* @__PURE__ */ React2.createElement(StyledSeparator, {
     alignItems: "center"
-  }, void 0, "/")), /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(YYYYInput, {
+  }, "/"), /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(YYYYInput, {
     onChange: onYearChange,
     onBlur: onYearBlur,
     onFocus: onYearFocus,
@@ -72,9 +70,11 @@ const DateInputs = () => {
     value: year,
     contextRef: yearInputRef,
     placeholder: "YYYY",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
+    ariaCurrentValueForInputs,
+    disabled
   })));
 };
-
-export { DateInputs };
+export {
+  DateInputs
+};
+//# sourceMappingURL=DateInputs.js.map

package/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/DateInputs/DateInputs.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { MMInput } from './MMInput';\nimport { DDInput } from './DDInput';\nimport { YYYYInput } from './YYYYInput';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds';\nimport { useDateInputs } from './useDateInputs';\nimport { fixedValues } from '../config';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const { monthInputRef, dayInputRef, yearInputRef, ariaCurrentValueForInputs } = useContext(\n    ControlledDateTimePickerContext,\n  );\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          placeholder=\"DD\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          placeholder=\"YYYY\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,EAAE,eAAe,aAAa,cAAc,8BAA8B,WAC9E;AAEF,SACE,qCAAC,MAAD;AAAA,IACE,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA;AAAA,KAGd,qCAAC,mBAAD,MACE,qCAAC,SAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,OAGJ,qCAAC,iBAAD;AAAA,IAAiB,YAAW;AAAA,KAAS,MACrC,qCAAC,mBAAD,MACE,qCAAC,SAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,OAGJ,qCAAC,iBAAD;AAAA,IAAiB,YAAW;AAAA,KAAS,MACrC,qCAAC,mBAAD,MACE,qCAAC,WAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js

@@ -1,53 +1,49 @@
-import React, { useCallback } from 'react';
-import { Styled2DigitsInput } from '../Styleds.js';
-import { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid.js';
-import { jsx } from 'react/jsx-runtime';
-
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { Styled2DigitsInput } from "../Styleds";
+import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid";
 const regExpNumbers = /^[0-9]+$/;
-
-const isInvalidMonth = month => {
-  if (month === '') return false;
+const isInvalidMonth = (month) => {
+  if (month === "")
+    return false;
   const numberOnly = regExpNumbers.test(month);
-  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;
+  return month.length > 2 || month === "00" || !numberOnly || Number.parseInt(month, 10) > 12;
 };
-
-const MMInput = /*#__PURE__*/React.memo(_ref => {
-  let {
-    onChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    disabled,
-    placeholder,
-    contextRef,
-    autoFocusMonthInput,
-    ariaCurrentValueForInputs
-  } = _ref;
-  const validateOnChange = useCallback(e => {
-    var _e$target;
-
-    if (isInvalidMonth(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
+const MMInput = React2.memo(({
+  onChange,
+  onBlur,
+  onFocus,
+  onKeyDown,
+  value,
+  disabled,
+  placeholder,
+  contextRef,
+  autoFocusMonthInput,
+  ariaCurrentValueForInputs
+}) => {
+  const validateOnChange = useCallback((e) => {
+    if (isInvalidMonth(e?.target?.value)) {
       e.preventDefault();
       return;
     }
-
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/jsx(Styled2DigitsInput, {
+  return /* @__PURE__ */ React2.createElement(Styled2DigitsInput, {
     autoFocus: autoFocusMonthInput,
     onChange: validateOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
     ref: contextRef,
-    placeholder: placeholder,
-    "aria-label": "month input field, ".concat(ariaCurrentValueForInputs),
+    placeholder,
+    "aria-label": `month input field, ${ariaCurrentValueForInputs}`,
     "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH,
-    disabled: disabled,
+    disabled,
     "aria-disabled": disabled
   });
 });
-
-export { MMInput };
+export {
+  MMInput
+};
+//# sourceMappingURL=MMInput.js.map

package/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/DateInputs/MMInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { Styled2DigitsInput } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  autoFocusMonthInput: boolean;\n  value: string;\n  disabled: boolean;\n  contextRef: React.RefObject<HTMLInputElement>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    placeholder,\n    contextRef,\n    autoFocusMonthInput,\n    ariaCurrentValueForInputs,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`month input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,UAAU;AAChC,MAAI,UAAU;AAAI,WAAO;AACzB,QAAM,aAAa,cAAc,KAAK;AACtC,SAAO,MAAM,SAAS,KAAK,UAAU,QAAQ,CAAC,cAAc,OAAO,SAAS,OAAO,MAAM;AAAA;AAcpF,MAAM,UAAU,OAAM,KAC3B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiC;AACjC,QAAM,mBAAmB,YACvB,CAAC,MAAM;AACL,QAAI,eAAe,GAAG,QAAQ,QAAQ;AACpC,QAAE;AACF;AAAA;AAEF,aAAS;AAAA,KAEX,CAAC;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,cAAY,sBAAsB;AAAA,IAClC,eAAa,mCAAmC,YAAY;AAAA,IAC5D;AAAA,IACA,iBAAe;AAAA;AAAA;",
+  "names": []
+}