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

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

@@ -1,21 +1,17 @@
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import { useContext, useCallback, useMemo } from 'react';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { sumValuesToDate } from '../../../utils/dateHelpers.js';
-import { homeEndKeys, homeEndAllArrowKeys } from '../../../utils/constants.js';
-
-const useKeyboardHandlers = _ref => {
-  let {
-    focusedDay,
-    daysArray,
-    handlePrevMonth,
-    handleNextMonth,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay,
-    tryToFocusCurrentlyDataIsFocusedDay
-  } = _ref;
+import * as React from "react";
+import { useMemo, useContext, useCallback } from "react";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { sumValuesToDate } from "../../../utils/dateHelpers";
+import { homeEndAllArrowKeys, homeEndKeys } from "../../../utils/constants";
+const useKeyboardHandlers = ({
+  focusedDay,
+  daysArray,
+  handlePrevMonth,
+  handleNextMonth,
+  handleFocusMetaDay,
+  handleFocusMetaDayByDay,
+  tryToFocusCurrentlyDataIsFocusedDay
+}) => {
   const {
     hideDate,
     hideTime,
@@ -36,213 +32,181 @@ const useKeyboardHandlers = _ref => {
     yearInputRef
   } = useContext(ControlledDateTimePickerContext);
   const tryToFocusDayRegion = useCallback(() => {
-    setLatestInteractionRegion('calendar-days');
-
+    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 = 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);
+    prevMonthBtnRef?.current?.focus?.();
   }, [prevMonthBtnRef]);
   const onEndKeyDownInsideCalendar = 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();
+    if (isWithTimeWheelToo)
+      currMeridiemBtnRef?.current?.focus?.();
+    else
+      tryToFocusDayRegion();
   }, [currMeridiemBtnRef, isWithTimeWheelToo, tryToFocusDayRegion]);
   const onHomeKeyDownTriggerIcon = 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);
+    if (!hideDate)
+      monthInputRef?.current?.focus?.();
+    else if (!hideTime)
+      hourInputRef?.current?.focus?.();
   }, [hideDate, hideTime, monthInputRef, hourInputRef]);
