@elliemae/ds-form-date-time-picker 3.4.3-rc.1 → 3.4.3

package/dist/cjs/parts/Pickers/Calendar/useKeyboardHandlers.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useKeyboardHandlers_exports = {};
 __export(useKeyboardHandlers_exports, {
@@ -74,178 +77,199 @@ const useKeyboardHandlers = ({
   const onHomeKeyDownTriggerIcon = (0, import_react.useCallback)(() => {
     trackFocusFirstSegment();
   }, [trackFocusFirstSegment]);
-  const handlePickerIconKeyDown = (0, import_react.useCallback)((e) => {
-    const { key } = e;
-    if (["Home", "End"].includes(key))
-      e.preventDefault();
-    if (["Home", "End"].includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDownTriggerIcon();
-    if (key === "Backspace" && withAnyInputs) {
-      if (isWithTimeInputs)
-        trackFocusMeridiemInput();
-      else if (isWithDateInputs)
-        trackFocusYearInput();
-    }
-  }, [
-    isWithDateInputs,
-    isWithTimeInputs,
-    onHomeKeyDownTriggerIcon,
-    trackFocusMeridiemInput,
-    trackFocusYearInput,
-    withAnyInputs
-  ]);
-  const handleDayOnKeyDown = (0, import_react.useCallback)((e, metaDay) => {
-    let newFocusedDayDate;
-    const { day } = metaDay;
-    const { key, shiftKey } = e;
-    if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
-      e.preventDefault();
-    if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].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();
+  const handlePickerIconKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key } = e;
+      if (["Home", "End"].includes(key))
+        e.preventDefault();
+      if (["Home", "End"].includes(key))
+        e.stopPropagation();
+      if (key === "Home")
+        onHomeKeyDownTriggerIcon();
+      if (key === "Backspace" && withAnyInputs) {
+        if (isWithTimeInputs)
+          trackFocusMeridiemInput();
+        else if (isWithDateInputs)
+          trackFocusYearInput();
       }
-    }
-    if (key === "ArrowRight") {
-      newFocusedDayDate = (0, import_dateHelpers.sumValuesToDate)(day, { daysToSum: 1 });
-      if (metaDay === daysArray[daysArray.length - 2]) {
-        handleNextMonth();
+    },
+    [
+      isWithDateInputs,
+      isWithTimeInputs,
+      onHomeKeyDownTriggerIcon,
+      trackFocusMeridiemInput,
+      trackFocusYearInput,
+      withAnyInputs
+    ]
+  );
+  const handleDayOnKeyDown = (0, import_react.useCallback)(
+    (e, metaDay) => {
+      let newFocusedDayDate;
+      const { day } = metaDay;
+      const { key, shiftKey } = e;
+      if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
+        e.preventDefault();
+      if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].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 (newFocusedDayDate) {
-      handleFocusMetaDayByDay(newFocusedDayDate);
-    }
-    if (key === "Home")
-      onHomeKeyDownInsideCalendar();
-    if (key === "End")
-      onEndKeyDownInsideCalendar();
-    if (key === "Tab" && !shiftKey && isControllerOnly === false && !isWithTimeWheelToo) {
-      e.preventDefault();
-      trackFocusCalendarPrevMonth();
-    }
-  }, [
-    daysArray,
-    handleFocusMetaDayByDay,
-    handleNextMonth,
-    handlePrevMonth,
-    isControllerOnly,
-    isWithTimeWheelToo,
-    onEndKeyDownInsideCalendar,
-    onHomeKeyDownInsideCalendar,
-    trackFocusCalendarPrevMonth
-  ]);
-  const handlePrevYearKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, shiftKey } = e;
-    if (key === "Tab") {
-      e.preventDefault();
-      if (shiftKey) {
-        trackFocusCalendarNextMonth();
-      } else {
-        trackFocusCalendarNextYear();
+      if (key === "ArrowRight") {
+        newFocusedDayDate = (0, import_dateHelpers.sumValuesToDate)(day, { daysToSum: 1 });
+        if (metaDay === daysArray[daysArray.length - 2]) {
+          handleNextMonth();
+        }
       }
-    }
-    if (key === "Home") {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-    if (key === "End") {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, trackFocusCalendarNextMonth, trackFocusCalendarNextYear]);
-  const handlePrevMonthKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, shiftKey } = e;
-    if (key === "Tab") {
-      if (shiftKey) {
-        if (!isControllerOnly) {
+      if (newFocusedDayDate) {
+        handleFocusMetaDayByDay(newFocusedDayDate);
+      }
+      if (key === "Home")
+        onHomeKeyDownInsideCalendar();
+      if (key === "End")
+        onEndKeyDownInsideCalendar();
+      if (key === "Tab" && !shiftKey && isControllerOnly === false && !isWithTimeWheelToo) {
+        e.preventDefault();
+        trackFocusCalendarPrevMonth();
+      }
+    },
+    [
+      daysArray,
+      handleFocusMetaDayByDay,
+      handleNextMonth,
+      handlePrevMonth,
+      isControllerOnly,
+      isWithTimeWheelToo,
+      onEndKeyDownInsideCalendar,
+      onHomeKeyDownInsideCalendar,
+      trackFocusCalendarPrevMonth
+    ]
+  );
+  const handlePrevYearKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key, shiftKey } = e;
+      if (key === "Tab") {
+        e.preventDefault();
+        if (shiftKey) {
+          trackFocusCalendarNextMonth();
+        } else {
+          trackFocusCalendarNextYear();
+        }
+      }
+      if (key === "Home") {
+        onHomeKeyDownInsideCalendar();
+        e.preventDefault();
+      }
+      if (key === "End") {
+        onEndKeyDownInsideCalendar();
+        e.preventDefault();
+      }
+    },
+    [onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, trackFocusCalendarNextMonth, trackFocusCalendarNextYear]
+  );
+  const handlePrevMonthKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key, shiftKey } = e;
+      if (key === "Tab") {
+        if (shiftKey) {
+          if (!isControllerOnly) {
+            e.preventDefault();
+            if (isWithTimeWheelToo)
+              trackFocusTimewheelCurrMeridiem();
+            else
+              tryToFocusDayRegion();
+          }
+        } else {
           e.preventDefault();
-          if (isWithTimeWheelToo)
-            trackFocusTimewheelCurrMeridiem();
-          else
-            tryToFocusDayRegion();
+          trackFocusCalendarNextMonth();
         }
-      } else {
+      }
+      if (key === "Home") {
+        onHomeKeyDownInsideCalendar();
         e.preventDefault();
-        trackFocusCalendarNextMonth();
       }
