@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,130 +1,153 @@
-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) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var useTimeInputs = require('../../TimeInputs/useTimeInputs.js');
+var numberHelpers = require('../../../utils/numberHelpers.js');
+var stringHelpers = require('../../../utils/stringHelpers.js');
+
+const totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
+const hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled
+
+const hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...
+
+const getTotalMinuteListWithStep = function () {
+  let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   const length = Math.ceil(60 / step);
-  return new Array(length).fill("_").map((_v, i) => (0, import_stringHelpers.prependStringWithPlaceHolders)(`${i * step}`, 2));
+  return new Array(length).fill('_').map((_v, i) => stringHelpers.prependStringWithPlaceHolders("".concat(i * step), 2));
 };
-const useCurrentDisplayedWheelsLogic = ({
-  minutesInterval
-}) => {
+
+const useCurrentDisplayedWheelsLogic = _ref => {
+  let {
+    minutesInterval
+  } = _ref;
   const {
     hours,
     minutes,
-    meridiem = "AM",
+    // seconds,
+    meridiem = 'AM',
     handleChangeHours,
     handleChangeMinutes,
+    // handleChangeSeconds,
     handleChangeMeridiem
-  } = (0, import_useTimeInputs.useTimeInputs)();
-  const currHourNum = (0, import_react.useMemo)(() => {
-    const hoursAsNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hours);
-    if (hoursAsNum === -1)
-      return 1;
+  } = useTimeInputs.useTimeInputs();
+  const currHourNum = React.useMemo(() => {
+    const hoursAsNum = 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;
+  const currMinuteNum = React.useMemo(() => {
+    const minutesAsNum = 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);
+  const totalMinutesList = React.useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);
+  const currMinuteIndex = React.useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);
+  const currHoursIndex = React.useMemo(() => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset, [currHourNum]); // const currSecondNum = useMemo(() => {
+  //   const secondsAsNum = convertToPositiveNumberIfPossible(seconds);
+  //   if (secondsAsNum === -1) return 0;
+  //   return secondsAsNum;
+  // }, [seconds]);
+
+  const visibleHours = React.useMemo(() => {
+    const newHours = []; // if (currHoursIndex >= 2) newHours.push(totalHoursList[currHoursIndex - 2]);
+    // else newHours.push(null);
+
+    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);
+    if (currHoursIndex <= 11) newHours.push(totalHoursList[currHoursIndex + 1]);else newHours.push(null); // if (currHoursIndex <= 10) newHours.push(totalHoursList[currHoursIndex + 2]);
+    // 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);
+  const visibleMinutes = React.useMemo(() => {
+    const newMinutes = []; // if (currMinuteIndex >= 2)
+    //   newMinutes.push(totalMinutesList[currMinuteIndex - 2]);
+    // else newMinutes.push(null);
+
+    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);
+    if (currMinuteIndex < totalMinutesList.length) newMinutes.push(totalMinutesList[currMinuteIndex + 1]);else newMinutes.push(null); // if (currMinuteIndex < totalMinutesList.length -1)
+    //   newMinutes.push(totalMinutesList[currMinuteIndex + 2]);
+    // else newMinutes.push(null);
+
     return newMinutes;
-  }, [currMinuteIndex, totalMinutesList]);
-  const handleTimeWheelBtnChangeHours = (0, import_react.useCallback)((newHours, e) => {
+  }, [currMinuteIndex, totalMinutesList]); // const visibleSeconds = useMemo(() => {
+  //   const newSeconds = [];
+  //   if (currSecondNum >= 3)
+  //     newSeconds.push(totalMinutesList[currSecondNum - 3]);
+  //   else newSeconds.push(null);
+  //   if (currSecondNum >= 2)
+  //     newSeconds.push(totalMinutesList[currSecondNum - 2]);
+  //   else newSeconds.push(null);
+  //   newSeconds.push(totalMinutesList[currSecondNum - 1]);
+  //   if (currSecondNum <= 59) newSeconds.push(totalMinutesList[currSecondNum]);
+  //   else newSeconds.push(null);
+  //   if (currSecondNum <= 58)
+  //     newSeconds.push(totalMinutesList[currSecondNum + 1]);
+  //   else newSeconds.push(null);
+  //   return newSeconds;
+  // }, [currSecondNum]);
+
+  const handleTimeWheelBtnChangeHours = React.useCallback((newHours, e) => {
     handleChangeHours(newHours, e);
   }, [handleChangeHours]);
-  const handleChangeCurrHour = (0, import_react.useCallback)((offset, e) => {
+  const handleChangeCurrHour = React.useCallback((offset, e) => {
     const newH = currHourNum + offset;
-    if (newH > 0 && newH <= 12)
-      handleChangeHours((0, import_stringHelpers.prependStringWithPlaceHolders)(`${newH}`, 2), e);
+    if (newH > 0 && newH <= 12) handleChangeHours(stringHelpers.prependStringWithPlaceHolders("".concat(newH), 2), e);
   }, [currHourNum, handleChangeHours]);
-  const handlePrevHour = (0, import_react.useCallback)((e) => {
+  const handlePrevHour = React.useCallback(e => {
     handleChangeCurrHour(-1, e);
   }, [handleChangeCurrHour]);
-  const handleNextHour = (0, import_react.useCallback)((e) => {
+  const handleNextHour = React.useCallback(e => {
     handleChangeCurrHour(1, e);
   }, [handleChangeCurrHour]);
-  const handleTimeWheelBtnChangeMinutes = (0, import_react.useCallback)((newMinutes, e) => {
+  const handleTimeWheelBtnChangeMinutes = React.useCallback((newMinutes, e) => {
     handleChangeMinutes(newMinutes, e);
   }, [handleChangeMinutes]);
-  const handleChangeCurrMinute = (0, import_react.useCallback)((offset, e) => {
+  const handleChangeCurrMinute = React.useCallback((offset, e) => {
     const newM = currMinuteNum + offset;
-    if (newM >= 0 && newM <= 59)
-      handleChangeMinutes((0, import_stringHelpers.prependStringWithPlaceHolders)(`${newM}`, 2), e);
+    if (newM >= 0 && newM <= 59) handleChangeMinutes(stringHelpers.prependStringWithPlaceHolders("".concat(newM), 2), e);
   }, [currMinuteNum, handleChangeMinutes]);
-  const handlePrevMinute = (0, import_react.useCallback)((e) => {
+  const handlePrevMinute = React.useCallback(e => {
     handleChangeCurrMinute(-minutesInterval, e);
   }, [handleChangeCurrMinute, minutesInterval]);
-  const handleNextMinute = (0, import_react.useCallback)((e) => {
+  const handleNextMinute = React.useCallback(e => {
     handleChangeCurrMinute(minutesInterval, e);
-  }, [handleChangeCurrMinute, minutesInterval]);
-  const handleTimeWheelBtnChangeMeridiem = (0, import_react.useCallback)((newMeridiem, e) => {
+  }, [handleChangeCurrMinute, minutesInterval]); // const handleTimeWheelBtnChangeSeconds = useCallback(
+  //   (newSeconds, e) => {
+  //     handleChangeSeconds(newSeconds, e);
+  //   },
+  //   [handleChangeSeconds],
+  // );
+  // const handleChangeCurrSecond = useCallback(
+  //   (offset, e) => {
+  //     const newS = currSecondNum + offset;
+  //     if (newS >= 0 && newS <= 59)
+  //       handleChangeSeconds(prependStringWithPlaceHolders(`${newS}`, 2), e);
+  //   },
+  //   [currSecondNum, handleChangeSeconds],
+  // );
+  // const handlePrevSecond = useCallback(
+  //   (e) => {
+  //     handleChangeCurrSecond(-1, e);
+  //   },
+  //   [handleChangeCurrSecond],
+  // );
+  // const handleNextSecond = useCallback(
+  //   (e) => {
+  //     handleChangeCurrSecond(1, e);
+  //   },
+  //   [handleChangeCurrSecond],
+  // );
+
+  const handleTimeWheelBtnChangeMeridiem = React.useCallback((newMeridiem, e) => {
     handleChangeMeridiem(newMeridiem, e);
   }, [handleChangeMeridiem]);
-  return (0, import_react.useMemo)(() => ({
+  return React.useMemo(() => ({
     currHourNum,
     hours,
     visibleHours,
@@ -137,24 +160,21 @@ const useCurrentDisplayedWheelsLogic = ({
     handlePrevMinute,
     handleNextMinute,
     handleTimeWheelBtnChangeMinutes,
+    // currSecondNum,
+    // seconds,
+    // visibleSeconds,
+    // handlePrevSecond,
+    // handleNextSecond,
+    // handleTimeWheelBtnChangeSeconds,
     meridiem,
     handleTimeWheelBtnChangeMeridiem
-  }), [
-    currHourNum,
-    currMinuteNum,
-    handleNextHour,
-    handleNextMinute,
-    handlePrevHour,
-    handlePrevMinute,
-    handleTimeWheelBtnChangeHours,
-    handleTimeWheelBtnChangeMeridiem,
-    handleTimeWheelBtnChangeMinutes,
-    hours,
-    meridiem,
-    minutes,
-    visibleHours,
-    visibleMinutes
+  }), [currHourNum, currMinuteNum, // currSecondNum,
+  handleNextHour, handleNextMinute, // handleNextSecond,
+  handlePrevHour, handlePrevMinute, // handlePrevSecond,
+  handleTimeWheelBtnChangeHours, handleTimeWheelBtnChangeMeridiem, handleTimeWheelBtnChangeMinutes, // handleTimeWheelBtnChangeSeconds,
+  hours, meridiem, minutes, // seconds,
+  visibleHours, visibleMinutes // visibleSeconds,
   ]);
 };
-module.exports = __toCommonJS(useCurrentDisplayedWheelsLogic_exports);
-//# sourceMappingURL=useCurrentDisplayedWheelsLogic.js.map
+
+exports.useCurrentDisplayedWheelsLogic = useCurrentDisplayedWheelsLogic;