@elliemae/ds-controlled-form 2.3.1 → 3.0.0-alpha.3

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js

@@ -0,0 +1,169 @@
+import * as React from "react";
+import { useMemo, useContext } from "react";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { usePopperTriggerLogic } from "./usePopperTriggerLogic";
+import { useCurrentDisplayedWheelsLogic } from "./useCurrentDisplayedWheelsLogic";
+import { useKeyboardHandlers } from "./useKeyboardHandlers";
+const useConfigTimePickerCTX = () => {
+  const {
+    props: { minutesInterval, getIsDisabledTime, disabled },
+    tempTimeString,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    isControllerOnly,
+    autoFocusHourTimeWheel,
+    ariaCurrentValueForInputs
+  } = useContext(ControlledDateTimePickerContext);
+  const {
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem
+  } = useCurrentDisplayedWheelsLogic({ minutesInterval });
+  const {
+    showTimePicker,
+    setShowTimePicker,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleTimePicker,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown
+  } = usePopperTriggerLogic();
+  const {
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown
+  } = useKeyboardHandlers({
+    handlePrevHour,
+    handleNextHour,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMeridiem
+  });
+  return useMemo(() => ({
+    tempTimeString,
+    isControllerOnly,
+    autoFocusHourTimeWheel,
+    showTimePicker,
+    setShowTimePicker,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleTimePicker,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem,
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    getIsDisabledTime,
+    ariaCurrentValueForInputs,
+    disabled
+  }), [
+    tempTimeString,
+    isControllerOnly,
+    autoFocusHourTimeWheel,
+    showTimePicker,
+    setShowTimePicker,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleTimePicker,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem,
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    getIsDisabledTime,
+    ariaCurrentValueForInputs,
+    disabled
+  ]);
+};
+export {
+  useConfigTimePickerCTX
+};
+//# sourceMappingURL=useConfigTimePickerCTX.js.map

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useContext } from 'react';\nimport { TimeWheelContextT } from './TimeWheelContext';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { usePopperTriggerLogic } from './usePopperTriggerLogic';\nimport { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic';\nimport { useKeyboardHandlers } from './useKeyboardHandlers';\n\nexport const useConfigTimePickerCTX = (): TimeWheelContextT => {\n  const {\n    props: { minutesInterval, getIsDisabledTime, disabled },\n    tempTimeString,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    prevMinutesBtnRef,\n    currMinutesBtnRef,\n    nextMinutesBtnRef,\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    isControllerOnly,\n    autoFocusHourTimeWheel,\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const {\n    currHourNum,\n    hours,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    currMinuteNum,\n    minutes,\n    visibleMinutes,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMinutes,\n    meridiem,\n    handleTimeWheelBtnChangeMeridiem,\n  } = useCurrentDisplayedWheelsLogic({ minutesInterval });\n\n  const {\n    showTimePicker,\n    setShowTimePicker,\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers,\n    handleToggleTimePicker,\n    handleSetTriggerRef,\n    handleMenuWrapperKeyDown,\n  } = usePopperTriggerLogic();\n\n  const {\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    handlePrevMinuteBtnOnKeyDown,\n    handleCurrMinutesOnKeyDown,\n    handleNextMinuteBtnOnKeyDown,\n    handlePrevMeridiemBtnOnKeyDown,\n    handleCurrMeridiemOnKeyDown,\n    handleNextMeridiemBtnOnKeyDown,\n    handlePickerIconKeyDown,\n  } = useKeyboardHandlers({\n    handlePrevHour,\n    handleNextHour,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMeridiem,\n  });\n\n  return useMemo(\n    () => ({\n      tempTimeString,\n      isControllerOnly,\n      autoFocusHourTimeWheel,\n\n      showTimePicker,\n      setShowTimePicker,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleTimePicker,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n\n      currHourNum,\n      hours,\n      visibleHours,\n      handlePrevHour,\n      handleNextHour,\n      handleTimeWheelBtnChangeHours,\n      currMinuteNum,\n      minutes,\n      visibleMinutes,\n      handlePrevMinute,\n      handleNextMinute,\n      handleTimeWheelBtnChangeMinutes,\n      meridiem,\n      handleTimeWheelBtnChangeMeridiem,\n\n      handlePrevHourBtnOnKeyDown,\n      handleCurrHourOnKeyDown,\n      handleNextHourBtnOnKeyDown,\n      handlePrevMinuteBtnOnKeyDown,\n      handleCurrMinutesOnKeyDown,\n      handleNextMinuteBtnOnKeyDown,\n      handlePrevMeridiemBtnOnKeyDown,\n      handleCurrMeridiemOnKeyDown,\n      handleNextMeridiemBtnOnKeyDown,\n      handlePickerIconKeyDown,\n\n      prevHourBtnRef,\n      currHourBtnRef,\n      nextHourBtnRef,\n      prevMinutesBtnRef,\n      currMinutesBtnRef,\n      nextMinutesBtnRef,\n      prevMeridiemBtnRef,\n      currMeridiemBtnRef,\n      nextMeridiemBtnRef,\n\n      getIsDisabledTime,\n      ariaCurrentValueForInputs,\n      disabled,\n    }),\n    [\n      tempTimeString,\n      isControllerOnly,\n      autoFocusHourTimeWheel,\n      showTimePicker,\n      setShowTimePicker,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleTimePicker,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      currHourNum,\n      hours,\n      visibleHours,\n      handlePrevHour,\n      handleNextHour,\n      handleTimeWheelBtnChangeHours,\n      currMinuteNum,\n      minutes,\n      visibleMinutes,\n      handlePrevMinute,\n      handleNextMinute,\n      handleTimeWheelBtnChangeMinutes,\n      meridiem,\n      handleTimeWheelBtnChangeMeridiem,\n      handlePrevHourBtnOnKeyDown,\n      handleCurrHourOnKeyDown,\n      handleNextHourBtnOnKeyDown,\n      handlePrevMinuteBtnOnKeyDown,\n      handleCurrMinutesOnKeyDown,\n      handleNextMinuteBtnOnKeyDown,\n      handlePrevMeridiemBtnOnKeyDown,\n      handleCurrMeridiemOnKeyDown,\n      handleNextMeridiemBtnOnKeyDown,\n      handlePickerIconKeyDown,\n      prevHourBtnRef,\n      currHourBtnRef,\n      nextHourBtnRef,\n      prevMinutesBtnRef,\n      currMinutesBtnRef,\n      nextMinutesBtnRef,\n      prevMeridiemBtnRef,\n      currMeridiemBtnRef,\n      nextMeridiemBtnRef,\n      getIsDisabledTime,\n      ariaCurrentValueForInputs,\n      disabled,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA;ACEA;AAEA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MAAyB;AAC7D,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,mBAAmB;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,+BAA+B,EAAE;AAErC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js

@@ -0,0 +1,131 @@
+import * as React from "react";
+import { useMemo, useCallback } from "react";
+import { useTimeInputs } from "../../TimeInputs/useTimeInputs";
+import { convertToPositiveNumberIfPossible } from "../../../utils/numberHelpers";
+import { prependStringWithPlaceHolders } from "../../../utils/stringHelpers";
+const totalHoursList = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"];
+const hoursInterval = 1;
+const hoursStartPositionOffset = 1;
+const getTotalMinuteListWithStep = (step = 1) => {
+  const length = Math.ceil(60 / step);
+  return new Array(length).fill("_").map((_v, i) => prependStringWithPlaceHolders(`${i * step}`, 2));
+};
+const useCurrentDisplayedWheelsLogic = ({
+  minutesInterval
+}) => {
+  const {
+    hours,
+    minutes,
+    meridiem = "AM",
+    handleChangeHours,
+    handleChangeMinutes,
+    handleChangeMeridiem
+  } = useTimeInputs();
+  const currHourNum = useMemo(() => {
+    const hoursAsNum = convertToPositiveNumberIfPossible(hours);
+    if (hoursAsNum === -1)
+      return 1;
+    return hoursAsNum;
+  }, [hours]);
+  const currMinuteNum = useMemo(() => {
+    const minutesAsNum = convertToPositiveNumberIfPossible(minutes);
+    if (minutesAsNum === -1)
+      return 0;
+    return minutesAsNum;
+  }, [minutes]);
+  const totalMinutesList = useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);
+  const currMinuteIndex = useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);
+  const currHoursIndex = useMemo(() => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset, [currHourNum]);
+  const visibleHours = useMemo(() => {
+    const newHours = [];
+    if (currHoursIndex >= 1)
+      newHours.push(totalHoursList[currHoursIndex - 1]);
+    else
+      newHours.push(null);
+    newHours.push(totalHoursList[currHoursIndex]);
+    if (currHoursIndex <= 11)
+      newHours.push(totalHoursList[currHoursIndex + 1]);
+    else
+      newHours.push(null);
+    return newHours;
+  }, [currHoursIndex]);
+  const visibleMinutes = useMemo(() => {
+    const newMinutes = [];
+    if (currMinuteIndex >= 1)
+      newMinutes.push(totalMinutesList[currMinuteIndex - 1]);
+    else
+      newMinutes.push(null);
+    newMinutes.push(totalMinutesList[currMinuteIndex]);
+    if (currMinuteIndex < totalMinutesList.length)
+      newMinutes.push(totalMinutesList[currMinuteIndex + 1]);
+    else
+      newMinutes.push(null);
+    return newMinutes;
+  }, [currMinuteIndex, totalMinutesList]);
+  const handleTimeWheelBtnChangeHours = useCallback((newHours, e) => {
+    handleChangeHours(newHours, e);
+  }, [handleChangeHours]);
+  const handleChangeCurrHour = useCallback((offset, e) => {
+    const newH = currHourNum + offset;
+    if (newH > 0 && newH <= 12)
+      handleChangeHours(prependStringWithPlaceHolders(`${newH}`, 2), e);
+  }, [currHourNum, handleChangeHours]);
+  const handlePrevHour = useCallback((e) => {
+    handleChangeCurrHour(-1, e);
+  }, [handleChangeCurrHour]);
+  const handleNextHour = useCallback((e) => {
+    handleChangeCurrHour(1, e);
+  }, [handleChangeCurrHour]);
+  const handleTimeWheelBtnChangeMinutes = useCallback((newMinutes, e) => {
+    handleChangeMinutes(newMinutes, e);
+  }, [handleChangeMinutes]);
+  const handleChangeCurrMinute = useCallback((offset, e) => {
+    const newM = currMinuteNum + offset;
+    if (newM >= 0 && newM <= 59)
+      handleChangeMinutes(prependStringWithPlaceHolders(`${newM}`, 2), e);
+  }, [currMinuteNum, handleChangeMinutes]);
+  const handlePrevMinute = useCallback((e) => {
+    handleChangeCurrMinute(-minutesInterval, e);
+  }, [handleChangeCurrMinute, minutesInterval]);
+  const handleNextMinute = useCallback((e) => {
+    handleChangeCurrMinute(minutesInterval, e);
+  }, [handleChangeCurrMinute, minutesInterval]);
+  const handleTimeWheelBtnChangeMeridiem = useCallback((newMeridiem, e) => {
+    handleChangeMeridiem(newMeridiem, e);
+  }, [handleChangeMeridiem]);
+  return useMemo(() => ({
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem
+  }), [
+    currHourNum,
+    currMinuteNum,
+    handleNextHour,
+    handleNextMinute,
+    handlePrevHour,
+    handlePrevMinute,
+    handleTimeWheelBtnChangeHours,
+    handleTimeWheelBtnChangeMeridiem,
+    handleTimeWheelBtnChangeMinutes,
+    hours,
+    meridiem,
+    minutes,
+    visibleHours,
+    visibleMinutes
+  ]);
+};
+export {
+  useCurrentDisplayedWheelsLogic
+};
+//# sourceMappingURL=useCurrentDisplayedWheelsLogic.js.map

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback } from 'react';\nimport { useTimeInputs } from '../../TimeInputs/useTimeInputs';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { prependStringWithPlaceHolders } from '../../../utils/stringHelpers';\nimport type { useCurrentDisplayedWheelsLogicT } from './TimeWheelContext';\n\ntype useCurrentDisplayedWheelsLogicArgsT = { minutesInterval: number };\nconst totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];\nconst hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled\nconst hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...\n\nconst getTotalMinuteListWithStep = (step = 1) => {\n  const length = Math.ceil(60 / step);\n  return new Array(length).fill('_').map((_v, i) => prependStringWithPlaceHolders(`${i * step}`, 2));\n};\n\nexport const useCurrentDisplayedWheelsLogic = ({\n  minutesInterval,\n}: useCurrentDisplayedWheelsLogicArgsT): useCurrentDisplayedWheelsLogicT => {\n  const {\n    hours,\n    minutes,\n    // seconds,\n    meridiem = 'AM',\n    handleChangeHours,\n    handleChangeMinutes,\n    // handleChangeSeconds,\n    handleChangeMeridiem,\n  } = useTimeInputs();\n  const currHourNum = useMemo(() => {\n    const hoursAsNum = convertToPositiveNumberIfPossible(hours);\n    if (hoursAsNum === -1) return 1;\n    return hoursAsNum;\n  }, [hours]);\n  const currMinuteNum = useMemo(() => {\n    const minutesAsNum = convertToPositiveNumberIfPossible(minutes);\n    if (minutesAsNum === -1) return 0;\n    return minutesAsNum;\n  }, [minutes]);\n  const totalMinutesList = useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);\n  const currMinuteIndex = useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);\n  const currHoursIndex = useMemo(\n    () => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset,\n    [currHourNum],\n  );\n  // const currSecondNum = useMemo(() => {\n  //   const secondsAsNum = convertToPositiveNumberIfPossible(seconds);\n  //   if (secondsAsNum === -1) return 0;\n  //   return secondsAsNum;\n  // }, [seconds]);\n\n  const visibleHours = useMemo(() => {\n    const newHours = [];\n    // if (currHoursIndex >= 2) newHours.push(totalHoursList[currHoursIndex - 2]);\n    // else newHours.push(null);\n    if (currHoursIndex >= 1) newHours.push(totalHoursList[currHoursIndex - 1]);\n    else newHours.push(null);\n    newHours.push(totalHoursList[currHoursIndex]);\n    if (currHoursIndex <= 11) newHours.push(totalHoursList[currHoursIndex + 1]);\n    else newHours.push(null);\n    // if (currHoursIndex <= 10) newHours.push(totalHoursList[currHoursIndex + 2]);\n    // else newHours.push(null);\n    return newHours;\n  }, [currHoursIndex]);\n  const visibleMinutes = useMemo(() => {\n    const newMinutes = [];\n    // if (currMinuteIndex >= 2)\n    //   newMinutes.push(totalMinutesList[currMinuteIndex - 2]);\n    // else newMinutes.push(null);\n    if (currMinuteIndex >= 1) newMinutes.push(totalMinutesList[currMinuteIndex - 1]);\n    else newMinutes.push(null);\n    newMinutes.push(totalMinutesList[currMinuteIndex]);\n    if (currMinuteIndex < totalMinutesList.length) newMinutes.push(totalMinutesList[currMinuteIndex + 1]);\n    else newMinutes.push(null);\n    // if (currMinuteIndex < totalMinutesList.length -1)\n    //   newMinutes.push(totalMinutesList[currMinuteIndex + 2]);\n    // else newMinutes.push(null);\n    return newMinutes;\n  }, [currMinuteIndex, totalMinutesList]);\n  // const visibleSeconds = useMemo(() => {\n  //   const newSeconds = [];\n  //   if (currSecondNum >= 3)\n  //     newSeconds.push(totalMinutesList[currSecondNum - 3]);\n  //   else newSeconds.push(null);\n  //   if (currSecondNum >= 2)\n  //     newSeconds.push(totalMinutesList[currSecondNum - 2]);\n  //   else newSeconds.push(null);\n  //   newSeconds.push(totalMinutesList[currSecondNum - 1]);\n  //   if (currSecondNum <= 59) newSeconds.push(totalMinutesList[currSecondNum]);\n  //   else newSeconds.push(null);\n  //   if (currSecondNum <= 58)\n  //     newSeconds.push(totalMinutesList[currSecondNum + 1]);\n  //   else newSeconds.push(null);\n  //   return newSeconds;\n  // }, [currSecondNum]);\n\n  const handleTimeWheelBtnChangeHours = useCallback(\n    (newHours, e) => {\n      handleChangeHours(newHours, e);\n    },\n    [handleChangeHours],\n  );\n  const handleChangeCurrHour = useCallback(\n    (offset, e) => {\n      const newH = currHourNum + offset;\n      if (newH > 0 && newH <= 12) handleChangeHours(prependStringWithPlaceHolders(`${newH}`, 2), e);\n    },\n    [currHourNum, handleChangeHours],\n  );\n  const handlePrevHour = useCallback(\n    (e) => {\n      handleChangeCurrHour(-1, e);\n    },\n    [handleChangeCurrHour],\n  );\n  const handleNextHour = useCallback(\n    (e) => {\n      handleChangeCurrHour(1, e);\n    },\n    [handleChangeCurrHour],\n  );\n\n  const handleTimeWheelBtnChangeMinutes = useCallback(\n    (newMinutes, e) => {\n      handleChangeMinutes(newMinutes, e);\n    },\n    [handleChangeMinutes],\n  );\n  const handleChangeCurrMinute = useCallback(\n    (offset, e) => {\n      const newM = currMinuteNum + offset;\n      if (newM >= 0 && newM <= 59) handleChangeMinutes(prependStringWithPlaceHolders(`${newM}`, 2), e);\n    },\n    [currMinuteNum, handleChangeMinutes],\n  );\n  const handlePrevMinute = useCallback(\n    (e) => {\n      handleChangeCurrMinute(-minutesInterval, e);\n    },\n    [handleChangeCurrMinute, minutesInterval],\n  );\n  const handleNextMinute = useCallback(\n    (e) => {\n      handleChangeCurrMinute(minutesInterval, e);\n    },\n    [handleChangeCurrMinute, minutesInterval],\n  );\n\n  // const handleTimeWheelBtnChangeSeconds = useCallback(\n  //   (newSeconds, e) => {\n  //     handleChangeSeconds(newSeconds, e);\n  //   },\n  //   [handleChangeSeconds],\n  // );\n  // const handleChangeCurrSecond = useCallback(\n  //   (offset, e) => {\n  //     const newS = currSecondNum + offset;\n  //     if (newS >= 0 && newS <= 59)\n  //       handleChangeSeconds(prependStringWithPlaceHolders(`${newS}`, 2), e);\n  //   },\n  //   [currSecondNum, handleChangeSeconds],\n  // );\n  // const handlePrevSecond = useCallback(\n  //   (e) => {\n  //     handleChangeCurrSecond(-1, e);\n  //   },\n  //   [handleChangeCurrSecond],\n  // );\n  // const handleNextSecond = useCallback(\n  //   (e) => {\n  //     handleChangeCurrSecond(1, e);\n  //   },\n  //   [handleChangeCurrSecond],\n  // );\n\n  const handleTimeWheelBtnChangeMeridiem = useCallback(\n    (newMeridiem, e) => {\n      handleChangeMeridiem(newMeridiem, e);\n    },\n    [handleChangeMeridiem],\n  );\n\n  return useMemo(\n    () => ({\n      currHourNum,\n      hours,\n      visibleHours,\n      handlePrevHour,\n      handleNextHour,\n      handleTimeWheelBtnChangeHours,\n      currMinuteNum,\n      minutes,\n      visibleMinutes,\n      handlePrevMinute,\n      handleNextMinute,\n      handleTimeWheelBtnChangeMinutes,\n      // currSecondNum,\n      // seconds,\n      // visibleSeconds,\n      // handlePrevSecond,\n      // handleNextSecond,\n      // handleTimeWheelBtnChangeSeconds,\n      meridiem,\n      handleTimeWheelBtnChangeMeridiem,\n    }),\n    [\n      currHourNum,\n      currMinuteNum,\n      // currSecondNum,\n      handleNextHour,\n      handleNextMinute,\n      // handleNextSecond,\n      handlePrevHour,\n      handlePrevMinute,\n      // handlePrevSecond,\n      handleTimeWheelBtnChangeHours,\n      handleTimeWheelBtnChangeMeridiem,\n      handleTimeWheelBtnChangeMinutes,\n      // handleTimeWheelBtnChangeSeconds,\n      hours,\n      meridiem,\n      minutes,\n      // seconds,\n      visibleHours,\n      visibleMinutes,\n      // visibleSeconds,\n    ],\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,321 @@
+import * as React from "react";
+import { useMemo, useCallback, useContext } from "react";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { homeEndAllArrowKeys, homeEndKeys } from "../../../utils/constants";
+const useKeyboardHandlers = ({
+  handlePrevHour,
+  handleNextHour,
+  handlePrevMinute,
+  handleNextMinute,
+  handleTimeWheelBtnChangeMeridiem
+}) => {
+  const {
+    withAnyInputs,
+    isWithTimeInputs,
+    isWithDateInputs,
+    isWithCalendarToo,
+    isControllerOnly,
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    meridiemInputRef,
+    yearInputRef,
+    prevMonthBtnRef,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef
+  } = useContext(ControlledDateTimePickerContext);
+  const onHomeKeyDownInsideTimeWheel = useCallback(() => {
+    if (isWithCalendarToo)
+      prevMonthBtnRef?.current?.focus?.();
+    else
+      currHourBtnRef?.current?.focus?.();
+  }, [currHourBtnRef, isWithCalendarToo, prevMonthBtnRef]);
+  const onEndKeyDownInsideTimeWheel = useCallback(() => {
+    currMeridiemBtnRef?.current?.focus?.();
+  }, [currMeridiemBtnRef]);
+  const onHomeKeyDownTriggerIcon = useCallback(() => {
+    if (!hideDate)
+      monthInputRef?.current?.focus?.();
+    else if (!hideTime)
+      hourInputRef?.current?.focus?.();
+  }, [hideDate, hideTime, monthInputRef, hourInputRef]);
+  const handlePickerIconKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndKeys.includes(key))
+      e.preventDefault();
+    if (homeEndKeys.includes(key))
+      e.stopPropagation();
+    if (key === "Home")
+      onHomeKeyDownTriggerIcon();
+    if (key === "Backspace" && withAnyInputs) {
+      if (isWithTimeInputs)
+        meridiemInputRef?.current?.focus?.();
+      else if (isWithDateInputs)
+        yearInputRef?.current?.focus?.();
+    }
+  }, [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onHomeKeyDownTriggerIcon, withAnyInputs, yearInputRef]);
+  const handleCurrHourOnKeyDown = useCallback((e) => {
+    const { key, shiftKey } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    let didTriggerHourChange = false;
+    if (key === "ArrowUp") {
+      handlePrevHour(e);
+      didTriggerHourChange = true;
+    }
+    if (key === "ArrowDown") {
+      handleNextHour(e);
+      didTriggerHourChange = true;
+    }
+    if (key === "ArrowRight") {
+      currMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+    if (didTriggerHourChange)
+      setTimeout(() => currHourBtnRef?.current?.focus?.());
+    if (!isControllerOnly) {
+      if (key === "Tab" && shiftKey && !isWithCalendarToo) {
+        e.preventDefault();
+        currMeridiemBtnRef?.current?.focus?.();
+      }
+    }
+  }, [
+    currHourBtnRef,
+    currMeridiemBtnRef,
+    currMinutesBtnRef,
+    handleNextHour,
+    handlePrevHour,
+    isControllerOnly,
+    isWithCalendarToo,
+    onEndKeyDownInsideTimeWheel,
+    onHomeKeyDownInsideTimeWheel
+  ]);
+  const handleCurrMinutesOnKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    let didTriggerMinuteChange = false;
+    if (key === "ArrowUp") {
+      handlePrevMinute(e);
+      didTriggerMinuteChange = true;
+    }
+    if (key === "ArrowDown") {
+      handleNextMinute(e);
+      didTriggerMinuteChange = true;
+    }
+    if (key === "ArrowLeft") {
+      currHourBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowRight") {
+      currMeridiemBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+    if (didTriggerMinuteChange)
+      setTimeout(() => currMinutesBtnRef?.current?.focus?.());
+  }, [
+    onHomeKeyDownInsideTimeWheel,
+    onEndKeyDownInsideTimeWheel,
+    handlePrevMinute,
+    handleNextMinute,
+    currHourBtnRef,
+    currMeridiemBtnRef,
+    currMinutesBtnRef
+  ]);
+  const handleCurrMeridiemOnKeyDown = useCallback((e) => {
+    const { key, shiftKey } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    let didTriggerMeridiemChange = false;
+    if (key === "ArrowUp") {
+      handleTimeWheelBtnChangeMeridiem("AM", e);
+      didTriggerMeridiemChange = true;
+    }
+    if (key === "ArrowDown") {
+      handleTimeWheelBtnChangeMeridiem("PM", e);
+      didTriggerMeridiemChange = true;
+    }
+    if (key === "ArrowLeft") {
+      currMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+    if (didTriggerMeridiemChange)
+      setTimeout(() => currMeridiemBtnRef?.current?.focus?.());
+    if (!isControllerOnly) {
+      if (key === "Tab" && !shiftKey) {
+        e.preventDefault();
+        if (isWithCalendarToo)
+          prevMonthBtnRef?.current?.focus?.();
+        else
+          currHourBtnRef?.current?.focus?.();
+      }
+    }
+  }, [
+    currHourBtnRef,
+    currMeridiemBtnRef,
+    currMinutesBtnRef,
+    handleTimeWheelBtnChangeMeridiem,
+    isControllerOnly,
+    isWithCalendarToo,
+    onEndKeyDownInsideTimeWheel,
+    onHomeKeyDownInsideTimeWheel,
+    prevMonthBtnRef
+  ]);
+  const handlePrevHourBtnOnKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowRight") {
+      prevMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowDown") {
+      currHourBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+  }, [currHourBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef]);
+  const handlePrevMinuteBtnOnKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowRight") {
+      prevMeridiemBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowLeft") {
+      prevHourBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowDown") {
+      currMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+  }, [currMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevHourBtnRef, prevMeridiemBtnRef]);
+  const handlePrevMeridiemBtnOnKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowLeft") {
+      prevMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowDown") {
+      currMeridiemBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+  }, [currMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef]);
+  const handleNextHourBtnOnKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowRight") {
+      nextMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowUp") {
+      currHourBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+  }, [currHourBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
+  const handleNextMinuteBtnOnKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowRight") {
+      nextMeridiemBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowLeft") {
+      nextHourBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowUp") {
+      currMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+  }, [currMinutesBtnRef, nextHourBtnRef, nextMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
+  const handleNextMeridiemBtnOnKeyDown = useCallback((e) => {
+    const { key } = e;
+    if (homeEndAllArrowKeys.includes(key))
+      e.preventDefault();
+    if (homeEndAllArrowKeys.includes(key))
+      e.stopPropagation();
+    if (key === "ArrowLeft") {
+      nextMinutesBtnRef?.current?.focus?.();
+    }
+    if (key === "ArrowUp") {
+      currMeridiemBtnRef?.current?.focus?.();
+    }
+    if (key === "Home")
+      onHomeKeyDownInsideTimeWheel();
+    if (key === "End")
+      onEndKeyDownInsideTimeWheel();
+  }, [currMeridiemBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
+  return useMemo(() => ({
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown
+  }), [
+    handleCurrHourOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevHourBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handlePickerIconKeyDown
+  ]);
+};
+export {
+  useKeyboardHandlers
+};
+//# sourceMappingURL=useKeyboardHandlers.js.map