-    }
-    if (key === "Home") {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-    if (key === "End") {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [
-    isControllerOnly,
-    isWithTimeWheelToo,
-    onEndKeyDownInsideCalendar,
-    onHomeKeyDownInsideCalendar,
-    trackFocusCalendarNextMonth,
-    trackFocusTimewheelCurrMeridiem,
-    tryToFocusDayRegion
-  ]);
-  const handleNextMonthKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, shiftKey } = e;
-    if (key === "Tab") {
-      e.preventDefault();
-      if (shiftKey) {
-        trackFocusCalendarPrevMonth();
-      } else {
-        trackFocusCalendarPrevYear();
+      if (key === "End") {
+        onEndKeyDownInsideCalendar();
+        e.preventDefault();
       }
-    }
-    if (key === "Home") {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-    if (key === "End") {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, trackFocusCalendarPrevMonth, trackFocusCalendarPrevYear]);
-  const handleNextYearKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, shiftKey } = e;
-    if (key === "Tab") {
-      e.preventDefault();
-      if (shiftKey) {
-        trackFocusCalendarPrevYear();
-      }
-      if (!shiftKey)
-        tryToFocusDayRegion();
-    }
-    if (key === "Home") {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-    if (key === "End") {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [tryToFocusDayRegion, trackFocusCalendarPrevYear, onHomeKeyDownInsideCalendar, onEndKeyDownInsideCalendar]);
-  return (0, import_react.useMemo)(() => ({
-    handleDayOnKeyDown,
-    handlePrevYearKeyDown,
-    handlePrevMonthKeyDown,
-    handleNextMonthKeyDown,
-    handleNextYearKeyDown,
-    handlePickerIconKeyDown
-  }), [
-    handleDayOnKeyDown,
-    handlePrevYearKeyDown,
-    handlePrevMonthKeyDown,
-    handleNextMonthKeyDown,
-    handleNextYearKeyDown,
-    handlePickerIconKeyDown
-  ]);
+    },
+    [
+      isControllerOnly,
+      isWithTimeWheelToo,
+      onEndKeyDownInsideCalendar,
+      onHomeKeyDownInsideCalendar,
+      trackFocusCalendarNextMonth,
+      trackFocusTimewheelCurrMeridiem,
+      tryToFocusDayRegion
+    ]
+  );
+  const handleNextMonthKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key, shiftKey } = e;
+      if (key === "Tab") {
+        e.preventDefault();
+        if (shiftKey) {
+          trackFocusCalendarPrevMonth();
+        } else {
+          trackFocusCalendarPrevYear();
+        }
+      }
+      if (key === "Home") {
+        onHomeKeyDownInsideCalendar();
+        e.preventDefault();
+      }
+      if (key === "End") {
+        onEndKeyDownInsideCalendar();
+        e.preventDefault();
+      }
+    },
+    [onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, trackFocusCalendarPrevMonth, trackFocusCalendarPrevYear]
+  );
+  const handleNextYearKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key, shiftKey } = e;
+      if (key === "Tab") {
+        e.preventDefault();
+        if (shiftKey) {
+          trackFocusCalendarPrevYear();
+        }
+        if (!shiftKey)
+          tryToFocusDayRegion();
+      }
+      if (key === "Home") {
+        onHomeKeyDownInsideCalendar();
+        e.preventDefault();
+      }
+      if (key === "End") {
+        onEndKeyDownInsideCalendar();
+        e.preventDefault();
+      }
+    },
+    [tryToFocusDayRegion, trackFocusCalendarPrevYear, onHomeKeyDownInsideCalendar, onEndKeyDownInsideCalendar]
+  );
+  return (0, import_react.useMemo)(
+    () => ({
+      handleDayOnKeyDown,
+      handlePrevYearKeyDown,
+      handlePrevMonthKeyDown,
+      handleNextMonthKeyDown,
+      handleNextYearKeyDown,
+      handlePickerIconKeyDown
+    }),
+    [
+      handleDayOnKeyDown,
+      handlePrevYearKeyDown,
+      handlePrevMonthKeyDown,
+      handleNextMonthKeyDown,
+      handleNextYearKeyDown,
+      handlePickerIconKeyDown
+    ]
+  );
 };
 //# sourceMappingURL=useKeyboardHandlers.js.map

