@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js

@@ -1,42 +1,19 @@
-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 useTimeInputs_exports = {};
-__export(useTimeInputs_exports, {
-  useTimeInputs: () => useTimeInputs
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
-var import_constants = require("../../utils/constants");
-var import_stringHelpers = require("../../utils/stringHelpers");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var constants = require('../../utils/constants.js');
+var stringHelpers = require('../../utils/stringHelpers.js');
+
+/* eslint-disable complexity */
 const useTimeInputs = () => {
   const {
-    props: { minutesInterval, disabled },
+    props: {
+      minutesInterval,
+      disabled
+    },
     lastSegmentRef,
     hours,
     minutes,
@@ -58,224 +35,200 @@ const useTimeInputs = () => {
     handleChangeMinutes,
     handleChangeMeridiem,
     setLatestInteractionRegion
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const setLatestInteractionRegionTimeInputs = (0, import_react.useCallback)(() => {
-    setLatestInteractionRegion("time-inputs");
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const setLatestInteractionRegionTimeInputs = React.useCallback(() => {
+    setLatestInteractionRegion('time-inputs');
   }, [setLatestInteractionRegion]);
-  const onHomeKeyDown = (0, import_react.useCallback)(() => {
-    if (!hideDate)
-      monthInputRef?.current?.focus?.();
-    else
-      hourInputRef?.current?.focus?.();
+  const onHomeKeyDown = React.useCallback(() => {
+    var _monthInputRef$curren, _monthInputRef$curren2, _hourInputRef$current, _hourInputRef$current2;
+
+    if (!hideDate) 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);else 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);
   }, [hideDate, monthInputRef, hourInputRef]);
-  const onEndKeyDown = (0, import_react.useCallback)(() => {
-    if (withAnyPicker)
-      pickerButtonRef?.current?.focus?.();
-    else if (withClearBtn)
-      clearButtonRef?.current?.focus?.();
-    else
-      meridiemInputRef?.current?.focus?.();
+  const onEndKeyDown = React.useCallback(() => {
+    var _pickerButtonRef$curr, _pickerButtonRef$curr2, _clearButtonRef$curre, _clearButtonRef$curre2, _meridiemInputRef$cur, _meridiemInputRef$cur2;
+
+    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);else if (withClearBtn) clearButtonRef === null || clearButtonRef === void 0 ? void 0 : (_clearButtonRef$curre = clearButtonRef.current) === null || _clearButtonRef$curre === void 0 ? void 0 : (_clearButtonRef$curre2 = _clearButtonRef$curre.focus) === null || _clearButtonRef$curre2 === void 0 ? void 0 : _clearButtonRef$curre2.call(_clearButtonRef$curre);else 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);
   }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, meridiemInputRef]);
-  const onHoursFocus = (0, import_react.useCallback)(() => {
+  const onHoursFocus = React.useCallback(() => {
     setLatestInteractionRegionTimeInputs();
   }, [setLatestInteractionRegionTimeInputs]);
-  const onHoursChange = (0, import_react.useCallback)((e) => {
-    let newHours = e?.target?.value;
-    if (Number.parseInt(newHours, 10) > 1)
-      newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(newHours, 2);
-    handleChangeHours(newHours, e);
-    if (newHours.length === 2)
-      minutesInputRef?.current?.focus?.();
+  const onHoursChange = React.useCallback(e => {
+    var _e$target, _minutesInputRef$curr, _minutesInputRef$curr2;
+
+    let newHours = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value; // converts hours 2~9 to 07~09
+
+    if (Number.parseInt(newHours, 10) > 1) newHours = stringHelpers.prependStringWithPlaceHolders(newHours, 2);
+    handleChangeHours(newHours, e); // auto-advance functionality:
+
+    if (newHours.length === 2) minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr = minutesInputRef.current) === null || _minutesInputRef$curr === void 0 ? void 0 : (_minutesInputRef$curr2 = _minutesInputRef$curr.focus) === null || _minutesInputRef$curr2 === void 0 ? void 0 : _minutesInputRef$curr2.call(_minutesInputRef$curr);
   }, [minutesInputRef, handleChangeHours]);
-  const onHoursKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, ctrlKey, metaKey } = e;
+  const onHoursKeyDown = React.useCallback(e => {
+    var _lastSegmentRef$curre, _lastSegmentRef$curre2;
+
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
     const hoursStringConvertedToInteger = Number.parseInt(hours, 10);
-    if (import_constants.homeEndArrowUpDownSemiKeys.includes(key))
-      e.preventDefault();
-    if (import_constants.homeEndArrowUpDownSemiKeys.includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" || key === "ArrowDown") {
+    if (constants.homeEndArrowUpDownSemiKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndArrowUpDownSemiKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDown();
+    if (key === 'End') onEndKeyDown();
+
+    if (key === 'ArrowUp' || key === 'ArrowDown') {
       const hoursInteger = Number.isNaN(hoursStringConvertedToInteger) ? 0 : hoursStringConvertedToInteger;
       let newHours;
-      if (key === "ArrowUp")
-        newHours = hoursInteger + 1 <= 12 ? hoursInteger + 1 : hoursInteger;
-      else
-        newHours = hoursInteger - 1 > 1 ? hoursInteger - 1 : 1;
-      newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newHours}`, 2);
+      if (key === 'ArrowUp') newHours = hoursInteger + 1 <= 12 ? hoursInteger + 1 : hoursInteger;else newHours = hoursInteger - 1 > 1 ? hoursInteger - 1 : 1;
+      newHours = stringHelpers.prependStringWithPlaceHolders("".concat(newHours), 2);
       handleChangeHours(newHours, e);
     }
-    if (!Number.isNaN(hoursStringConvertedToInteger) && key === ":") {
-      const newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${hoursStringConvertedToInteger}`, 2);
-      handleChangeHours(newHours, e);
-      if (newHours.length === 2)
-        minutesInputRef?.current?.focus?.();
-    }
-    if (key === "Backspace" && hours.length === 0 && isWithDateInputs) {
-      yearInputRef?.current?.focus?.();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      lastSegmentRef?.current?.focus?.();
-  }, [
-    hours,
-    onHomeKeyDown,
-    onEndKeyDown,
-    isWithDateInputs,
-    lastSegmentRef,
-    handleChangeHours,
-    minutesInputRef,
-    yearInputRef
-  ]);
-  const onHoursBlur = (0, import_react.useCallback)((e) => {
-    const newHours = e?.target?.value;
-    if (newHours === "0")
-      handleChangeHours("01", e, { isAutomaticFillTrigger: true });
-    else if (newHours.length > 0 && newHours.length < 2)
-      handleChangeHours((0, import_stringHelpers.prependStringWithPlaceHolders)(newHours, 2), e, {
-        isAutomaticFillTrigger: true
-      });
+
+    if (!Number.isNaN(hoursStringConvertedToInteger) && key === ':') {
+      var _minutesInputRef$curr3, _minutesInputRef$curr4;
+
+      const newHours = stringHelpers.prependStringWithPlaceHolders("".concat(hoursStringConvertedToInteger), 2);
+      handleChangeHours(newHours, e); // auto-advance functionality:
+
+      if (newHours.length === 2) minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr3 = minutesInputRef.current) === null || _minutesInputRef$curr3 === void 0 ? void 0 : (_minutesInputRef$curr4 = _minutesInputRef$curr3.focus) === null || _minutesInputRef$curr4 === void 0 ? void 0 : _minutesInputRef$curr4.call(_minutesInputRef$curr3);
+    } // regressive backspace functionality
+
+
+    if (key === 'Backspace' && hours.length === 0 && isWithDateInputs) {
+      var _yearInputRef$current, _yearInputRef$current2;
+
+      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);
+    } // focus last fragment on fill with now
+
+
+    if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre = lastSegmentRef.current) === null || _lastSegmentRef$curre === void 0 ? void 0 : (_lastSegmentRef$curre2 = _lastSegmentRef$curre.focus) === null || _lastSegmentRef$curre2 === void 0 ? void 0 : _lastSegmentRef$curre2.call(_lastSegmentRef$curre);
+  }, [hours, onHomeKeyDown, onEndKeyDown, isWithDateInputs, lastSegmentRef, handleChangeHours, minutesInputRef, yearInputRef]);
+  const onHoursBlur = React.useCallback(e => {
+    var _e$target2;
+
+    const newHours = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value;
+    if (newHours === '0') handleChangeHours('01', e, {
+      isAutomaticFillTrigger: true
+    });else if (newHours.length > 0 && newHours.length < 2) handleChangeHours(stringHelpers.prependStringWithPlaceHolders(newHours, 2), e, {
+      isAutomaticFillTrigger: true
+    });
   }, [handleChangeHours]);
-  const onMinutesFocus = (0, import_react.useCallback)(() => {
+  const onMinutesFocus = React.useCallback(() => {
     setLatestInteractionRegionTimeInputs();
   }, [setLatestInteractionRegionTimeInputs]);
-  const onMinutesChange = (0, import_react.useCallback)((e) => {
-    let newMinutes = e?.target?.value;
-    if (Number.parseInt(newMinutes, 10) > 6)
-      newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(newMinutes, 2);
-    handleChangeMinutes(newMinutes, e);
-    if (newMinutes.length === 2)
-      meridiemInputRef?.current?.focus?.();
+  const onMinutesChange = React.useCallback(e => {
+    var _e$target3, _meridiemInputRef$cur3, _meridiemInputRef$cur4;
+
+    let newMinutes = e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value; // converts minutes 7~9 to 07~09
+
+    if (Number.parseInt(newMinutes, 10) > 6) newMinutes = stringHelpers.prependStringWithPlaceHolders(newMinutes, 2);
+    handleChangeMinutes(newMinutes, e); // auto-advance functionality:
+    // if (newMinutes.length === 2) secondsInputRef?.current?.focus?.();
+
+    if (newMinutes.length === 2) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur3 = meridiemInputRef.current) === null || _meridiemInputRef$cur3 === void 0 ? void 0 : (_meridiemInputRef$cur4 = _meridiemInputRef$cur3.focus) === null || _meridiemInputRef$cur4 === void 0 ? void 0 : _meridiemInputRef$cur4.call(_meridiemInputRef$cur3);
   }, [meridiemInputRef, handleChangeMinutes]);
-  const onMinutesKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, ctrlKey, metaKey } = e;
+  const onMinutesKeyDown = React.useCallback(e => {
+    var _lastSegmentRef$curre3, _lastSegmentRef$curre4;
+
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
     const minutesStringConvertedToInteger = Number.parseInt(minutes, 10);
-    if (import_constants.homeEndArrowUpDownSpaceKeys.includes(key))
-      e.preventDefault();
-    if (import_constants.homeEndArrowUpDownSpaceKeys.includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" || key === "ArrowDown") {
+    if (constants.homeEndArrowUpDownSpaceKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndArrowUpDownSpaceKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDown();
+    if (key === 'End') onEndKeyDown();
+
+    if (key === 'ArrowUp' || key === 'ArrowDown') {
       const minutesInteger = Number.isNaN(minutesStringConvertedToInteger) ? 0 : minutesStringConvertedToInteger;
       let newMinutes;
-      if (key === "ArrowUp")
-        newMinutes = minutesInteger + minutesInterval <= 59 ? minutesInteger + minutesInterval : minutesInteger;
-      else
-        newMinutes = minutesInteger - minutesInterval > 0 ? minutesInteger - minutesInterval : 0;
-      newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newMinutes}`, 2);
+      if (key === 'ArrowUp') newMinutes = minutesInteger + minutesInterval <= 59 ? minutesInteger + minutesInterval : minutesInteger;else newMinutes = minutesInteger - minutesInterval > 0 ? minutesInteger - minutesInterval : 0;
+      newMinutes = stringHelpers.prependStringWithPlaceHolders("".concat(newMinutes), 2);
       handleChangeMinutes(newMinutes, e);
     }
-    if (!Number.isNaN(minutesStringConvertedToInteger) && key === " ") {
-      const newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${minutesStringConvertedToInteger}`, 2);
-      handleChangeMinutes(newMinutes, e);
-      if (newMinutes.length === 2)
-        meridiemInputRef?.current?.focus?.();
-    }
-    if (key === "Backspace" && minutes?.length === 0) {
-      hourInputRef?.current?.focus?.();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      lastSegmentRef?.current?.focus?.();
-  }, [
-    minutes,
-    onHomeKeyDown,
-    onEndKeyDown,
-    lastSegmentRef,
-    minutesInterval,
-    handleChangeMinutes,
-    meridiemInputRef,
-    hourInputRef
-  ]);
-  const onMinutesBlur = (0, import_react.useCallback)((e) => {
-    const newMinutes = e?.target?.value;
-    if (newMinutes.length > 0 && newMinutes.length < 2)
-      handleChangeMinutes((0, import_stringHelpers.prependStringWithPlaceHolders)(newMinutes, 2), e, {
-        isAutomaticFillTrigger: true
-      });
+
+    if (!Number.isNaN(minutesStringConvertedToInteger) && key === ' ') {
+      var _meridiemInputRef$cur5, _meridiemInputRef$cur6;
+
+      const newMinutes = stringHelpers.prependStringWithPlaceHolders("".concat(minutesStringConvertedToInteger), 2);
+      handleChangeMinutes(newMinutes, e); // auto-advance functionality:
+      // if (newMinutes.length === 2) secondsInputRef?.current?.focus?.();
+
+      if (newMinutes.length === 2) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur5 = meridiemInputRef.current) === null || _meridiemInputRef$cur5 === void 0 ? void 0 : (_meridiemInputRef$cur6 = _meridiemInputRef$cur5.focus) === null || _meridiemInputRef$cur6 === void 0 ? void 0 : _meridiemInputRef$cur6.call(_meridiemInputRef$cur5);
+    } // regressive backspace functionality
+
+
+    if (key === 'Backspace' && (minutes === null || minutes === void 0 ? void 0 : minutes.length) === 0) {
+      var _hourInputRef$current3, _hourInputRef$current4;
+
+      hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current3 = hourInputRef.current) === null || _hourInputRef$current3 === void 0 ? void 0 : (_hourInputRef$current4 = _hourInputRef$current3.focus) === null || _hourInputRef$current4 === void 0 ? void 0 : _hourInputRef$current4.call(_hourInputRef$current3);
+    } // focus last fragment on fill with now
+
+
+    if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre3 = lastSegmentRef.current) === null || _lastSegmentRef$curre3 === void 0 ? void 0 : (_lastSegmentRef$curre4 = _lastSegmentRef$curre3.focus) === null || _lastSegmentRef$curre4 === void 0 ? void 0 : _lastSegmentRef$curre4.call(_lastSegmentRef$curre3);
+  }, [minutes, onHomeKeyDown, onEndKeyDown, lastSegmentRef, minutesInterval, handleChangeMinutes, meridiemInputRef, hourInputRef]);
+  const onMinutesBlur = React.useCallback(e => {
+    var _e$target4;
+
+    const newMinutes = e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : _e$target4.value;
+    if (newMinutes.length > 0 && newMinutes.length < 2) handleChangeMinutes(stringHelpers.prependStringWithPlaceHolders(newMinutes, 2), e, {
+      isAutomaticFillTrigger: true
+    });
   }, [handleChangeMinutes]);
-  const onMeridiemFocus = (0, import_react.useCallback)(() => {
+  const onMeridiemFocus = React.useCallback(() => {
     setLatestInteractionRegionTimeInputs();
   }, [setLatestInteractionRegionTimeInputs]);
-  const onMeridiemChange = (0, import_react.useCallback)((e) => {
-    let newMeridiem = e?.target?.value?.toUpperCase?.();
-    if (newMeridiem.length === 1)
-      if (meridiem === "")
-        newMeridiem = `${newMeridiem}M`;
-      else
-        newMeridiem = "";
-    handleChangeMeridiem(newMeridiem, e);
+  const onMeridiemChange = React.useCallback(e => {
+    var _e$target5, _e$target5$value, _e$target5$value$toUp;
+
+    let newMeridiem = e === null || e === void 0 ? void 0 : (_e$target5 = e.target) === null || _e$target5 === void 0 ? void 0 : (_e$target5$value = _e$target5.value) === null || _e$target5$value === void 0 ? void 0 : (_e$target5$value$toUp = _e$target5$value.toUpperCase) === null || _e$target5$value$toUp === void 0 ? void 0 : _e$target5$value$toUp.call(_e$target5$value); // if new value is length 1,
+    //   if previous value was empty, auto-complete
+    //   if previous value was not empty, set to empty (regressive backspace)
+
+    if (newMeridiem.length === 1) if (meridiem === '') newMeridiem = "".concat(newMeridiem, "M");else newMeridiem = '';
+    handleChangeMeridiem(newMeridiem, e); // auto-advance functionality:
+
     if (newMeridiem.length === 2 && withAnyRightController) {
-      if (withClearBtn)
-        clearButtonRef.current?.focus?.();
-      else if (withAnyPicker)
-        pickerButtonRef?.current?.focus?.();
+      var _clearButtonRef$curre3, _clearButtonRef$curre4, _pickerButtonRef$curr3, _pickerButtonRef$curr4;
+
+      if (withClearBtn) (_clearButtonRef$curre3 = clearButtonRef.current) === null || _clearButtonRef$curre3 === void 0 ? void 0 : (_clearButtonRef$curre4 = _clearButtonRef$curre3.focus) === null || _clearButtonRef$curre4 === void 0 ? void 0 : _clearButtonRef$curre4.call(_clearButtonRef$curre3);else if (withAnyPicker) pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr3 = pickerButtonRef.current) === null || _pickerButtonRef$curr3 === void 0 ? void 0 : (_pickerButtonRef$curr4 = _pickerButtonRef$curr3.focus) === null || _pickerButtonRef$curr4 === void 0 ? void 0 : _pickerButtonRef$curr4.call(_pickerButtonRef$curr3);
     }
-  }, [
-    meridiem,
-    handleChangeMeridiem,
-    withAnyRightController,
-    withClearBtn,
-    clearButtonRef,
-    withAnyPicker,
-    pickerButtonRef
-  ]);
-  const onMeridiemKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    if (import_constants.homeEndArrowUpDownKeys.includes(key))
-      e.preventDefault();
-    if (import_constants.homeEndArrowUpDownKeys.includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" && meridiem !== "AM")
-      handleChangeMeridiem("AM", e);
-    if (key === "ArrowDown" && meridiem !== "PM")
-      handleChangeMeridiem("PM", e);
-    if (key === "Backspace") {
-      if (meridiem?.length === 2)
-        handleChangeMeridiem("", e);
-      else
-        minutesInputRef?.current?.focus?.();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      lastSegmentRef?.current?.focus?.();
+  }, [meridiem, handleChangeMeridiem, withAnyRightController, withClearBtn, clearButtonRef, withAnyPicker, pickerButtonRef]);
+  const onMeridiemKeyDown = React.useCallback(e => {
+    var _lastSegmentRef$curre5, _lastSegmentRef$curre6;
+
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
+    if (constants.homeEndArrowUpDownKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndArrowUpDownKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDown();
+    if (key === 'End') onEndKeyDown();
+    if (key === 'ArrowUp' && meridiem !== 'AM') handleChangeMeridiem('AM', e);
+    if (key === 'ArrowDown' && meridiem !== 'PM') handleChangeMeridiem('PM', e); // regressive backspace functionality
+
+    if (key === 'Backspace') {
+      var _minutesInputRef$curr5, _minutesInputRef$curr6;
+
+      if ((meridiem === null || meridiem === void 0 ? void 0 : meridiem.length) === 2) handleChangeMeridiem('', e);else minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr5 = minutesInputRef.current) === null || _minutesInputRef$curr5 === void 0 ? void 0 : (_minutesInputRef$curr6 = _minutesInputRef$curr5.focus) === null || _minutesInputRef$curr6 === void 0 ? void 0 : _minutesInputRef$curr6.call(_minutesInputRef$curr5);
+    } // focus last fragment on fill with now
+
+
+    if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre5 = lastSegmentRef.current) === null || _lastSegmentRef$curre5 === void 0 ? void 0 : (_lastSegmentRef$curre6 = _lastSegmentRef$curre5.focus) === null || _lastSegmentRef$curre6 === void 0 ? void 0 : _lastSegmentRef$curre6.call(_lastSegmentRef$curre5);
   }, [onHomeKeyDown, onEndKeyDown, meridiem, handleChangeMeridiem, lastSegmentRef, minutesInputRef]);
-  const onMeridiemBlur = (0, import_react.useCallback)((e) => {
-    const newMeridiem = e?.target?.value?.toUpperCase?.();
-    if (newMeridiem.length === 1)
-      handleChangeMeridiem(`${newMeridiem}M`, e, {
-        isAutomaticFillTrigger: true
-      });
+  const onMeridiemBlur = React.useCallback(e => {
+    var _e$target6, _e$target6$value, _e$target6$value$toUp;
+
+    const newMeridiem = e === null || e === void 0 ? void 0 : (_e$target6 = e.target) === null || _e$target6 === void 0 ? void 0 : (_e$target6$value = _e$target6.value) === null || _e$target6$value === void 0 ? void 0 : (_e$target6$value$toUp = _e$target6$value.toUpperCase) === null || _e$target6$value$toUp === void 0 ? void 0 : _e$target6$value$toUp.call(_e$target6$value);
+    if (newMeridiem.length === 1) handleChangeMeridiem("".concat(newMeridiem, "M"), e, {
+      isAutomaticFillTrigger: true
+    });
   }, [handleChangeMeridiem]);
-  return (0, import_react.useMemo)(() => ({
-    hours,
-    minutes,
-    meridiem,
-    autoFocusHourInput,
-    disabled,
-    handleChangeHours,
-    onHoursFocus,
-    onHoursChange,
-    handleChangeMinutes,
-    onMinutesFocus,
-    onMinutesChange,
-    handleChangeMeridiem,
-    onMeridiemFocus,
-    onMeridiemChange,
-    onHoursBlur,
-    onMinutesBlur,
-    onMeridiemBlur,
-    onHoursKeyDown,
-    onMinutesKeyDown,
-    onMeridiemKeyDown
-  }), [
+  return React.useMemo(() => ({
     hours,
     minutes,
     meridiem,
@@ -296,7 +249,7 @@ const useTimeInputs = () => {
     onHoursKeyDown,
     onMinutesKeyDown,
     onMeridiemKeyDown
-  ]);
+  }), [hours, minutes, meridiem, autoFocusHourInput, disabled, handleChangeHours, onHoursFocus, onHoursChange, handleChangeMinutes, onMinutesFocus, onMinutesChange, handleChangeMeridiem, onMeridiemFocus, onMeridiemChange, onHoursBlur, onMinutesBlur, onMeridiemBlur, onHoursKeyDown, onMinutesKeyDown, onMeridiemKeyDown]);
 };
-module.exports = __toCommonJS(useTimeInputs_exports);
-//# sourceMappingURL=useTimeInputs.js.map
+
+exports.useTimeInputs = useTimeInputs;

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

@@ -1,39 +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 config_exports = {};
-__export(config_exports, {
-  fixedValues: () => fixedValues
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const fixedValues = {
-  smallInputWidth: "28px",
-  largeInputWidth: "40px",
-  separatorWidth: "7px"
+  smallInputWidth: '28px',
+  largeInputWidth: '40px',
+  separatorWidth: '7px'
 };
-module.exports = __toCommonJS(config_exports);
-//# sourceMappingURL=config.js.map
+
+exports.fixedValues = fixedValues;

package/cjs/controlled-date-time-picker/propTypes.js

@@ -1,72 +1,32 @@
-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 propTypes_exports = {};
-__export(propTypes_exports, {
-  propTypes: () => propTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const propTypes = {
-  type: import_react_desc.PropTypes.oneOf([
-    "full-date-time",
-    "date-time-inputs",
-    "date-time-picker",
-    "date-time-picker-controller-only",
-    "full-date",
-    "date-inputs",
-    "date-picker",
-    "date-picker-controller-only",
-    "full-time",
-    "time-inputs",
-    "time-picker",
-    "time-picker-controller-only"
-  ]).description("Type of time form control to use").defaultValue("full-date-time"),
-  disabled: import_react_desc.PropTypes.bool.description("wheter or not the input is disabled").defaultValue("false"),
-  isClearable: import_react_desc.PropTypes.bool.description("with or without clearable button").defaultValue("false"),
-  dateTime: import_react_desc.PropTypes.string.description("when using date-time types, this is the value of the controller"),
-  date: import_react_desc.PropTypes.string.description("when using date types, this is the value of the controller"),
-  time: import_react_desc.PropTypes.string.description("when using time types, this is the value of the controller"),
-  onDateChange: import_react_desc.PropTypes.func.description("(newDateString, metaInformations) => void").defaultValue(""),
-  onTimeChange: import_react_desc.PropTypes.func.description("(newTimeString, metaInformations) => void").defaultValue(""),
-  onDateTimeChange: import_react_desc.PropTypes.func.description("(newDateTimeString, metaInformations) => void").defaultValue(""),
-  onMonthChange: import_react_desc.PropTypes.func.description("(newMonthString, event, metaInformations) => void").defaultValue(""),
-  onDayChange: import_react_desc.PropTypes.func.description("(newDayString, event, metaInformations) => void").defaultValue(""),
-  onYearChange: import_react_desc.PropTypes.func.description("(newYearString, event, metaInformations) => void").defaultValue(""),
-  onHourChange: import_react_desc.PropTypes.func.description("(newHourString, event, metaInformations) => void").defaultValue(""),
-  onMinuteChange: import_react_desc.PropTypes.func.description("(newMinuteString, event, metaInformations) => void").defaultValue(""),
-  onMeridiemChange: import_react_desc.PropTypes.func.description("(newMeridiemString, event, metaInformations) => void").defaultValue(""),
-  getIsDisabledDay: import_react_desc.PropTypes.func.description("(dayAsString) => true for marking as disabled, false for marking as valid").defaultValue(""),
-  getIsOutOfRangeDay: import_react_desc.PropTypes.func.description("(dayAsString) => true for marking as disabled, false for marking as valid").defaultValue(""),
-  getIsDisabledTime: import_react_desc.PropTypes.func.description("(timeAsString) => true for marking as disabled, false for marking as valid").defaultValue(""),
-  emptyPickerStartingMonth: import_react_desc.PropTypes.string.description('which month to start the calendar on open, when value is empty, string following the "MM/__/YYYY" pattern'),
-  onCalendarOpenFocusedDay: import_react_desc.PropTypes.string.description('which day to focus on calendar open when value is empty, string following the "MM/DD/YYYY" pattern').defaultValue("if value is empty current month, else month corresponding the month"),
-  minutesInterval: import_react_desc.PropTypes.number.description("increments/decrements of minutes in time related controllers interactions").defaultValue("1"),
-  "data-testid": import_react_desc.PropTypes.string.description("Unique id for tests.").defaultValue("")
+  type: reactDesc.PropTypes.oneOf(['full-date-time', 'date-time-inputs', 'date-time-picker', 'date-time-picker-controller-only', 'full-date', 'date-inputs', 'date-picker', 'date-picker-controller-only', 'full-time', 'time-inputs', 'time-picker', 'time-picker-controller-only']).description('Type of time form control to use').defaultValue('full-date-time'),
+  disabled: reactDesc.PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),
+  isClearable: reactDesc.PropTypes.bool.description('with or without clearable button').defaultValue('false'),
+  dateTime: reactDesc.PropTypes.string.description('when using date-time types, this is the value of the controller'),
+  date: reactDesc.PropTypes.string.description('when using date types, this is the value of the controller'),
+  time: reactDesc.PropTypes.string.description('when using time types, this is the value of the controller'),
+  onDateChange: reactDesc.PropTypes.func.description('(newDateString, metaInformations) => void').defaultValue(''),
+  onTimeChange: reactDesc.PropTypes.func.description('(newTimeString, metaInformations) => void').defaultValue(''),
+  onDateTimeChange: reactDesc.PropTypes.func.description('(newDateTimeString, metaInformations) => void').defaultValue(''),
+  onMonthChange: reactDesc.PropTypes.func.description('(newMonthString, event, metaInformations) => void').defaultValue(''),
+  onDayChange: reactDesc.PropTypes.func.description('(newDayString, event, metaInformations) => void').defaultValue(''),
+  onYearChange: reactDesc.PropTypes.func.description('(newYearString, event, metaInformations) => void').defaultValue(''),
+  onHourChange: reactDesc.PropTypes.func.description('(newHourString, event, metaInformations) => void').defaultValue(''),
+  onMinuteChange: reactDesc.PropTypes.func.description('(newMinuteString, event, metaInformations) => void').defaultValue(''),
+  onMeridiemChange: reactDesc.PropTypes.func.description('(newMeridiemString, event, metaInformations) => void').defaultValue(''),
+  getIsDisabledDay: reactDesc.PropTypes.func.description('(dayAsString) => true for marking as disabled, false for marking as valid').defaultValue(''),
+  getIsOutOfRangeDay: reactDesc.PropTypes.func.description('(dayAsString) => true for marking as disabled, false for marking as valid').defaultValue(''),
+  getIsDisabledTime: reactDesc.PropTypes.func.description('(timeAsString) => true for marking as disabled, false for marking as valid').defaultValue(''),
+  emptyPickerStartingMonth: reactDesc.PropTypes.string.description('which month to start the calendar on open, when value is empty, string following the "MM/__/YYYY" pattern'),
+  onCalendarOpenFocusedDay: reactDesc.PropTypes.string.description('which day to focus on calendar open when value is empty, string following the "MM/DD/YYYY" pattern').defaultValue('if value is empty current month, else month corresponding the month'),
+  minutesInterval: reactDesc.PropTypes.number.description('increments/decrements of minutes in time related controllers interactions').defaultValue('1'),
+  'data-testid': reactDesc.PropTypes.string.description('Unique id for tests.').defaultValue('')
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.propTypes = propTypes;