@elliemae/ds-controlled-form 2.0.0-alpha.1 → 2.0.0-alpha.13

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

@@ -7,19 +7,12 @@ import { useKeyboardHandlers } from './useKeyboardHandlers.js';
 /* eslint-disable max-statements */
 const useConfigTimePickerCTX = () => {
   const {
-    pickerButtonRef,
     props: {
       minutesInterval,
       getIsDisabledTime,
-      onPickerClose,
-      onPickerOpen
+      disabled
     },
-    hideDate,
-    hideTime,
-    monthInputRef,
-    hourInputRef,
     tempTimeString,
-    prevMonthBtnRef,
     prevHourBtnRef,
     currHourBtnRef,
     nextHourBtnRef,
@@ -30,7 +23,8 @@ const useConfigTimePickerCTX = () => {
     currMeridiemBtnRef,
     nextMeridiemBtnRef,
     isControllerOnly,
-    isWithCalendarToo
+    autoFocusHourTimeWheel,
+    ariaCurrentValueForInputs
   } = useContext(ControlledDateTimePickerContext);
   const {
     currHourNum,
@@ -45,12 +39,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinute,
     handleNextMinute,
     handleTimeWheelBtnChangeMinutes,
-    // currSecondNum,
-    // seconds,
-    // visibleSeconds,
-    // handlePrevSecond,
-    // handleNextSecond,
-    // handleTimeWheelBtnChangeSeconds,
     meridiem,
     handleTimeWheelBtnChangeMeridiem
   } = useCurrentDisplayedWheelsLogic({
@@ -65,11 +53,7 @@ const useConfigTimePickerCTX = () => {
     handleToggleTimePicker,
     handleSetTriggerRef,
     handleMenuWrapperKeyDown
-  } = usePopperTriggerLogic({
-    pickerButtonRef,
-    onPickerClose,
-    onPickerOpen
-  });
+  } = usePopperTriggerLogic();
   const {
     handlePrevHourBtnOnKeyDown,
     handleCurrHourOnKeyDown,
@@ -77,9 +61,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinuteBtnOnKeyDown,
     handleCurrMinutesOnKeyDown,
     handleNextMinuteBtnOnKeyDown,
-    // handlePrevSecondBtnOnKeyDown,
-    // handleCurrSecondsOnKeyDown,
-    // handleNextSecondBtnOnKeyDown,
     handlePrevMeridiemBtnOnKeyDown,
     handleCurrMeridiemOnKeyDown,
     handleNextMeridiemBtnOnKeyDown,
@@ -89,31 +70,12 @@ const useConfigTimePickerCTX = () => {
     handleNextHour,
     handlePrevMinute,
     handleNextMinute,
-    // handlePrevSecond,
-    // handleNextSecond,
-    handleTimeWheelBtnChangeMeridiem,
-    prevMonthBtnRef,
-    prevHourBtnRef,
-    currHourBtnRef,
-    nextHourBtnRef,
-    prevMinutesBtnRef,
-    currMinutesBtnRef,
-    nextMinutesBtnRef,
-    // prevSecondsBtnRef,
-    // currSecondsBtnRef,
-    // nextSecondsBtnRef,
-    prevMeridiemBtnRef,
-    currMeridiemBtnRef,
-    nextMeridiemBtnRef,
-    hideDate,
-    hideTime,
-    monthInputRef,
-    hourInputRef,
-    isWithCalendarToo
+    handleTimeWheelBtnChangeMeridiem
   });
   return useMemo(() => ({
     tempTimeString,
     isControllerOnly,
+    autoFocusHourTimeWheel,
     showTimePicker,
     setShowTimePicker,
     setPopperElement,
@@ -134,12 +96,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinute,
     handleNextMinute,
     handleTimeWheelBtnChangeMinutes,
-    // currSecondNum,
-    // seconds,
-    // visibleSeconds,
-    // handlePrevSecond,
-    // handleNextSecond,
-    // handleTimeWheelBtnChangeSeconds,
     meridiem,
     handleTimeWheelBtnChangeMeridiem,
     handlePrevHourBtnOnKeyDown,
@@ -148,9 +104,6 @@ const useConfigTimePickerCTX = () => {
     handlePrevMinuteBtnOnKeyDown,
     handleCurrMinutesOnKeyDown,
     handleNextMinuteBtnOnKeyDown,
-    // handlePrevSecondBtnOnKeyDown,
-    // handleCurrSecondsOnKeyDown,
-    // handleNextSecondBtnOnKeyDown,
     handlePrevMeridiemBtnOnKeyDown,
     handleCurrMeridiemOnKeyDown,
     handleNextMeridiemBtnOnKeyDown,
@@ -161,14 +114,13 @@ const useConfigTimePickerCTX = () => {
     prevMinutesBtnRef,
     currMinutesBtnRef,
     nextMinutesBtnRef,
-    // prevSecondsBtnRef,
-    // currSecondsBtnRef,
-    // nextSecondsBtnRef,
     prevMeridiemBtnRef,
     currMeridiemBtnRef,
     nextMeridiemBtnRef,
-    getIsDisabledTime
-  }), [tempTimeString, isControllerOnly, 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]);
+    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 };

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

@@ -1,22 +1,25 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { useMemo, useCallback } from 'react';
 import { useTimeInputs } from '../../TimeInputs/useTimeInputs.js';
 import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
 import { prependStringWithPlaceHolders } from '../../../utils/stringHelpers.js';
 
-/* eslint-disable max-statements */
 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 = (step = 1) => {
+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) => prependStringWithPlaceHolders(`${i * step}`, 2));
+  return new Array(length).fill('_').map((_v, i) => prependStringWithPlaceHolders("".concat(i * step), 2));
 };
 
-const useCurrentDisplayedWheelsLogic = ({
-  minutesInterval
-}) => {
+const useCurrentDisplayedWheelsLogic = _ref => {
+  let {
+    minutesInterval
+  } = _ref;
   const {
     hours,
     minutes,
@@ -90,7 +93,7 @@ const useCurrentDisplayedWheelsLogic = ({
   }, [handleChangeHours]);
   const handleChangeCurrHour = useCallback((offset, e) => {
     const newH = currHourNum + offset;
-    if (newH > 0 && newH <= 12) handleChangeHours(prependStringWithPlaceHolders(`${newH}`, 2), e);
+    if (newH > 0 && newH <= 12) handleChangeHours(prependStringWithPlaceHolders("".concat(newH), 2), e);
   }, [currHourNum, handleChangeHours]);
   const handlePrevHour = useCallback(e => {
     handleChangeCurrHour(-1, e);
@@ -103,7 +106,7 @@ const useCurrentDisplayedWheelsLogic = ({
   }, [handleChangeMinutes]);
   const handleChangeCurrMinute = useCallback((offset, e) => {
     const newM = currMinuteNum + offset;
-    if (newM >= 0 && newM <= 59) handleChangeMinutes(prependStringWithPlaceHolders(`${newM}`, 2), e);
+    if (newM >= 0 && newM <= 59) handleChangeMinutes(prependStringWithPlaceHolders("".concat(newM), 2), e);
   }, [currMinuteNum, handleChangeMinutes]);
   const handlePrevMinute = useCallback(e => {
     handleChangeCurrMinute(-minutesInterval, e);