package/dist/cjs/parts/Pickers/Calendar/useKeyboardHandlers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/useKeyboardHandlers.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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 { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';\nimport { useFocusLogic } from './useFocusLogic';\nimport { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic';\n\ninterface UseKeyboardHandlersArgsT {\n  currentDisplayedMonthLogic: ReturnType<typeof useCurrentDisplayedMonthYearLogic>;\n  focusLogic: ReturnType<typeof useFocusLogic>;\n}\ntype HandleDayOnKeyDownT = (e: React.KeyboardEvent, day: DSControlledDateTimePickerInternalsT.MetaMonthDay) => void;\ninterface KeyboardHandlersT {\n  handleDayOnKeyDown: HandleDayOnKeyDownT;\n  handlePrevYearKeyDown: (e: React.KeyboardEvent) => void;\n  handlePrevMonthKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextMonthKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextYearKeyDown: (e: React.KeyboardEvent) => void;\n  handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport const useKeyboardHandlers = ({\n  currentDisplayedMonthLogic,\n  focusLogic,\n}: UseKeyboardHandlersArgsT): KeyboardHandlersT => {\n  const {\n    isControllerOnly,\n    isWithTimeWheelToo,\n    withAnyInputs,\n    isWithTimeInputs,\n    isWithDateInputs,\n    trackFocusFirstSegment,\n    trackFocusMeridiemInput,\n    trackFocusYearInput,\n    trackFocusCalendarPrevMonth,\n    trackFocusCalendarNextMonth,\n    trackFocusCalendarNextYear,\n    trackFocusCalendarPrevYear,\n    trackFocusTimewheelCurrMeridiem,\n    trackFocusCalendarMetafocusedDay,\n  } = useContext(ControlledDateTimePickerContext);\n  const {\n    focusedDay,\n    handleFocusMetaDay,\n    handleFocusMetaDayByDay,\n    //  tryToFocusCurrentlyDataIsFocusedDay\n  } = focusLogic;\n  const { daysArray, handlePrevMonth, handleNextMonth } = currentDisplayedMonthLogic;\n\n  const tryToFocusDayRegion = useCallback(() => {\n    if (!focusedDay) {\n      const newFocusDay = daysArray.find(({ isCurrMonthDay }) => isCurrMonthDay);\n      if (newFocusDay) handleFocusMetaDay(newFocusDay);\n    }\n    trackFocusCalendarMetafocusedDay();\n  }, [daysArray, focusedDay, handleFocusMetaDay, trackFocusCalendarMetafocusedDay]);\n\n  const onHomeKeyDownInsideCalendar = useCallback(() => {\n    trackFocusCalendarPrevMonth();\n  }, [trackFocusCalendarPrevMonth]);\n  const onEndKeyDownInsideCalendar = useCallback(() => {\n    if (isWithTimeWheelToo) trackFocusTimewheelCurrMeridiem();\n    else tryToFocusDayRegion();\n  }, [isWithTimeWheelToo, trackFocusTimewheelCurrMeridiem, tryToFocusDayRegion]);\n\n  const onHomeKeyDownTriggerIcon = useCallback(() => {\n    trackFocusFirstSegment();\n  }, [trackFocusFirstSegment]);\n  const handlePickerIconKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown<HTMLButtonElement> = useCallback(\n    (e) => {\n      const { key } = e;\n      if (['Home', 'End'].includes(key)) e.preventDefault();\n      if (['Home', 'End'].includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDownTriggerIcon();\n      if (key === 'Backspace' && withAnyInputs) {\n        if (isWithTimeInputs) trackFocusMeridiemInput();\n        else if (isWithDateInputs) trackFocusYearInput();\n      }\n    },\n    [\n      isWithDateInputs,\n      isWithTimeInputs,\n      onHomeKeyDownTriggerIcon,\n      trackFocusMeridiemInput,\n      trackFocusYearInput,\n      withAnyInputs,\n    ],\n  );\n\n  const handleDayOnKeyDown = useCallback(\n    (e: React.KeyboardEvent, metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay) => {\n      let newFocusedDayDate;\n      const { day } = metaDay;\n      const { key, shiftKey } = e;\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].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      }\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        trackFocusCalendarPrevMonth();\n      }\n    },\n    [\n      daysArray,\n      handleFocusMetaDayByDay,\n      handleNextMonth,\n      handlePrevMonth,\n      isControllerOnly,\n      isWithTimeWheelToo,\n      onEndKeyDownInsideCalendar,\n      onHomeKeyDownInsideCalendar,\n      trackFocusCalendarPrevMonth,\n    ],\n  );\n  const handlePrevYearKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key, shiftKey } = e;\n      if (key === 'Tab') {\n        e.preventDefault();\n        if (shiftKey) {\n          trackFocusCalendarNextMonth();\n        } else {\n          trackFocusCalendarNextYear();\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, trackFocusCalendarNextMonth, trackFocusCalendarNextYear],\n  );\n  const handlePrevMonthKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\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) trackFocusTimewheelCurrMeridiem();\n            else tryToFocusDayRegion();\n          }\n        } else {\n          e.preventDefault();\n          trackFocusCalendarNextMonth();\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      isControllerOnly,\n      isWithTimeWheelToo,\n      onEndKeyDownInsideCalendar,\n      onHomeKeyDownInsideCalendar,\n      trackFocusCalendarNextMonth,\n      trackFocusTimewheelCurrMeridiem,\n      tryToFocusDayRegion,\n    ],\n  );\n  const handleNextMonthKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key, shiftKey } = e;\n      if (key === 'Tab') {\n        e.preventDefault();\n        if (shiftKey) {\n          trackFocusCalendarPrevMonth();\n        } else {\n          trackFocusCalendarPrevYear();\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, trackFocusCalendarPrevMonth, trackFocusCalendarPrevYear],\n  );\n  const handleNextYearKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key, shiftKey } = e;\n      if (key === 'Tab') {\n        e.preventDefault();\n        if (shiftKey) {\n          trackFocusCalendarPrevYear();\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, trackFocusCalendarPrevYear, 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/usePopperTriggerLogic.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var usePopperTriggerLogic_exports = {};
 __export(usePopperTriggerLogic_exports, {
@@ -67,25 +70,34 @@ const usePopperTriggerLogic = ({
     else
       closeCalendar();
   }, [closeCalendar, openCalendar, showCalendar]);
-  const handleSetTriggerRef = (0, import_react.useCallback)((newRef) => {
-    pickerButtonRef.current = newRef;
-    setReferenceElement(newRef);
-    if (latestInteractionRegion === "picker-icon" && currFocusDescriber === "date-picker-icon")
-      newRef?.focus();
-  }, [currFocusDescriber, latestInteractionRegion, pickerButtonRef]);
-  const handleMenuWrapperKeyDown = (0, import_react.useCallback)((e) => {
-    const { key } = e;
-    if (key === "Escape") {
-      closeCalendar();
-      trackFocusPicker();
-    }
-  }, [closeCalendar, trackFocusPicker]);
-  return (0, import_react.useMemo)(() => ({
-    referenceElement,
-    closeCalendar,
-    handleSetTriggerRef,
-    handleToggleCalendar,
-    handleMenuWrapperKeyDown
-  }), [closeCalendar, handleMenuWrapperKeyDown, handleSetTriggerRef, handleToggleCalendar, referenceElement]);
+  const handleSetTriggerRef = (0, import_react.useCallback)(
+    (newRef) => {
+      pickerButtonRef.current = newRef;
+      setReferenceElement(newRef);
+      if (latestInteractionRegion === "picker-icon" && currFocusDescriber === "date-picker-icon")
+        newRef?.focus();
+    },
+    [currFocusDescriber, latestInteractionRegion, pickerButtonRef]
+  );
+  const handleMenuWrapperKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key } = e;
+      if (key === "Escape") {
+        closeCalendar();
+        trackFocusPicker();
+      }
+    },
+    [closeCalendar, trackFocusPicker]
+  );
+  return (0, import_react.useMemo)(
+    () => ({
+      referenceElement,
+      closeCalendar,
+      handleSetTriggerRef,
+      handleToggleCalendar,
+      handleMenuWrapperKeyDown
+    }),
+    [closeCalendar, handleMenuWrapperKeyDown, handleSetTriggerRef, handleToggleCalendar, referenceElement]
+  );
 };
 //# sourceMappingURL=usePopperTriggerLogic.js.map

package/dist/cjs/parts/Pickers/Calendar/usePopperTriggerLogic.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/usePopperTriggerLogic.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useState, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { useFocusLogic } from './useFocusLogic';\n\ninterface UsePopperTriggerLogic {\n  focusLogic: ReturnType<typeof useFocusLogic>;\n  showCalendar: boolean;\n  setShowCalendar: StateSetter<boolean>;\n}\ninterface PopperTriggerLogicT {\n  referenceElement: HTMLButtonElement | null;\n  closeCalendar: () => void;\n  handleToggleCalendar: () => void;\n  handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n  handleMenuWrapperKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\nexport const usePopperTriggerLogic = ({\n  focusLogic,\n  showCalendar,\n  setShowCalendar,\n}: UsePopperTriggerLogic): PopperTriggerLogicT => {\n  const { focusedDay, resetFocusedDayToStartDate } = focusLogic;\n  const {\n    props: { onPickerOpen, onPickerClose },\n    pickerButtonRef,\n    trackFocusCalendarMetafocusedDay,\n    trackFocusCalendarPrevMonth,\n    trackFocusPicker,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  // onOpen we try to focus the day we should focus, if we should focus one\n  const handleOnPickerOpen = useCallback(() => {\n    onPickerOpen();\n  }, [onPickerOpen]);\n  const openCalendar = useCallback(() => {\n    if (focusedDay) trackFocusCalendarMetafocusedDay();\n    else trackFocusCalendarPrevMonth();\n    setShowCalendar(true);\n    handleOnPickerOpen();\n  }, [focusedDay, handleOnPickerOpen, setShowCalendar, trackFocusCalendarMetafocusedDay, trackFocusCalendarPrevMonth]);\n\n  const closeCalendar = useCallback(() => {\n    setShowCalendar(false);\n    onPickerClose();\n    resetFocusedDayToStartDate();\n    trackFocusPicker();\n  }, [setShowCalendar, onPickerClose, resetFocusedDayToStartDate, trackFocusPicker]);\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: HTMLButtonElement) => {\n      pickerButtonRef.current = newRef;\n      setReferenceElement(newRef);\n      if (latestInteractionRegion === 'picker-icon' && currFocusDescriber === 'date-picker-icon') newRef?.focus();\n    },\n    [currFocusDescriber, latestInteractionRegion, pickerButtonRef],\n  );\n  const handleMenuWrapperKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      const { key } = e;\n      if (key === 'Escape') {\n        closeCalendar();\n        trackFocusPicker();\n      }\n    },\n    [closeCalendar, trackFocusPicker],\n  );\n\n  return useMemo(\n    () => ({\n      referenceElement,\n      closeCalendar,\n      handleSetTriggerRef,\n      handleToggleCalendar,\n      handleMenuWrapperKeyDown,\n    }),\n    [closeCalendar, handleMenuWrapperKeyDown, handleSetTriggerRef, handleToggleCalendar, referenceElement],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAkE;AAClE,yCAAgD;AAezC,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,MACgD;AAChD,QAAM,EAAE,YAAY,+BAA+B;AACnD,QAAM;AAAA,IACJ,OAAO,EAAE,cAAc;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW,kEAA+B;AAC9C,QAAM,CAAC,kBAAkB,uBAAuB,2BAAmC,IAAI;AAEvF,QAAM,qBAAqB,8BAAY,MAAM;AAC3C,iBAAa;AAAA,EACf,GAAG,CAAC,YAAY,CAAC;AACjB,QAAM,eAAe,8BAAY,MAAM;AACrC,QAAI;AAAY,uCAAiC;AAAA;AAC5C,kCAA4B;AACjC,oBAAgB,IAAI;AACpB,uBAAmB;AAAA,EACrB,GAAG,CAAC,YAAY,oBAAoB,iBAAiB,kCAAkC,2BAA2B,CAAC;AAEnH,QAAM,gBAAgB,8BAAY,MAAM;AACtC,oBAAgB,KAAK;AACrB,kBAAc;AACd,+BAA2B;AAC3B,qBAAiB;AAAA,EACnB,GAAG,CAAC,iBAAiB,eAAe,4BAA4B,gBAAgB,CAAC;AAEjF,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,UAAM,YAAY,CAAC;AACnB,QAAI;AAAW,mBAAa;AAAA;AACvB,oBAAc;AAAA,EACrB,GAAG,CAAC,eAAe,cAAc,YAAY,CAAC;AAE9C,QAAM,sBAAsB,8BAC1B,CAAC,WAA8B;AAC7B,oBAAgB,UAAU;AAC1B,wBAAoB,MAAM;AAC1B,QAAI,4BAA4B,iBAAiB,uBAAuB;AAAoB,cAAQ,MAAM;AAAA,EAC5G,GACA,CAAC,oBAAoB,yBAAyB,eAAe,CAC/D;AACA,QAAM,2BAA2B,8BAC/B,CAAC,MAAwC;AACvC,UAAM,EAAE,QAAQ;AAChB,QAAI,QAAQ,UAAU;AACpB,oBAAc;AACd,uBAAiB;AAAA,IACnB;AAAA,EACF,GACA,CAAC,eAAe,gBAAgB,CAClC;AAEA,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA,CAAC,eAAe,0BAA0B,qBAAqB,sBAAsB,gBAAgB,CACvG;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAkE;AAClE,yCAAgD;AAezC,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,MAAkD;AAChD,QAAM,EAAE,YAAY,2BAA2B,IAAI;AACnD,QAAM;AAAA,IACJ,OAAO,EAAE,cAAc,cAAc;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAmC,IAAI;AAEvF,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,iBAAa;AAAA,EACf,GAAG,CAAC,YAAY,CAAC;AACjB,QAAM,mBAAe,0BAAY,MAAM;AACrC,QAAI;AAAY,uCAAiC;AAAA;AAC5C,kCAA4B;AACjC,oBAAgB,IAAI;AACpB,uBAAmB;AAAA,EACrB,GAAG,CAAC,YAAY,oBAAoB,iBAAiB,kCAAkC,2BAA2B,CAAC;AAEnH,QAAM,oBAAgB,0BAAY,MAAM;AACtC,oBAAgB,KAAK;AACrB,kBAAc;AACd,+BAA2B;AAC3B,qBAAiB;AAAA,EACnB,GAAG,CAAC,iBAAiB,eAAe,4BAA4B,gBAAgB,CAAC;AAEjF,QAAM,2BAAuB,0BAAY,MAAM;AAC7C,UAAM,YAAY,CAAC;AACnB,QAAI;AAAW,mBAAa;AAAA;AACvB,oBAAc;AAAA,EACrB,GAAG,CAAC,eAAe,cAAc,YAAY,CAAC;AAE9C,QAAM,0BAAsB;AAAA,IAC1B,CAAC,WAA8B;AAC7B,sBAAgB,UAAU;AAC1B,0BAAoB,MAAM;AAC1B,UAAI,4BAA4B,iBAAiB,uBAAuB;AAAoB,gBAAQ,MAAM;AAAA,IAC5G;AAAA,IACA,CAAC,oBAAoB,yBAAyB,eAAe;AAAA,EAC/D;AACA,QAAM,+BAA2B;AAAA,IAC/B,CAAC,MAAwC;AACvC,YAAM,EAAE,IAAI,IAAI;AAChB,UAAI,QAAQ,UAAU;AACpB,sBAAc;AACd,yBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,eAAe,gBAAgB;AAAA,EAClC;AAEA,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,eAAe,0BAA0B,qBAAqB,sBAAsB,gBAAgB;AAAA,EACvG;AACF;",
   "names": []
 }

package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CalendarWithTimeWheel_exports = {};
 __export(CalendarWithTimeWheel_exports, {
@@ -25,7 +28,7 @@ __export(CalendarWithTimeWheel_exports, {
 });
 module.exports = __toCommonJS(CalendarWithTimeWheel_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_CalendarWithTimeWheelIconTrigger = require("./CalendarWithTimeWheelIconTrigger");
 var import_CalendarWithTimeWheelWrapper = require("./CalendarWithTimeWheelWrapper");
 var import_CalendarWithTimeWheelContext = require("./CalendarWithTimeWheelContext");
@@ -35,11 +38,22 @@ var import_TimeWheel = require("../TimeWheel/TimeWheel");
 const CalendarWithTimeWheelContent = () => {
   const ctx = (0, import_useConfigCalendarWithTimeWheelCTX.useConfigCalendarWithTimeWheelCTX)();
   const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;
-  return /* @__PURE__ */ import_react.default.createElement(import_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
-    value: ctx
-  }, isControllerOnly ? null : /* @__PURE__ */ import_react.default.createElement(import_CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, null), isControllerOnly || showCalendarWithTimeWheel ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /* @__PURE__ */ import_react.default.createElement(import_CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, null))) : null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
+    value: ctx,
+    children: [
+      isControllerOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, {}),
+      isControllerOnly || showCalendarWithTimeWheel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+          onKeyDown: handleMenuWrapperKeyDown,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, {})
+        })
+      }) : null
+    ]
+  });
 };
