@elliemae/ds-controlled-form 2.3.0-next.3 → 3.0.0-alpha.0

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

@@ -0,0 +1,198 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useConfigTimePickerCTX_exports = {};
+__export(useConfigTimePickerCTX_exports, {
+  useConfigTimePickerCTX: () => useConfigTimePickerCTX
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_usePopperTriggerLogic = require("./usePopperTriggerLogic");
+var import_useCurrentDisplayedWheelsLogic = require("./useCurrentDisplayedWheelsLogic");
+var import_useKeyboardHandlers = require("./useKeyboardHandlers");
+const useConfigTimePickerCTX = () => {
+  const {
+    props: { minutesInterval, getIsDisabledTime, disabled },
+    tempTimeString,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    isControllerOnly,
+    autoFocusHourTimeWheel,
+    ariaCurrentValueForInputs
+  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const {
+    currHourNum,
+    hours,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    currMinuteNum,
+    minutes,
+    visibleMinutes,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMinutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem
+  } = (0, import_useCurrentDisplayedWheelsLogic.useCurrentDisplayedWheelsLogic)({ minutesInterval });
+  const {
+    showTimePicker,
+    setShowTimePicker,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleTimePicker,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown
+  } = (0, import_usePopperTriggerLogic.usePopperTriggerLogic)();
+  const {
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    handlePrevMinuteBtnOnKeyDown,
+    handleCurrMinutesOnKeyDown,
+    handleNextMinuteBtnOnKeyDown,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    handlePickerIconKeyDown
+  } = (0, import_useKeyboardHandlers.useKeyboardHandlers)({
+    handlePrevHour,
+    handleNextHour,
+    handlePrevMinute,
+    handleNextMinute,
+    handleTimeWheelBtnChangeMeridiem
+  });
+  return (0, import_react.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
+  ]);
+};
+module.exports = __toCommonJS(useConfigTimePickerCTX_exports);
+//# sourceMappingURL=useConfigTimePickerCTX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAoC;AAEpC,yCAAgD;AAChD,mCAAsC;AACtC,4CAA+C;AAC/C,iCAAoC;AAE7B,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,6BAAW;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,0EAA+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,oDAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SAAO,0BACL,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/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js

@@ -0,0 +1,160 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useCurrentDisplayedWheelsLogic_exports = {};
+__export(useCurrentDisplayedWheelsLogic_exports, {
+  useCurrentDisplayedWheelsLogic: () => useCurrentDisplayedWheelsLogic
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_useTimeInputs = require("../../TimeInputs/useTimeInputs");
+var import_numberHelpers = require("../../../utils/numberHelpers");
+var import_stringHelpers = require("../../../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) => (0, import_stringHelpers.prependStringWithPlaceHolders)(`${i * step}`, 2));
+};
+const useCurrentDisplayedWheelsLogic = ({
+  minutesInterval
+}) => {
+  const {
+    hours,
+    minutes,
+    meridiem = "AM",
+    handleChangeHours,
+    handleChangeMinutes,
+    handleChangeMeridiem
+  } = (0, import_useTimeInputs.useTimeInputs)();
+  const currHourNum = (0, import_react.useMemo)(() => {
+    const hoursAsNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hours);
+    if (hoursAsNum === -1)
+      return 1;
+    return hoursAsNum;
+  }, [hours]);
+  const currMinuteNum = (0, import_react.useMemo)(() => {
+    const minutesAsNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(minutes);
+    if (minutesAsNum === -1)
+      return 0;
+    return minutesAsNum;
+  }, [minutes]);
+  const totalMinutesList = (0, import_react.useMemo)(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);
+  const currMinuteIndex = (0, import_react.useMemo)(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);
+  const currHoursIndex = (0, import_react.useMemo)(() => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset, [currHourNum]);
+  const visibleHours = (0, import_react.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 = (0, import_react.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 = (0, import_react.useCallback)((newHours, e) => {
+    handleChangeHours(newHours, e);
+  }, [handleChangeHours]);
+  const handleChangeCurrHour = (0, import_react.useCallback)((offset, e) => {
+    const newH = currHourNum + offset;
+    if (newH > 0 && newH <= 12)
+      handleChangeHours((0, import_stringHelpers.prependStringWithPlaceHolders)(`${newH}`, 2), e);
+  }, [currHourNum, handleChangeHours]);
+  const handlePrevHour = (0, import_react.useCallback)((e) => {
+    handleChangeCurrHour(-1, e);
+  }, [handleChangeCurrHour]);
+  const handleNextHour = (0, import_react.useCallback)((e) => {
+    handleChangeCurrHour(1, e);
+  }, [handleChangeCurrHour]);
+  const handleTimeWheelBtnChangeMinutes = (0, import_react.useCallback)((newMinutes, e) => {
+    handleChangeMinutes(newMinutes, e);
+  }, [handleChangeMinutes]);
+  const handleChangeCurrMinute = (0, import_react.useCallback)((offset, e) => {
+    const newM = currMinuteNum + offset;
+    if (newM >= 0 && newM <= 59)
+      handleChangeMinutes((0, import_stringHelpers.prependStringWithPlaceHolders)(`${newM}`, 2), e);
+  }, [currMinuteNum, handleChangeMinutes]);
+  const handlePrevMinute = (0, import_react.useCallback)((e) => {
+    handleChangeCurrMinute(-minutesInterval, e);
+  }, [handleChangeCurrMinute, minutesInterval]);
+  const handleNextMinute = (0, import_react.useCallback)((e) => {
+    handleChangeCurrMinute(minutesInterval, e);
+  }, [handleChangeCurrMinute, minutesInterval]);
+  const handleTimeWheelBtnChangeMeridiem = (0, import_react.useCallback)((newMeridiem, e) => {
+    handleChangeMeridiem(newMeridiem, e);
+  }, [handleChangeMeridiem]);
+  return (0, import_react.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
+  ]);
+};
+module.exports = __toCommonJS(useCurrentDisplayedWheelsLogic_exports);
+//# sourceMappingURL=useCurrentDisplayedWheelsLogic.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}