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

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js

@@ -1,111 +1,96 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var dateHelpers = require('../../../utils/dateHelpers.js');
-var useGetStartingFocusedDay = require('../../../utils/hooks/useGetStartingFocusedDay.js');
-
-// eslint-disable-next-line max-params
-const loopWhileWaiting = function (cb) {
-  let shortcircuit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => false;
-  let timePerTry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
-  let maxTries = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 5;
+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 useFocusLogic_exports = {};
+__export(useFocusLogic_exports, {
+  useFocusLogic: () => useFocusLogic
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_dateHelpers = require("../../../utils/dateHelpers");
+var import_useGetStartingFocusedDay = require("../../../utils/hooks/useGetStartingFocusedDay");
+const loopWhileWaiting = (cb, shortcircuit = () => false, timePerTry = 100, maxTries = 5) => {
   let ab = maxTries;
   const inter = setInterval(() => {
     cb();
-    if (shortcircuit() || ab === 0) clearInterval(inter);
+    if (shortcircuit() || ab === 0)
+      clearInterval(inter);
     ab -= 1;
   }, timePerTry);
 };
-
-const useFocusLogic = _ref => {
-  let {
-    daysArray,
-    showCalendar
-  } = _ref;
-  const {
-    calendarDaysWrapperRef
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const {
-    startFocusedDate
-  } = useGetStartingFocusedDay.useGetStartingFocusedDay();
-  const [metadayToFocus, setMetadayToFocus] = React.useState(daysArray.find(_ref2 => {
-    let {
-      day: currDay
-    } = _ref2;
-    return dateHelpers.compareTwoDatesDayEquality(currDay, startFocusedDate);
-  })); // this is required because we have to focus based on the inputs values too,
-  // useGetStartingFocusedDay does this already,
-  // this "useMemo" is here just to trigger it functionally by changing the metadayToFocus state
-  // which is required for arrow key navigation in the calendar
-
-  const focusedDay = React.useMemo(() => {
-    const newFocusedDay = metadayToFocus ? daysArray.find(_ref3 => {
-      let {
-        day: currDay
-      } = _ref3;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, metadayToFocus.day);
-    }) : daysArray.find(_ref4 => {
-      let {
-        day: currDay
-      } = _ref4;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, startFocusedDate);
-    });
+const useFocusLogic = ({ daysArray, showCalendar }) => {
+  const { calendarDaysWrapperRef } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const { startFocusedDate } = (0, import_useGetStartingFocusedDay.useGetStartingFocusedDay)();
+  const [metadayToFocus, setMetadayToFocus] = (0, import_react.useState)(daysArray.find(({ day: currDay }) => (0, import_dateHelpers.compareTwoDatesDayEquality)(currDay, startFocusedDate)));
+  const focusedDay = (0, import_react.useMemo)(() => {
+    const newFocusedDay = metadayToFocus ? daysArray.find(({ day: currDay }) => (0, import_dateHelpers.compareTwoDatesDayEquality)(currDay, metadayToFocus.day)) : daysArray.find(({ day: currDay }) => (0, import_dateHelpers.compareTwoDatesDayEquality)(currDay, startFocusedDate));
     return newFocusedDay;
   }, [daysArray, startFocusedDate, metadayToFocus]);
-  const tryToFocusCurrentlyDataIsFocusedDay = React.useCallback(function () {
-    let wrapperDOM = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (calendarDaysWrapperRef === null || calendarDaysWrapperRef === void 0 ? void 0 : calendarDaysWrapperRef.current) || document;
+  const tryToFocusCurrentlyDataIsFocusedDay = (0, import_react.useCallback)((wrapperDOM = calendarDaysWrapperRef?.current || document) => {
     let shortcircuit = false;
     loopWhileWaiting(() => {
-      const domElem = wrapperDOM === null || wrapperDOM === void 0 ? void 0 : wrapperDOM.querySelector('[data-isfocused="true"]');
-
+      const domElem = wrapperDOM?.querySelector('[data-isfocused="true"]');
       if (domElem) {
-        var _domElem$focus;
-
-        domElem === null || domElem === void 0 ? void 0 : (_domElem$focus = domElem.focus) === null || _domElem$focus === void 0 ? void 0 : _domElem$focus.call(domElem);
+        domElem?.focus?.();
         shortcircuit = true;
       }
     }, () => shortcircuit);
   }, [calendarDaysWrapperRef]);
-  React.useLayoutEffect(() => {
-    if (showCalendar) tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef === null || calendarDaysWrapperRef === void 0 ? void 0 : calendarDaysWrapperRef.current);
+  (0, import_react.useLayoutEffect)(() => {
+    if (showCalendar)
+      tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef?.current);
   }, [calendarDaysWrapperRef, focusedDay, showCalendar, tryToFocusCurrentlyDataIsFocusedDay]);
-  const handleFocusMetaDay = React.useCallback(metaDayToFocus => {
-    // if focusedDay is inside current daysArray we set Focused day
-    const newFocusedMetaDay = daysArray.find(_ref5 => {
-      let {
-        day: currDay
-      } = _ref5;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, metaDayToFocus.day);
-    });
-    if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);
+  const handleFocusMetaDay = (0, import_react.useCallback)((metaDayToFocus) => {
+    const newFocusedMetaDay = daysArray.find(({ day: currDay }) => (0, import_dateHelpers.compareTwoDatesDayEquality)(currDay, metaDayToFocus.day));
+    if (focusedDay !== newFocusedMetaDay)
+      setMetadayToFocus(newFocusedMetaDay);
   }, [daysArray, focusedDay]);
-  const handleFocusMetaDayByDay = React.useCallback(dayDate => {
-    // if focusedDay is inside current daysArray we set Focused day
-    const newFocusedMetaDay = daysArray.find(_ref6 => {
-      let {
-        day: currDay
-      } = _ref6;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, dayDate);
-    });
-    if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);
+  const handleFocusMetaDayByDay = (0, import_react.useCallback)((dayDate) => {
+    const newFocusedMetaDay = daysArray.find(({ day: currDay }) => (0, import_dateHelpers.compareTwoDatesDayEquality)(currDay, dayDate));
+    if (focusedDay !== newFocusedMetaDay)
+      setMetadayToFocus(newFocusedMetaDay);
   }, [daysArray, focusedDay]);
-  const resetFocusedDayToStartDate = React.useCallback(() => {
+  const resetFocusedDayToStartDate = (0, import_react.useCallback)(() => {
     setMetadayToFocus(null);
   }, []);
-  return React.useMemo(() => ({
+  return (0, import_react.useMemo)(() => ({
+    focusedDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    resetFocusedDayToStartDate,
+    handleFocusMetaDay,
+    handleFocusMetaDayByDay
+  }), [
     focusedDay,
     tryToFocusCurrentlyDataIsFocusedDay,
     resetFocusedDayToStartDate,
     handleFocusMetaDay,
     handleFocusMetaDayByDay
-  }), [focusedDay, tryToFocusCurrentlyDataIsFocusedDay, resetFocusedDayToStartDate, handleFocusMetaDay, handleFocusMetaDayByDay]);
+  ]);
 };
-
-exports.useFocusLogic = useFocusLogic;
+module.exports = __toCommonJS(useFocusLogic_exports);
+//# sourceMappingURL=useFocusLogic.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useState, useLayoutEffect, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { compareTwoDatesDayEquality } from '../../../utils/dateHelpers';\nimport { useGetStartingFocusedDay } from '../../../utils/hooks/useGetStartingFocusedDay';\nimport type { metaMonthDayT } from '../../../index.d';\nimport type { FocusLogicT } from './CalendarContext';\n\n// eslint-disable-next-line max-params\nconst loopWhileWaiting = (cb, shortcircuit = () => false, timePerTry = 100, maxTries = 5) => {\n  let ab = maxTries;\n  const inter = setInterval(() => {\n    cb();\n    if (shortcircuit() || ab === 0) clearInterval(inter);\n    ab -= 1;\n  }, timePerTry);\n};\n\ninterface useFocusLogicArgsT {\n  daysArray: metaMonthDayT[];\n  showCalendar: boolean;\n}\n\nexport const useFocusLogic = ({ daysArray, showCalendar }: useFocusLogicArgsT): FocusLogicT => {\n  const { calendarDaysWrapperRef } = useContext(ControlledDateTimePickerContext);\n  const { startFocusedDate } = useGetStartingFocusedDay();\n  const [metadayToFocus, setMetadayToFocus] = useState<metaMonthDayT>(\n    daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, startFocusedDate)),\n  );\n  // this is required because we have to focus based on the inputs values too,\n  // useGetStartingFocusedDay does this already,\n  // this \"useMemo\" is here just to trigger it functionally by changing the metadayToFocus state\n  // which is required for arrow key navigation in the calendar\n  const focusedDay = useMemo(() => {\n    const newFocusedDay = metadayToFocus\n      ? daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, metadayToFocus.day))\n      : daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, startFocusedDate));\n    return newFocusedDay;\n  }, [daysArray, startFocusedDate, metadayToFocus]);\n\n  const tryToFocusCurrentlyDataIsFocusedDay = useCallback(\n    (wrapperDOM: HTMLElement | Document = calendarDaysWrapperRef?.current || document) => {\n      let shortcircuit = false;\n      loopWhileWaiting(\n        () => {\n          const domElem = wrapperDOM?.querySelector<HTMLButtonElement>('[data-isfocused=\"true\"]');\n          if (domElem) {\n            domElem?.focus?.();\n            shortcircuit = true;\n          }\n        },\n        () => shortcircuit,\n      );\n    },\n    [calendarDaysWrapperRef],\n  );\n\n  useLayoutEffect(() => {\n    if (showCalendar) tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef?.current);\n  }, [calendarDaysWrapperRef, focusedDay, showCalendar, tryToFocusCurrentlyDataIsFocusedDay]);\n\n  const handleFocusMetaDay = useCallback(\n    (metaDayToFocus) => {\n      // if focusedDay is inside current daysArray we set Focused day\n      const newFocusedMetaDay = daysArray.find(({ day: currDay }) =>\n        compareTwoDatesDayEquality(currDay, metaDayToFocus.day),\n      );\n      if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);\n    },\n    [daysArray, focusedDay],\n  );\n\n  const handleFocusMetaDayByDay = useCallback(\n    (dayDate) => {\n      // if focusedDay is inside current daysArray we set Focused day\n      const newFocusedMetaDay = daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, dayDate));\n      if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);\n    },\n    [daysArray, focusedDay],\n  );\n\n  const resetFocusedDayToStartDate = useCallback(() => {\n    setMetadayToFocus(null);\n  }, []);\n\n  return useMemo(\n    () => ({\n      focusedDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      resetFocusedDayToStartDate,\n      handleFocusMetaDay,\n      handleFocusMetaDayByDay,\n    }),\n    [\n      focusedDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      resetFocusedDayToStartDate,\n      handleFocusMetaDay,\n      handleFocusMetaDayByDay,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAA4E;AAC5E,yCAAgD;AAChD,yBAA2C;AAC3C,sCAAyC;AAKzC,MAAM,mBAAmB,CAAC,IAAI,eAAe,MAAM,OAAO,aAAa,KAAK,WAAW,MAAM;AAC3F,MAAI,KAAK;AACT,QAAM,QAAQ,YAAY,MAAM;AAC9B;AACA,QAAI,kBAAkB,OAAO;AAAG,oBAAc;AAC9C,UAAM;AAAA,KACL;AAAA;AAQE,MAAM,gBAAgB,CAAC,EAAE,WAAW,mBAAoD;AAC7F,QAAM,EAAE,2BAA2B,6BAAW;AAC9C,QAAM,EAAE,qBAAqB;AAC7B,QAAM,CAAC,gBAAgB,qBAAqB,2BAC1C,UAAU,KAAK,CAAC,EAAE,KAAK,cAAc,mDAA2B,SAAS;AAM3E,QAAM,aAAa,0BAAQ,MAAM;AAC/B,UAAM,gBAAgB,iBAClB,UAAU,KAAK,CAAC,EAAE,KAAK,cAAc,mDAA2B,SAAS,eAAe,QACxF,UAAU,KAAK,CAAC,EAAE,KAAK,cAAc,mDAA2B,SAAS;AAC7E,WAAO;AAAA,KACN,CAAC,WAAW,kBAAkB;AAEjC,QAAM,sCAAsC,8BAC1C,CAAC,aAAqC,wBAAwB,WAAW,aAAa;AACpF,QAAI,eAAe;AACnB,qBACE,MAAM;AACJ,YAAM,UAAU,YAAY,cAAiC;AAC7D,UAAI,SAAS;AACX,iBAAS;AACT,uBAAe;AAAA;AAAA,OAGnB,MAAM;AAAA,KAGV,CAAC;AAGH,oCAAgB,MAAM;AACpB,QAAI;AAAc,0CAAoC,wBAAwB;AAAA,KAC7E,CAAC,wBAAwB,YAAY,cAAc;AAEtD,QAAM,qBAAqB,8BACzB,CAAC,mBAAmB;AAElB,UAAM,oBAAoB,UAAU,KAAK,CAAC,EAAE,KAAK,cAC/C,mDAA2B,SAAS,eAAe;AAErD,QAAI,eAAe;AAAmB,wBAAkB;AAAA,KAE1D,CAAC,WAAW;AAGd,QAAM,0BAA0B,8BAC9B,CAAC,YAAY;AAEX,UAAM,oBAAoB,UAAU,KAAK,CAAC,EAAE,KAAK,cAAc,mDAA2B,SAAS;AACnG,QAAI,eAAe;AAAmB,wBAAkB;AAAA,KAE1D,CAAC,WAAW;AAGd,QAAM,6BAA6B,8BAAY,MAAM;AACnD,sBAAkB;AAAA,KACjB;AAEH,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,25 +1,48 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var dateHelpers = require('../../../utils/dateHelpers.js');
-var constants = require('../../../utils/constants.js');
-
-const useKeyboardHandlers = _ref => {
-  let {
-    focusedDay,
-    daysArray,
-    handlePrevMonth,
-    handleNextMonth,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay,
-    tryToFocusCurrentlyDataIsFocusedDay
-  } = _ref;
+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 useKeyboardHandlers_exports = {};
+__export(useKeyboardHandlers_exports, {
+  useKeyboardHandlers: () => useKeyboardHandlers
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_dateHelpers = require("../../../utils/dateHelpers");
+var import_constants = require("../../../utils/constants");
+const useKeyboardHandlers = ({
+  focusedDay,
+  daysArray,
+  handlePrevMonth,
+  handleNextMonth,
+  handleFocusMetaDay,
+  handleFocusMetaDayByDay,
+  tryToFocusCurrentlyDataIsFocusedDay
+}) => {
   const {
     hideDate,
     hideTime,
@@ -38,227 +61,202 @@ const useKeyboardHandlers = _ref => {
     meridiemInputRef,
     isWithDateInputs,
     yearInputRef
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const tryToFocusDayRegion = React.useCallback(() => {
-    setLatestInteractionRegion('calendar-days');
-
+  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const tryToFocusDayRegion = (0, import_react.useCallback)(() => {
+    setLatestInteractionRegion("calendar-days");
     if (!focusedDay) {
-      const newFocusDay = daysArray.find(_ref2 => {
-        let {
-          isCurrMonthDay
-        } = _ref2;
-        return isCurrMonthDay;
-      });
-      if (newFocusDay) setTimeout(() => {
-        handleFocusMetaDay(newFocusDay);
-      });
+      const newFocusDay = daysArray.find(({ isCurrMonthDay }) => isCurrMonthDay);
+      if (newFocusDay)
+        setTimeout(() => {
+          handleFocusMetaDay(newFocusDay);
+        });
     } else {
       tryToFocusCurrentlyDataIsFocusedDay();
     }
   }, [daysArray, focusedDay, handleFocusMetaDay, setLatestInteractionRegion, tryToFocusCurrentlyDataIsFocusedDay]);
-  const onHomeKeyDownInsideCalendar = React.useCallback(() => {
-    var _prevMonthBtnRef$curr, _prevMonthBtnRef$curr2;
-
-    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);
+  const onHomeKeyDownInsideCalendar = (0, import_react.useCallback)(() => {
+    prevMonthBtnRef?.current?.focus?.();
   }, [prevMonthBtnRef]);
-  const onEndKeyDownInsideCalendar = React.useCallback(() => {
-    var _currMeridiemBtnRef$c, _currMeridiemBtnRef$c2;
-
-    if (isWithTimeWheelToo) 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);else tryToFocusDayRegion();
+  const onEndKeyDownInsideCalendar = (0, import_react.useCallback)(() => {
+    if (isWithTimeWheelToo)
+      currMeridiemBtnRef?.current?.focus?.();
+    else
+      tryToFocusDayRegion();
   }, [currMeridiemBtnRef, isWithTimeWheelToo, tryToFocusDayRegion]);
-  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);
+  const onHomeKeyDownTriggerIcon = (0, import_react.useCallback)(() => {
+    if (!hideDate)
+      monthInputRef?.current?.focus?.();
+    else if (!hideTime)
+      hourInputRef?.current?.focus?.();
   }, [hideDate, hideTime, monthInputRef, hourInputRef]);
-  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) {
-      var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
-
-      if (isWithTimeInputs) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else if (isWithDateInputs) yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
+  const handlePickerIconKeyDown = (0, import_react.useCallback)((e) => {
+    const { key } = e;
+    if (import_constants.homeEndKeys.includes(key))
+      e.preventDefault();
+    if (import_constants.homeEndKeys.includes(key))
+      e.stopPropagation();
+    if (key === "Home")
+      onHomeKeyDownTriggerIcon();
+    if (key === "Backspace" && withAnyInputs) {
+      if (isWithTimeInputs)
+        meridiemInputRef?.current?.focus?.();
+      else if (isWithDateInputs)
+        yearInputRef?.current?.focus?.();
     }
   }, [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onHomeKeyDownTriggerIcon, withAnyInputs, yearInputRef]);
-  const handleDayOnKeyDown = React.useCallback((e, metaDay) => {
+  const handleDayOnKeyDown = (0, import_react.useCallback)((e, metaDay) => {
     let newFocusedDayDate;
-    const {
-      day
-    } = metaDay;
-    const {
-      key,
-      shiftKey
-    } = e;
-    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
-    if (key === 'ArrowUp') newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-      daysToSum: -7
-    });
-    if (key === 'ArrowDown') newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-      daysToSum: 7
-    });
-
-    if (key === 'ArrowLeft') {
-      newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-        daysToSum: -1
-      });
-
+    const { day } = metaDay;
+    const { key, shiftKey } = e;
+    if (import_constants.homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (import_constants.homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowUp")
+      newFocusedDayDate = (0, import_dateHelpers.sumValuesToDate)(day, { daysToSum: -7 });
+    if (key === "ArrowDown")
+      newFocusedDayDate = (0, import_dateHelpers.sumValuesToDate)(day, { daysToSum: 7 });
+    if (key === "ArrowLeft") {
+      newFocusedDayDate = (0, import_dateHelpers.sumValuesToDate)(day, { daysToSum: -1 });
       if (metaDay === daysArray[1]) {
         handlePrevMonth();
       }
     }
-
-    if (key === 'ArrowRight') {
-      newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-        daysToSum: 1
-      });
-
+    if (key === "ArrowRight") {
+      newFocusedDayDate = (0, import_dateHelpers.sumValuesToDate)(day, { daysToSum: 1 });
       if (metaDay === daysArray[daysArray.length - 2]) {
         handleNextMonth();
       }
     }
-
     if (newFocusedDayDate) {
       handleFocusMetaDayByDay(newFocusedDayDate);
       setTimeout(tryToFocusCurrentlyDataIsFocusedDay);
     }
-
-    if (key === 'Home') onHomeKeyDownInsideCalendar();
-    if (key === 'End') onEndKeyDownInsideCalendar(); // TAB CYCLE IMPLEMENTATION
-
-    if (key === 'Tab' && !shiftKey && isControllerOnly === false && !isWithTimeWheelToo) {
-      var _prevMonthBtnRef$curr3, _prevMonthBtnRef$curr4;
-
-      // MUST prevent default since this is a custom focus switch
-      // NOT preventing the default event will cause unexpected result
+    if (key === "Home")
+      onHomeKeyDownInsideCalendar();
+    if (key === "End")
+      onEndKeyDownInsideCalendar();
+    if (key === "Tab" && !shiftKey && isControllerOnly === false && !isWithTimeWheelToo) {
       e.preventDefault();
-      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);
+      prevMonthBtnRef?.current?.focus?.();
     }
-  }, [daysArray, handleFocusMetaDayByDay, handleNextMonth, handlePrevMonth, isControllerOnly, isWithTimeWheelToo, onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, prevMonthBtnRef, tryToFocusCurrentlyDataIsFocusedDay]);
-  const handlePrevYearKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  }, [
+    daysArray,
+    handleFocusMetaDayByDay,
+    handleNextMonth,
+    handlePrevMonth,
+    isControllerOnly,
+    isWithTimeWheelToo,
+    onEndKeyDownInsideCalendar,
+    onHomeKeyDownInsideCalendar,
+    prevMonthBtnRef,
+    tryToFocusCurrentlyDataIsFocusedDay
+  ]);
+  const handlePrevYearKeyDown = (0, import_react.useCallback)((e) => {
+    const { key, shiftKey } = e;
+    if (key === "Tab") {
       e.preventDefault();
-
       if (shiftKey) {
         nextMonthBtnRef.current.focus();
       } else {
         nextYearBtnRef.current.focus();
       }
     }
-
-    if (key === 'Home') {
+    if (key === "Home") {
       onHomeKeyDownInsideCalendar();
       e.preventDefault();
     }
-
-    if (key === 'End') {
+    if (key === "End") {
       onEndKeyDownInsideCalendar();
       e.preventDefault();
     }
   }, [nextMonthBtnRef, nextYearBtnRef, onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar]);
-  const handlePrevMonthKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  const handlePrevMonthKeyDown = (0, import_react.useCallback)((e) => {
+    const { key, shiftKey } = e;
+    if (key === "Tab") {
       if (shiftKey) {
-        // TAB CYCLE IMPLEMENTATION
         if (!isControllerOnly) {
-          var _currMeridiemBtnRef$c3, _currMeridiemBtnRef$c4;
-
           e.preventDefault();
-          if (isWithTimeWheelToo) 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);else tryToFocusDayRegion();
+          if (isWithTimeWheelToo)
+            currMeridiemBtnRef?.current?.focus?.();
+          else
+            tryToFocusDayRegion();
         }
       } else {
         e.preventDefault();
         nextMonthBtnRef.current.focus();
       }
     }
-
-    if (key === 'Home') {
+    if (key === "Home") {
       onHomeKeyDownInsideCalendar();
       e.preventDefault();
     }
-
-    if (key === 'End') {
+    if (key === "End") {
       onEndKeyDownInsideCalendar();
       e.preventDefault();
     }
-  }, [currMeridiemBtnRef, isControllerOnly, isWithTimeWheelToo, nextMonthBtnRef, onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, tryToFocusDayRegion]);
-  const handleNextMonthKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  }, [
+    currMeridiemBtnRef,
+    isControllerOnly,
+    isWithTimeWheelToo,
+    nextMonthBtnRef,
+    onEndKeyDownInsideCalendar,
+    onHomeKeyDownInsideCalendar,
+    tryToFocusDayRegion
+  ]);
+  const handleNextMonthKeyDown = (0, import_react.useCallback)((e) => {
+    const { key, shiftKey } = e;
+    if (key === "Tab") {
       e.preventDefault();
-
       if (shiftKey) {
         prevMonthBtnRef.current.focus();
       } else {
         prevYearBtnRef.current.focus();
       }
     }
-
-    if (key === 'Home') {
+    if (key === "Home") {
       onHomeKeyDownInsideCalendar();
       e.preventDefault();
     }
-
-    if (key === 'End') {
+    if (key === "End") {
       onEndKeyDownInsideCalendar();
       e.preventDefault();
     }
   }, [onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, prevMonthBtnRef, prevYearBtnRef]);
-  const handleNextYearKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  const handleNextYearKeyDown = (0, import_react.useCallback)((e) => {
+    const { key, shiftKey } = e;
+    if (key === "Tab") {
       e.preventDefault();
-
       if (shiftKey) {
-        var _prevYearBtnRef$curre, _prevYearBtnRef$curre2;
-
-        prevYearBtnRef === null || prevYearBtnRef === void 0 ? void 0 : (_prevYearBtnRef$curre = prevYearBtnRef.current) === null || _prevYearBtnRef$curre === void 0 ? void 0 : (_prevYearBtnRef$curre2 = _prevYearBtnRef$curre.focus) === null || _prevYearBtnRef$curre2 === void 0 ? void 0 : _prevYearBtnRef$curre2.call(_prevYearBtnRef$curre);
+        prevYearBtnRef?.current?.focus?.();
       }
-
-      if (!shiftKey) tryToFocusDayRegion();
+      if (!shiftKey)
+        tryToFocusDayRegion();
     }
-
-    if (key === 'Home') {
+    if (key === "Home") {
       onHomeKeyDownInsideCalendar();
       e.preventDefault();
     }
-
-    if (key === 'End') {
+    if (key === "End") {
       onEndKeyDownInsideCalendar();
       e.preventDefault();
     }
   }, [tryToFocusDayRegion, prevYearBtnRef, onHomeKeyDownInsideCalendar, onEndKeyDownInsideCalendar]);
-  return React.useMemo(() => ({
+  return (0, import_react.useMemo)(() => ({
+    handleDayOnKeyDown,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    handlePickerIconKeyDown
+  }), [
     handleDayOnKeyDown,
     handlePrevYearKeyDown,
     handlePrevMonthKeyDown,
     handleNextMonthKeyDown,
     handleNextYearKeyDown,
     handlePickerIconKeyDown
-  }), [handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown]);
+  ]);
 };
-
-exports.useKeyboardHandlers = useKeyboardHandlers;
+module.exports = __toCommonJS(useKeyboardHandlers_exports);
+//# sourceMappingURL=useKeyboardHandlers.js.map