-  const handlePickerIconKeyDown = useCallback(e => {
-    const {
-      key
-    } = e;
-    if (homeEndKeys.includes(key)) e.preventDefault();
-    if (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 = useCallback((e) => {
+    const { key } = e;
+    if (homeEndKeys.includes(key))
+      e.preventDefault();
+    if (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 = useCallback((e, metaDay) => {
     let newFocusedDayDate;
-    const {
-      day
-    } = metaDay;
-    const {
-      key,
-      shiftKey
-    } = e;
-    if (homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (homeEndAllArrowKeys.includes(key)) e.stopPropagation();
-    if (key === 'ArrowUp') newFocusedDayDate = sumValuesToDate(day, {
-      daysToSum: -7
-    });
-    if (key === 'ArrowDown') newFocusedDayDate = sumValuesToDate(day, {
-      daysToSum: 7
-    });
-
-    if (key === 'ArrowLeft') {
-      newFocusedDayDate = sumValuesToDate(day, {
-        daysToSum: -1
-      });
-
+    const { day } = metaDay;
+    const { key, shiftKey } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowUp")
+      newFocusedDayDate = sumValuesToDate(day, { daysToSum: -7 });
+    if (key === "ArrowDown")
+      newFocusedDayDate = sumValuesToDate(day, { daysToSum: 7 });
+    if (key === "ArrowLeft") {
+      newFocusedDayDate = sumValuesToDate(day, { daysToSum: -1 });
       if (metaDay === daysArray[1]) {
         handlePrevMonth();
       }
     }
-
-    if (key === 'ArrowRight') {
-      newFocusedDayDate = sumValuesToDate(day, {
-        daysToSum: 1
-      });
-
+    if (key === "ArrowRight") {
+      newFocusedDayDate = 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 = useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  }, [
+    daysArray,
+    handleFocusMetaDayByDay,
+    handleNextMonth,
+    handlePrevMonth,
+    isControllerOnly,
+    isWithTimeWheelToo,
+    onEndKeyDownInsideCalendar,
+    onHomeKeyDownInsideCalendar,
+    prevMonthBtnRef,
+    tryToFocusCurrentlyDataIsFocusedDay
+  ]);
+  const handlePrevYearKeyDown = 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 = useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  const handlePrevMonthKeyDown = 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 = useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  }, [
+    currMeridiemBtnRef,
+    isControllerOnly,
+    isWithTimeWheelToo,
+    nextMonthBtnRef,
+    onEndKeyDownInsideCalendar,
+    onHomeKeyDownInsideCalendar,
+    tryToFocusDayRegion
+  ]);
+  const handleNextMonthKeyDown = 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 = useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
+  const handleNextYearKeyDown = 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();
     }
@@ -254,7 +218,16 @@ const useKeyboardHandlers = _ref => {
     handleNextMonthKeyDown,
     handleNextYearKeyDown,
     handlePickerIconKeyDown
-  }), [handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown]);
+  }), [
+    handleDayOnKeyDown,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    handlePickerIconKeyDown
+  ]);
+};
+export {
+  useKeyboardHandlers
 };
-
-export { useKeyboardHandlers };
+//# sourceMappingURL=useKeyboardHandlers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useContext, useCallback } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { sumValuesToDate } from '../../../utils/dateHelpers';\nimport type { metaMonthDayT, onKeyDownT } from '../../../index.d';\nimport type { handleDayOnKeyDownT, KeyboardHandlersT, HeaderButtonsRefsT } from './CalendarContext';\nimport { homeEndAllArrowKeys, homeEndKeys } from '../../../utils/constants';\n\ninterface useKeyboardHandlersArgsT extends Partial<HeaderButtonsRefsT> {\n  focusedDay: metaMonthDayT;\n  daysArray: metaMonthDayT[];\n  handlePrevMonth: () => void;\n  handleNextMonth: () => void;\n  handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;\n  handleFocusMetaDayByDay: (dayToFocus: Date) => void;\n  tryToFocusCurrentlyDataIsFocusedDay: () => void;\n}\n\nexport const useKeyboardHandlers = ({\n  focusedDay,\n  daysArray,\n  handlePrevMonth,\n  handleNextMonth,\n  handleFocusMetaDay,\n  handleFocusMetaDayByDay,\n  tryToFocusCurrentlyDataIsFocusedDay,\n}: useKeyboardHandlersArgsT): KeyboardHandlersT => {\n  const {\n    hideDate,\n    hideTime,\n    monthInputRef,\n    hourInputRef,\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\n    currMeridiemBtnRef,\n    isControllerOnly,\n    isWithTimeWheelToo,\n    setLatestInteractionRegion,\n    withAnyInputs,\n    isWithTimeInputs,\n    meridiemInputRef,\n    isWithDateInputs,\n    yearInputRef,\n  } = useContext(ControlledDateTimePickerContext);\n  const tryToFocusDayRegion = useCallback(() => {\n    setLatestInteractionRegion('calendar-days');\n    if (!focusedDay) {\n      const newFocusDay = daysArray.find(({ isCurrMonthDay }) => isCurrMonthDay);\n      if (newFocusDay)\n        setTimeout(() => {\n          handleFocusMetaDay(newFocusDay);\n        });\n    } else {\n      tryToFocusCurrentlyDataIsFocusedDay();\n    }\n  }, [daysArray, focusedDay, handleFocusMetaDay, setLatestInteractionRegion, tryToFocusCurrentlyDataIsFocusedDay]);\n\n  const onHomeKeyDownInsideCalendar = useCallback(() => {\n    prevMonthBtnRef?.current?.focus?.();\n  }, [prevMonthBtnRef]);\n  const onEndKeyDownInsideCalendar = useCallback(() => {\n    if (isWithTimeWheelToo) currMeridiemBtnRef?.current?.focus?.();\n    else tryToFocusDayRegion();\n  }, [currMeridiemBtnRef, isWithTimeWheelToo, tryToFocusDayRegion]);\n\n  const onHomeKeyDownTriggerIcon = useCallback(() => {\n    if (!hideDate) monthInputRef?.current?.focus?.();\n    else if (!hideTime) hourInputRef?.current?.focus?.();\n  }, [hideDate, hideTime, monthInputRef, hourInputRef]);\n  const handlePickerIconKeyDown: onKeyDownT<HTMLButtonElement> = useCallback(\n    (e) => {\n      const { key } = e;\n      if (homeEndKeys.includes(key)) e.preventDefault();\n      if (homeEndKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDownTriggerIcon();\n      if (key === 'Backspace' && withAnyInputs) {\n        if (isWithTimeInputs) meridiemInputRef?.current?.focus?.();\n        else if (isWithDateInputs) yearInputRef?.current?.focus?.();\n      }\n    },\n    [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onHomeKeyDownTriggerIcon, withAnyInputs, yearInputRef],\n  );\n\n  const handleDayOnKeyDown: handleDayOnKeyDownT = useCallback(\n    (e, metaDay) => {\n      let newFocusedDayDate;\n      const { day } = metaDay;\n      const { key, shiftKey } = e;\n      if (homeEndAllArrowKeys.includes(key)) e.preventDefault();\n      if (homeEndAllArrowKeys.includes(key)) e.stopPropagation();\n\n      if (key === 'ArrowUp') newFocusedDayDate = sumValuesToDate(day, { daysToSum: -7 });\n      if (key === 'ArrowDown') newFocusedDayDate = sumValuesToDate(day, { daysToSum: 7 });\n      if (key === 'ArrowLeft') {\n        newFocusedDayDate = sumValuesToDate(day, { daysToSum: -1 });\n        if (metaDay === daysArray[1]) {\n          handlePrevMonth();\n        }\n      }\n      if (key === 'ArrowRight') {\n        newFocusedDayDate = sumValuesToDate(day, { daysToSum: 1 });\n        if (metaDay === daysArray[daysArray.length - 2]) {\n          handleNextMonth();\n        }\n      }\n      if (newFocusedDayDate) {\n        handleFocusMetaDayByDay(newFocusedDayDate);\n        setTimeout(tryToFocusCurrentlyDataIsFocusedDay);\n      }\n      if (key === 'Home') onHomeKeyDownInsideCalendar();\n      if (key === 'End') onEndKeyDownInsideCalendar();\n      // TAB CYCLE IMPLEMENTATION\n      if (key === 'Tab' && !shiftKey && isControllerOnly === false && !isWithTimeWheelToo) {\n        // MUST prevent default since this is a custom focus switch\n        // NOT preventing the default event will cause unexpected result\n        e.preventDefault();\n        prevMonthBtnRef?.current?.focus?.();\n      }\n    },\n    [\n      daysArray,\n      handleFocusMetaDayByDay,\n      handleNextMonth,\n      handlePrevMonth,\n      isControllerOnly,\n      isWithTimeWheelToo,\n      onEndKeyDownInsideCalendar,\n      onHomeKeyDownInsideCalendar,\n      prevMonthBtnRef,\n      tryToFocusCurrentlyDataIsFocusedDay,\n    ],\n  );\n  const handlePrevYearKeyDown = useCallback(\n    (e) => {\n      const { key, shiftKey } = e;\n      if (key === 'Tab') {\n        e.preventDefault();\n        if (shiftKey) {\n          nextMonthBtnRef.current.focus();\n        } else {\n          nextYearBtnRef.current.focus();\n        }\n      }\n      if (key === 'Home') {\n        onHomeKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n      if (key === 'End') {\n        onEndKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n    },\n    [nextMonthBtnRef, nextYearBtnRef, onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar],\n  );\n  const handlePrevMonthKeyDown = useCallback(\n    (e) => {\n      const { key, shiftKey } = e;\n      if (key === 'Tab') {\n        if (shiftKey) {\n          // TAB CYCLE IMPLEMENTATION\n          if (!isControllerOnly) {\n            e.preventDefault();\n            if (isWithTimeWheelToo) currMeridiemBtnRef?.current?.focus?.();\n            else tryToFocusDayRegion();\n          }\n        } else {\n          e.preventDefault();\n          nextMonthBtnRef.current.focus();\n        }\n      }\n      if (key === 'Home') {\n        onHomeKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n      if (key === 'End') {\n        onEndKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n    },\n    [\n      currMeridiemBtnRef,\n      isControllerOnly,\n      isWithTimeWheelToo,\n      nextMonthBtnRef,\n      onEndKeyDownInsideCalendar,\n      onHomeKeyDownInsideCalendar,\n      tryToFocusDayRegion,\n    ],\n  );\n  const handleNextMonthKeyDown = useCallback(\n    (e) => {\n      const { key, shiftKey } = e;\n      if (key === 'Tab') {\n        e.preventDefault();\n        if (shiftKey) {\n          prevMonthBtnRef.current.focus();\n        } else {\n          prevYearBtnRef.current.focus();\n        }\n      }\n      if (key === 'Home') {\n        onHomeKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n      if (key === 'End') {\n        onEndKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n    },\n    [onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, prevMonthBtnRef, prevYearBtnRef],\n  );\n  const handleNextYearKeyDown = useCallback(\n    (e) => {\n      const { key, shiftKey } = e;\n      if (key === 'Tab') {\n        e.preventDefault();\n        if (shiftKey) {\n          prevYearBtnRef?.current?.focus?.();\n        }\n        if (!shiftKey) tryToFocusDayRegion();\n      }\n      if (key === 'Home') {\n        onHomeKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n      if (key === 'End') {\n        onEndKeyDownInsideCalendar();\n        e.preventDefault();\n      }\n    },\n    [tryToFocusDayRegion, prevYearBtnRef, onHomeKeyDownInsideCalendar, onEndKeyDownInsideCalendar],\n  );\n\n  return useMemo(\n    () => ({\n      handleDayOnKeyDown,\n      handlePrevYearKeyDown,\n      handlePrevMonthKeyDown,\n      handleNextMonthKeyDown,\n      handleNextYearKeyDown,\n      handlePickerIconKeyDown,\n    }),\n    [\n      handleDayOnKeyDown,\n      handlePrevYearKeyDown,\n      handlePrevMonthKeyDown,\n      handleNextMonthKeyDown,\n      handleNextYearKeyDown,\n      handlePickerIconKeyDown,\n    ],\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js

@@ -1,22 +1,17 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useContext, useState, useCallback, useMemo } from 'react';
-import { usePopper } from 'react-popper';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside.js';
-
-const usePopperTriggerLogic = _ref => {
-  let {
-    focusedDay,
-    resetFocusedDayToStartDate,
-    showCalendar,
-    setShowCalendar,
-    tryToFocusCurrentlyDataIsFocusedDay
-  } = _ref;
+import * as React from "react";
+import { useMemo, useCallback, useState, useContext } from "react";
+import { usePopper } from "react-popper";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { useOnClickOutside } from "../../../utils/hooks/useOnClickOutside";
+const usePopperTriggerLogic = ({
+  focusedDay,
+  resetFocusedDayToStartDate,
+  showCalendar,
+  setShowCalendar,
+  tryToFocusCurrentlyDataIsFocusedDay
+}) => {
   const {
-    props: {
-      onPickerOpen,
-      onPickerClose
-    },
+    props: { onPickerOpen, onPickerClose },
     prevMonthBtnRef,
     pickerButtonRef
   } = useContext(ControlledDateTimePickerContext);
@@ -24,63 +19,47 @@ const usePopperTriggerLogic = _ref => {
   const [popperElement, setPopperElement] = useState(null);
   const [arrowElement, setArrowElement] = useState(null);
   const usePopperHelpers = usePopper(referenceElement, popperElement, {
-    modifiers: [{
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }]
-  }); // onOpen we try to focus the day we should focus, if we should focus one
-
+    modifiers: [{ name: "arrow", options: { element: arrowElement } }]
+  });
   const handleOnPickerOpen = useCallback(() => {
     onPickerOpen();
     tryToFocusCurrentlyDataIsFocusedDay();
   }, [onPickerOpen, tryToFocusCurrentlyDataIsFocusedDay]);
   const openCalendar = useCallback(() => {
-    if (focusedDay) setTimeout(() => {
-      var _focusedDay$dayBtnRef, _focusedDay$dayBtnRef2, _focusedDay$dayBtnRef3;
-
-      return focusedDay === null || focusedDay === void 0 ? void 0 : (_focusedDay$dayBtnRef = focusedDay.dayBtnRef) === null || _focusedDay$dayBtnRef === void 0 ? void 0 : (_focusedDay$dayBtnRef2 = _focusedDay$dayBtnRef.current) === null || _focusedDay$dayBtnRef2 === void 0 ? void 0 : (_focusedDay$dayBtnRef3 = _focusedDay$dayBtnRef2.focus) === null || _focusedDay$dayBtnRef3 === void 0 ? void 0 : _focusedDay$dayBtnRef3.call(_focusedDay$dayBtnRef2);
-    }, 100);else setTimeout(() => {
-      var _prevMonthBtnRef$curr, _prevMonthBtnRef$curr2;
-
-      return 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);
-    }, 100);
+    if (focusedDay)
+      setTimeout(() => focusedDay?.dayBtnRef?.current?.focus?.(), 100);
+    else
+      setTimeout(() => prevMonthBtnRef?.current?.focus?.(), 100);
     setShowCalendar(true);
     handleOnPickerOpen();
   }, [focusedDay, handleOnPickerOpen, prevMonthBtnRef, setShowCalendar]);
   const closeCalendar = useCallback(() => {
-    var _pickerButtonRef$curr, _pickerButtonRef$curr2;
-
     setShowCalendar(false);
     onPickerClose();
     resetFocusedDayToStartDate();
-    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);
+    pickerButtonRef?.current?.focus?.();
   }, [setShowCalendar, onPickerClose, resetFocusedDayToStartDate, pickerButtonRef]);
   const handleToggleCalendar = useCallback(() => {
     const isOpening = !showCalendar;
-    if (isOpening) openCalendar();else closeCalendar();
+    if (isOpening)
+      openCalendar();
+    else
+      closeCalendar();
   }, [closeCalendar, openCalendar, showCalendar]);
