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

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

@@ -1,52 +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 useConfigCalendarCTX_exports = {};
-__export(useConfigCalendarCTX_exports, {
-  useConfigCalendarCTX: () => useConfigCalendarCTX
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
-var import_useKeyboardHandlers = require("./useKeyboardHandlers");
-var import_useFocusLogic = require("./useFocusLogic");
-var import_usePopperTriggerLogic = require("./usePopperTriggerLogic");
-var import_useCurrentDisplayedMonthYearLogic = require("./useCurrentDisplayedMonthYearLogic");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var useKeyboardHandlers = require('./useKeyboardHandlers.js');
+var useFocusLogic = require('./useFocusLogic.js');
+var usePopperTriggerLogic = require('./usePopperTriggerLogic.js');
+var useCurrentDisplayedMonthYearLogic = require('./useCurrentDisplayedMonthYearLogic.js');
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function sliceIntoChunks(arr, chunkSize) {
   const res = [];
+
   for (let i = 0; i < arr.length; i += chunkSize) {
     const chunk = arr.slice(i, i + chunkSize);
     res.push(chunk);
   }
+
   return res;
 }
+
 const useConfigCalendarCTX = () => {
   const {
-    props: { disabled },
+    props: {
+      disabled
+    },
     prevYearBtnRef,
     prevMonthBtnRef,
     nextMonthBtnRef,
@@ -57,10 +37,22 @@ const useConfigCalendarCTX = () => {
     setLatestInteractionRegion,
     autoFocusPrevMonthArrow,
     ariaCurrentValueForInputs
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const [showCalendar, setShowCalendar] = (0, import_react.useState)(false);
-  const { currentMonth, currentYear, daysArray, handlePrevYear, handlePrevMonth, handleNextMonth, handleNextYear } = (0, import_useCurrentDisplayedMonthYearLogic.useCurrentDisplayedMonthYearLogic)();
-  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = (0, import_react.useMemo)(() => {
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const [showCalendar, setShowCalendar] = React.useState(false);
+  const {
+    currentMonth,
+    currentYear,
+    daysArray,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear
+  } = useCurrentDisplayedMonthYearLogic.useCurrentDisplayedMonthYearLogic();
+  const {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay
+  } = React.useMemo(() => {
     const [invisible1stDay, ...otherDays] = [...daysArray];
     const invisibleDayLast = otherDays.pop();
     return {
@@ -69,19 +61,19 @@ const useConfigCalendarCTX = () => {
       invisibleLastDay: invisibleDayLast
     };
   }, [daysArray]);
-  const setLatestInteractionRegionCalendarHead = (0, import_react.useCallback)(() => {
-    setLatestInteractionRegion("calendar-head");
+  const setLatestInteractionRegionCalendarHead = React.useCallback(() => {
+    setLatestInteractionRegion('calendar-head');
   }, [setLatestInteractionRegion]);
-  const onPrevYearFocus = (0, import_react.useCallback)(() => {
+  const onPrevYearFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  const onPrevMonthFocus = (0, import_react.useCallback)(() => {
+  const onPrevMonthFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  const onNextMonthFocus = (0, import_react.useCallback)(() => {
+  const onNextMonthFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  const onNextYearFocus = (0, import_react.useCallback)(() => {
+  const onNextYearFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
   const {
@@ -90,7 +82,10 @@ const useConfigCalendarCTX = () => {
     handleFocusMetaDay,
     handleFocusMetaDayByDay,
     resetFocusedDayToStartDate
-  } = (0, import_useFocusLogic.useFocusLogic)({ daysArray, showCalendar });
+  } = useFocusLogic.useFocusLogic({
+    daysArray,
+    showCalendar
+  });
   const {
     closeCalendar,
     handleSetTriggerRef,
@@ -99,7 +94,7 @@ const useConfigCalendarCTX = () => {
     usePopperHelpers,
     handleToggleCalendar,
     handleMenuWrapperKeyDown
-  } = (0, import_usePopperTriggerLogic.usePopperTriggerLogic)({
+  } = usePopperTriggerLogic.usePopperTriggerLogic({
     tryToFocusCurrentlyDataIsFocusedDay,
     resetFocusedDayToStartDate,
     focusedDay,
@@ -113,7 +108,7 @@ const useConfigCalendarCTX = () => {
     handleNextMonthKeyDown,
     handleNextYearKeyDown,
     handlePickerIconKeyDown
-  } = (0, import_useKeyboardHandlers.useKeyboardHandlers)({
+  } = useKeyboardHandlers.useKeyboardHandlers({
     focusedDay,
     daysArray,
     handlePrevMonth,
@@ -122,7 +117,7 @@ const useConfigCalendarCTX = () => {
     handleFocusMetaDayByDay,
     tryToFocusCurrentlyDataIsFocusedDay
   });
-  return (0, import_react.useMemo)(() => ({
+  return React.useMemo(() => ({
     showCalendar,
     setShowCalendar,
     closeCalendar,
@@ -167,51 +162,7 @@ const useConfigCalendarCTX = () => {
     autoFocusPrevMonthArrow,
     ariaCurrentValueForInputs,
     disabled
-  }), [
-    showCalendar,
-    closeCalendar,
-    setPopperElement,
-    setArrowElement,
-    usePopperHelpers,
-    handleToggleCalendar,
-    handleSetTriggerRef,
-    handleMenuWrapperKeyDown,
-    isControllerOnly,
-    calendarDaysWrapperRef,
-    prevYearBtnRef,
-    prevMonthBtnRef,
-    nextMonthBtnRef,
-    nextYearBtnRef,
-    currentMonth,
-    currentYear,
-    daysArray,
-    invisibleFirstDay,
-    daysMatrixByWeekday,
-    invisibleLastDay,
-    focusedDay,
-    tryToFocusCurrentlyDataIsFocusedDay,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay,
-    resetFocusedDayToStartDate,
-    handlePrevMonth,
-    handlePrevYear,
-    handleNextMonth,
-    handleNextYear,
-    handleDayOnKeyDown,
-    handlePrevYearKeyDown,
-    handlePrevMonthKeyDown,
-    handleNextMonthKeyDown,
-    handleNextYearKeyDown,
-    handlePickerIconKeyDown,
-    onPrevYearFocus,
-    onPrevMonthFocus,
-    onNextMonthFocus,
-    onNextYearFocus,
-    isWithTimeWheelToo,
-    autoFocusPrevMonthArrow,
-    ariaCurrentValueForInputs,
-    disabled
-  ]);
+  }), [showCalendar, closeCalendar, setPopperElement, setArrowElement, usePopperHelpers, handleToggleCalendar, handleSetTriggerRef, handleMenuWrapperKeyDown, isControllerOnly, calendarDaysWrapperRef, prevYearBtnRef, prevMonthBtnRef, nextMonthBtnRef, nextYearBtnRef, currentMonth, currentYear, daysArray, invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, focusedDay, tryToFocusCurrentlyDataIsFocusedDay, handleFocusMetaDay, handleFocusMetaDayByDay, resetFocusedDayToStartDate, handlePrevMonth, handlePrevYear, handleNextMonth, handleNextYear, handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown, onPrevYearFocus, onPrevMonthFocus, onNextMonthFocus, onNextYearFocus, isWithTimeWheelToo, autoFocusPrevMonthArrow, ariaCurrentValueForInputs, disabled]);
 };
-module.exports = __toCommonJS(useConfigCalendarCTX_exports);
-//# sourceMappingURL=useConfigCalendarCTX.js.map
+
+exports.useConfigCalendarCTX = useConfigCalendarCTX;

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

@@ -1,95 +1,104 @@
-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 useCurrentDisplayedMonthYearLogic_exports = {};
-__export(useCurrentDisplayedMonthYearLogic_exports, {
-  useCurrentDisplayedMonthYearLogic: () => useCurrentDisplayedMonthYearLogic
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_useGetMonthYearFromDateStringOrEmptyStartingMonth = require("../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth");
-var import_dateHelpers = require("../../../utils/dateHelpers");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var useGetMonthYearFromDateStringOrEmptyStartingMonth = require('../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
+var dateHelpers = require('../../../utils/dateHelpers.js');
+
 const useCurrentDisplayedMonthYearLogic = () => {
-  const { month: monthFromDateString, year: yearFromDateString } = (0, import_useGetMonthYearFromDateStringOrEmptyStartingMonth.useGetMonthYearFromDateStringOrEmptyStartingMonth)();
-  (0, import_react.useEffect)(() => {
+  const {
+    month: monthFromDateString,
+    year: yearFromDateString
+  } = useGetMonthYearFromDateStringOrEmptyStartingMonth.useGetMonthYearFromDateStringOrEmptyStartingMonth(); // side-effects are really really controlled in this case so use-effect should be fine
+  // don't add 200 side-effects to those or else Chaos would hunt us for the years to come
+
+  React.useEffect(() => {
     setCurrentMonth(monthFromDateString);
   }, [monthFromDateString]);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     setCurrentYear(yearFromDateString);
   }, [yearFromDateString]);
-  const [currentMonth, setCurrentMonth] = (0, import_react.useState)(monthFromDateString);
-  const [currentYear, setCurrentYear] = (0, import_react.useState)(yearFromDateString);
-  const daysArray = (0, import_react.useMemo)(() => {
-    const newDaysArray = (0, import_dateHelpers.getFiveBySevenCurrentMonthDaysMatrix)(currentMonth, currentYear);
-    const hiddenPrevDay = (0, import_dateHelpers.sumValuesToDate)(newDaysArray[0].day, {
+  const [currentMonth, setCurrentMonth] = React.useState(monthFromDateString);
+  const [currentYear, setCurrentYear] = React.useState(yearFromDateString);
+  const daysArray = React.useMemo(() => {
+    const newDaysArray = dateHelpers.getFiveBySevenCurrentMonthDaysMatrix(currentMonth, currentYear);
+    const hiddenPrevDay = dateHelpers.sumValuesToDate(newDaysArray[0].day, {
       daysToSum: -1
     });
     const hiddenPrevMetaday = {
       day: hiddenPrevDay,
-      dayAsString: (0, import_dateHelpers.getDateStringFromDay)(hiddenPrevDay),
+      dayAsString: dateHelpers.getDateStringFromDay(hiddenPrevDay),
       isPrevMonthDay: true,
       isNextMonthDay: false,
       isCurrMonthDay: false,
-      dayBtnRef: (0, import_react.createRef)(),
+      dayBtnRef: /*#__PURE__*/React.createRef(),
       isHidden: true
     };
-    const hiddenNextDay = (0, import_dateHelpers.sumValuesToDate)(newDaysArray[newDaysArray.length - 1].day, {
+    const hiddenNextDay = dateHelpers.sumValuesToDate(newDaysArray[newDaysArray.length - 1].day, {
       daysToSum: 1
     });
     const hiddenNextMetaday = {
       day: hiddenNextDay,
-      dayAsString: (0, import_dateHelpers.getDateStringFromDay)(hiddenNextDay),
+      dayAsString: dateHelpers.getDateStringFromDay(hiddenNextDay),
       isPrevMonthDay: false,
       isNextMonthDay: true,
       isCurrMonthDay: false,
-      dayBtnRef: (0, import_react.createRef)(),
+      dayBtnRef: /*#__PURE__*/React.createRef(),
       isHidden: true
     };
     return [hiddenPrevMetaday, ...newDaysArray, hiddenNextMetaday];
   }, [currentMonth, currentYear]);
-  const handlePrevYear = (0, import_react.useCallback)(() => {
-    const { year: newYear } = (0, import_dateHelpers.sumFromDateValues)({ month: currentMonth, year: currentYear }, { yearsToSum: -1 });
+  const handlePrevYear = React.useCallback(() => {
+    const {
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
+      month: currentMonth,
+      year: currentYear
+    }, {
+      yearsToSum: -1
+    });
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  const handlePrevMonth = (0, import_react.useCallback)(() => {
-    const { month: newMonth, year: newYear } = (0, import_dateHelpers.sumFromDateValues)({ month: currentMonth, year: currentYear }, { monthsToSum: -1 });
+  const handlePrevMonth = React.useCallback(() => {
+    const {
+      month: newMonth,
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
+      month: currentMonth,
+      year: currentYear
+    }, {
+      monthsToSum: -1
+    });
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  const handleNextMonth = (0, import_react.useCallback)(() => {
-    const { month: newMonth, year: newYear } = (0, import_dateHelpers.sumFromDateValues)({ month: currentMonth, year: currentYear }, { monthsToSum: 1 });
+  const handleNextMonth = React.useCallback(() => {
+    const {
+      month: newMonth,
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
+      month: currentMonth,
+      year: currentYear
+    }, {
+      monthsToSum: 1
+    });
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  const handleNextYear = (0, import_react.useCallback)(() => {
-    const { year: newYear } = (0, import_dateHelpers.sumFromDateValues)({ month: currentMonth, year: currentYear }, { yearsToSum: 1 });
+  const handleNextYear = React.useCallback(() => {
+    const {
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
+      month: currentMonth,
+      year: currentYear
+    }, {
+      yearsToSum: 1
+    });
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  return (0, import_react.useMemo)(() => ({
+  return React.useMemo(() => ({
     currentMonth,
     currentYear,
     daysArray,
@@ -99,5 +108,5 @@ const useCurrentDisplayedMonthYearLogic = () => {
     handleNextYear
   }), [currentMonth, currentYear, daysArray, handleNextMonth, handleNextYear, handlePrevMonth, handlePrevYear]);
 };
-module.exports = __toCommonJS(useCurrentDisplayedMonthYearLogic_exports);
-//# sourceMappingURL=useCurrentDisplayedMonthYearLogic.js.map
+
+exports.useCurrentDisplayedMonthYearLogic = useCurrentDisplayedMonthYearLogic;

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

@@ -1,96 +1,111 @@
-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) => {
+'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;
   let ab = maxTries;
   const inter = setInterval(() => {
     cb();
-    if (shortcircuit() || ab === 0)
-      clearInterval(inter);
+    if (shortcircuit() || ab === 0) clearInterval(inter);
     ab -= 1;
   }, timePerTry);
 };
-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));
+
+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);
+    });
     return newFocusedDay;
   }, [daysArray, startFocusedDate, metadayToFocus]);
-  const tryToFocusCurrentlyDataIsFocusedDay = (0, import_react.useCallback)((wrapperDOM = calendarDaysWrapperRef?.current || document) => {
+  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;
     let shortcircuit = false;
     loopWhileWaiting(() => {
-      const domElem = wrapperDOM?.querySelector('[data-isfocused="true"]');
+      const domElem = wrapperDOM === null || wrapperDOM === void 0 ? void 0 : wrapperDOM.querySelector('[data-isfocused="true"]');
+
       if (domElem) {
-        domElem?.focus?.();
+        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);
         shortcircuit = true;
       }
     }, () => shortcircuit);
   }, [calendarDaysWrapperRef]);
-  (0, import_react.useLayoutEffect)(() => {
-    if (showCalendar)
-      tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef?.current);
+  React.useLayoutEffect(() => {
+    if (showCalendar) tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef === null || calendarDaysWrapperRef === void 0 ? void 0 : calendarDaysWrapperRef.current);
   }, [calendarDaysWrapperRef, focusedDay, showCalendar, tryToFocusCurrentlyDataIsFocusedDay]);
-  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);
+  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);
   }, [daysArray, focusedDay]);
-  const handleFocusMetaDayByDay = (0, import_react.useCallback)((dayDate) => {
-    const newFocusedMetaDay = daysArray.find(({ day: currDay }) => (0, import_dateHelpers.compareTwoDatesDayEquality)(currDay, dayDate));
-    if (focusedDay !== newFocusedMetaDay)
-      setMetadayToFocus(newFocusedMetaDay);
+  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);
   }, [daysArray, focusedDay]);
-  const resetFocusedDayToStartDate = (0, import_react.useCallback)(() => {
+  const resetFocusedDayToStartDate = React.useCallback(() => {
     setMetadayToFocus(null);
   }, []);
-  return (0, import_react.useMemo)(() => ({
-    focusedDay,
-    tryToFocusCurrentlyDataIsFocusedDay,
-    resetFocusedDayToStartDate,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay
-  }), [
+  return React.useMemo(() => ({
     focusedDay,
     tryToFocusCurrentlyDataIsFocusedDay,
     resetFocusedDayToStartDate,
     handleFocusMetaDay,
     handleFocusMetaDayByDay
-  ]);
+  }), [focusedDay, tryToFocusCurrentlyDataIsFocusedDay, resetFocusedDayToStartDate, handleFocusMetaDay, handleFocusMetaDayByDay]);
 };
-module.exports = __toCommonJS(useFocusLogic_exports);
-//# sourceMappingURL=useFocusLogic.js.map
+
+exports.useFocusLogic = useFocusLogic;