@elliemae/ds-controlled-form 1.61.0 → 2.0.0-alpha.12

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js

@@ -2,67 +2,58 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
-var controlledDateTimePicker_parts_TimeInputs_useTimeInputs = require('../../TimeInputs/useTimeInputs.js');
-var controlledDateTimePicker_utils_numberHelpers = require('../../../utils/numberHelpers.js');
-var controlledDateTimePicker_utils_stringHelpers = require('../../../utils/stringHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../../../utils/constants.js');
-require('@babel/runtime/helpers/slicedToArray');
+var useTimeInputs = require('../../TimeInputs/useTimeInputs.js');
+var numberHelpers = require('../../../utils/numberHelpers.js');
+var stringHelpers = require('../../../utils/stringHelpers.js');
 
-/* eslint-disable max-statements */
-var totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
-var hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled
+const totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
+const hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled
 
-var hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...
+const hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...
 
-var getTotalMinuteListWithStep = function getTotalMinuteListWithStep() {
-  var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  var length = Math.ceil(60 / step);
-  return new Array(length).fill('_').map(function (_v, i) {
-    return controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(i * step), 2);
-  });
+const getTotalMinuteListWithStep = function () {
+  let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  const length = Math.ceil(60 / step);
+  return new Array(length).fill('_').map((_v, i) => stringHelpers.prependStringWithPlaceHolders("".concat(i * step), 2));
 };
 