-const CalendarWithTimeWheel = () => /* @__PURE__ */ import_react.default.createElement(import_Calendar.WrappedCalendarContext, null, /* @__PURE__ */ import_react.default.createElement(import_TimeWheel.WrappedTimeWheelContext, null, /* @__PURE__ */ import_react.default.createElement(CalendarWithTimeWheelContent, null)));
+const CalendarWithTimeWheel = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Calendar.WrappedCalendarContext, {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheel.WrappedTimeWheelContext, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CalendarWithTimeWheelContent, {})
+  })
+});
 //# sourceMappingURL=CalendarWithTimeWheel.js.map

package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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 { WrappedCalendarContext } from '../Calendar/Calendar';\nimport { WrappedTimeWheelContext } from '../TimeWheel/TimeWheel';\n\nconst CalendarWithTimeWheelContent = () => {\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// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const CalendarWithTimeWheel = () => (\n  <WrappedCalendarContext>\n    <WrappedTimeWheelContext>\n      <CalendarWithTimeWheelContent />\n    </WrappedTimeWheelContext>\n  </WrappedCalendarContext>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,8CAAiD;AACjD,0CAA6C;AAC7C,0CAA6C;AAC7C,+CAAkD;AAClD,sBAAuC;AACvC,uBAAwC;AAExC,MAAM,+BAA+B,MAAM;AACzC,QAAM,MAAM,gFAAkC;AAC9C,QAAM,EAAE,2BAA2B,kBAAkB,6BAA6B;AAElF,SACE,mDAAC,iEAA6B,UAA7B;AAAA,IAAsC,OAAO;AAAA,KAC3C,mBAAmB,OAAO,mDAAC,8EAAiC,GAC5D,oBAAoB,4BACnB,wFAIE,mDAAC;AAAA,IAAI,WAAW;AAAA,KACd,mDAAC,sEAA6B,CAChC,CACF,IACE,IACN;AAEJ;AAGO,MAAM,wBAAwB,MACnC,mDAAC,8CACC,mDAAC,gDACC,mDAAC,kCAA6B,CAChC,CACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,8CAAiD;AACjD,0CAA6C;AAC7C,0CAA6C;AAC7C,+CAAkD;AAClD,sBAAuC;AACvC,uBAAwC;AAExC,MAAM,+BAA+B,MAAM;AACzC,QAAM,UAAM,4EAAkC;AAC9C,QAAM,EAAE,2BAA2B,kBAAkB,yBAAyB,IAAI;AAElF,SACE,6CAAC,iEAA6B,UAA7B;AAAA,IAAsC,OAAO;AAAA,IAC3C;AAAA,yBAAmB,OAAO,4CAAC,4EAAiC;AAAA,MAC5D,oBAAoB,4BACnB;AAAA,QAIE,sDAAC;AAAA,UAAI,WAAW;AAAA,UACd,sDAAC,oEAA6B;AAAA,SAChC;AAAA,OACF,IACE;AAAA;AAAA,GACN;AAEJ;AAGO,MAAM,wBAAwB,MACnC,4CAAC;AAAA,EACC,sDAAC;AAAA,IACC,sDAAC,gCAA6B;AAAA,GAChC;AAAA,CACF;",
   "names": []
 }

