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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/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 { 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,92 +1,98 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var reactPopper = require('react-popper');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var useOnClickOutside = require('../../../utils/hooks/useOnClickOutside.js');
-
-const usePopperTriggerLogic = _ref => {
-  let {
-    focusedDay,
-    resetFocusedDayToStartDate,
-    showCalendar,
-    setShowCalendar,
-    tryToFocusCurrentlyDataIsFocusedDay
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var usePopperTriggerLogic_exports = {};
+__export(usePopperTriggerLogic_exports, {
+  usePopperTriggerLogic: () => usePopperTriggerLogic
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_react_popper = require("react-popper");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_useOnClickOutside = require("../../../utils/hooks/useOnClickOutside");
+const usePopperTriggerLogic = ({
+  focusedDay,
+  resetFocusedDayToStartDate,
+  showCalendar,
+  setShowCalendar,
+  tryToFocusCurrentlyDataIsFocusedDay
+}) => {
   const {
-    props: {
-      onPickerOpen,
-      onPickerClose
-    },
+    props: { onPickerOpen, onPickerClose },
     prevMonthBtnRef,
     pickerButtonRef
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const [referenceElement, setReferenceElement] = React.useState(null);
-  const [popperElement, setPopperElement] = React.useState(null);
-  const [arrowElement, setArrowElement] = React.useState(null);
-  const usePopperHelpers = reactPopper.usePopper(referenceElement, popperElement, {
-    modifiers: [{
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }]
-  }); // onOpen we try to focus the day we should focus, if we should focus one
-
-  const handleOnPickerOpen = React.useCallback(() => {
+  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
+  const [popperElement, setPopperElement] = (0, import_react.useState)(null);
+  const [arrowElement, setArrowElement] = (0, import_react.useState)(null);
+  const usePopperHelpers = (0, import_react_popper.usePopper)(referenceElement, popperElement, {
+    modifiers: [{ name: "arrow", options: { element: arrowElement } }]
+  });
+  const handleOnPickerOpen = (0, import_react.useCallback)(() => {
     onPickerOpen();
     tryToFocusCurrentlyDataIsFocusedDay();
   }, [onPickerOpen, tryToFocusCurrentlyDataIsFocusedDay]);
-  const openCalendar = React.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);
+  const openCalendar = (0, import_react.useCallback)(() => {
+    if (focusedDay)
+      setTimeout(() => focusedDay?.dayBtnRef?.current?.focus?.(), 100);
+    else
+      setTimeout(() => prevMonthBtnRef?.current?.focus?.(), 100);
     setShowCalendar(true);
     handleOnPickerOpen();
   }, [focusedDay, handleOnPickerOpen, prevMonthBtnRef, setShowCalendar]);
-  const closeCalendar = React.useCallback(() => {
-    var _pickerButtonRef$curr, _pickerButtonRef$curr2;
-
+  const closeCalendar = (0, import_react.useCallback)(() => {
     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 = React.useCallback(() => {
+  const handleToggleCalendar = (0, import_react.useCallback)(() => {
     const isOpening = !showCalendar;
-    if (isOpening) openCalendar();else closeCalendar();
+    if (isOpening)
+      openCalendar();
+    else
+      closeCalendar();
   }, [closeCalendar, openCalendar, showCalendar]);
-  const handleSetTriggerRef = React.useCallback(newRef => {
+  const handleSetTriggerRef = (0, import_react.useCallback)((newRef) => {
     pickerButtonRef.current = newRef;
     setReferenceElement(newRef);
   }, [pickerButtonRef]);
-  const handleMenuWrapperKeyDown = React.useCallback(e => {
-    const {
-      key
-    } = e;
-
-    if (key === 'Escape') {
-      var _pickerButtonRef$curr3, _pickerButtonRef$curr4;
-
+  const handleMenuWrapperKeyDown = (0, import_react.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.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();
+  (0, import_useOnClickOutside.useOnClickOutside)(popperElement, (e) => {
+    if (!pickerButtonRef?.current?.contains?.(e?.target))
+      closeCalendar();
   });
-  return React.useMemo(() => ({
+  return (0, import_react.useMemo)(() => ({
     closeCalendar,
     handleSetTriggerRef,
     setPopperElement,
@@ -96,5 +102,5 @@ const usePopperTriggerLogic = _ref => {
     handleMenuWrapperKeyDown
   }), [closeCalendar, handleMenuWrapperKeyDown, handleSetTriggerRef, handleToggleCalendar, usePopperHelpers]);
 };
-
-exports.usePopperTriggerLogic = usePopperTriggerLogic;
+module.exports = __toCommonJS(usePopperTriggerLogic_exports);
+//# sourceMappingURL=usePopperTriggerLogic.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/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 { 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAkE;AAClE,0BAA0B;AAE1B,yCAAgD;AAChD,+BAAkC;AAW3B,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,6BAAW;AACf,QAAM,CAAC,kBAAkB,uBAAuB,2BAAS;AACzD,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AACnD,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,mBAAmB,mCAAU,kBAAkB,eAAe;AAAA,IAClE,WAAW,CAAC,EAAE,MAAM,SAAS,SAAS,EAAE,SAAS;AAAA;AAGnD,QAAM,qBAAqB,8BAAY,MAAM;AAC3C;AACA;AAAA,KACC,CAAC,cAAc;AAClB,QAAM,eAAe,8BAAY,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,8BAAY,MAAM;AACtC,oBAAgB;AAChB;AACA;AACA,qBAAiB,SAAS;AAAA,KACzB,CAAC,iBAAiB,eAAe,4BAA4B;AAEhE,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,UAAM,YAAY,CAAC;AACnB,QAAI;AAAW;AAAA;AACV;AAAA,KACJ,CAAC,eAAe,cAAc;AAEjC,QAAM,sBAAsB,8BAC1B,CAAC,WAAW;AACV,oBAAgB,UAAU;AAC1B,wBAAoB;AAAA,KAEtB,CAAC;AAEH,QAAM,2BAA2B,8BAC/B,CAAC,MAAM;AACL,UAAM,EAAE,QAAQ;AAChB,QAAI,QAAQ,UAAU;AACpB;AACA,uBAAiB,SAAS;AAAA;AAAA,KAG9B,CAAC,eAAe;AAElB,kDAAkB,eAAe,CAAC,MAAM;AACtC,QAAI,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAS;AAAA;AAGxD,SAAO,0BACL,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/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js

@@ -1,36 +1,50 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var CalendarWithTimeWheelIconTrigger = require('./CalendarWithTimeWheelIconTrigger.js');
-var CalendarWithTimeWheelWrapper = require('./CalendarWithTimeWheelWrapper.js');
-var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
-var useConfigCalendarWithTimeWheelCTX = require('./useConfigCalendarWithTimeWheelCTX.js');
-var Calendar = require('../Calendar/Calendar.js');
-var TimeWheel = require('../TimeWheel/TimeWheel.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
-const CalendarWithTimeWheel = Calendar.WrapWithCalendarContext(TimeWheel.WrapWithTimeWheelContext(() => {
-  const ctx = useConfigCalendarWithTimeWheelCTX.useConfigCalendarWithTimeWheelCTX();
-  const {
-    showCalendarWithTimeWheel,
-    isControllerOnly,
-    handleMenuWrapperKeyDown
-  } = ctx;
-  return /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
+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 CalendarWithTimeWheel_exports = {};
+__export(CalendarWithTimeWheel_exports, {
+  CalendarWithTimeWheel: () => CalendarWithTimeWheel
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_CalendarWithTimeWheelIconTrigger = require("./CalendarWithTimeWheelIconTrigger");
+var import_CalendarWithTimeWheelWrapper = require("./CalendarWithTimeWheelWrapper");
+var import_CalendarWithTimeWheelContext = require("./CalendarWithTimeWheelContext");
+var import_useConfigCalendarWithTimeWheelCTX = require("./useConfigCalendarWithTimeWheelCTX");
+var import_Calendar = require("../Calendar/Calendar");
+var import_TimeWheel = require("../TimeWheel/TimeWheel");
+const CalendarWithTimeWheel = (0, import_Calendar.WrapWithCalendarContext)((0, import_TimeWheel.WrapWithTimeWheelContext)(() => {
+  const ctx = (0, import_useConfigCalendarWithTimeWheelCTX.useConfigCalendarWithTimeWheelCTX)();
+  const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;
+  return /* @__PURE__ */ import_react.default.createElement(import_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
     value: ctx
-  }, void 0, isControllerOnly ? null : _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, {})), isControllerOnly || showCalendarWithTimeWheel ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default["default"]("div", {
-      onKeyDown: handleMenuWrapperKeyDown
-    }, void 0, _CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, {})))
-  }) : null);
+  }, 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);
 }));
-
-exports.CalendarWithTimeWheel = CalendarWithTimeWheel;
+module.exports = __toCommonJS(CalendarWithTimeWheel_exports);
+//# sourceMappingURL=CalendarWithTimeWheel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/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 { 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,8CAAiD;AACjD,0CAA6C;AAC7C,0CAA6C;AAC7C,+CAAkD;AAClD,sBAAwC;AACxC,uBAAyC;AAIlC,MAAM,wBAAwB,6CACnC,+CAAyB,MAAmB;AAC1C,QAAM,MAAM;AACZ,QAAM,EAAE,2BAA2B,kBAAkB,6BAA6B;AAElF,SACE,mDAAC,iEAA6B,UAA9B;AAAA,IAAuC,OAAO;AAAA,KAC3C,mBAAmB,OAAO,mDAAC,0EAAD,OAC1B,oBAAoB,4BACnB,wFAIE,mDAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,mDAAC,kEAAD,UAGF;AAAA;",
+  "names": []
+}

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

@@ -1,28 +1,47 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var Styleds = require('./Styleds.js');
-var CalendarWithTimeWheelFooter = require('./CalendarWithTimeWheelFooter.js');
-var TimeWheelContent = require('../TimeWheel/TimeWheelContent.js');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _StyledCalendar, _TimeWheelContent, _CalendarWithTimeWhee;
+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 CalendarWithTimeWheelContent_exports = {};
+__export(CalendarWithTimeWheelContent_exports, {
+  CalendarWithTimeWheelContent: () => CalendarWithTimeWheelContent
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
+var import_Styleds = require("./Styleds");
+var import_CalendarWithTimeWheelFooter = require("./CalendarWithTimeWheelFooter");
+var import_TimeWheelContent = require("../TimeWheel/TimeWheelContent");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
 const CalendarWithTimeWheelContent = () => {
-  const {
-    isControllerOnly
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendarWithTimeWheelWrapper, {
-    isControllerOnly: isControllerOnly,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
-  }, void 0, _StyledCalendar || (_StyledCalendar = /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendar, {})), _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {})), _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, {})));
+  const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return /* @__PURE__ */ import_react.default.createElement(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));
 };
-
-exports.CalendarWithTimeWheelContent = CalendarWithTimeWheelContent;
+module.exports = __toCommonJS(CalendarWithTimeWheelContent_exports);
+//# sourceMappingURL=CalendarWithTimeWheelContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/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;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,gDAAmD;AACnD,qBAAmE;AACnE,yCAA4C;AAC5C,8BAAiC;AACjC,yCAAgD;AAEzC,MAAM,+BAA+B,MAAmB;AAC7D,QAAM,EAAE,qBAAqB,6BAAW;AACxC,SACE,mDAAC,mDAAD;AAAA,IACE;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,KAErE,mDAAC,+BAAD,OACA,mDAAC,0CAAD,OACA,mDAAC,gEAAD;AAAA;",
+  "names": []
+}

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

@@ -1,14 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
+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 CalendarWithTimeWheelContext_exports = {};
+__export(CalendarWithTimeWheelContext_exports, {
+  CalendarWithTimeWheelContext: () => CalendarWithTimeWheelContext,
+  default: () => CalendarWithTimeWheelContext_default,
+  defaultCalendarWithTimeWheelContext: () => defaultCalendarWithTimeWheelContext
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const noop = () => {
+};
 const defaultCalendarWithTimeWheelContext = {
-  ariaCurrentValueForInputs: '',
+  ariaCurrentValueForInputs: "",
   showCalendarWithTimeWheel: false,
   setPopperElement: noop,
   setArrowElement: noop,
@@ -20,10 +48,7 @@ const defaultCalendarWithTimeWheelContext = {
   isControllerOnly: false,
   disabled: false
 };
-/** Context for cross component communication */
-
-const CalendarWithTimeWheelContext = /*#__PURE__*/React.createContext(defaultCalendarWithTimeWheelContext);
-
-exports.CalendarWithTimeWheelContext = CalendarWithTimeWheelContext;
-exports["default"] = CalendarWithTimeWheelContext;
-exports.defaultCalendarWithTimeWheelContext = defaultCalendarWithTimeWheelContext;
+const CalendarWithTimeWheelContext = (0, import_react.createContext)(defaultCalendarWithTimeWheelContext);
+var CalendarWithTimeWheelContext_default = CalendarWithTimeWheelContext;
+module.exports = __toCommonJS(CalendarWithTimeWheelContext_exports);
+//# sourceMappingURL=CalendarWithTimeWheelContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nexport interface CalendarWithTimeWheelContextT {\n  ariaCurrentValueForInputs: string;\n  showCalendarWithTimeWheel: boolean;\n  setPopperElement: (instance: HTMLDivElement) => void;\n  setArrowElement: (instance: HTMLDivElement) => void;\n  usePopperHelpers: {\n    attributes: Record<string, unknown>;\n    styles: Record<string, React.CSSProperties>;\n  };\n  handleToggleCalendarWithTimeWheel: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n  handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;\n  handlePickerIconKeyDown: (e?: React.KeyboardEvent<HTMLButtonElement>) => void;\n  isControllerOnly: boolean;\n  disabled: boolean;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nexport const defaultCalendarWithTimeWheelContext: CalendarWithTimeWheelContextT = {\n  ariaCurrentValueForInputs: '',\n  showCalendarWithTimeWheel: false,\n  setPopperElement: noop,\n  setArrowElement: noop,\n  usePopperHelpers: null,\n  handleSetTriggerRef: noop,\n  handleToggleCalendarWithTimeWheel: noop,\n  handleMenuWrapperKeyDown: noop,\n  handlePickerIconKeyDown: noop,\n  isControllerOnly: false,\n  disabled: false,\n};\n\n/** Context for cross component communication */\nexport const CalendarWithTimeWheelContext = createContext(defaultCalendarWithTimeWheelContext);\n\nexport default CalendarWithTimeWheelContext;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAmB9B,MAAM,OAAO,MAAY;AAAA;AAClB,MAAM,sCAAqE;AAAA,EAChF,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,mCAAmC;AAAA,EACnC,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,kBAAkB;AAAA,EAClB,UAAU;AAAA;AAIL,MAAM,+BAA+B,gCAAc;AAE1D,IAAO,uCAAQ;",
+  "names": []
+}

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

@@ -1,26 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var Styleds = require('./Styleds.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
+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 CalendarWithTimeWheelFooter_exports = {};
+__export(CalendarWithTimeWheelFooter_exports, {
+  CalendarWithTimeWheelFooter: () => CalendarWithTimeWheelFooter
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_Styleds = require("./Styleds");
 const CalendarWithTimeWheelFooter = () => {
   const {
-    props: {
-      pickerFooterMsg,
-      hasError
-    }
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return pickerFooterMsg !== undefined && hasError ? /*#__PURE__*/_jsx__default["default"](Styleds.CalendarWithTimeWheelFooterMessage, {
+    props: { pickerFooterMsg, hasError }
+  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return pickerFooterMsg !== void 0 && hasError ? /* @__PURE__ */ import_react.default.createElement(import_Styleds.CalendarWithTimeWheelFooterMessage, {
     role: "alert"
-  }, void 0, pickerFooterMsg) : null;
+  }, pickerFooterMsg) : null;
 };
-
-exports.CalendarWithTimeWheelFooter = CalendarWithTimeWheelFooter;
+module.exports = __toCommonJS(CalendarWithTimeWheelFooter_exports);
+//# sourceMappingURL=CalendarWithTimeWheelFooter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarWithTimeWheelFooterMessage } from './Styleds';\n\nexport const CalendarWithTimeWheelFooter = (): JSX.Element => {\n  const {\n    props: { pickerFooterMsg, hasError },\n  } = useContext(ControlledDateTimePickerContext);\n  return pickerFooterMsg !== undefined && hasError ? (\n    <CalendarWithTimeWheelFooterMessage role=\"alert\">{pickerFooterMsg}</CalendarWithTimeWheelFooterMessage>\n  ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,yCAAgD;AAChD,qBAAmD;AAE5C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,MACxB,6BAAW;AACf,SAAO,oBAAoB,UAAa,WACtC,mDAAC,mDAAD;AAAA,IAAoC,MAAK;AAAA,KAAS,mBAChD;AAAA;",
+  "names": []
+}