-var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_ref) {
-  var minutesInterval = _ref.minutesInterval;
-
-  var _useTimeInputs = controlledDateTimePicker_parts_TimeInputs_useTimeInputs.useTimeInputs(),
-      hours = _useTimeInputs.hours,
-      minutes = _useTimeInputs.minutes,
-      _useTimeInputs$meridi = _useTimeInputs.meridiem,
-      meridiem = _useTimeInputs$meridi === void 0 ? 'AM' : _useTimeInputs$meridi,
-      handleChangeHours = _useTimeInputs.handleChangeHours,
-      handleChangeMinutes = _useTimeInputs.handleChangeMinutes,
-      handleChangeMeridiem = _useTimeInputs.handleChangeMeridiem;
-
-  var currHourNum = React.useMemo(function () {
-    var hoursAsNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(hours);
+const useCurrentDisplayedWheelsLogic = _ref => {
+  let {
+    minutesInterval
+  } = _ref;
+  const {
+    hours,
+    minutes,
+    // seconds,
+    meridiem = 'AM',
+    handleChangeHours,
+    handleChangeMinutes,
+    // handleChangeSeconds,
+    handleChangeMeridiem
+  } = useTimeInputs.useTimeInputs();
+  const currHourNum = React.useMemo(() => {
+    const hoursAsNum = numberHelpers.convertToPositiveNumberIfPossible(hours);
     if (hoursAsNum === -1) return 1;
     return hoursAsNum;
   }, [hours]);
-  var currMinuteNum = React.useMemo(function () {
-    var minutesAsNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(minutes);
+  const currMinuteNum = React.useMemo(() => {
+    const minutesAsNum = numberHelpers.convertToPositiveNumberIfPossible(minutes);
     if (minutesAsNum === -1) return 0;
     return minutesAsNum;
   }, [minutes]);
-  var totalMinutesList = React.useMemo(function () {
-    return getTotalMinuteListWithStep(minutesInterval);
-  }, [minutesInterval]);
-  var currMinuteIndex = React.useMemo(function () {
-    return Math.floor(currMinuteNum / minutesInterval);
-  }, [currMinuteNum, minutesInterval]);
-  var currHoursIndex = React.useMemo(function () {
-    return Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset;
-  }, [currHourNum]); // const currSecondNum = useMemo(() => {
+  const totalMinutesList = React.useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);
+  const currMinuteIndex = React.useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);
+  const currHoursIndex = React.useMemo(() => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset, [currHourNum]); // const currSecondNum = useMemo(() => {
   //   const secondsAsNum = convertToPositiveNumberIfPossible(seconds);
   //   if (secondsAsNum === -1) return 0;
   //   return secondsAsNum;
   // }, [seconds]);
 
-  var visibleHours = React.useMemo(function () {
-    var newHours = []; // if (currHoursIndex >= 2) newHours.push(totalHoursList[currHoursIndex - 2]);
+  const visibleHours = React.useMemo(() => {
+    const newHours = []; // if (currHoursIndex >= 2) newHours.push(totalHoursList[currHoursIndex - 2]);
     // else newHours.push(null);
 
     if (currHoursIndex >= 1) newHours.push(totalHoursList[currHoursIndex - 1]);else newHours.push(null);
@@ -72,8 +63,8 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
 
     return newHours;
   }, [currHoursIndex]);
-  var visibleMinutes = React.useMemo(function () {
-    var newMinutes = []; // if (currMinuteIndex >= 2)
+  const visibleMinutes = React.useMemo(() => {
+    const newMinutes = []; // if (currMinuteIndex >= 2)
     //   newMinutes.push(totalMinutesList[currMinuteIndex - 2]);
     // else newMinutes.push(null);
 
@@ -101,30 +92,30 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
   //   return newSeconds;
   // }, [currSecondNum]);
 
-  var handleTimeWheelBtnChangeHours = React.useCallback(function (newHours, e) {
+  const handleTimeWheelBtnChangeHours = React.useCallback((newHours, e) => {
     handleChangeHours(newHours, e);
   }, [handleChangeHours]);
-  var handleChangeCurrHour = React.useCallback(function (offset, e) {
-    var newH = currHourNum + offset;
-    if (newH > 0 && newH <= 12) handleChangeHours(controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(newH), 2), e);
+  const handleChangeCurrHour = React.useCallback((offset, e) => {
+    const newH = currHourNum + offset;
+    if (newH > 0 && newH <= 12) handleChangeHours(stringHelpers.prependStringWithPlaceHolders("".concat(newH), 2), e);
   }, [currHourNum, handleChangeHours]);
-  var handlePrevHour = React.useCallback(function (e) {
+  const handlePrevHour = React.useCallback(e => {
     handleChangeCurrHour(-1, e);
   }, [handleChangeCurrHour]);
-  var handleNextHour = React.useCallback(function (e) {
+  const handleNextHour = React.useCallback(e => {
     handleChangeCurrHour(1, e);
   }, [handleChangeCurrHour]);
-  var handleTimeWheelBtnChangeMinutes = React.useCallback(function (newMinutes, e) {
+  const handleTimeWheelBtnChangeMinutes = React.useCallback((newMinutes, e) => {
     handleChangeMinutes(newMinutes, e);
   }, [handleChangeMinutes]);
-  var handleChangeCurrMinute = React.useCallback(function (offset, e) {
-    var newM = currMinuteNum + offset;
-    if (newM >= 0 && newM <= 59) handleChangeMinutes(controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(newM), 2), e);
+  const handleChangeCurrMinute = React.useCallback((offset, e) => {
+    const newM = currMinuteNum + offset;
+    if (newM >= 0 && newM <= 59) handleChangeMinutes(stringHelpers.prependStringWithPlaceHolders("".concat(newM), 2), e);
   }, [currMinuteNum, handleChangeMinutes]);
-  var handlePrevMinute = React.useCallback(function (e) {
+  const handlePrevMinute = React.useCallback(e => {
     handleChangeCurrMinute(-minutesInterval, e);
   }, [handleChangeCurrMinute, minutesInterval]);
-  var handleNextMinute = React.useCallback(function (e) {
+  const handleNextMinute = React.useCallback(e => {
     handleChangeCurrMinute(minutesInterval, e);
   }, [handleChangeCurrMinute, minutesInterval]); // const handleTimeWheelBtnChangeSeconds = useCallback(
   //   (newSeconds, e) => {
@@ -153,33 +144,31 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
   //   [handleChangeCurrSecond],
   // );
 
-  var handleTimeWheelBtnChangeMeridiem = React.useCallback(function (newMeridiem, e) {
+  const handleTimeWheelBtnChangeMeridiem = React.useCallback((newMeridiem, e) => {
     handleChangeMeridiem(newMeridiem, e);
   }, [handleChangeMeridiem]);
-  return React.useMemo(function () {
-    return {
-      currHourNum: currHourNum,
-      hours: hours,
-      visibleHours: visibleHours,
-      handlePrevHour: handlePrevHour,
-      handleNextHour: handleNextHour,
-      handleTimeWheelBtnChangeHours: handleTimeWheelBtnChangeHours,
-      currMinuteNum: currMinuteNum,
-      minutes: minutes,
-      visibleMinutes: visibleMinutes,
-      handlePrevMinute: handlePrevMinute,
-      handleNextMinute: handleNextMinute,
-      handleTimeWheelBtnChangeMinutes: handleTimeWheelBtnChangeMinutes,
-      // currSecondNum,
-      // seconds,
-      // visibleSeconds,
-      // handlePrevSecond,
-      // handleNextSecond,
-      // handleTimeWheelBtnChangeSeconds,
-      meridiem: meridiem,
-      handleTimeWheelBtnChangeMeridiem: handleTimeWheelBtnChangeMeridiem
-    };
-  }, [currHourNum, currMinuteNum, // currSecondNum,
+  return React.useMemo(() => ({
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    // currSecondNum,
+    // seconds,
+    // visibleSeconds,
+    // handlePrevSecond,
+    // handleNextSecond,
+    // handleTimeWheelBtnChangeSeconds,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem
+  }), [currHourNum, currMinuteNum, // currSecondNum,
   handleNextHour, handleNextMinute, // handleNextSecond,
   handlePrevHour, handlePrevMinute, // handlePrevSecond,
   handleTimeWheelBtnChangeHours, handleTimeWheelBtnChangeMeridiem, handleTimeWheelBtnChangeMinutes, // handleTimeWheelBtnChangeSeconds,
@@ -189,4 +178,3 @@ var useCurrentDisplayedWheelsLogic = function useCurrentDisplayedWheelsLogic(_re
 };
 
 exports.useCurrentDisplayedWheelsLogic = useCurrentDisplayedWheelsLogic;
-//# sourceMappingURL=useCurrentDisplayedWheelsLogic.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js

@@ -3,60 +3,62 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_utils_constants = require('../../../utils/constants.js');
-require('../../../ControlledDateTimePickerTypes.js');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var constants = require('../../../utils/constants.js');
 
 /* eslint-disable @typescript-eslint/indent */
-var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
-  var handlePrevHour = _ref.handlePrevHour,
-      handleNextHour = _ref.handleNextHour,
-      handlePrevMinute = _ref.handlePrevMinute,
-      handleNextMinute = _ref.handleNextMinute,
-      handleTimeWheelBtnChangeMeridiem = _ref.handleTimeWheelBtnChangeMeridiem;
-
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      withAnyInputs = _useContext.withAnyInputs,
-      isWithTimeInputs = _useContext.isWithTimeInputs,
-      isWithDateInputs = _useContext.isWithDateInputs,
-      isWithCalendarToo = _useContext.isWithCalendarToo,
-      isControllerOnly = _useContext.isControllerOnly,
-      hideDate = _useContext.hideDate,
-      hideTime = _useContext.hideTime,
-      monthInputRef = _useContext.monthInputRef,
-      hourInputRef = _useContext.hourInputRef,
-      meridiemInputRef = _useContext.meridiemInputRef,
-      yearInputRef = _useContext.yearInputRef,
-      prevMonthBtnRef = _useContext.prevMonthBtnRef,
-      prevHourBtnRef = _useContext.prevHourBtnRef,
-      currHourBtnRef = _useContext.currHourBtnRef,
-      nextHourBtnRef = _useContext.nextHourBtnRef,
-      prevMinutesBtnRef = _useContext.prevMinutesBtnRef,
-      currMinutesBtnRef = _useContext.currMinutesBtnRef,
-      nextMinutesBtnRef = _useContext.nextMinutesBtnRef,
-      prevMeridiemBtnRef = _useContext.prevMeridiemBtnRef,
-      currMeridiemBtnRef = _useContext.currMeridiemBtnRef,
-      nextMeridiemBtnRef = _useContext.nextMeridiemBtnRef;
-
-  var onHomeKeyDownInsideTimeWheel = React.useCallback(function () {
+const useKeyboardHandlers = _ref => {
+  let {
+    handlePrevHour,
+    handleNextHour,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMeridiem
+  } = _ref;
+  const {
+    withAnyInputs,
+    isWithTimeInputs,
+    isWithDateInputs,
+    isWithCalendarToo,
+    isControllerOnly,
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    meridiemInputRef,
+    yearInputRef,
+    prevMonthBtnRef,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const onHomeKeyDownInsideTimeWheel = React.useCallback(() => {
     var _prevMonthBtnRef$curr, _prevMonthBtnRef$curr2, _currHourBtnRef$curre, _currHourBtnRef$curre2;
 
     if (isWithCalendarToo) prevMonthBtnRef === null || prevMonthBtnRef === void 0 ? void 0 : (_prevMonthBtnRef$curr = prevMonthBtnRef.current) === null || _prevMonthBtnRef$curr === void 0 ? void 0 : (_prevMonthBtnRef$curr2 = _prevMonthBtnRef$curr.focus) === null || _prevMonthBtnRef$curr2 === void 0 ? void 0 : _prevMonthBtnRef$curr2.call(_prevMonthBtnRef$curr);else currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre = currHourBtnRef.current) === null || _currHourBtnRef$curre === void 0 ? void 0 : (_currHourBtnRef$curre2 = _currHourBtnRef$curre.focus) === null || _currHourBtnRef$curre2 === void 0 ? void 0 : _currHourBtnRef$curre2.call(_currHourBtnRef$curre);
   }, [currHourBtnRef, isWithCalendarToo, prevMonthBtnRef]);
-  var onEndKeyDownInsideTimeWheel = React.useCallback(function () {
+  const onEndKeyDownInsideTimeWheel = React.useCallback(() => {
     var _currMeridiemBtnRef$c, _currMeridiemBtnRef$c2;
 
     currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c === void 0 ? void 0 : (_currMeridiemBtnRef$c2 = _currMeridiemBtnRef$c.focus) === null || _currMeridiemBtnRef$c2 === void 0 ? void 0 : _currMeridiemBtnRef$c2.call(_currMeridiemBtnRef$c);
   }, [currMeridiemBtnRef]);
-  var onHomeKeyDownTriggerIcon = React.useCallback(function () {
+  const onHomeKeyDownTriggerIcon = 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 if (!hideTime) 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, hideTime, monthInputRef, hourInputRef]);
-  var handlePickerIconKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndKeys.includes(key)) e.stopPropagation();
+  const handlePickerIconKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDownTriggerIcon();
 
     if (key === 'Backspace' && withAnyInputs) {
@@ -65,12 +67,14 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
       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, onHomeKeyDownTriggerIcon, withAnyInputs, yearInputRef]);
-  var handleCurrHourOnKeyDown = React.useCallback(function (e) {
-    var key = e.key,
-        shiftKey = e.shiftKey;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
-    var didTriggerHourChange = false;
+  const handleCurrHourOnKeyDown = React.useCallback(e => {
+    const {
+      key,
+      shiftKey
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+    let didTriggerHourChange = false;
 
     if (key === 'ArrowUp') {
       handlePrevHour(e);
@@ -91,7 +95,7 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel(); // ensure the focus is in the correct button after up/down arrow
 
-    if (didTriggerHourChange) setTimeout(function () {
+    if (didTriggerHourChange) setTimeout(() => {
       var _currHourBtnRef$curre3, _currHourBtnRef$curre4;
 
       return currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre3 = currHourBtnRef.current) === null || _currHourBtnRef$curre3 === void 0 ? void 0 : (_currHourBtnRef$curre4 = _currHourBtnRef$curre3.focus) === null || _currHourBtnRef$curre4 === void 0 ? void 0 : _currHourBtnRef$curre4.call(_currHourBtnRef$curre3);
@@ -104,11 +108,13 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
       currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c3 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c3 === void 0 ? void 0 : (_currMeridiemBtnRef$c4 = _currMeridiemBtnRef$c3.focus) === null || _currMeridiemBtnRef$c4 === void 0 ? void 0 : _currMeridiemBtnRef$c4.call(_currMeridiemBtnRef$c3);
     }
   }, [currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef, handleNextHour, handlePrevHour, isControllerOnly, isWithCalendarToo, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
-  var handleCurrMinutesOnKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
-    var didTriggerMinuteChange = false;
+  const handleCurrMinutesOnKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+    let didTriggerMinuteChange = false;
 
     if (key === 'ArrowUp') {
       handlePrevMinute(e);
@@ -135,18 +141,20 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel(); // ensure the focus is in the correct button after up/down arrow
 
-    if (didTriggerMinuteChange) setTimeout(function () {
+    if (didTriggerMinuteChange) setTimeout(() => {
       var _currMinutesBtnRef$cu3, _currMinutesBtnRef$cu4;
 
       return currMinutesBtnRef === null || currMinutesBtnRef === void 0 ? void 0 : (_currMinutesBtnRef$cu3 = currMinutesBtnRef.current) === null || _currMinutesBtnRef$cu3 === void 0 ? void 0 : (_currMinutesBtnRef$cu4 = _currMinutesBtnRef$cu3.focus) === null || _currMinutesBtnRef$cu4 === void 0 ? void 0 : _currMinutesBtnRef$cu4.call(_currMinutesBtnRef$cu3);
     });
   }, [onHomeKeyDownInsideTimeWheel, onEndKeyDownInsideTimeWheel, handlePrevMinute, handleNextMinute, currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef]);
-  var handleCurrMeridiemOnKeyDown = React.useCallback(function (e) {
-    var key = e.key,
-        shiftKey = e.shiftKey;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
-    var didTriggerMeridiemChange = false;
+  const handleCurrMeridiemOnKeyDown = React.useCallback(e => {
+    const {
+      key,
+      shiftKey
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+    let didTriggerMeridiemChange = false;
 
     if (key === 'ArrowUp') {
       handleTimeWheelBtnChangeMeridiem('AM', e);
@@ -168,7 +176,7 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel(); // ensure the focus is in the correct button after up/down arrow
 
-    if (didTriggerMeridiemChange) setTimeout(function () {
+    if (didTriggerMeridiemChange) setTimeout(() => {
       var _currMeridiemBtnRef$c7, _currMeridiemBtnRef$c8;
 
       return currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c7 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c7 === void 0 ? void 0 : (_currMeridiemBtnRef$c8 = _currMeridiemBtnRef$c7.focus) === null || _currMeridiemBtnRef$c8 === void 0 ? void 0 : _currMeridiemBtnRef$c8.call(_currMeridiemBtnRef$c7);
@@ -181,10 +189,12 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
       if (isWithCalendarToo) prevMonthBtnRef === null || prevMonthBtnRef === void 0 ? void 0 : (_prevMonthBtnRef$curr3 = prevMonthBtnRef.current) === null || _prevMonthBtnRef$curr3 === void 0 ? void 0 : (_prevMonthBtnRef$curr4 = _prevMonthBtnRef$curr3.focus) === null || _prevMonthBtnRef$curr4 === void 0 ? void 0 : _prevMonthBtnRef$curr4.call(_prevMonthBtnRef$curr3);else currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre7 = currHourBtnRef.current) === null || _currHourBtnRef$curre7 === void 0 ? void 0 : (_currHourBtnRef$curre8 = _currHourBtnRef$curre7.focus) === null || _currHourBtnRef$curre8 === void 0 ? void 0 : _currHourBtnRef$curre8.call(_currHourBtnRef$curre7);
     }
   }, [currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef, handleTimeWheelBtnChangeMeridiem, isControllerOnly, isWithCalendarToo, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMonthBtnRef]);
-  var handlePrevHourBtnOnKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+  const handlePrevHourBtnOnKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
 
     if (key === 'ArrowRight') {
       var _prevMinutesBtnRef$cu, _prevMinutesBtnRef$cu2;
@@ -201,10 +211,12 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel();
   }, [currHourBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef]);
-  var handlePrevMinuteBtnOnKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+  const handlePrevMinuteBtnOnKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
 
     if (key === 'ArrowRight') {
       var _prevMeridiemBtnRef$c, _prevMeridiemBtnRef$c2;
@@ -228,10 +240,12 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel();
   }, [currMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevHourBtnRef, prevMeridiemBtnRef]);
-  var handlePrevMeridiemBtnOnKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+  const handlePrevMeridiemBtnOnKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
 
     if (key === 'ArrowLeft') {
       var _prevMinutesBtnRef$cu3, _prevMinutesBtnRef$cu4;
@@ -248,10 +262,12 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel();
   }, [currMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef]);
-  var handleNextHourBtnOnKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+  const handleNextHourBtnOnKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
 
     if (key === 'ArrowRight') {
       var _nextMinutesBtnRef$cu, _nextMinutesBtnRef$cu2;
@@ -268,10 +284,12 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel();
   }, [currHourBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
-  var handleNextMinuteBtnOnKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+  const handleNextMinuteBtnOnKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
 
     if (key === 'ArrowRight') {
       var _nextMeridiemBtnRef$c, _nextMeridiemBtnRef$c2;
@@ -294,10 +312,12 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel();
   }, [currMinutesBtnRef, nextHourBtnRef, nextMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
-  var handleNextMeridiemBtnOnKeyDown = React.useCallback(function (e) {
-    var key = e.key;
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
+  const handleNextMeridiemBtnOnKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
 
     if (key === 'ArrowLeft') {
       var _nextMinutesBtnRef$cu3, _nextMinutesBtnRef$cu4;
@@ -314,21 +334,18 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
     if (key === 'Home') onHomeKeyDownInsideTimeWheel();
     if (key === 'End') onEndKeyDownInsideTimeWheel();
   }, [currMeridiemBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
-  return React.useMemo(function () {
-    return {
-      handlePrevHourBtnOnKeyDown: handlePrevHourBtnOnKeyDown,
-      handleCurrHourOnKeyDown: handleCurrHourOnKeyDown,
-      handleNextHourBtnOnKeyDown: handleNextHourBtnOnKeyDown,
-      handlePrevMinuteBtnOnKeyDown: handlePrevMinuteBtnOnKeyDown,
-      handleCurrMinutesOnKeyDown: handleCurrMinutesOnKeyDown,
-      handleNextMinuteBtnOnKeyDown: handleNextMinuteBtnOnKeyDown,
-      handlePrevMeridiemBtnOnKeyDown: handlePrevMeridiemBtnOnKeyDown,
-      handleCurrMeridiemOnKeyDown: handleCurrMeridiemOnKeyDown,
-      handleNextMeridiemBtnOnKeyDown: handleNextMeridiemBtnOnKeyDown,
-      handlePickerIconKeyDown: handlePickerIconKeyDown
-    };
-  }, [handleCurrHourOnKeyDown, handleCurrMeridiemOnKeyDown, handleCurrMinutesOnKeyDown, handleNextHourBtnOnKeyDown, handleNextMeridiemBtnOnKeyDown, handleNextMinuteBtnOnKeyDown, handlePrevHourBtnOnKeyDown, handlePrevMeridiemBtnOnKeyDown, handlePrevMinuteBtnOnKeyDown, handlePickerIconKeyDown]);
+  return React.useMemo(() => ({
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown
+  }), [handleCurrHourOnKeyDown, handleCurrMeridiemOnKeyDown, handleCurrMinutesOnKeyDown, handleNextHourBtnOnKeyDown, handleNextMeridiemBtnOnKeyDown, handleNextMinuteBtnOnKeyDown, handlePrevHourBtnOnKeyDown, handlePrevMeridiemBtnOnKeyDown, handlePrevMinuteBtnOnKeyDown, handlePickerIconKeyDown]);
 };
 
 exports.useKeyboardHandlers = useKeyboardHandlers;
-//# sourceMappingURL=useKeyboardHandlers.js.map