@elliemae/ds-controlled-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js

@@ -1,58 +1,42 @@
-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 ClearButton_exports = {};
-__export(ClearButton_exports, {
-  ClearButton: () => ClearButton
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_icon = __toESM(require("@elliemae/ds-icon"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_Styleds = __toESM(require("../Styleds"));
-var import_ControlledDateTimePickerDatatestid = __toESM(require("../../ControlledDateTimePickerDatatestid"));
-var import_useClearButton = __toESM(require("./useClearButton"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var dsIcon = require('@elliemae/ds-icon');
+var DSButton = require('@elliemae/ds-button');
+var Styleds = require('../Styleds.js');
+var ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
+var useClearButton = require('./useClearButton.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const ClearButton = () => {
-  const { onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn } = (0, import_useClearButton.useClearButton)();
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledClearButton, {
+  const {
+    onClearClick,
+    onClearButtonKeyDown,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn
+  } = useClearButton.useClearButton();
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledClearButton, {
     shouldDisplay: withClearBtn,
     "aria-label": "clear selected date",
     buttonType: "icon",
-    size: import_ds_button.BUTTON_SIZES.M,
-    variant: import_ds_button.BUTTON_VARIANT.DEFAULT,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CLEAR_BUTTON,
+    size: DSButton.BUTTON_SIZES.M,
+    variant: DSButton.BUTTON_VARIANT.DEFAULT,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CLEAR_BUTTON,
     innerRef: clearButtonRef,
     onClick: onClearClick,
     onKeyDown: onClearButtonKeyDown,
-    withAnyPicker
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseMedium, {
-    color: import_ds_icon.DSIconColors.PRIMARY
+    withAnyPicker: withAnyPicker
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseMedium, {
+    color: dsIcon.DSIconColors.PRIMARY
   }));
 };
-module.exports = __toCommonJS(ClearButton_exports);
-//# sourceMappingURL=ClearButton.js.map
+
+exports.ClearButton = ClearButton;

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

@@ -1,37 +1,11 @@
-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 useClearButton_exports = {};
-__export(useClearButton_exports, {
-  useClearButton: () => useClearButton
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ControlledDateTimePickerCTX = __toESM(require("../../ControlledDateTimePickerCTX"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+
+/* eslint-disable max-statements */
 const useClearButton = () => {
   const {
     handleClearAll,
@@ -48,46 +22,49 @@ const useClearButton = () => {
     meridiemInputRef,
     yearInputRef,
     setLatestInteractionRegion
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const focusFirstRegion = (0, import_react.useCallback)(() => {
-    if (withAnyInputs)
-      if (isTimeSelector)
-        hourInputRef?.current?.focus?.();
-      else
-        monthInputRef?.current?.focus?.();
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const focusFirstRegion = React.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);
   }, [withAnyInputs, isTimeSelector, hourInputRef, monthInputRef]);
-  const onClearClick = (0, import_react.useCallback)((e) => {
+  const onClearClick = React.useCallback(e => {
     handleClearAll(e);
-    setLatestInteractionRegion("clear-btn");
+    setLatestInteractionRegion('clear-btn');
     focusFirstRegion();
   }, [focusFirstRegion, handleClearAll, setLatestInteractionRegion]);
-  const onHomeKeyDown = (0, import_react.useCallback)(() => {
+  const onHomeKeyDown = React.useCallback(() => {
     focusFirstRegion();
   }, [focusFirstRegion]);
-  const onEndKeyDown = (0, import_react.useCallback)(() => {
-    if (withAnyPicker)
-      pickerButtonRef?.current?.focus?.();
+  const onEndKeyDown = React.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);
   }, [withAnyPicker, pickerButtonRef]);
-  const onClearButtonKeyDown = (0, import_react.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?.();
+  const onClearButtonKeyDown = React.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);
     }
   }, [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onEndKeyDown, onHomeKeyDown, withAnyInputs, yearInputRef]);
-  return (0, import_react.useMemo)(() => ({ onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn }), [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
+  return React.useMemo(() => ({
+    onClearClick,
+    onClearButtonKeyDown,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn
+  }), [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
 };
-module.exports = __toCommonJS(useClearButton_exports);
-//# sourceMappingURL=useClearButton.js.map
+
+exports.useClearButton = useClearButton;

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

@@ -1,43 +1,35 @@
-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 ControlledDateTimePickerContent_exports = {};
-__export(ControlledDateTimePickerContent_exports, {
-  ControlledDateTimePickerContent: () => ControlledDateTimePickerContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_ControlledDateTimePickerCTX = __toESM(require("../ControlledDateTimePickerCTX"));
-var import_Styleds = __toESM(require("./Styleds"));
-var import_DateInputs = __toESM(require("./DateInputs/DateInputs"));
-var import_TimeInputs = __toESM(require("./TimeInputs/TimeInputs"));
-var import_PickersIcons = __toESM(require("./Pickers/PickersIcons"));
-var import_ClearButton = __toESM(require("./ClearButton/ClearButton"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var Grid = require('@elliemae/ds-grid');
+var ControlledDateTimePickerCTX = require('../ControlledDateTimePickerCTX.js');
+var Styleds = require('./Styleds.js');
+var DateInputs = require('./DateInputs/DateInputs.js');
+var TimeInputs = require('./TimeInputs/TimeInputs.js');
+var PickersIcons = require('./Pickers/PickersIcons.js');
+var ClearButton = require('./ClearButton/ClearButton.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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__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 ControlledDateTimePickerContent = () => {
   const {
     hideDate,
@@ -50,39 +42,41 @@ const ControlledDateTimePickerContent = () => {
     withAnyRightController,
     shouldPreserveClearableSpace,
     isControllerOnly,
-    props: { hasError, dataAttrs, disabled },
+    props: {
+      hasError,
+      dataAttrs,
+      disabled
+    },
     onGlobalKeyDown
-  } = import_react.default.useContext(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const resetLatestInteraction = import_react.default.useCallback(() => {
-    setLatestInteractionRegion("");
+  } = React__default["default"].useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const resetLatestInteraction = React__default["default"].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__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.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__ */ import_react.default.createElement(import_DateInputs.DateInputs, null), hideTime ? null : /* @__PURE__ */ import_react.default.createElement(import_TimeInputs.TimeInputs, null), withAnyRightController ? /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: rightControlCols
-  }, shouldPreserveClearableSpace ? /* @__PURE__ */ import_react.default.createElement(import_ClearButton.ClearButton, null) : null, withAnyPicker ? /* @__PURE__ */ import_react.default.createElement(import_PickersIcons.PickersIcons, null) : null) : null));
+  if (shouldPreserveClearableSpace) rightControlCols.push('28px');
+  if (withAnyPicker) rightControlCols.push('auto');
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Styleds.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__default["default"](DateInputs.DateInputs, {})), hideTime ? null : _TimeInputs || (_TimeInputs = /*#__PURE__*/_jsx__default["default"](TimeInputs.TimeInputs, {})), withAnyRightController ? /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+        cols: rightControlCols
+      }, void 0, shouldPreserveClearableSpace ? _ClearButton || (_ClearButton = /*#__PURE__*/_jsx__default["default"](ClearButton.ClearButton, {})) : null, withAnyPicker ? _PickersIcons || (_PickersIcons = /*#__PURE__*/_jsx__default["default"](PickersIcons.PickersIcons, {})) : null) : null]
+    }))
+  });
 };
-module.exports = __toCommonJS(ControlledDateTimePickerContent_exports);
-//# sourceMappingURL=ControlledDateTimePickerContent.js.map
+
+exports.ControlledDateTimePickerContent = ControlledDateTimePickerContent;

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

@@ -1,76 +1,59 @@
-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 DDInput_exports = {};
-__export(DDInput_exports, {
-  DDInput: () => DDInput
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ControlledDateTimePickerDatatestid = __toESM(require("../../ControlledDateTimePickerDatatestid"));
-var import_Styleds = __toESM(require("../Styleds"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
+var Styleds = require('../Styleds.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 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 = import_react.default.memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  disabled,
-  contextRef,
-  placeholder,
-  ariaCurrentValueForInputs
-}) => {
-  const validateOnChange = (0, import_react.useCallback)((e) => {
-    if (isInvalidDay(e?.target?.value)) {
+
+const DDInput = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
+    disabled,
+    contextRef,
+    placeholder,
+    ariaCurrentValueForInputs
+  } = _ref;
+  const validateOnChange = React.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)) {
       e.preventDefault();
       return;
     }
+
     onChange(e);
   }, [onChange]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.Styled2DigitsInput, {
+  return /*#__PURE__*/jsxRuntime.jsx(Styleds.Styled2DigitsInput, {
     onChange: validateOnChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onKeyDown: onKeyDown,
+    value: value,
     ref: contextRef,
-    placeholder,
-    "aria-label": `day input field, ${ariaCurrentValueForInputs}`,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
-    disabled,
+    placeholder: placeholder,
+    "aria-label": "day input field, ".concat(ariaCurrentValueForInputs),
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
+    disabled: disabled,
     "aria-disabled": disabled
   });
 });
-module.exports = __toCommonJS(DDInput_exports);
-//# sourceMappingURL=DDInput.js.map
+
+exports.DDInput = DDInput;