-  const handleSetTriggerRef = useCallback(newRef => {
+  const handleSetTriggerRef = useCallback((newRef) => {
     pickerButtonRef.current = newRef;
     setReferenceElement(newRef);
   }, [pickerButtonRef]);
-  const handleMenuWrapperKeyDown = useCallback(e => {
-    const {
-      key
-    } = e;
-
-    if (key === 'Escape') {
-      var _pickerButtonRef$curr3, _pickerButtonRef$curr4;
-
+  const handleMenuWrapperKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (key === "Escape") {
       closeCalendar();
-      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);
+      pickerButtonRef?.current?.focus?.();
     }
   }, [closeCalendar, pickerButtonRef]);
-  useOnClickOutside(popperElement, e => {
-    var _pickerButtonRef$curr5, _pickerButtonRef$curr6;
-
-    if (!(pickerButtonRef !== null && pickerButtonRef !== void 0 && (_pickerButtonRef$curr5 = pickerButtonRef.current) !== null && _pickerButtonRef$curr5 !== void 0 && (_pickerButtonRef$curr6 = _pickerButtonRef$curr5.contains) !== null && _pickerButtonRef$curr6 !== void 0 && _pickerButtonRef$curr6.call(_pickerButtonRef$curr5, e === null || e === void 0 ? void 0 : e.target))) closeCalendar();
+  useOnClickOutside(popperElement, (e) => {
+    if (!pickerButtonRef?.current?.contains?.(e?.target))
+      closeCalendar();
   });
   return useMemo(() => ({
     closeCalendar,
@@ -92,5 +71,7 @@ const usePopperTriggerLogic = _ref => {
     handleMenuWrapperKeyDown
   }), [closeCalendar, handleMenuWrapperKeyDown, handleSetTriggerRef, handleToggleCalendar, usePopperHelpers]);
 };
-
-export { usePopperTriggerLogic };
+export {
+  usePopperTriggerLogic
+};
+//# sourceMappingURL=usePopperTriggerLogic.js.map

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useState, useContext } from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { metaMonthDayT } from '../../../index.d';\nimport type { PopperTriggerLogicT } from './CalendarContext';\n\ninterface usePopperTriggerLogicT {\n  tryToFocusCurrentlyDataIsFocusedDay: () => void;\n  resetFocusedDayToStartDate: () => void;\n  focusedDay: metaMonthDayT;\n  showCalendar: boolean;\n  setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n}\nexport const usePopperTriggerLogic = ({\n  focusedDay,\n  resetFocusedDayToStartDate,\n  showCalendar,\n  setShowCalendar,\n  tryToFocusCurrentlyDataIsFocusedDay,\n}: usePopperTriggerLogicT): PopperTriggerLogicT => {\n  const {\n    props: { onPickerOpen, onPickerClose },\n    prevMonthBtnRef,\n    pickerButtonRef,\n  } = useContext(ControlledDateTimePickerContext);\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n  const usePopperHelpers = usePopper(referenceElement, popperElement, {\n    modifiers: [{ name: 'arrow', options: { element: arrowElement } }],\n  });\n  // onOpen we try to focus the day we should focus, if we should focus one\n  const handleOnPickerOpen = useCallback(() => {\n    onPickerOpen();\n    tryToFocusCurrentlyDataIsFocusedDay();\n  }, [onPickerOpen, tryToFocusCurrentlyDataIsFocusedDay]);\n  const openCalendar = useCallback(() => {\n    if (focusedDay) setTimeout(() => focusedDay?.dayBtnRef?.current?.focus?.(), 100);\n    else setTimeout(() => prevMonthBtnRef?.current?.focus?.(), 100);\n    setShowCalendar(true);\n    handleOnPickerOpen();\n  }, [focusedDay, handleOnPickerOpen, prevMonthBtnRef, setShowCalendar]);\n\n  const closeCalendar = useCallback(() => {\n    setShowCalendar(false);\n    onPickerClose();\n    resetFocusedDayToStartDate();\n    pickerButtonRef?.current?.focus?.();\n  }, [setShowCalendar, onPickerClose, resetFocusedDayToStartDate, pickerButtonRef]);\n\n  const handleToggleCalendar = useCallback(() => {\n    const isOpening = !showCalendar;\n    if (isOpening) openCalendar();\n    else closeCalendar();\n  }, [closeCalendar, openCalendar, showCalendar]);\n\n  const handleSetTriggerRef = useCallback(\n    (newRef) => {\n      pickerButtonRef.current = newRef;\n      setReferenceElement(newRef);\n    },\n    [pickerButtonRef],\n  );\n  const handleMenuWrapperKeyDown = useCallback(\n    (e) => {\n      const { key } = e;\n      if (key === 'Escape') {\n        closeCalendar();\n        pickerButtonRef?.current?.focus?.();\n      }\n    },\n    [closeCalendar, pickerButtonRef],\n  );\n  useOnClickOutside(popperElement, (e) => {\n    if (!pickerButtonRef?.current?.contains?.(e?.target)) closeCalendar();\n  });\n\n  return useMemo(\n    () => ({\n      closeCalendar,\n      handleSetTriggerRef,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleCalendar,\n      handleMenuWrapperKeyDown,\n    }),\n    [closeCalendar, handleMenuWrapperKeyDown, handleSetTriggerRef, handleToggleCalendar, usePopperHelpers],\n  );\n};\n"],
+  "mappings": "AAAA;ACGA;AACA;AAEA;AACA;AAWO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiD;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,cAAc;AAAA,IACvB;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,CAAC,kBAAkB,uBAAuB,SAAS;AACzD,QAAM,CAAC,eAAe,oBAAoB,SAAS;AACnD,QAAM,CAAC,cAAc,mBAAmB,SAAS;AACjD,QAAM,mBAAmB,UAAU,kBAAkB,eAAe;AAAA,IAClE,WAAW,CAAC,EAAE,MAAM,SAAS,SAAS,EAAE,SAAS;AAAA;AAGnD,QAAM,qBAAqB,YAAY,MAAM;AAC3C;AACA;AAAA,KACC,CAAC,cAAc;AAClB,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI;AAAY,iBAAW,MAAM,YAAY,WAAW,SAAS,WAAW;AAAA;AACvE,iBAAW,MAAM,iBAAiB,SAAS,WAAW;AAC3D,oBAAgB;AAChB;AAAA,KACC,CAAC,YAAY,oBAAoB,iBAAiB;AAErD,QAAM,gBAAgB,YAAY,MAAM;AACtC,oBAAgB;AAChB;AACA;AACA,qBAAiB,SAAS;AAAA,KACzB,CAAC,iBAAiB,eAAe,4BAA4B;AAEhE,QAAM,uBAAuB,YAAY,MAAM;AAC7C,UAAM,YAAY,CAAC;AACnB,QAAI;AAAW;AAAA;AACV;AAAA,KACJ,CAAC,eAAe,cAAc;AAEjC,QAAM,sBAAsB,YAC1B,CAAC,WAAW;AACV,oBAAgB,UAAU;AAC1B,wBAAoB;AAAA,KAEtB,CAAC;AAEH,QAAM,2BAA2B,YAC/B,CAAC,MAAM;AACL,UAAM,EAAE,QAAQ;AAChB,QAAI,QAAQ,UAAU;AACpB;AACA,uBAAiB,SAAS;AAAA;AAAA,KAG9B,CAAC,eAAe;AAElB,oBAAkB,eAAe,CAAC,MAAM;AACtC,QAAI,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAS;AAAA;AAGxD,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,eAAe,0BAA0B,qBAAqB,sBAAsB;AAAA;",
+  "names": []
+}

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js

@@ -1,28 +1,21 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { CalendarWithTimeWheelIconTrigger } from './CalendarWithTimeWheelIconTrigger.js';
-import { CalendarWithTimeWheelWrapper } from './CalendarWithTimeWheelWrapper.js';
-import { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext.js';
-import { useConfigCalendarWithTimeWheelCTX } from './useConfigCalendarWithTimeWheelCTX.js';
-import { WrapWithCalendarContext } from '../Calendar/Calendar.js';
-import { WrapWithTimeWheelContext } from '../TimeWheel/TimeWheel.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
+import * as React from "react";
+import React2 from "react";
+import { CalendarWithTimeWheelIconTrigger } from "./CalendarWithTimeWheelIconTrigger";
+import { CalendarWithTimeWheelWrapper } from "./CalendarWithTimeWheelWrapper";
+import { CalendarWithTimeWheelContext } from "./CalendarWithTimeWheelContext";
+import { useConfigCalendarWithTimeWheelCTX } from "./useConfigCalendarWithTimeWheelCTX";
+import { WrapWithCalendarContext } from "../Calendar/Calendar";
+import { WrapWithTimeWheelContext } from "../TimeWheel/TimeWheel";
 const CalendarWithTimeWheel = WrapWithCalendarContext(WrapWithTimeWheelContext(() => {
   const ctx = useConfigCalendarWithTimeWheelCTX();
-  const {
-    showCalendarWithTimeWheel,
-    isControllerOnly,
-    handleMenuWrapperKeyDown
-  } = ctx;
-  return /*#__PURE__*/_jsx(CalendarWithTimeWheelContext.Provider, {
+  const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;
+  return /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelContext.Provider, {
     value: ctx
-  }, void 0, isControllerOnly ? null : _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheelIconTrigger, {})), isControllerOnly || showCalendarWithTimeWheel ? /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/_jsx("div", {
-      onKeyDown: handleMenuWrapperKeyDown
-    }, void 0, _CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx(CalendarWithTimeWheelWrapper, {})))
-  }) : null);
+  }, isControllerOnly ? null : /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelIconTrigger, null), isControllerOnly || showCalendarWithTimeWheel ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
+    onKeyDown: handleMenuWrapperKeyDown
+  }, /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelWrapper, null))) : null);
 }));
