@elliemae/ds-controlled-form 1.55.0-next.9 → 1.55.0-rc.3

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusLogic.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useState, useLayoutEffect } from 'react';\nimport { compareTwoDatesDayEquality } from '../../../utils/dateHelpers';\nimport { useGetStartingFocusedDay } from '../../../utils/hooks/useGetStartingFocusedDay';\nimport type { fiveBySevenCurrentMonthDaysT } from '../../../index.d';\nimport type { FocusLogicT } from './CalendarContext';\n\n// eslint-disable-next-line max-params\nconst loopWhileWaiting = (cb, shortcircuit = () => false, timePerTry = 100, maxTries = 5) => {\n  let ab = maxTries;\n  const inter = setInterval(() => {\n    cb();\n    if (shortcircuit() || ab === 0) clearInterval(inter);\n    ab -= 1;\n  }, timePerTry);\n};\n\ninterface useFocusLogicArgsT {\n  daysArray: fiveBySevenCurrentMonthDaysT[];\n  calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;\n  showCalendar: boolean;\n}\n\nexport const useFocusLogic = ({ daysArray, calendarDaysWrapperRef, showCalendar }: useFocusLogicArgsT): FocusLogicT => {\n  const { startFocusedDate } = useGetStartingFocusedDay();\n  const [metadayToFocus, setMetadayToFocus] = useState<fiveBySevenCurrentMonthDaysT>(\n    daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, startFocusedDate)),\n  );\n  // this is required because we have to focus based on the inputs values too,\n  // useGetStartingFocusedDay does this already,\n  // this \"useMemo\" is here just to trigger it functionally by changing the metadayToFocus state\n  // which is required for arrow key navigation in the calendar\n  const focusedDay = useMemo(() => {\n    const newFocusedDay = metadayToFocus\n      ? daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, metadayToFocus.day))\n      : daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, startFocusedDate));\n    return newFocusedDay;\n  }, [daysArray, startFocusedDate, metadayToFocus]);\n\n  const tryToFocusCurrentlyDataIsFocusedDay = useCallback(\n    (wrapperDOM: HTMLElement | Document = calendarDaysWrapperRef?.current || document) => {\n      let shortcircuit = false;\n      loopWhileWaiting(\n        () => {\n          const domElem = wrapperDOM?.querySelector<HTMLButtonElement>('[data-isfocused=\"true\"]');\n          if (domElem) {\n            domElem?.focus?.();\n            shortcircuit = true;\n          }\n        },\n        () => shortcircuit,\n      );\n    },\n    [calendarDaysWrapperRef],\n  );\n\n  useLayoutEffect(() => {\n    if (showCalendar) tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef?.current);\n  }, [calendarDaysWrapperRef, focusedDay, showCalendar, tryToFocusCurrentlyDataIsFocusedDay]);\n\n  const handleFocusMetaDay = useCallback(\n    (metaDayToFocus) => {\n      // if focusedDay is inside current daysArray we set Focused day\n      const newFocusedMetaDay = daysArray.find(({ day: currDay }) =>\n        compareTwoDatesDayEquality(currDay, metaDayToFocus.day),\n      );\n      if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);\n    },\n    [daysArray, focusedDay],\n  );\n\n  const handleFocusMetaDayByDay = useCallback(\n    (dayDate) => {\n      // if focusedDay is inside current daysArray we set Focused day\n      const newFocusedMetaDay = daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, dayDate));\n      if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);\n    },\n    [daysArray, focusedDay],\n  );\n\n  const resetFocusedDayToStartDate = useCallback(() => {\n    setMetadayToFocus(null);\n  }, []);\n\n  return useMemo(\n    () => ({\n      focusedDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      resetFocusedDayToStartDate,\n      handleFocusMetaDay,\n      handleFocusMetaDayByDay,\n    }),\n    [\n      focusedDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      resetFocusedDayToStartDate,\n      handleFocusMetaDay,\n      handleFocusMetaDayByDay,\n    ],\n  );\n};\n"],"names":["loopWhileWaiting","cb","shortcircuit","timePerTry","maxTries","ab","inter","setInterval","clearInterval","useFocusLogic","daysArray","calendarDaysWrapperRef","showCalendar","useGetStartingFocusedDay","startFocusedDate","useState","find","currDay","day","compareTwoDatesDayEquality","metadayToFocus","setMetadayToFocus","focusedDay","useMemo","newFocusedDay","tryToFocusCurrentlyDataIsFocusedDay","useCallback","wrapperDOM","current","document","domElem","querySelector","focus","useLayoutEffect","handleFocusMetaDay","metaDayToFocus","newFocusedMetaDay","handleFocusMetaDayByDay","dayDate","resetFocusedDayToStartDate"],"mappings":";;;;;;;;;;;;;;;;;;;AASA;AACA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,EAAD,EAAoE;AAAA,MAA/DC,YAA+D,uEAAhD;AAAA,WAAM,KAAN;AAAA,GAAgD;AAAA,MAAnCC,UAAmC,uEAAtB,GAAsB;AAAA,MAAjBC,QAAiB,uEAAN,CAAM;AAC3F,MAAIC,EAAE,GAAGD,QAAT;AACA,MAAME,KAAK,GAAGC,WAAW,CAAC,YAAM;AAC9BN,IAAAA,EAAE;AACF,QAAIC,YAAY,MAAMG,EAAE,KAAK,CAA7B,EAAgCG,aAAa,CAACF,KAAD,CAAb;AAChCD,IAAAA,EAAE,IAAI,CAAN;AACD,GAJwB,EAItBF,UAJsB,CAAzB;AAKD,CAPD;;IAeaM,aAAa,GAAG,SAAhBA,aAAgB,OAA0F;AAAA,MAAvFC,SAAuF,QAAvFA,SAAuF;AAAA,MAA5EC,sBAA4E,QAA5EA,sBAA4E;AAAA,MAApDC,YAAoD,QAApDA,YAAoD;;AACrH,8BAA6BC,sFAAwB,EAArD;AAAA,MAAQC,gBAAR,yBAAQA,gBAAR;;AACA,kBAA4CC,cAAQ,CAClDL,SAAS,CAACM,IAAV,CAAe;AAAA,QAAQC,OAAR,SAAGC,GAAH;AAAA,WAAsBC,qEAA0B,CAACF,OAAD,EAAUH,gBAAV,CAAhD;AAAA,GAAf,CADkD,CAApD;AAAA;AAAA,MAAOM,cAAP;AAAA,MAAuBC,iBAAvB,iBAFqH;AAMrH;AACA;AACA;;;AACA,MAAMC,UAAU,GAAGC,aAAO,CAAC,YAAM;AAC/B,QAAMC,aAAa,GAAGJ,cAAc,GAChCV,SAAS,CAACM,IAAV,CAAe;AAAA,UAAQC,OAAR,SAAGC,GAAH;AAAA,aAAsBC,qEAA0B,CAACF,OAAD,EAAUG,cAAc,CAACF,GAAzB,CAAhD;AAAA,KAAf,CADgC,GAEhCR,SAAS,CAACM,IAAV,CAAe;AAAA,UAAQC,OAAR,SAAGC,GAAH;AAAA,aAAsBC,qEAA0B,CAACF,OAAD,EAAUH,gBAAV,CAAhD;AAAA,KAAf,CAFJ;AAGA,WAAOU,aAAP;AACD,GALyB,EAKvB,CAACd,SAAD,EAAYI,gBAAZ,EAA8BM,cAA9B,CALuB,CAA1B;AAOA,MAAMK,mCAAmC,GAAGC,iBAAW,CACrD,YAAsF;AAAA,QAArFC,UAAqF,uEAAhD,CAAAhB,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,YAAAA,sBAAsB,CAAEiB,OAAxB,KAAmCC,QAAa;AACpF,QAAI3B,YAAY,GAAG,KAAnB;AACAF,IAAAA,gBAAgB,CACd,YAAM;AACJ,UAAM8B,OAAO,GAAGH,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEI,aAAZ,CAA6C,yBAA7C,CAAhB;;AACA,UAAID,OAAJ,EAAa;AAAA;;AACXA,QAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,8BAAAA,OAAO,CAAEE,KAAT,uEAAAF,OAAO;AACP5B,QAAAA,YAAY,GAAG,IAAf;AACD;AACF,KAPa,EAQd;AAAA,aAAMA,YAAN;AAAA,KARc,CAAhB;AAUD,GAboD,EAcrD,CAACS,sBAAD,CAdqD,CAAvD;AAiBAsB,EAAAA,qBAAe,CAAC,YAAM;AACpB,QAAIrB,YAAJ,EAAkBa,mCAAmC,CAACd,sBAAD,aAACA,sBAAD,uBAACA,sBAAsB,CAAEiB,OAAzB,CAAnC;AACnB,GAFc,EAEZ,CAACjB,sBAAD,EAAyBW,UAAzB,EAAqCV,YAArC,EAAmDa,mCAAnD,CAFY,CAAf;AAIA,MAAMS,kBAAkB,GAAGR,iBAAW,CACpC,UAACS,cAAD,EAAoB;AAClB;AACA,QAAMC,iBAAiB,GAAG1B,SAAS,CAACM,IAAV,CAAe;AAAA,UAAQC,OAAR,SAAGC,GAAH;AAAA,aACvCC,qEAA0B,CAACF,OAAD,EAAUkB,cAAc,CAACjB,GAAzB,CADa;AAAA,KAAf,CAA1B;AAGA,QAAII,UAAU,KAAKc,iBAAnB,EAAsCf,iBAAiB,CAACe,iBAAD,CAAjB;AACvC,GAPmC,EAQpC,CAAC1B,SAAD,EAAYY,UAAZ,CARoC,CAAtC;AAWA,MAAMe,uBAAuB,GAAGX,iBAAW,CACzC,UAACY,OAAD,EAAa;AACX;AACA,QAAMF,iBAAiB,GAAG1B,SAAS,CAACM,IAAV,CAAe;AAAA,UAAQC,OAAR,SAAGC,GAAH;AAAA,aAAsBC,qEAA0B,CAACF,OAAD,EAAUqB,OAAV,CAAhD;AAAA,KAAf,CAA1B;AACA,QAAIhB,UAAU,KAAKc,iBAAnB,EAAsCf,iBAAiB,CAACe,iBAAD,CAAjB;AACvC,GALwC,EAMzC,CAAC1B,SAAD,EAAYY,UAAZ,CANyC,CAA3C;AASA,MAAMiB,0BAA0B,GAAGb,iBAAW,CAAC,YAAM;AACnDL,IAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD,GAF6C,EAE3C,EAF2C,CAA9C;AAIA,SAAOE,aAAO,CACZ;AAAA,WAAO;AACLD,MAAAA,UAAU,EAAVA,UADK;AAELG,MAAAA,mCAAmC,EAAnCA,mCAFK;AAGLc,MAAAA,0BAA0B,EAA1BA,0BAHK;AAILL,MAAAA,kBAAkB,EAAlBA,kBAJK;AAKLG,MAAAA,uBAAuB,EAAvBA;AALK,KAAP;AAAA,GADY,EAQZ,CACEf,UADF,EAEEG,mCAFF,EAGEc,0BAHF,EAIEL,kBAJF,EAKEG,uBALF,CARY,CAAd;AAgBD;;;;"}
+{"version":3,"file":"useFocusLogic.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useState, useLayoutEffect } from 'react';\nimport { compareTwoDatesDayEquality } from '../../../utils/dateHelpers';\nimport { useGetStartingFocusedDay } from '../../../utils/hooks/useGetStartingFocusedDay';\nimport type { metaMonthDayT } from '../../../index.d';\nimport type { FocusLogicT } from './CalendarContext';\n\n// eslint-disable-next-line max-params\nconst loopWhileWaiting = (cb, shortcircuit = () => false, timePerTry = 100, maxTries = 5) => {\n  let ab = maxTries;\n  const inter = setInterval(() => {\n    cb();\n    if (shortcircuit() || ab === 0) clearInterval(inter);\n    ab -= 1;\n  }, timePerTry);\n};\n\ninterface useFocusLogicArgsT {\n  daysArray: metaMonthDayT[];\n  calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;\n  showCalendar: boolean;\n}\n\nexport const useFocusLogic = ({ daysArray, calendarDaysWrapperRef, showCalendar }: useFocusLogicArgsT): FocusLogicT => {\n  const { startFocusedDate } = useGetStartingFocusedDay();\n  const [metadayToFocus, setMetadayToFocus] = useState<metaMonthDayT>(\n    daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, startFocusedDate)),\n  );\n  // this is required because we have to focus based on the inputs values too,\n  // useGetStartingFocusedDay does this already,\n  // this \"useMemo\" is here just to trigger it functionally by changing the metadayToFocus state\n  // which is required for arrow key navigation in the calendar\n  const focusedDay = useMemo(() => {\n    const newFocusedDay = metadayToFocus\n      ? daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, metadayToFocus.day))\n      : daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, startFocusedDate));\n    return newFocusedDay;\n  }, [daysArray, startFocusedDate, metadayToFocus]);\n\n  const tryToFocusCurrentlyDataIsFocusedDay = useCallback(\n    (wrapperDOM: HTMLElement | Document = calendarDaysWrapperRef?.current || document) => {\n      let shortcircuit = false;\n      loopWhileWaiting(\n        () => {\n          const domElem = wrapperDOM?.querySelector<HTMLButtonElement>('[data-isfocused=\"true\"]');\n          if (domElem) {\n            domElem?.focus?.();\n            shortcircuit = true;\n          }\n        },\n        () => shortcircuit,\n      );\n    },\n    [calendarDaysWrapperRef],\n  );\n\n  useLayoutEffect(() => {\n    if (showCalendar) tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef?.current);\n  }, [calendarDaysWrapperRef, focusedDay, showCalendar, tryToFocusCurrentlyDataIsFocusedDay]);\n\n  const handleFocusMetaDay = useCallback(\n    (metaDayToFocus) => {\n      // if focusedDay is inside current daysArray we set Focused day\n      const newFocusedMetaDay = daysArray.find(({ day: currDay }) =>\n        compareTwoDatesDayEquality(currDay, metaDayToFocus.day),\n      );\n      if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);\n    },\n    [daysArray, focusedDay],\n  );\n\n  const handleFocusMetaDayByDay = useCallback(\n    (dayDate) => {\n      // if focusedDay is inside current daysArray we set Focused day\n      const newFocusedMetaDay = daysArray.find(({ day: currDay }) => compareTwoDatesDayEquality(currDay, dayDate));\n      if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);\n    },\n    [daysArray, focusedDay],\n  );\n\n  const resetFocusedDayToStartDate = useCallback(() => {\n    setMetadayToFocus(null);\n  }, []);\n\n  return useMemo(\n    () => ({\n      focusedDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      resetFocusedDayToStartDate,\n      handleFocusMetaDay,\n      handleFocusMetaDayByDay,\n    }),\n    [\n      focusedDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      resetFocusedDayToStartDate,\n      handleFocusMetaDay,\n      handleFocusMetaDayByDay,\n    ],\n  );\n};\n"],"names":["loopWhileWaiting","cb","shortcircuit","timePerTry","maxTries","ab","inter","setInterval","clearInterval","useFocusLogic","daysArray","calendarDaysWrapperRef","showCalendar","useGetStartingFocusedDay","startFocusedDate","useState","find","currDay","day","compareTwoDatesDayEquality","metadayToFocus","setMetadayToFocus","focusedDay","useMemo","newFocusedDay","tryToFocusCurrentlyDataIsFocusedDay","useCallback","wrapperDOM","current","document","domElem","querySelector","focus","useLayoutEffect","handleFocusMetaDay","metaDayToFocus","newFocusedMetaDay","handleFocusMetaDayByDay","dayDate","resetFocusedDayToStartDate"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var controlledDateTimePicker_utils_dateHelpers = require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');

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

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardHandlers.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback } from 'react';\nimport { sumValuesToDate } from '../../../utils/dateHelpers';\nimport type { fiveBySevenCurrentMonthDaysT, onKeyDownT, latestInteractionRegionT } from '../../../index.d';\nimport type { handleDayOnKeyDownT, KeyboardHandlersT, HeaderButtonsRefsT } from './CalendarContext';\n\ninterface useKeyboardHandlersArgsT extends Partial<HeaderButtonsRefsT> {\n  focusedDay: fiveBySevenCurrentMonthDaysT;\n  daysArray: fiveBySevenCurrentMonthDaysT[];\n  handlePrevMonth: () => void;\n  handleNextMonth: () => void;\n  pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;\n  currMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  isWithTimeWheelToo: boolean;\n  isControllerOnly: boolean;\n  setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n  setLatestInteractionRegion: React.Dispatch<React.SetStateAction<latestInteractionRegionT>>;\n  handleFocusMetaDay: (metaDayToFocus: fiveBySevenCurrentMonthDaysT) => void;\n  handleFocusMetaDayByDay: (dayToFocus: Date) => void;\n  tryToFocusCurrentlyDataIsFocusedDay: () => void;\n  hideDate: boolean;\n  hideTime: boolean;\n  preventCloseOnSelection: boolean;\n  monthInputRef: React.RefObject<HTMLInputElement>;\n  hourInputRef: React.RefObject<HTMLInputElement>;\n  onPickerOpen: () => void;\n  onPickerClose: () => void;\n}\n\nexport const useKeyboardHandlers = ({\n  focusedDay,\n  daysArray,\n  handlePrevMonth,\n  handleNextMonth,\n  prevYearBtnRef,\n  prevMonthBtnRef,\n  nextMonthBtnRef,\n  nextYearBtnRef,\n  currMeridiemBtnRef,\n  currHourBtnRef,\n  isWithTimeWheelToo,\n  isControllerOnly,\n  handleFocusMetaDay,\n  handleFocusMetaDayByDay,\n  tryToFocusCurrentlyDataIsFocusedDay,\n  hideDate,\n  hideTime,\n  monthInputRef,\n  hourInputRef,\n  setLatestInteractionRegion,\n}: useKeyboardHandlersArgsT): KeyboardHandlersT => {\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      const preventDefaultKeys = ['Home', 'End'];\n      const stopPropagationKeys = ['Home', 'End'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDownTriggerIcon();\n    },\n    [onHomeKeyDownTriggerIcon],\n  );\n\n  const handleDayOnKeyDown: handleDayOnKeyDownT = useCallback(\n    (e, metaDay) => {\n      let newFocusedDayDate;\n      const { day } = metaDay;\n      const { key, shiftKey } = e;\n      const preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n      const stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.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 (!isControllerOnly)\n        if (key === 'Tab') {\n          e.preventDefault(); // we only prevent default if it's not controller only\n          if (shiftKey) {\n            nextYearBtnRef?.current?.focus?.();\n          } else if (isWithTimeWheelToo) {\n            currHourBtnRef?.current?.focus?.();\n          } else {\n            //  Before it was like  https://jira.elliemae.io/browse/PUI-6632\n            //   setShowCalendar(false);\n            //   onPickerClose();\n            //  we are implementing focus cycle now\n            //  if someone changes his mind, remove comments to the above and add comments below\n            // setShowCalendar onPickerClose are recibed as part of the args of the hook already\n            prevMonthBtnRef?.current?.focus?.();\n          }\n        }\n    },\n    [\n      currHourBtnRef,\n      daysArray,\n      handleFocusMetaDayByDay,\n      handleNextMonth,\n      handlePrevMonth,\n      isControllerOnly,\n      isWithTimeWheelToo,\n      nextYearBtnRef,\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"],"names":["useKeyboardHandlers","focusedDay","daysArray","handlePrevMonth","handleNextMonth","prevYearBtnRef","prevMonthBtnRef","nextMonthBtnRef","nextYearBtnRef","currMeridiemBtnRef","currHourBtnRef","isWithTimeWheelToo","isControllerOnly","handleFocusMetaDay","handleFocusMetaDayByDay","tryToFocusCurrentlyDataIsFocusedDay","hideDate","hideTime","monthInputRef","hourInputRef","setLatestInteractionRegion","tryToFocusDayRegion","useCallback","newFocusDay","find","isCurrMonthDay","setTimeout","onHomeKeyDownInsideCalendar","current","focus","onEndKeyDownInsideCalendar","onHomeKeyDownTriggerIcon","handlePickerIconKeyDown","e","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","handleDayOnKeyDown","metaDay","newFocusedDayDate","day","shiftKey","sumValuesToDate","daysToSum","length","handlePrevYearKeyDown","handlePrevMonthKeyDown","handleNextMonthKeyDown","handleNextYearKeyDown","useMemo"],"mappings":"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"}
+{"version":3,"file":"useKeyboardHandlers.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback } from 'react';\nimport { sumValuesToDate } from '../../../utils/dateHelpers';\nimport type { metaMonthDayT, onKeyDownT, latestInteractionRegionT } from '../../../index.d';\nimport type { handleDayOnKeyDownT, KeyboardHandlersT, HeaderButtonsRefsT } from './CalendarContext';\n\ninterface useKeyboardHandlersArgsT extends Partial<HeaderButtonsRefsT> {\n  focusedDay: metaMonthDayT;\n  daysArray: metaMonthDayT[];\n  handlePrevMonth: () => void;\n  handleNextMonth: () => void;\n  pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;\n  currMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  isWithTimeWheelToo: boolean;\n  isControllerOnly: boolean;\n  setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n  setLatestInteractionRegion: React.Dispatch<React.SetStateAction<latestInteractionRegionT>>;\n  handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;\n  handleFocusMetaDayByDay: (dayToFocus: Date) => void;\n  tryToFocusCurrentlyDataIsFocusedDay: () => void;\n  hideDate: boolean;\n  hideTime: boolean;\n  preventCloseOnSelection: boolean;\n  monthInputRef: React.RefObject<HTMLInputElement>;\n  hourInputRef: React.RefObject<HTMLInputElement>;\n  onPickerOpen: () => void;\n  onPickerClose: () => void;\n}\n\nexport const useKeyboardHandlers = ({\n  focusedDay,\n  daysArray,\n  handlePrevMonth,\n  handleNextMonth,\n  prevYearBtnRef,\n  prevMonthBtnRef,\n  nextMonthBtnRef,\n  nextYearBtnRef,\n  currMeridiemBtnRef,\n  currHourBtnRef,\n  isWithTimeWheelToo,\n  isControllerOnly,\n  handleFocusMetaDay,\n  handleFocusMetaDayByDay,\n  tryToFocusCurrentlyDataIsFocusedDay,\n  hideDate,\n  hideTime,\n  monthInputRef,\n  hourInputRef,\n  setLatestInteractionRegion,\n}: useKeyboardHandlersArgsT): KeyboardHandlersT => {\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      const preventDefaultKeys = ['Home', 'End'];\n      const stopPropagationKeys = ['Home', 'End'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDownTriggerIcon();\n    },\n    [onHomeKeyDownTriggerIcon],\n  );\n\n  const handleDayOnKeyDown: handleDayOnKeyDownT = useCallback(\n    (e, metaDay) => {\n      let newFocusedDayDate;\n      const { day } = metaDay;\n      const { key, shiftKey } = e;\n      const preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n      const stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.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 (!isControllerOnly)\n        if (key === 'Tab') {\n          e.preventDefault(); // we only prevent default if it's not controller only\n          if (shiftKey) {\n            nextYearBtnRef?.current?.focus?.();\n          } else if (isWithTimeWheelToo) {\n            currHourBtnRef?.current?.focus?.();\n          } else {\n            //  Before it was like  https://jira.elliemae.io/browse/PUI-6632\n            //   setShowCalendar(false);\n            //   onPickerClose();\n            //  we are implementing focus cycle now\n            //  if someone changes his mind, remove comments to the above and add comments below\n            // setShowCalendar onPickerClose are recibed as part of the args of the hook already\n            prevMonthBtnRef?.current?.focus?.();\n          }\n        }\n    },\n    [\n      currHourBtnRef,\n      daysArray,\n      handleFocusMetaDayByDay,\n      handleNextMonth,\n      handlePrevMonth,\n      isControllerOnly,\n      isWithTimeWheelToo,\n      nextYearBtnRef,\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"],"names":["useKeyboardHandlers","focusedDay","daysArray","handlePrevMonth","handleNextMonth","prevYearBtnRef","prevMonthBtnRef","nextMonthBtnRef","nextYearBtnRef","currMeridiemBtnRef","currHourBtnRef","isWithTimeWheelToo","isControllerOnly","handleFocusMetaDay","handleFocusMetaDayByDay","tryToFocusCurrentlyDataIsFocusedDay","hideDate","hideTime","monthInputRef","hourInputRef","setLatestInteractionRegion","tryToFocusDayRegion","useCallback","newFocusDay","find","isCurrMonthDay","setTimeout","onHomeKeyDownInsideCalendar","current","focus","onEndKeyDownInsideCalendar","onHomeKeyDownTriggerIcon","handlePickerIconKeyDown","e","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","handleDayOnKeyDown","metaDay","newFocusedDayDate","day","shiftKey","sumValuesToDate","daysToSum","length","handlePrevYearKeyDown","handlePrevMonthKeyDown","handleNextMonthKeyDown","handleNextYearKeyDown","useMemo"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePopperTriggerLogic.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useState } from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { fiveBySevenCurrentMonthDaysT } from '../../../index.d';\nimport type { PopperTriggerLogicT } from './CalendarContext';\n\ninterface usePopperTriggerLogicT {\n  focusedDay: fiveBySevenCurrentMonthDaysT;\n  resetFocusedDayToStartDate: () => void;\n  prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n  pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;\n  onPickerOpen: () => void;\n  onPickerClose: () => void;\n  showCalendar: boolean;\n  setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const usePopperTriggerLogic = ({\n  focusedDay,\n  resetFocusedDayToStartDate,\n  prevMonthBtnRef,\n  pickerButtonRef,\n  onPickerOpen,\n  onPickerClose,\n  showCalendar,\n  setShowCalendar,\n}: usePopperTriggerLogicT): PopperTriggerLogicT => {\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  const openCalendar = useCallback(() => {\n    if (focusedDay) setTimeout(() => focusedDay?.dayBtnRef?.current?.focus?.(), 100);\n    else setTimeout(() => prevMonthBtnRef?.current?.focus?.(), 100);\n    setShowCalendar(true);\n    onPickerOpen();\n  }, [focusedDay, onPickerOpen, 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"],"names":["usePopperTriggerLogic","focusedDay","resetFocusedDayToStartDate","prevMonthBtnRef","pickerButtonRef","onPickerOpen","onPickerClose","showCalendar","setShowCalendar","useState","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","usePopperHelpers","usePopper","modifiers","name","options","element","openCalendar","useCallback","setTimeout","dayBtnRef","current","focus","closeCalendar","handleToggleCalendar","isOpening","handleSetTriggerRef","newRef","handleMenuWrapperKeyDown","e","key","useOnClickOutside","contains","target","useMemo"],"mappings":"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"}
+{"version":3,"file":"usePopperTriggerLogic.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useState } from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { metaMonthDayT } from '../../../index.d';\nimport type { PopperTriggerLogicT } from './CalendarContext';\n\ninterface usePopperTriggerLogicT {\n  focusedDay: metaMonthDayT;\n  resetFocusedDayToStartDate: () => void;\n  prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n  pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;\n  onPickerOpen: () => void;\n  onPickerClose: () => void;\n  showCalendar: boolean;\n  setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const usePopperTriggerLogic = ({\n  focusedDay,\n  resetFocusedDayToStartDate,\n  prevMonthBtnRef,\n  pickerButtonRef,\n  onPickerOpen,\n  onPickerClose,\n  showCalendar,\n  setShowCalendar,\n}: usePopperTriggerLogicT): PopperTriggerLogicT => {\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  const openCalendar = useCallback(() => {\n    if (focusedDay) setTimeout(() => focusedDay?.dayBtnRef?.current?.focus?.(), 100);\n    else setTimeout(() => prevMonthBtnRef?.current?.focus?.(), 100);\n    setShowCalendar(true);\n    onPickerOpen();\n  }, [focusedDay, onPickerOpen, 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"],"names":["usePopperTriggerLogic","focusedDay","resetFocusedDayToStartDate","prevMonthBtnRef","pickerButtonRef","onPickerOpen","onPickerClose","showCalendar","setShowCalendar","useState","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","usePopperHelpers","usePopper","modifiers","name","options","element","openCalendar","useCallback","setTimeout","dayBtnRef","current","focus","closeCalendar","handleToggleCalendar","isOpening","handleSetTriggerRef","newRef","handleMenuWrapperKeyDown","e","key","useOnClickOutside","contains","target","useMemo"],"mappings":"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"}

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

@@ -9,21 +9,21 @@ var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTim
 var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_useConfigCalendarWithTimeWheelCTX = require('./useConfigCalendarWithTimeWheelCTX.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_Calendar = require('../Calendar/Calendar.js');
 var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheel = require('../TimeWheel/TimeWheel.js');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-icon');
+require('@elliemae/ds-button');
 require('@elliemae/ds-icons/DatePicker');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('./CalendarWithTimeWheelContent.js');
 require('./Styleds.js');
 require('styled-components');
 require('../Calendar/CalendarContent.js');
+require('../../../ControlledDateTimePickerDatatestid.js');
 require('../Calendar/CalendarBody.js');
 require('../Calendar/CalendarMonthDays.js');
 require('../Calendar/CalendarDaysList.js');
 require('../Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
 require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
@@ -31,7 +31,7 @@ require('../../../ControlledDateTimePickerCTX.js');
 require('../../../ControlledDateTimePickerTypes.js');
 require('../Calendar/CalendarContext.js');
 require('../Calendar/Styleds.js');
-require('@elliemae/ds-button');
+require('@elliemae/ds-grid');
 require('../Calendar/CalendarWeekDays.js');
 require('../Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');
@@ -39,13 +39,13 @@ require('@elliemae/ds-icons/ChevronLeft');
 require('@elliemae/ds-icons/ChevronRight');
 require('@elliemae/ds-icons/ChevronDoubleRight');
 require('../Calendar/CalendarFooter.js');
+require('@babel/runtime/helpers/defineProperty');
+require('./CalendarWithTimeWheelContent.js');
 require('./CalendarWithTimeWheelFooter.js');
 require('../TimeWheel/TimeWheelContent.js');
 require('../TimeWheel/Styleds.js');
-require('@elliemae/ds-grid');
 require('../TimeWheel/HoursList.js');
-require('@elliemae/ds-icons/ChevronSmallUp');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('../TimeWheel/TimeWheelContext.js');
 require('../TimeWheel/MinutesList.js');
 require('../TimeWheel/MeridiemList.js');

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

@@ -3,25 +3,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds = require('./Styleds.js');
 var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelFooter = require('./CalendarWithTimeWheelFooter.js');
 var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContent = require('../TimeWheel/TimeWheelContent.js');
 var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
 require('styled-components');
+require('@elliemae/ds-button');
 require('../Calendar/CalendarContent.js');
 require('../Calendar/CalendarBody.js');
 require('../Calendar/CalendarMonthDays.js');
 require('../Calendar/CalendarDaysList.js');
 require('../Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
 require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
 require('../Calendar/CalendarContext.js');
 require('../Calendar/Styleds.js');
-require('@elliemae/ds-button');
+require('@elliemae/ds-grid');
 require('../Calendar/CalendarWeekDays.js');
 require('../Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');
@@ -29,18 +32,14 @@ require('@elliemae/ds-icons/ChevronLeft');
 require('@elliemae/ds-icons/ChevronRight');
 require('@elliemae/ds-icons/ChevronDoubleRight');
 require('../Calendar/CalendarFooter.js');
+require('../../../ControlledDateTimePickerTypes.js');
 require('../TimeWheel/Styleds.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-basic/Button');
 require('../TimeWheel/HoursList.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallUp');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('../TimeWheel/TimeWheelContext.js');
 require('../TimeWheel/MinutesList.js');
 require('../TimeWheel/MeridiemList.js');
 require('../TimeWheel/TimeWheelFooter.js');
-require('../../../ControlledDateTimePickerTypes.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,7 +50,8 @@ var CalendarWithTimeWheelContent = function CalendarWithTimeWheelContent() {
       isControllerOnly = _useContext.isControllerOnly;
 
   return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds.StyledCalendarWithTimeWheelWrapper, {
-    isControllerOnly: isControllerOnly
+    isControllerOnly: isControllerOnly,
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
   }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds.StyledCalendar, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContent.TimeWheelContent, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, null));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWithTimeWheelContent.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\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 isControllerOnly={isControllerOnly}>\n      <StyledCalendar />\n      <TimeWheelContent />\n      <CalendarWithTimeWheelFooter />\n    </StyledCalendarWithTimeWheelWrapper>\n  );\n};\n"],"names":["CalendarWithTimeWheelContent","useContext","ControlledDateTimePickerContext","isControllerOnly","React","StyledCalendarWithTimeWheelWrapper","StyledCalendar","TimeWheelContent","CalendarWithTimeWheelFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,4BAA4B,GAAG,SAA/BA,4BAA+B,GAAmB;AAC7D,oBAA6BC,gBAAU,CAACC,oFAAD,CAAvC;AAAA,MAAQC,gBAAR,eAAQA,gBAAR;;AACA,sBACEC,wCAACC,uGAAD;AAAoC,IAAA,gBAAgB,EAAEF;AAAtD,kBACEC,wCAACE,mFAAD,OADF,eAEEF,wCAACG,kFAAD,OAFF,eAGEH,wCAACI,oHAAD,OAHF,CADF;AAOD;;;;"}
+{"version":3,"file":"CalendarWithTimeWheelContent.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.tsx"],"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"],"names":["CalendarWithTimeWheelContent","useContext","ControlledDateTimePickerContext","isControllerOnly","React","StyledCalendarWithTimeWheelWrapper","ControlledDateTimePickerDatatestid","CONTROLLER_COMPONENT","CALENDAR_TIMEWHEEL","StyledCalendar","TimeWheelContent","CalendarWithTimeWheelFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,4BAA4B,GAAG,SAA/BA,4BAA+B,GAAmB;AAC7D,oBAA6BC,gBAAU,CAACC,oFAAD,CAAvC;AAAA,MAAQC,gBAAR,eAAQA,gBAAR;;AACA,sBACEC,wCAACC,uGAAD;AACE,IAAA,gBAAgB,EAAEF,gBADpB;AAEE,mBAAaG,8FAAkC,CAACC,oBAAnC,CAAwDC;AAFvE,kBAIEJ,wCAACK,mFAAD,OAJF,eAKEL,wCAACM,kFAAD,OALF,eAMEN,wCAACO,oHAAD,OANF,CADF;AAUD;;;;"}

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

@@ -8,6 +8,7 @@ var React = require('react');
 var noop = function noop() {};
 
 var defaultCalendarWithTimeWheelContext = {
+  ariaCurrentValueForInputs: '',
   showCalendarWithTimeWheel: false,
   setPopperElement: noop,
   setArrowElement: noop,

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWithTimeWheelContext.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport interface CalendarWithTimeWheelContextT {\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}\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nexport const defaultCalendarWithTimeWheelContext: CalendarWithTimeWheelContextT = {\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};\n\n/** Context for cross component communication */\nexport const CalendarWithTimeWheelContext = createContext(defaultCalendarWithTimeWheelContext);\n\nexport default CalendarWithTimeWheelContext;\n"],"names":["noop","defaultCalendarWithTimeWheelContext","showCalendarWithTimeWheel","setPopperElement","setArrowElement","usePopperHelpers","handleSetTriggerRef","handleToggleCalendarWithTimeWheel","handleMenuWrapperKeyDown","handlePickerIconKeyDown","isControllerOnly","CalendarWithTimeWheelContext","createContext"],"mappings":";;;;;;AAgBA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAY,EAAzB;;IACaC,mCAAkE,GAAG;AAChFC,EAAAA,yBAAyB,EAAE,KADqD;AAEhFC,EAAAA,gBAAgB,EAAEH,IAF8D;AAGhFI,EAAAA,eAAe,EAAEJ,IAH+D;AAIhFK,EAAAA,gBAAgB,EAAE,IAJ8D;AAKhFC,EAAAA,mBAAmB,EAAEN,IAL2D;AAMhFO,EAAAA,iCAAiC,EAAEP,IAN6C;AAOhFQ,EAAAA,wBAAwB,EAAER,IAPsD;AAQhFS,EAAAA,uBAAuB,EAAET,IARuD;AAShFU,EAAAA,gBAAgB,EAAE;AAT8D;AAYlF;;IACaC,4BAA4B,gBAAGC,mBAAa,CAACX,mCAAD;;;;;;"}
+{"version":3,"file":"CalendarWithTimeWheelContext.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.tsx"],"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}\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};\n\n/** Context for cross component communication */\nexport const CalendarWithTimeWheelContext = createContext(defaultCalendarWithTimeWheelContext);\n\nexport default CalendarWithTimeWheelContext;\n"],"names":["noop","defaultCalendarWithTimeWheelContext","ariaCurrentValueForInputs","showCalendarWithTimeWheel","setPopperElement","setArrowElement","usePopperHelpers","handleSetTriggerRef","handleToggleCalendarWithTimeWheel","handleMenuWrapperKeyDown","handlePickerIconKeyDown","isControllerOnly","CalendarWithTimeWheelContext","createContext"],"mappings":";;;;;;AAiBA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAY,EAAzB;;IACaC,mCAAkE,GAAG;AAChFC,EAAAA,yBAAyB,EAAE,EADqD;AAEhFC,EAAAA,yBAAyB,EAAE,KAFqD;AAGhFC,EAAAA,gBAAgB,EAAEJ,IAH8D;AAIhFK,EAAAA,eAAe,EAAEL,IAJ+D;AAKhFM,EAAAA,gBAAgB,EAAE,IAL8D;AAMhFC,EAAAA,mBAAmB,EAAEP,IAN2D;AAOhFQ,EAAAA,iCAAiC,EAAER,IAP6C;AAQhFS,EAAAA,wBAAwB,EAAET,IARsD;AAShFU,EAAAA,uBAAuB,EAAEV,IATuD;AAUhFW,EAAAA,gBAAgB,EAAE;AAV8D;AAalF;;IACaC,4BAA4B,gBAAGC,mBAAa,CAACZ,mCAAD;;;;;;"}

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

@@ -7,20 +7,23 @@ var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../Con
 var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds = require('./Styleds.js');
 require('../../../ControlledDateTimePickerTypes.js');
 require('styled-components');
+require('@elliemae/ds-button');
 require('../Calendar/CalendarContent.js');
+require('../../../ControlledDateTimePickerDatatestid.js');
 require('../Calendar/CalendarBody.js');
 require('../Calendar/CalendarMonthDays.js');
 require('../Calendar/CalendarDaysList.js');
 require('../Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
 require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
 require('../Calendar/CalendarContext.js');
 require('../Calendar/Styleds.js');
-require('@elliemae/ds-button');
+require('@elliemae/ds-grid');
 require('../Calendar/CalendarWeekDays.js');
 require('../Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWithTimeWheelFooter.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.tsx"],"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"],"names":["CalendarWithTimeWheelFooter","useContext","ControlledDateTimePickerContext","props","pickerFooterMsg","hasError","undefined","React","CalendarWithTimeWheelFooterMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAmB;AAC5D,oBAEIC,gBAAU,CAACC,oFAAD,CAFd;AAAA,sCACEC,KADF;AAAA,MACWC,eADX,qBACWA,eADX;AAAA,MAC4BC,QAD5B,qBAC4BA,QAD5B;;AAGA,SAAOD,eAAe,KAAKE,SAApB,IAAiCD,QAAjC,gBACLE,wCAACC,uGAAD;AAAoC,IAAA,IAAI,EAAC;AAAzC,KAAkDJ,eAAlD,CADK,GAEH,IAFJ;AAGD;;;;"}
+{"version":3,"file":"CalendarWithTimeWheelFooter.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.tsx"],"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"],"names":["CalendarWithTimeWheelFooter","useContext","ControlledDateTimePickerContext","props","pickerFooterMsg","hasError","undefined","React","CalendarWithTimeWheelFooterMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAmB;AAC5D,oBAEIC,gBAAU,CAACC,oFAAD,CAFd;AAAA,sCACEC,KADF;AAAA,MACWC,eADX,qBACWA,eADX;AAAA,MAC4BC,QAD5B,qBAC4BA,QAD5B;;AAGA,SAAOD,eAAe,KAAKE,SAApB,IAAiCD,QAAjC,gBACLE,wCAACC,uGAAD;AAAoC,IAAA,IAAI,EAAC;AAAzC,KAAkDJ,eAAlD,CADK,GAEH,IAFJ;AAGD;;;;"}

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

@@ -3,15 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcon = require('@elliemae/ds-icon');
+var dsButton = require('@elliemae/ds-button');
 var DatePicker = require('@elliemae/ds-icons/DatePicker');
 var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
+var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds = require('./Styleds.js');
 var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+require('styled-components');
+require('../Calendar/CalendarContent.js');
+require('../Calendar/CalendarBody.js');
+require('../Calendar/CalendarMonthDays.js');
+require('../Calendar/CalendarDaysList.js');
+require('../Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
+require('../../../utils/dateHelpers.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
+require('../../../utils/stringHelpers.js');
+require('@babel/runtime/helpers/slicedToArray');
+require('../../../utils/numberHelpers.js');
+require('../../../ControlledDateTimePickerCTX.js');
+require('../../../ControlledDateTimePickerTypes.js');
+require('../Calendar/CalendarContext.js');
+require('../Calendar/Styleds.js');
+require('@elliemae/ds-grid');
+require('../Calendar/CalendarWeekDays.js');
+require('../Calendar/CalendarHead.js');
+require('@elliemae/ds-icons/ChevronDoubleLeft');
+require('@elliemae/ds-icons/ChevronLeft');
+require('@elliemae/ds-icons/ChevronRight');
+require('@elliemae/ds-icons/ChevronDoubleRight');
+require('../Calendar/CalendarFooter.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 
 // this is particularly useful due to how usePopper needs to check the references
@@ -21,21 +47,23 @@ var CalendarWithTimeWheelIconTrigger = function CalendarWithTimeWheelIconTrigger
   var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext),
       handleSetTriggerRef = _useContext.handleSetTriggerRef,
       handleToggleCalendarWithTimeWheel = _useContext.handleToggleCalendarWithTimeWheel,
-      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown;
+      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown,
+      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
 
   return React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-      "aria-label": "date time picker context menu trigger",
-      buttonType: "text",
-      leftIcon: /*#__PURE__*/React__default['default'].createElement(DatePicker__default['default'], null),
-      size: "m",
-      variant: DSButton.BUTTON_VARIANT.DEFAULT,
+    return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds.StyledIconTriggerButton, {
+      "aria-label": "date time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+      buttonType: "icon",
+      size: dsButton.BUTTON_SIZES.M,
+      variant: dsButton.BUTTON_VARIANT.DEFAULT,
       innerRef: handleSetTriggerRef,
       onClick: handleToggleCalendarWithTimeWheel,
       onKeyDown: handlePickerIconKeyDown,
       "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL
-    });
-  }, [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
+    }, /*#__PURE__*/React__default['default'].createElement(DatePicker__default['default'], {
+      color: dsIcon.DSIconColors.PRIMARY
+    }));
+  }, [ariaCurrentValueForInputs, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
 };
 
 exports.CalendarWithTimeWheelIconTrigger = CalendarWithTimeWheelIconTrigger;

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWithTimeWheelIconTrigger.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-basic/Button';\nimport DatePicker from '@elliemae/ds-icons/DatePicker';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\n\n// we memoize the Icon  for maximum optimization\n// this is particularly useful due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const CalendarWithTimeWheelIconTrigger = (): JSX.Element => {\n  const { handleSetTriggerRef, handleToggleCalendarWithTimeWheel, handlePickerIconKeyDown } =\n    useContext(CalendarWithTimeWheelContext);\n  return useMemo(\n    () => (\n      <DSButton\n        aria-label=\"date time picker context menu trigger\"\n        buttonType=\"text\"\n        leftIcon={<DatePicker />}\n        size=\"m\"\n        variant={BUTTON_VARIANT.DEFAULT}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendarWithTimeWheel}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL}\n      />\n    ),\n    [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel],\n  );\n};\n"],"names":["CalendarWithTimeWheelIconTrigger","useContext","CalendarWithTimeWheelContext","handleSetTriggerRef","handleToggleCalendarWithTimeWheel","handlePickerIconKeyDown","useMemo","React","DSButton","DatePicker","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","PICKER_ICONS","CALENDAR_TIMEWHEEL"],"mappings":";;;;;;;;;;;;;;;;AAOA;AACA;;IACaA,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAmB;AACjE,oBACEC,gBAAU,CAACC,sHAAD,CADZ;AAAA,MAAQC,mBAAR,eAAQA,mBAAR;AAAA,MAA6BC,iCAA7B,eAA6BA,iCAA7B;AAAA,MAAgEC,uBAAhE,eAAgEA,uBAAhE;;AAEA,SAAOC,aAAO,CACZ;AAAA,wBACEC,wCAACC,4BAAD;AACE,oBAAW,uCADb;AAEE,MAAA,UAAU,EAAC,MAFb;AAGE,MAAA,QAAQ,eAAED,wCAACE,8BAAD,OAHZ;AAIE,MAAA,IAAI,EAAC,GAJP;AAKE,MAAA,OAAO,EAAEC,uBAAc,CAACC,OAL1B;AAME,MAAA,QAAQ,EAAER,mBANZ;AAOE,MAAA,OAAO,EAAEC,iCAPX;AAQE,MAAA,SAAS,EAAEC,uBARb;AASE,qBAAaO,8FAAkC,CAACC,YAAnC,CAAgDC;AAT/D,MADF;AAAA,GADY,EAcZ,CAACT,uBAAD,EAA0BF,mBAA1B,EAA+CC,iCAA/C,CAdY,CAAd;AAgBD;;;;"}
+{"version":3,"file":"CalendarWithTimeWheelIconTrigger.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_VARIANT, BUTTON_SIZES } from '@elliemae/ds-button';\nimport DatePicker from '@elliemae/ds-icons/DatePicker';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\nimport { StyledIconTriggerButton } from './Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\n\n// we memoize the Icon  for maximum optimization\n// this is particularly useful due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const CalendarWithTimeWheelIconTrigger = (): JSX.Element => {\n  const { handleSetTriggerRef, handleToggleCalendarWithTimeWheel, handlePickerIconKeyDown, ariaCurrentValueForInputs } =\n    useContext(CalendarWithTimeWheelContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`date time picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        variant={BUTTON_VARIANT.DEFAULT}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendarWithTimeWheel}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL}\n      >\n        <DatePicker color={DSIconColors.PRIMARY} />\n      </StyledIconTriggerButton>\n    ),\n    [ariaCurrentValueForInputs, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel],\n  );\n};\n"],"names":["CalendarWithTimeWheelIconTrigger","useContext","CalendarWithTimeWheelContext","handleSetTriggerRef","handleToggleCalendarWithTimeWheel","handlePickerIconKeyDown","ariaCurrentValueForInputs","useMemo","React","StyledIconTriggerButton","BUTTON_SIZES","M","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","PICKER_ICONS","CALENDAR_TIMEWHEEL","DatePicker","DSIconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA;AACA;;IACaA,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAmB;AACjE,oBACEC,gBAAU,CAACC,sHAAD,CADZ;AAAA,MAAQC,mBAAR,eAAQA,mBAAR;AAAA,MAA6BC,iCAA7B,eAA6BA,iCAA7B;AAAA,MAAgEC,uBAAhE,eAAgEA,uBAAhE;AAAA,MAAyFC,yBAAzF,eAAyFA,yBAAzF;;AAEA,SAAOC,aAAO,CACZ;AAAA,wBACEC,wCAACC,4FAAD;AACE,qEAAsDH,yBAAtD,CADF;AAEE,MAAA,UAAU,EAAC,MAFb;AAGE,MAAA,IAAI,EAAEI,qBAAY,CAACC,CAHrB;AAIE,MAAA,OAAO,EAAEC,uBAAc,CAACC,OAJ1B;AAKE,MAAA,QAAQ,EAAEV,mBALZ;AAME,MAAA,OAAO,EAAEC,iCANX;AAOE,MAAA,SAAS,EAAEC,uBAPb;AAQE,qBAAaS,8FAAkC,CAACC,YAAnC,CAAgDC;AAR/D,oBAUER,wCAACS,8BAAD;AAAY,MAAA,KAAK,EAAEC,mBAAY,CAACC;AAAhC,MAVF,CADF;AAAA,GADY,EAeZ,CAACb,yBAAD,EAA4BD,uBAA5B,EAAqDF,mBAArD,EAA0EC,iCAA1E,CAfY,CAAd;AAiBD;;;;"}

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

@@ -5,10 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
+var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContent = require('./CalendarWithTimeWheelContent.js');
 var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
 require('./Styleds.js');
 require('styled-components');
+require('@elliemae/ds-button');
 require('../Calendar/CalendarContent.js');
 require('../Calendar/CalendarBody.js');
 require('../Calendar/CalendarMonthDays.js');
@@ -16,15 +18,15 @@ require('../Calendar/CalendarDaysList.js');
 require('../Calendar/Day.js');
 require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
 require('../../../ControlledDateTimePickerCTX.js');
 require('../../../ControlledDateTimePickerTypes.js');
 require('../Calendar/CalendarContext.js');
 require('../Calendar/Styleds.js');
-require('@elliemae/ds-button');
+require('@elliemae/ds-grid');
 require('../Calendar/CalendarWeekDays.js');
 require('../Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');
@@ -35,11 +37,8 @@ require('../Calendar/CalendarFooter.js');
 require('./CalendarWithTimeWheelFooter.js');
 require('../TimeWheel/TimeWheelContent.js');
 require('../TimeWheel/Styleds.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-basic/Button');
 require('../TimeWheel/HoursList.js');
-require('@elliemae/ds-icons/ChevronSmallUp');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('../TimeWheel/TimeWheelContext.js');
 require('../TimeWheel/MinutesList.js');
 require('../TimeWheel/MeridiemList.js');
@@ -70,7 +69,9 @@ var CalendarWithTimeWheelWrapper = function CalendarWithTimeWheelWrapper() {
       background: 'white',
       zIndex: 110
     })
-  }, attributes.popper), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, null), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, attributes.popper, {
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL
+  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, null), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: setArrowElement,
     style: styles.arrow
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWithTimeWheelWrapper.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\n\nexport const CalendarWithTimeWheelWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers: { attributes, styles },\n    isControllerOnly,\n  } = useContext(CalendarWithTimeWheelContext);\n  if (isControllerOnly) return <CalendarWithTimeWheelContent />;\n  return (\n    <div ref={setPopperElement} style={{ ...styles.popper, background: 'white', zIndex: 110 }} {...attributes.popper}>\n      <CalendarWithTimeWheelContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],"names":["CalendarWithTimeWheelWrapper","useContext","CalendarWithTimeWheelContext","setPopperElement","setArrowElement","usePopperHelpers","attributes","styles","isControllerOnly","React","CalendarWithTimeWheelContent","popper","background","zIndex","arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,4BAA4B,GAAG,SAA/BA,4BAA+B,GAAmB;AAC7D,oBAKIC,gBAAU,CAACC,sHAAD,CALd;AAAA,MACEC,gBADF,eACEA,gBADF;AAAA,MAEEC,eAFF,eAEEA,eAFF;AAAA,0CAGEC,gBAHF;AAAA,MAGsBC,UAHtB,yBAGsBA,UAHtB;AAAA,MAGkCC,MAHlC,yBAGkCA,MAHlC;AAAA,MAIEC,gBAJF,eAIEA,gBAJF;;AAMA,MAAIA,gBAAJ,EAAsB,oBAAOC,wCAACC,sHAAD,OAAP;AACtB,sBACED;AAAK,IAAA,GAAG,EAAEN,gBAAV;AAA4B,IAAA,KAAK,kCAAOI,MAAM,CAACI,MAAd;AAAsBC,MAAAA,UAAU,EAAE,OAAlC;AAA2CC,MAAAA,MAAM,EAAE;AAAnD;AAAjC,KAA+FP,UAAU,CAACK,MAA1G,gBACEF,wCAACC,sHAAD,OADF,eAEED;AAAK,IAAA,GAAG,EAAEL,eAAV;AAA2B,IAAA,KAAK,EAAEG,MAAM,CAACO;AAAzC,IAFF,CADF;AAMD;;;;"}
+{"version":3,"file":"CalendarWithTimeWheelWrapper.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\n\nexport const CalendarWithTimeWheelWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers: { attributes, styles },\n    isControllerOnly,\n  } = useContext(CalendarWithTimeWheelContext);\n  if (isControllerOnly) return <CalendarWithTimeWheelContent />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL}\n    >\n      <CalendarWithTimeWheelContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],"names":["CalendarWithTimeWheelWrapper","useContext","CalendarWithTimeWheelContext","setPopperElement","setArrowElement","usePopperHelpers","attributes","styles","isControllerOnly","React","CalendarWithTimeWheelContent","popper","background","zIndex","ControlledDateTimePickerDatatestid","CONTEXTUAL_MENU","CALENDAR_TIMEWHEEL","arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,4BAA4B,GAAG,SAA/BA,4BAA+B,GAAmB;AAC7D,oBAKIC,gBAAU,CAACC,sHAAD,CALd;AAAA,MACEC,gBADF,eACEA,gBADF;AAAA,MAEEC,eAFF,eAEEA,eAFF;AAAA,0CAGEC,gBAHF;AAAA,MAGsBC,UAHtB,yBAGsBA,UAHtB;AAAA,MAGkCC,MAHlC,yBAGkCA,MAHlC;AAAA,MAIEC,gBAJF,eAIEA,gBAJF;;AAMA,MAAIA,gBAAJ,EAAsB,oBAAOC,wCAACC,sHAAD,OAAP;AACtB,sBACED;AACE,IAAA,GAAG,EAAEN,gBADP;AAEE,IAAA,KAAK,kCAAOI,MAAM,CAACI,MAAd;AAAsBC,MAAAA,UAAU,EAAE,OAAlC;AAA2CC,MAAAA,MAAM,EAAE;AAAnD;AAFP,KAGMP,UAAU,CAACK,MAHjB;AAIE,mBAAaG,8FAAkC,CAACC,eAAnC,CAAmDC;AAJlE,mBAMEP,wCAACC,sHAAD,OANF,eAOED;AAAK,IAAA,GAAG,EAAEL,eAAV;AAA2B,IAAA,KAAK,EAAEG,MAAM,CAACU;AAAzC,IAPF,CADF;AAWD;;;;"}