package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CalendarWithTimeWheelContent_exports = {};
 __export(CalendarWithTimeWheelContent_exports, {
@@ -25,7 +28,8 @@ __export(CalendarWithTimeWheelContent_exports, {
 });
 module.exports = __toCommonJS(CalendarWithTimeWheelContent_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
 var import_Styleds = require("./Styleds");
 var import_CalendarWithTimeWheelFooter = require("./CalendarWithTimeWheelFooter");
@@ -33,9 +37,14 @@ var import_TimeWheelContent = require("../TimeWheel/TimeWheelContent");
 var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
 const CalendarWithTimeWheelContent = () => {
   const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledCalendarWithTimeWheelWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledCalendarWithTimeWheelWrapper, {
     isControllerOnly,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
-  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledCalendar, null), /* @__PURE__ */ import_react.default.createElement(import_TimeWheelContent.TimeWheelContent, null), /* @__PURE__ */ import_react.default.createElement(import_CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, null));
+    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledCalendar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeWheelContent.TimeWheelContent, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, {})
+    ]
+  });
 };
 //# sourceMappingURL=CalendarWithTimeWheelContent.js.map

package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledCalendarWithTimeWheelWrapper, StyledCalendar } from './Styleds';\nimport { CalendarWithTimeWheelFooter } from './CalendarWithTimeWheelFooter';\nimport { TimeWheelContent } from '../TimeWheel/TimeWheelContent';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\n\nexport const CalendarWithTimeWheelContent = (): JSX.Element => {\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n  return (\n    <StyledCalendarWithTimeWheelWrapper\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL}\n    >\n      <StyledCalendar />\n      <TimeWheelContent />\n      <CalendarWithTimeWheelFooter />\n    </StyledCalendarWithTimeWheelWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,gDAAmD;AACnD,qBAAmE;AACnE,yCAA4C;AAC5C,8BAAiC;AACjC,yCAAgD;AAEzC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,qBAAqB,6BAAW,kEAA+B;AACvE,SACE,mDAAC;AAAA,IACC;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,KAErE,mDAAC,mCAAe,GAChB,mDAAC,8CAAiB,GAClB,mDAAC,oEAA4B,CAC/B;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,gDAAmD;AACnD,qBAAmE;AACnE,yCAA4C;AAC5C,8BAAiC;AACjC,yCAAgD;AAEzC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,SACE,6CAAC;AAAA,IACC;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,IAErE;AAAA,kDAAC,iCAAe;AAAA,MAChB,4CAAC,4CAAiB;AAAA,MAClB,4CAAC,kEAA4B;AAAA;AAAA,GAC/B;AAEJ;",
   "names": []
 }