-
-export { CalendarWithTimeWheel };
+export {
+  CalendarWithTimeWheel
+};
+//# sourceMappingURL=CalendarWithTimeWheel.js.map

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React from 'react';\nimport { CalendarWithTimeWheelIconTrigger } from './CalendarWithTimeWheelIconTrigger';\nimport { CalendarWithTimeWheelWrapper } from './CalendarWithTimeWheelWrapper';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\nimport { useConfigCalendarWithTimeWheelCTX } from './useConfigCalendarWithTimeWheelCTX';\nimport { WrapWithCalendarContext } from '../Calendar/Calendar';\nimport { WrapWithTimeWheelContext } from '../TimeWheel/TimeWheel';\n\n// we must use the HoC for wrapping the context\n// or else useConfigCalendarWithTimeWheelCTX won't have access to the context functions\nexport const CalendarWithTimeWheel = WrapWithCalendarContext(\n  WrapWithTimeWheelContext((): JSX.Element => {\n    const ctx = useConfigCalendarWithTimeWheelCTX();\n    const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;\n\n    return (\n      <CalendarWithTimeWheelContext.Provider value={ctx}>\n        {isControllerOnly ? null : <CalendarWithTimeWheelIconTrigger />}\n        {isControllerOnly || showCalendarWithTimeWheel ? (\n          <>\n            {/* The <div> element is catching the \"ESC\" key to close the calendar, there is no valid aria role for this */}\n            {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n            {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n            <div onKeyDown={handleMenuWrapperKeyDown}>\n              <CalendarWithTimeWheelWrapper />\n            </div>\n          </>\n        ) : null}\n      </CalendarWithTimeWheelContext.Provider>\n    );\n  }),\n);\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAIO,MAAM,wBAAwB,wBACnC,yBAAyB,MAAmB;AAC1C,QAAM,MAAM;AACZ,QAAM,EAAE,2BAA2B,kBAAkB,6BAA6B;AAElF,SACE,qCAAC,6BAA6B,UAA9B;AAAA,IAAuC,OAAO;AAAA,KAC3C,mBAAmB,OAAO,qCAAC,kCAAD,OAC1B,oBAAoB,4BACnB,4DAIE,qCAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,qCAAC,8BAAD,UAGF;AAAA;",
+  "names": []
+}