npm - @elliemae/ds-controlled-form - Versions diffs - 1.54.0-next.7 → 1.54.0-rc.3 - Mend

@elliemae/ds-controlled-form 1.54.0-next.7 → 1.54.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js CHANGED Viewed

@@ -25,87 +25,127 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
       hideTime = _ref.hideTime,
       monthInputRef = _ref.monthInputRef,
       hourInputRef = _ref.hourInputRef,
-      isWithCalendarToo = _ref.isWithCalendarToo;
-  var onHomeKeyDown = React.useCallback(function () {
+      isWithCalendarToo = _ref.isWithCalendarToo,
+      isControllerOnly = _ref.isControllerOnly;
+  var onHomeKeyDownInsideTimeWheel = React.useCallback(function () {
+    var _prevMonthBtnRef$curr, _prevMonthBtnRef$curr2, _currHourBtnRef$curre, _currHourBtnRef$curre2;
+    if (isWithCalendarToo) prevMonthBtnRef === null || prevMonthBtnRef === void 0 ? void 0 : (_prevMonthBtnRef$curr = prevMonthBtnRef.current) === null || _prevMonthBtnRef$curr === void 0 ? void 0 : (_prevMonthBtnRef$curr2 = _prevMonthBtnRef$curr.focus) === null || _prevMonthBtnRef$curr2 === void 0 ? void 0 : _prevMonthBtnRef$curr2.call(_prevMonthBtnRef$curr);else currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre = currHourBtnRef.current) === null || _currHourBtnRef$curre === void 0 ? void 0 : (_currHourBtnRef$curre2 = _currHourBtnRef$curre.focus) === null || _currHourBtnRef$curre2 === void 0 ? void 0 : _currHourBtnRef$curre2.call(_currHourBtnRef$curre);
+  }, [currHourBtnRef, isWithCalendarToo, prevMonthBtnRef]);
+  var onEndKeyDownInsideTimeWheel = React.useCallback(function () {
+    var _currMeridiemBtnRef$c, _currMeridiemBtnRef$c2;
+    currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c === void 0 ? void 0 : (_currMeridiemBtnRef$c2 = _currMeridiemBtnRef$c.focus) === null || _currMeridiemBtnRef$c2 === void 0 ? void 0 : _currMeridiemBtnRef$c2.call(_currMeridiemBtnRef$c);
+  }, [currMeridiemBtnRef]);
+  var onHomeKeyDownTriggerIcon = React.useCallback(function () {
     var _monthInputRef$curren, _monthInputRef$curren2, _hourInputRef$current, _hourInputRef$current2;
     if (!hideDate) monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren = monthInputRef.current) === null || _monthInputRef$curren === void 0 ? void 0 : (_monthInputRef$curren2 = _monthInputRef$curren.focus) === null || _monthInputRef$curren2 === void 0 ? void 0 : _monthInputRef$curren2.call(_monthInputRef$curren);else if (!hideTime) hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current = hourInputRef.current) === null || _hourInputRef$current === void 0 ? void 0 : (_hourInputRef$current2 = _hourInputRef$current.focus) === null || _hourInputRef$current2 === void 0 ? void 0 : _hourInputRef$current2.call(_hourInputRef$current);
   }, [hideDate, hideTime, monthInputRef, hourInputRef]);
   var handlePickerIconKeyDown = React.useCallback(function (e) {
     var key = e.key;
-    var preventDefaultKeys = ['Home'];
+    var preventDefaultKeys = ['Home', 'End'];
+    var stopPropagationKeys = ['Home', 'End'];
     if (preventDefaultKeys.includes(key)) e.preventDefault();
-    if (key === 'Home') onHomeKeyDown();
-  }, [onHomeKeyDown]);
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDownTriggerIcon();
+  }, [onHomeKeyDownTriggerIcon]);
   var handleCurrHourOnKeyDown = React.useCallback(function (e) {
     var key = e.key,
         shiftKey = e.shiftKey;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     var didTriggerHourChange = false;
     if (key === 'ArrowUp') {
       handlePrevHour(e);
       didTriggerHourChange = true;
-    } else if (key === 'ArrowDown') {
+    }
+    if (key === 'ArrowDown') {
       handleNextHour(e);
       didTriggerHourChange = true;
-    } else if (key === 'ArrowRight') {
+    }
+    if (key === 'ArrowRight') {
       var _currMinutesBtnRef$cu, _currMinutesBtnRef$cu2;
       currMinutesBtnRef === null || currMinutesBtnRef === void 0 ? void 0 : (_currMinutesBtnRef$cu = currMinutesBtnRef.current) === null || _currMinutesBtnRef$cu === void 0 ? void 0 : (_currMinutesBtnRef$cu2 = _currMinutesBtnRef$cu.focus) === null || _currMinutesBtnRef$cu2 === void 0 ? void 0 : _currMinutesBtnRef$cu2.call(_currMinutesBtnRef$cu);
-    } else if (key === 'Tab' && shiftKey && !isWithCalendarToo) {
-      var _currMeridiemBtnRef$c, _currMeridiemBtnRef$c2;
-      e.preventDefault();
-      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c === void 0 ? void 0 : (_currMeridiemBtnRef$c2 = _currMeridiemBtnRef$c.focus) === null || _currMeridiemBtnRef$c2 === void 0 ? void 0 : _currMeridiemBtnRef$c2.call(_currMeridiemBtnRef$c);
-    } // ensure the focus is in the correct button after up/down arrow
+    }
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel(); // ensure the focus is in the correct button after up/down arrow
     if (didTriggerHourChange) setTimeout(function () {
-      var _currHourBtnRef$curre, _currHourBtnRef$curre2;
+      var _currHourBtnRef$curre3, _currHourBtnRef$curre4;
-      return currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre = currHourBtnRef.current) === null || _currHourBtnRef$curre === void 0 ? void 0 : (_currHourBtnRef$curre2 = _currHourBtnRef$curre.focus) === null || _currHourBtnRef$curre2 === void 0 ? void 0 : _currHourBtnRef$curre2.call(_currHourBtnRef$curre);
-    });
-  }, [currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef, handleNextHour, handlePrevHour, isWithCalendarToo]);
+      return currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre3 = currHourBtnRef.current) === null || _currHourBtnRef$curre3 === void 0 ? void 0 : (_currHourBtnRef$curre4 = _currHourBtnRef$curre3.focus) === null || _currHourBtnRef$curre4 === void 0 ? void 0 : _currHourBtnRef$curre4.call(_currHourBtnRef$curre3);
+    }); // TAB CYCLE IMPLEMENTATION
+    if (!isControllerOnly) if (key === 'Tab' && shiftKey && !isWithCalendarToo) {
+      var _currMeridiemBtnRef$c3, _currMeridiemBtnRef$c4;
+      e.preventDefault();
+      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c3 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c3 === void 0 ? void 0 : (_currMeridiemBtnRef$c4 = _currMeridiemBtnRef$c3.focus) === null || _currMeridiemBtnRef$c4 === void 0 ? void 0 : _currMeridiemBtnRef$c4.call(_currMeridiemBtnRef$c3);
+    }
+  }, [currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef, handleNextHour, handlePrevHour, isControllerOnly, isWithCalendarToo, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
   var handleCurrMinutesOnKeyDown = React.useCallback(function (e) {
     var key = e.key;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     var didTriggerMinuteChange = false;
     if (key === 'ArrowUp') {
       handlePrevMinute(e);
       didTriggerMinuteChange = true;
-    } else if (key === 'ArrowDown') {
+    }
+    if (key === 'ArrowDown') {
       handleNextMinute(e);
       didTriggerMinuteChange = true;
-    } else if (key === 'ArrowLeft') {
-      var _currHourBtnRef$curre3, _currHourBtnRef$curre4;
+    }
-      currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre3 = currHourBtnRef.current) === null || _currHourBtnRef$curre3 === void 0 ? void 0 : (_currHourBtnRef$curre4 = _currHourBtnRef$curre3.focus) === null || _currHourBtnRef$curre4 === void 0 ? void 0 : _currHourBtnRef$curre4.call(_currHourBtnRef$curre3);
-    } else if (key === 'ArrowRight') {
-      var _currMeridiemBtnRef$c3, _currMeridiemBtnRef$c4;
+    if (key === 'ArrowLeft') {
+      var _currHourBtnRef$curre5, _currHourBtnRef$curre6;
+      currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre5 = currHourBtnRef.current) === null || _currHourBtnRef$curre5 === void 0 ? void 0 : (_currHourBtnRef$curre6 = _currHourBtnRef$curre5.focus) === null || _currHourBtnRef$curre6 === void 0 ? void 0 : _currHourBtnRef$curre6.call(_currHourBtnRef$curre5);
+    }
+    if (key === 'ArrowRight') {
+      var _currMeridiemBtnRef$c5, _currMeridiemBtnRef$c6;
       // currSecondsBtnRef?.current?.focus?.();
-      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c3 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c3 === void 0 ? void 0 : (_currMeridiemBtnRef$c4 = _currMeridiemBtnRef$c3.focus) === null || _currMeridiemBtnRef$c4 === void 0 ? void 0 : _currMeridiemBtnRef$c4.call(_currMeridiemBtnRef$c3);
-    } // ensure the focus is in the correct button after up/down arrow
+      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c5 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c5 === void 0 ? void 0 : (_currMeridiemBtnRef$c6 = _currMeridiemBtnRef$c5.focus) === null || _currMeridiemBtnRef$c6 === void 0 ? void 0 : _currMeridiemBtnRef$c6.call(_currMeridiemBtnRef$c5);
+    }
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel(); // ensure the focus is in the correct button after up/down arrow
     if (didTriggerMinuteChange) setTimeout(function () {
       var _currMinutesBtnRef$cu3, _currMinutesBtnRef$cu4;
       return currMinutesBtnRef === null || currMinutesBtnRef === void 0 ? void 0 : (_currMinutesBtnRef$cu3 = currMinutesBtnRef.current) === null || _currMinutesBtnRef$cu3 === void 0 ? void 0 : (_currMinutesBtnRef$cu4 = _currMinutesBtnRef$cu3.focus) === null || _currMinutesBtnRef$cu4 === void 0 ? void 0 : _currMinutesBtnRef$cu4.call(_currMinutesBtnRef$cu3);
     });
-  }, [currHourBtnRef, currMinutesBtnRef, currMeridiemBtnRef, handleNextMinute, handlePrevMinute]); // const handleCurrSecondsOnKeyDown = useCallback(
+  }, [onHomeKeyDownInsideTimeWheel, onEndKeyDownInsideTimeWheel, handlePrevMinute, handleNextMinute, currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef]); // const handleCurrSecondsOnKeyDown = useCallback(
   //   (e) => {
   //     const { key } = e;
   //     let didTriggerSecondChange = false;
   //     if (key === 'ArrowUp') {
   //       handlePrevSecond(e);
   //       didTriggerSecondChange = true;
-  //     } else if (key === 'ArrowDown') {
+  //     }
+  // if (key === 'ArrowDown') {
   //       handleNextSecond(e);
   //       didTriggerSecondChange = true;
-  //     } else if (key === 'ArrowLeft') {
+  //     }
+  // if (key === 'ArrowLeft') {
   //       currMinutesBtnRef?.current?.focus?.();
-  //     } else if (key === 'ArrowRight') {
+  //     }
+  // if (key === 'ArrowRight') {
   //       currMeridiemBtnRef?.current?.focus?.();
   //     }
   //     // ensure the focus is in the correct button after up/down arrow
@@ -123,71 +163,105 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
   var handleCurrMeridiemOnKeyDown = React.useCallback(function (e) {
     var key = e.key,
         shiftKey = e.shiftKey;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     var didTriggerMeridiemChange = false;
     if (key === 'ArrowUp') {
       handleTimeWheelBtnChangeMeridiem('AM', e);
       didTriggerMeridiemChange = true;
-    } else if (key === 'ArrowDown') {
+    }
+    if (key === 'ArrowDown') {
       handleTimeWheelBtnChangeMeridiem('PM', e);
       didTriggerMeridiemChange = true;
-    } else if (key === 'ArrowLeft') {
+    }
+    if (key === 'ArrowLeft') {
       var _currMinutesBtnRef$cu5, _currMinutesBtnRef$cu6;
       // currSecondsBtnRef?.current?.focus?.();
       currMinutesBtnRef === null || currMinutesBtnRef === void 0 ? void 0 : (_currMinutesBtnRef$cu5 = currMinutesBtnRef.current) === null || _currMinutesBtnRef$cu5 === void 0 ? void 0 : (_currMinutesBtnRef$cu6 = _currMinutesBtnRef$cu5.focus) === null || _currMinutesBtnRef$cu6 === void 0 ? void 0 : _currMinutesBtnRef$cu6.call(_currMinutesBtnRef$cu5);
-    } else if (key === 'Tab' && !shiftKey) {
-      var _prevMonthBtnRef$curr, _prevMonthBtnRef$curr2, _currHourBtnRef$curre5, _currHourBtnRef$curre6;
-      e.preventDefault();
-      if (isWithCalendarToo) prevMonthBtnRef === null || prevMonthBtnRef === void 0 ? void 0 : (_prevMonthBtnRef$curr = prevMonthBtnRef.current) === null || _prevMonthBtnRef$curr === void 0 ? void 0 : (_prevMonthBtnRef$curr2 = _prevMonthBtnRef$curr.focus) === null || _prevMonthBtnRef$curr2 === void 0 ? void 0 : _prevMonthBtnRef$curr2.call(_prevMonthBtnRef$curr);else currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre5 = currHourBtnRef.current) === null || _currHourBtnRef$curre5 === void 0 ? void 0 : (_currHourBtnRef$curre6 = _currHourBtnRef$curre5.focus) === null || _currHourBtnRef$curre6 === void 0 ? void 0 : _currHourBtnRef$curre6.call(_currHourBtnRef$curre5);
-    } // ensure the focus is in the correct button after up/down arrow
+    }
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel(); // ensure the focus is in the correct button after up/down arrow
     if (didTriggerMeridiemChange) setTimeout(function () {
-      var _currMeridiemBtnRef$c5, _currMeridiemBtnRef$c6;
+      var _currMeridiemBtnRef$c7, _currMeridiemBtnRef$c8;
-      return currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c5 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c5 === void 0 ? void 0 : (_currMeridiemBtnRef$c6 = _currMeridiemBtnRef$c5.focus) === null || _currMeridiemBtnRef$c6 === void 0 ? void 0 : _currMeridiemBtnRef$c6.call(_currMeridiemBtnRef$c5);
-    });
-  }, [currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef, handleTimeWheelBtnChangeMeridiem, isWithCalendarToo, prevMonthBtnRef]);
+      return currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c7 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c7 === void 0 ? void 0 : (_currMeridiemBtnRef$c8 = _currMeridiemBtnRef$c7.focus) === null || _currMeridiemBtnRef$c8 === void 0 ? void 0 : _currMeridiemBtnRef$c8.call(_currMeridiemBtnRef$c7);
+    }); // TAB CYCLE IMPLEMENTATION
+    if (!isControllerOnly) if (key === 'Tab' && !shiftKey) {
+      var _prevMonthBtnRef$curr3, _prevMonthBtnRef$curr4, _currHourBtnRef$curre7, _currHourBtnRef$curre8;
+      e.preventDefault();
+      if (isWithCalendarToo) prevMonthBtnRef === null || prevMonthBtnRef === void 0 ? void 0 : (_prevMonthBtnRef$curr3 = prevMonthBtnRef.current) === null || _prevMonthBtnRef$curr3 === void 0 ? void 0 : (_prevMonthBtnRef$curr4 = _prevMonthBtnRef$curr3.focus) === null || _prevMonthBtnRef$curr4 === void 0 ? void 0 : _prevMonthBtnRef$curr4.call(_prevMonthBtnRef$curr3);else currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre7 = currHourBtnRef.current) === null || _currHourBtnRef$curre7 === void 0 ? void 0 : (_currHourBtnRef$curre8 = _currHourBtnRef$curre7.focus) === null || _currHourBtnRef$curre8 === void 0 ? void 0 : _currHourBtnRef$curre8.call(_currHourBtnRef$curre7);
+    }
+  }, [currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef, handleTimeWheelBtnChangeMeridiem, isControllerOnly, isWithCalendarToo, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMonthBtnRef]);
   var handlePrevHourBtnOnKeyDown = React.useCallback(function (e) {
     var key = e.key;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'ArrowRight') {
       var _prevMinutesBtnRef$cu, _prevMinutesBtnRef$cu2;
       prevMinutesBtnRef === null || prevMinutesBtnRef === void 0 ? void 0 : (_prevMinutesBtnRef$cu = prevMinutesBtnRef.current) === null || _prevMinutesBtnRef$cu === void 0 ? void 0 : (_prevMinutesBtnRef$cu2 = _prevMinutesBtnRef$cu.focus) === null || _prevMinutesBtnRef$cu2 === void 0 ? void 0 : _prevMinutesBtnRef$cu2.call(_prevMinutesBtnRef$cu);
-    } else if (key === 'ArrowDown') {
-      var _currHourBtnRef$curre7, _currHourBtnRef$curre8;
+    }
+    if (key === 'ArrowDown') {
+      var _currHourBtnRef$curre9, _currHourBtnRef$curre10;
-      currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre7 = currHourBtnRef.current) === null || _currHourBtnRef$curre7 === void 0 ? void 0 : (_currHourBtnRef$curre8 = _currHourBtnRef$curre7.focus) === null || _currHourBtnRef$curre8 === void 0 ? void 0 : _currHourBtnRef$curre8.call(_currHourBtnRef$curre7);
+      currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre9 = currHourBtnRef.current) === null || _currHourBtnRef$curre9 === void 0 ? void 0 : (_currHourBtnRef$curre10 = _currHourBtnRef$curre9.focus) === null || _currHourBtnRef$curre10 === void 0 ? void 0 : _currHourBtnRef$curre10.call(_currHourBtnRef$curre9);
     }
-  }, [currHourBtnRef, prevMinutesBtnRef]);
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel();
+  }, [currHourBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef]);
   var handlePrevMinuteBtnOnKeyDown = React.useCallback(function (e) {
     var key = e.key;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'ArrowRight') {
       var _prevMeridiemBtnRef$c, _prevMeridiemBtnRef$c2;
       // prevSecondsBtnRef?.current?.focus?.();
       prevMeridiemBtnRef === null || prevMeridiemBtnRef === void 0 ? void 0 : (_prevMeridiemBtnRef$c = prevMeridiemBtnRef.current) === null || _prevMeridiemBtnRef$c === void 0 ? void 0 : (_prevMeridiemBtnRef$c2 = _prevMeridiemBtnRef$c.focus) === null || _prevMeridiemBtnRef$c2 === void 0 ? void 0 : _prevMeridiemBtnRef$c2.call(_prevMeridiemBtnRef$c);
-    } else if (key === 'ArrowLeft') {
+    }
+    if (key === 'ArrowLeft') {
       var _prevHourBtnRef$curre, _prevHourBtnRef$curre2;
       prevHourBtnRef === null || prevHourBtnRef === void 0 ? void 0 : (_prevHourBtnRef$curre = prevHourBtnRef.current) === null || _prevHourBtnRef$curre === void 0 ? void 0 : (_prevHourBtnRef$curre2 = _prevHourBtnRef$curre.focus) === null || _prevHourBtnRef$curre2 === void 0 ? void 0 : _prevHourBtnRef$curre2.call(_prevHourBtnRef$curre);
-    } else if (key === 'ArrowDown') {
+    }
+    if (key === 'ArrowDown') {
       var _currMinutesBtnRef$cu7, _currMinutesBtnRef$cu8;
       currMinutesBtnRef === null || currMinutesBtnRef === void 0 ? void 0 : (_currMinutesBtnRef$cu7 = currMinutesBtnRef.current) === null || _currMinutesBtnRef$cu7 === void 0 ? void 0 : (_currMinutesBtnRef$cu8 = _currMinutesBtnRef$cu7.focus) === null || _currMinutesBtnRef$cu8 === void 0 ? void 0 : _currMinutesBtnRef$cu8.call(_currMinutesBtnRef$cu7);
     }
-  }, [currMinutesBtnRef, prevHourBtnRef, prevMeridiemBtnRef]); // const handlePrevSecondBtnOnKeyDown = useCallback(
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel();
+  }, [currMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevHourBtnRef, prevMeridiemBtnRef]); // const handlePrevSecondBtnOnKeyDown = useCallback(
   //   (e) => {
   //     const { key } = e;
   //     if (key === 'ArrowRight') {
   //       prevMeridiemBtnRef?.current?.focus?.();
-  //     } else if (key === 'ArrowLeft') {
+  //     }
+  // if (key === 'ArrowLeft') {
   //       prevMinutesBtnRef?.current?.focus?.();
-  //     } else if (key === 'ArrowDown') {
+  //     }
+  // if (key === 'ArrowDown') {
   //       currSecondsBtnRef?.current?.focus?.();
   //     }
   //   },
@@ -196,56 +270,87 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
   var handlePrevMeridiemBtnOnKeyDown = React.useCallback(function (e) {
     var key = e.key;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'ArrowLeft') {
       var _prevMinutesBtnRef$cu3, _prevMinutesBtnRef$cu4;
       // prevSecondsBtnRef?.current?.focus?.();
       prevMinutesBtnRef === null || prevMinutesBtnRef === void 0 ? void 0 : (_prevMinutesBtnRef$cu3 = prevMinutesBtnRef.current) === null || _prevMinutesBtnRef$cu3 === void 0 ? void 0 : (_prevMinutesBtnRef$cu4 = _prevMinutesBtnRef$cu3.focus) === null || _prevMinutesBtnRef$cu4 === void 0 ? void 0 : _prevMinutesBtnRef$cu4.call(_prevMinutesBtnRef$cu3);
-    } else if (key === 'ArrowDown') {
-      var _currMeridiemBtnRef$c7, _currMeridiemBtnRef$c8;
+    }
+    if (key === 'ArrowDown') {
+      var _currMeridiemBtnRef$c9, _currMeridiemBtnRef$c10;
-      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c7 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c7 === void 0 ? void 0 : (_currMeridiemBtnRef$c8 = _currMeridiemBtnRef$c7.focus) === null || _currMeridiemBtnRef$c8 === void 0 ? void 0 : _currMeridiemBtnRef$c8.call(_currMeridiemBtnRef$c7);
+      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c9 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c9 === void 0 ? void 0 : (_currMeridiemBtnRef$c10 = _currMeridiemBtnRef$c9.focus) === null || _currMeridiemBtnRef$c10 === void 0 ? void 0 : _currMeridiemBtnRef$c10.call(_currMeridiemBtnRef$c9);
     }
-  }, [currMeridiemBtnRef, prevMinutesBtnRef]);
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel();
+  }, [currMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef]);
   var handleNextHourBtnOnKeyDown = React.useCallback(function (e) {
     var key = e.key;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'ArrowRight') {
       var _nextMinutesBtnRef$cu, _nextMinutesBtnRef$cu2;
       nextMinutesBtnRef === null || nextMinutesBtnRef === void 0 ? void 0 : (_nextMinutesBtnRef$cu = nextMinutesBtnRef.current) === null || _nextMinutesBtnRef$cu === void 0 ? void 0 : (_nextMinutesBtnRef$cu2 = _nextMinutesBtnRef$cu.focus) === null || _nextMinutesBtnRef$cu2 === void 0 ? void 0 : _nextMinutesBtnRef$cu2.call(_nextMinutesBtnRef$cu);
-    } else if (key === 'ArrowUp') {
-      var _currHourBtnRef$curre9, _currHourBtnRef$curre10;
+    }
-      currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre9 = currHourBtnRef.current) === null || _currHourBtnRef$curre9 === void 0 ? void 0 : (_currHourBtnRef$curre10 = _currHourBtnRef$curre9.focus) === null || _currHourBtnRef$curre10 === void 0 ? void 0 : _currHourBtnRef$curre10.call(_currHourBtnRef$curre9);
+    if (key === 'ArrowUp') {
+      var _currHourBtnRef$curre11, _currHourBtnRef$curre12;
+      currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre11 = currHourBtnRef.current) === null || _currHourBtnRef$curre11 === void 0 ? void 0 : (_currHourBtnRef$curre12 = _currHourBtnRef$curre11.focus) === null || _currHourBtnRef$curre12 === void 0 ? void 0 : _currHourBtnRef$curre12.call(_currHourBtnRef$curre11);
     }
-  }, [currHourBtnRef, nextMinutesBtnRef]);
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel();
+  }, [currHourBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
   var handleNextMinuteBtnOnKeyDown = React.useCallback(function (e) {
     var key = e.key;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'ArrowRight') {
       var _nextMeridiemBtnRef$c, _nextMeridiemBtnRef$c2;
       // nextSecondsBtnRef?.current?.focus?.();
       nextMeridiemBtnRef === null || nextMeridiemBtnRef === void 0 ? void 0 : (_nextMeridiemBtnRef$c = nextMeridiemBtnRef.current) === null || _nextMeridiemBtnRef$c === void 0 ? void 0 : (_nextMeridiemBtnRef$c2 = _nextMeridiemBtnRef$c.focus) === null || _nextMeridiemBtnRef$c2 === void 0 ? void 0 : _nextMeridiemBtnRef$c2.call(_nextMeridiemBtnRef$c);
-    } else if (key === 'ArrowLeft') {
+    }
+    if (key === 'ArrowLeft') {
       var _nextHourBtnRef$curre, _nextHourBtnRef$curre2;
       nextHourBtnRef === null || nextHourBtnRef === void 0 ? void 0 : (_nextHourBtnRef$curre = nextHourBtnRef.current) === null || _nextHourBtnRef$curre === void 0 ? void 0 : (_nextHourBtnRef$curre2 = _nextHourBtnRef$curre.focus) === null || _nextHourBtnRef$curre2 === void 0 ? void 0 : _nextHourBtnRef$curre2.call(_nextHourBtnRef$curre);
-    } else if (key === 'ArrowUp') {
+    }
+    if (key === 'ArrowUp') {
       var _currMinutesBtnRef$cu9, _currMinutesBtnRef$cu10;
       currMinutesBtnRef === null || currMinutesBtnRef === void 0 ? void 0 : (_currMinutesBtnRef$cu9 = currMinutesBtnRef.current) === null || _currMinutesBtnRef$cu9 === void 0 ? void 0 : (_currMinutesBtnRef$cu10 = _currMinutesBtnRef$cu9.focus) === null || _currMinutesBtnRef$cu10 === void 0 ? void 0 : _currMinutesBtnRef$cu10.call(_currMinutesBtnRef$cu9);
     }
-  }, [currMinutesBtnRef, nextHourBtnRef, nextMeridiemBtnRef]); // const handleNextSecondBtnOnKeyDown = useCallback(
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel();
+  }, [currMinutesBtnRef, nextHourBtnRef, nextMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]); // const handleNextSecondBtnOnKeyDown = useCallback(
   //   (e) => {
   //     const { key } = e;
   //     if (key === 'ArrowRight') {
   //       nextMeridiemBtnRef?.current?.focus?.();
-  //     } else if (key === 'ArrowLeft') {
+  //     }
+  // if (key === 'ArrowLeft') {
   //       nextMinutesBtnRef?.current?.focus?.();
-  //     } else if (key === 'ArrowUp') {
+  //     }
+  // if (key === 'ArrowUp') {
   //       currSecondsBtnRef?.current?.focus?.();
   //     }
   //   },
@@ -254,17 +359,26 @@ var useKeyboardHandlers = function useKeyboardHandlers(_ref) {
   var handleNextMeridiemBtnOnKeyDown = React.useCallback(function (e) {
     var key = e.key;
+    var preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    var stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'ArrowLeft') {
       var _nextMinutesBtnRef$cu3, _nextMinutesBtnRef$cu4;
       nextMinutesBtnRef === null || nextMinutesBtnRef === void 0 ? void 0 : (_nextMinutesBtnRef$cu3 = nextMinutesBtnRef.current) === null || _nextMinutesBtnRef$cu3 === void 0 ? void 0 : (_nextMinutesBtnRef$cu4 = _nextMinutesBtnRef$cu3.focus) === null || _nextMinutesBtnRef$cu4 === void 0 ? void 0 : _nextMinutesBtnRef$cu4.call(_nextMinutesBtnRef$cu3);
-    } else if (key === 'ArrowUp') {
-      var _currMeridiemBtnRef$c9, _currMeridiemBtnRef$c10;
+    }
-      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c9 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c9 === void 0 ? void 0 : (_currMeridiemBtnRef$c10 = _currMeridiemBtnRef$c9.focus) === null || _currMeridiemBtnRef$c10 === void 0 ? void 0 : _currMeridiemBtnRef$c10.call(_currMeridiemBtnRef$c9);
+    if (key === 'ArrowUp') {
+      var _currMeridiemBtnRef$c11, _currMeridiemBtnRef$c12;
+      currMeridiemBtnRef === null || currMeridiemBtnRef === void 0 ? void 0 : (_currMeridiemBtnRef$c11 = currMeridiemBtnRef.current) === null || _currMeridiemBtnRef$c11 === void 0 ? void 0 : (_currMeridiemBtnRef$c12 = _currMeridiemBtnRef$c11.focus) === null || _currMeridiemBtnRef$c12 === void 0 ? void 0 : _currMeridiemBtnRef$c12.call(_currMeridiemBtnRef$c11);
     }
-  }, [currMeridiemBtnRef, nextMinutesBtnRef]);
+    if (key === 'Home') onHomeKeyDownInsideTimeWheel();
+    if (key === 'End') onEndKeyDownInsideTimeWheel();
+  }, [currMeridiemBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel]);
   return React.useMemo(function () {
     return {
       handlePrevHourBtnOnKeyDown: handlePrevHourBtnOnKeyDown,

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboardHandlers.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/indent /\n/ eslint-disable complexity /\n/ eslint-disable max-statements /\n/ eslint-disable max-lines */\nimport { useMemo, useCallback } from 'react';\nimport type { onKeyDownT } from '../../../index.d';\nimport type { useCurrentDisplayedWheelsLogicT, KeyboardHandlersT, WheelsButtonsRefsT } from './TimeWheelContext';\ntype useKeyboardHandlersArgsT = Partial<useCurrentDisplayedWheelsLogicT> &\n WheelsButtonsRefsT & {\n hideDate: boolean;\n hideTime: boolean;\n monthInputRef: React.RefObject<HTMLInputElement>;\n hourInputRef: React.RefObject<HTMLInputElement>;\n\n prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n isWithCalendarToo: boolean;\n };\nexport const useKeyboardHandlers = ({\n handlePrevHour,\n handleNextHour,\n handlePrevMinute,\n handleNextMinute,\n // handlePrevSecond,\n // handleNextSecond,\n handleTimeWheelBtnChangeMeridiem,\n prevMonthBtnRef,\n prevHourBtnRef,\n currHourBtnRef,\n nextHourBtnRef,\n prevMinutesBtnRef,\n currMinutesBtnRef,\n nextMinutesBtnRef,\n // prevSecondsBtnRef,\n // currSecondsBtnRef,\n // nextSecondsBtnRef,\n prevMeridiemBtnRef,\n currMeridiemBtnRef,\n nextMeridiemBtnRef,\n hideDate,\n hideTime,\n monthInputRef,\n hourInputRef,\n isWithCalendarToo,\n}: useKeyboardHandlersArgsT): KeyboardHandlersT => {\n const onHomeKeyDown = 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'];\n if (preventDefaultKeys.includes(key)) e.preventDefault();\n if (key === 'Home') onHomeKeyDown();\n },\n [onHomeKeyDown],\n );\n\n const handleCurrHourOnKeyDown = useCallback(\n (e) => {\n const { key, shiftKey } = e;\n let didTriggerHourChange = false;\n if (key === 'ArrowUp') {\n handlePrevHour(e);\n didTriggerHourChange = true;\n } else if (key === 'ArrowDown') {\n handleNextHour(e);\n didTriggerHourChange = true;\n } else if (key === 'ArrowRight') {\n currMinutesBtnRef?.current?.focus?.();\n } else if (key === 'Tab' && shiftKey && !isWithCalendarToo) {\n e.preventDefault();\n currMeridiemBtnRef?.current?.focus?.();\n }\n // ensure the focus is in the correct button after up/down arrow\n if (didTriggerHourChange) setTimeout(() => currHourBtnRef?.current?.focus?.());\n },\n [currHourBtnRef, currMeridiemBtnRef, currMinutesBtnRef, handleNextHour, handlePrevHour, isWithCalendarToo],\n );\n const handleCurrMinutesOnKeyDown = useCallback(\n (e) => {\n const { key } = e;\n let didTriggerMinuteChange = false;\n if (key === 'ArrowUp') {\n handlePrevMinute(e);\n didTriggerMinuteChange = true;\n } else if (key === 'ArrowDown') {\n handleNextMinute(e);\n didTriggerMinuteChange = true;\n } else if (key === 'ArrowLeft') {\n currHourBtnRef?.current?.focus?.();\n } else if (key === 'ArrowRight') {\n // currSecondsBtnRef?.current?.focus?.();\n currMeridiemBtnRef?.current?.focus?.();\n }\n // ensure the focus is in the correct button after up/down arrow\n if (didTriggerMinuteChange) setTimeout(() => currMinutesBtnRef?.current?.focus?.());\n },\n [currHourBtnRef, currMinutesBtnRef, currMeridiemBtnRef, handleNextMinute, handlePrevMinute],\n );\n // const handleCurrSecondsOnKeyDown = useCallback(\n // (e) => {\n // const { key } = e;\n // let didTriggerSecondChange = false;\n // if (key === 'ArrowUp') {\n // handlePrevSecond(e);\n // didTriggerSecondChange = true;\n // } else if (key === 'ArrowDown') {\n // handleNextSecond(e);\n // didTriggerSecondChange = true;\n // } else if (key === 'ArrowLeft') {\n // currMinutesBtnRef?.current?.focus?.();\n // } else if (key === 'ArrowRight') {\n // currMeridiemBtnRef?.current?.focus?.();\n // }\n // // ensure the focus is in the correct button after up/down arrow\n // if (didTriggerSecondChange) setTimeout(() => currSecondsBtnRef?.current?.focus?.(), 10);\n // },\n // [\n // currMeridiemBtnRef,\n // currMinutesBtnRef,\n // currSecondsBtnRef,\n // handleNextSecond,\n // handlePrevSecond,\n // ],\n // );\n const handleCurrMeridiemOnKeyDown = useCallback(\n (e) => {\n const { key, shiftKey } = e;\n let didTriggerMeridiemChange = false;\n if (key === 'ArrowUp') {\n handleTimeWheelBtnChangeMeridiem('AM', e);\n didTriggerMeridiemChange = true;\n } else if (key === 'ArrowDown') {\n handleTimeWheelBtnChangeMeridiem('PM', e);\n didTriggerMeridiemChange = true;\n } else if (key === 'ArrowLeft') {\n // currSecondsBtnRef?.current?.focus?.();\n currMinutesBtnRef?.current?.focus?.();\n } else if (key === 'Tab' && !shiftKey) {\n e.preventDefault();\n if (isWithCalendarToo) prevMonthBtnRef?.current?.focus?.();\n else currHourBtnRef?.current?.focus?.();\n }\n // ensure the focus is in the correct button after up/down arrow\n if (didTriggerMeridiemChange) setTimeout(() => currMeridiemBtnRef?.current?.focus?.());\n },\n [\n currHourBtnRef,\n currMeridiemBtnRef,\n currMinutesBtnRef,\n handleTimeWheelBtnChangeMeridiem,\n isWithCalendarToo,\n prevMonthBtnRef,\n ],\n );\n const handlePrevHourBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = e;\n if (key === 'ArrowRight') {\n prevMinutesBtnRef?.current?.focus?.();\n } else if (key === 'ArrowDown') {\n currHourBtnRef?.current?.focus?.();\n }\n },\n [currHourBtnRef, prevMinutesBtnRef],\n );\n const handlePrevMinuteBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = e;\n if (key === 'ArrowRight') {\n // prevSecondsBtnRef?.current?.focus?.();\n prevMeridiemBtnRef?.current?.focus?.();\n } else if (key === 'ArrowLeft') {\n prevHourBtnRef?.current?.focus?.();\n } else if (key === 'ArrowDown') {\n currMinutesBtnRef?.current?.focus?.();\n }\n },\n [currMinutesBtnRef, prevHourBtnRef, prevMeridiemBtnRef],\n );\n // const handlePrevSecondBtnOnKeyDown = useCallback(\n // (e) => {\n // const { key } = e;\n // if (key === 'ArrowRight') {\n // prevMeridiemBtnRef?.current?.focus?.();\n // } else if (key === 'ArrowLeft') {\n // prevMinutesBtnRef?.current?.focus?.();\n // } else if (key === 'ArrowDown') {\n // currSecondsBtnRef?.current?.focus?.();\n // }\n // },\n // [currSecondsBtnRef, prevMeridiemBtnRef, prevMinutesBtnRef],\n // );\n const handlePrevMeridiemBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = e;\n if (key === 'ArrowLeft') {\n // prevSecondsBtnRef?.current?.focus?.();\n prevMinutesBtnRef?.current?.focus?.();\n } else if (key === 'ArrowDown') {\n currMeridiemBtnRef?.current?.focus?.();\n }\n },\n [currMeridiemBtnRef, prevMinutesBtnRef],\n );\n const handleNextHourBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = e;\n if (key === 'ArrowRight') {\n nextMinutesBtnRef?.current?.focus?.();\n } else if (key === 'ArrowUp') {\n currHourBtnRef?.current?.focus?.();\n }\n },\n [currHourBtnRef, nextMinutesBtnRef],\n );\n const handleNextMinuteBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = e;\n if (key === 'ArrowRight') {\n // nextSecondsBtnRef?.current?.focus?.();\n nextMeridiemBtnRef?.current?.focus?.();\n } else if (key === 'ArrowLeft') {\n nextHourBtnRef?.current?.focus?.();\n } else if (key === 'ArrowUp') {\n currMinutesBtnRef?.current?.focus?.();\n }\n },\n [currMinutesBtnRef, nextHourBtnRef, nextMeridiemBtnRef],\n );\n // const handleNextSecondBtnOnKeyDown = useCallback(\n // (e) => {\n // const { key } = e;\n // if (key === 'ArrowRight') {\n // nextMeridiemBtnRef?.current?.focus?.();\n // } else if (key === 'ArrowLeft') {\n // nextMinutesBtnRef?.current?.focus?.();\n // } else if (key === 'ArrowUp') {\n // currSecondsBtnRef?.current?.focus?.();\n // }\n // },\n // [currSecondsBtnRef, nextMeridiemBtnRef, nextMinutesBtnRef],\n // );\n const handleNextMeridiemBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = e;\n if (key === 'ArrowLeft') {\n nextMinutesBtnRef?.current?.focus?.();\n } else if (key === 'ArrowUp') {\n currMeridiemBtnRef?.current?.focus?.();\n }\n },\n [currMeridiemBtnRef, nextMinutesBtnRef],\n );\n\n return useMemo(\n () => ({\n handlePrevHourBtnOnKeyDown,\n handleCurrHourOnKeyDown,\n handleNextHourBtnOnKeyDown,\n handlePrevMinuteBtnOnKeyDown,\n handleCurrMinutesOnKeyDown,\n handleNextMinuteBtnOnKeyDown,\n // handlePrevSecondBtnOnKeyDown,\n // handleCurrSecondsOnKeyDown,\n // handleNextSecondBtnOnKeyDown,\n handlePrevMeridiemBtnOnKeyDown,\n handleCurrMeridiemOnKeyDown,\n handleNextMeridiemBtnOnKeyDown,\n handlePickerIconKeyDown,\n }),\n [\n handleCurrHourOnKeyDown,\n handleCurrMeridiemOnKeyDown,\n handleCurrMinutesOnKeyDown,\n // handleCurrSecondsOnKeyDown,\n handleNextHourBtnOnKeyDown,\n handleNextMeridiemBtnOnKeyDown,\n handleNextMinuteBtnOnKeyDown,\n // handleNextSecondBtnOnKeyDown,\n handlePrevHourBtnOnKeyDown,\n handlePrevMeridiemBtnOnKeyDown,\n handlePrevMinuteBtnOnKeyDown,\n // handlePrevSecondBtnOnKeyDown,\n handlePickerIconKeyDown,\n ],\n );\n};\n"],"names":["useKeyboardHandlers","handlePrevHour","handleNextHour","handlePrevMinute","handleNextMinute","handleTimeWheelBtnChangeMeridiem","prevMonthBtnRef","prevHourBtnRef","currHourBtnRef","nextHourBtnRef","prevMinutesBtnRef","currMinutesBtnRef","nextMinutesBtnRef","prevMeridiemBtnRef","currMeridiemBtnRef","nextMeridiemBtnRef","hideDate","hideTime","monthInputRef","hourInputRef","isWithCalendarToo","onHomeKeyDown","useCallback","current","focus","handlePickerIconKeyDown","e","key","preventDefaultKeys","includes","preventDefault","handleCurrHourOnKeyDown","shiftKey","didTriggerHourChange","setTimeout","handleCurrMinutesOnKeyDown","didTriggerMinuteChange","handleCurrMeridiemOnKeyDown","didTriggerMeridiemChange","handlePrevHourBtnOnKeyDown","handlePrevMinuteBtnOnKeyDown","handlePrevMeridiemBtnOnKeyDown","handleNextHourBtnOnKeyDown","handleNextMinuteBtnOnKeyDown","handleNextMeridiemBtnOnKeyDown","useMemo"],"mappings":"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"}
1	+ {"version":3,"file":"useKeyboardHandlers.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/indent /\n/ eslint-disable complexity /\n/ eslint-disable max-statements /\n/ eslint-disable max-lines */\nimport { useMemo, useCallback } from 'react';\nimport type { onKeyDownT } from '../../../index.d';\nimport type { useCurrentDisplayedWheelsLogicT, KeyboardHandlersT, WheelsButtonsRefsT } from './TimeWheelContext';\ntype useKeyboardHandlersArgsT = Partial<useCurrentDisplayedWheelsLogicT> &\n WheelsButtonsRefsT & {\n hideDate: boolean;\n hideTime: boolean;\n monthInputRef: React.RefObject<HTMLInputElement>;\n hourInputRef: React.RefObject<HTMLInputElement>;\n\n prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n isWithCalendarToo: boolean;\n isControllerOnly: boolean;\n };\nexport const useKeyboardHandlers = ({\n handlePrevHour,\n handleNextHour,\n handlePrevMinute,\n handleNextMinute,\n // handlePrevSecond,\n // handleNextSecond,\n handleTimeWheelBtnChangeMeridiem,\n prevMonthBtnRef,\n prevHourBtnRef,\n currHourBtnRef,\n nextHourBtnRef,\n prevMinutesBtnRef,\n currMinutesBtnRef,\n nextMinutesBtnRef,\n // prevSecondsBtnRef,\n // currSecondsBtnRef,\n // nextSecondsBtnRef,\n prevMeridiemBtnRef,\n currMeridiemBtnRef,\n nextMeridiemBtnRef,\n hideDate,\n hideTime,\n monthInputRef,\n hourInputRef,\n isWithCalendarToo,\n isControllerOnly,\n}: useKeyboardHandlersArgsT): KeyboardHandlersT => {\n const onHomeKeyDownInsideTimeWheel = useCallback(() => {\n if (isWithCalendarToo) prevMonthBtnRef?.current?.focus?.();\n else currHourBtnRef?.current?.focus?.();\n }, [currHourBtnRef, isWithCalendarToo, prevMonthBtnRef]);\n const onEndKeyDownInsideTimeWheel = useCallback(() => {\n currMeridiemBtnRef?.current?.focus?.();\n }, [currMeridiemBtnRef]);\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 handleCurrHourOnKeyDown = useCallback(\n (e) => {\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 let didTriggerHourChange = false;\n if (key === 'ArrowUp') {\n handlePrevHour(e);\n didTriggerHourChange = true;\n }\n if (key === 'ArrowDown') {\n handleNextHour(e);\n didTriggerHourChange = true;\n }\n if (key === 'ArrowRight') {\n currMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n\n // ensure the focus is in the correct button after up/down arrow\n if (didTriggerHourChange) setTimeout(() => currHourBtnRef?.current?.focus?.());\n\n // TAB CYCLE IMPLEMENTATION\n if (!isControllerOnly)\n if (key === 'Tab' && shiftKey && !isWithCalendarToo) {\n e.preventDefault();\n currMeridiemBtnRef?.current?.focus?.();\n }\n },\n [\n currHourBtnRef,\n currMeridiemBtnRef,\n currMinutesBtnRef,\n handleNextHour,\n handlePrevHour,\n isControllerOnly,\n isWithCalendarToo,\n onEndKeyDownInsideTimeWheel,\n onHomeKeyDownInsideTimeWheel,\n ],\n );\n const handleCurrMinutesOnKeyDown = useCallback(\n (e) => {\n const { key } = 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 let didTriggerMinuteChange = false;\n if (key === 'ArrowUp') {\n handlePrevMinute(e);\n didTriggerMinuteChange = true;\n }\n if (key === 'ArrowDown') {\n handleNextMinute(e);\n didTriggerMinuteChange = true;\n }\n if (key === 'ArrowLeft') {\n currHourBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowRight') {\n // currSecondsBtnRef?.current?.focus?.();\n currMeridiemBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n // ensure the focus is in the correct button after up/down arrow\n if (didTriggerMinuteChange) setTimeout(() => currMinutesBtnRef?.current?.focus?.());\n },\n [\n onHomeKeyDownInsideTimeWheel,\n onEndKeyDownInsideTimeWheel,\n handlePrevMinute,\n handleNextMinute,\n currHourBtnRef,\n currMeridiemBtnRef,\n currMinutesBtnRef,\n ],\n );\n // const handleCurrSecondsOnKeyDown = useCallback(\n // (e) => {\n // const { key } = e;\n // let didTriggerSecondChange = false;\n // if (key === 'ArrowUp') {\n // handlePrevSecond(e);\n // didTriggerSecondChange = true;\n // }\n // if (key === 'ArrowDown') {\n // handleNextSecond(e);\n // didTriggerSecondChange = true;\n // }\n // if (key === 'ArrowLeft') {\n // currMinutesBtnRef?.current?.focus?.();\n // }\n // if (key === 'ArrowRight') {\n // currMeridiemBtnRef?.current?.focus?.();\n // }\n // // ensure the focus is in the correct button after up/down arrow\n // if (didTriggerSecondChange) setTimeout(() => currSecondsBtnRef?.current?.focus?.(), 10);\n // },\n // [\n // currMeridiemBtnRef,\n // currMinutesBtnRef,\n // currSecondsBtnRef,\n // handleNextSecond,\n // handlePrevSecond,\n // ],\n // );\n const handleCurrMeridiemOnKeyDown = useCallback(\n (e) => {\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 let didTriggerMeridiemChange = false;\n if (key === 'ArrowUp') {\n handleTimeWheelBtnChangeMeridiem('AM', e);\n didTriggerMeridiemChange = true;\n }\n if (key === 'ArrowDown') {\n handleTimeWheelBtnChangeMeridiem('PM', e);\n didTriggerMeridiemChange = true;\n }\n if (key === 'ArrowLeft') {\n // currSecondsBtnRef?.current?.focus?.();\n currMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n\n // ensure the focus is in the correct button after up/down arrow\n if (didTriggerMeridiemChange) setTimeout(() => currMeridiemBtnRef?.current?.focus?.());\n\n // TAB CYCLE IMPLEMENTATION\n if (!isControllerOnly)\n if (key === 'Tab' && !shiftKey) {\n e.preventDefault();\n if (isWithCalendarToo) prevMonthBtnRef?.current?.focus?.();\n else currHourBtnRef?.current?.focus?.();\n }\n },\n [\n currHourBtnRef,\n currMeridiemBtnRef,\n currMinutesBtnRef,\n handleTimeWheelBtnChangeMeridiem,\n isControllerOnly,\n isWithCalendarToo,\n onEndKeyDownInsideTimeWheel,\n onHomeKeyDownInsideTimeWheel,\n prevMonthBtnRef,\n ],\n );\n const handlePrevHourBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = 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 if (key === 'ArrowRight') {\n prevMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowDown') {\n currHourBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n },\n [currHourBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef],\n );\n const handlePrevMinuteBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = 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 if (key === 'ArrowRight') {\n // prevSecondsBtnRef?.current?.focus?.();\n prevMeridiemBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowLeft') {\n prevHourBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowDown') {\n currMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n },\n [currMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevHourBtnRef, prevMeridiemBtnRef],\n );\n // const handlePrevSecondBtnOnKeyDown = useCallback(\n // (e) => {\n // const { key } = e;\n // if (key === 'ArrowRight') {\n // prevMeridiemBtnRef?.current?.focus?.();\n // }\n // if (key === 'ArrowLeft') {\n // prevMinutesBtnRef?.current?.focus?.();\n // }\n // if (key === 'ArrowDown') {\n // currSecondsBtnRef?.current?.focus?.();\n // }\n // },\n // [currSecondsBtnRef, prevMeridiemBtnRef, prevMinutesBtnRef],\n // );\n const handlePrevMeridiemBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = 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 if (key === 'ArrowLeft') {\n // prevSecondsBtnRef?.current?.focus?.();\n prevMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowDown') {\n currMeridiemBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n },\n [currMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel, prevMinutesBtnRef],\n );\n const handleNextHourBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = 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 if (key === 'ArrowRight') {\n nextMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowUp') {\n currHourBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n },\n [currHourBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel],\n );\n const handleNextMinuteBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = 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 if (key === 'ArrowRight') {\n // nextSecondsBtnRef?.current?.focus?.();\n nextMeridiemBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowLeft') {\n nextHourBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowUp') {\n currMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n },\n [currMinutesBtnRef, nextHourBtnRef, nextMeridiemBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel],\n );\n // const handleNextSecondBtnOnKeyDown = useCallback(\n // (e) => {\n // const { key } = e;\n // if (key === 'ArrowRight') {\n // nextMeridiemBtnRef?.current?.focus?.();\n // }\n // if (key === 'ArrowLeft') {\n // nextMinutesBtnRef?.current?.focus?.();\n // }\n // if (key === 'ArrowUp') {\n // currSecondsBtnRef?.current?.focus?.();\n // }\n // },\n // [currSecondsBtnRef, nextMeridiemBtnRef, nextMinutesBtnRef],\n // );\n const handleNextMeridiemBtnOnKeyDown = useCallback(\n (e) => {\n const { key } = 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 if (key === 'ArrowLeft') {\n nextMinutesBtnRef?.current?.focus?.();\n }\n if (key === 'ArrowUp') {\n currMeridiemBtnRef?.current?.focus?.();\n }\n if (key === 'Home') onHomeKeyDownInsideTimeWheel();\n if (key === 'End') onEndKeyDownInsideTimeWheel();\n },\n [currMeridiemBtnRef, nextMinutesBtnRef, onEndKeyDownInsideTimeWheel, onHomeKeyDownInsideTimeWheel],\n );\n\n return useMemo(\n () => ({\n handlePrevHourBtnOnKeyDown,\n handleCurrHourOnKeyDown,\n handleNextHourBtnOnKeyDown,\n handlePrevMinuteBtnOnKeyDown,\n handleCurrMinutesOnKeyDown,\n handleNextMinuteBtnOnKeyDown,\n // handlePrevSecondBtnOnKeyDown,\n // handleCurrSecondsOnKeyDown,\n // handleNextSecondBtnOnKeyDown,\n handlePrevMeridiemBtnOnKeyDown,\n handleCurrMeridiemOnKeyDown,\n handleNextMeridiemBtnOnKeyDown,\n handlePickerIconKeyDown,\n }),\n [\n handleCurrHourOnKeyDown,\n handleCurrMeridiemOnKeyDown,\n handleCurrMinutesOnKeyDown,\n // handleCurrSecondsOnKeyDown,\n handleNextHourBtnOnKeyDown,\n handleNextMeridiemBtnOnKeyDown,\n handleNextMinuteBtnOnKeyDown,\n // handleNextSecondBtnOnKeyDown,\n handlePrevHourBtnOnKeyDown,\n handlePrevMeridiemBtnOnKeyDown,\n handlePrevMinuteBtnOnKeyDown,\n // handlePrevSecondBtnOnKeyDown,\n handlePickerIconKeyDown,\n ],\n );\n};\n"],"names":["useKeyboardHandlers","handlePrevHour","handleNextHour","handlePrevMinute","handleNextMinute","handleTimeWheelBtnChangeMeridiem","prevMonthBtnRef","prevHourBtnRef","currHourBtnRef","nextHourBtnRef","prevMinutesBtnRef","currMinutesBtnRef","nextMinutesBtnRef","prevMeridiemBtnRef","currMeridiemBtnRef","nextMeridiemBtnRef","hideDate","hideTime","monthInputRef","hourInputRef","isWithCalendarToo","isControllerOnly","onHomeKeyDownInsideTimeWheel","useCallback","current","focus","onEndKeyDownInsideTimeWheel","onHomeKeyDownTriggerIcon","handlePickerIconKeyDown","e","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","handleCurrHourOnKeyDown","shiftKey","didTriggerHourChange","setTimeout","handleCurrMinutesOnKeyDown","didTriggerMinuteChange","handleCurrMeridiemOnKeyDown","didTriggerMeridiemChange","handlePrevHourBtnOnKeyDown","handlePrevMinuteBtnOnKeyDown","handlePrevMeridiemBtnOnKeyDown","handleNextHourBtnOnKeyDown","handleNextMinuteBtnOnKeyDown","handleNextMeridiemBtnOnKeyDown","useMemo"],"mappings":";;;;;;AAAA;IAkBaA,mBAAmB,GAAG,SAAtBA,mBAAsB,OA2BgB;AAAA,MA1BjDC,cA0BiD,QA1BjDA,cA0BiD;AAAA,MAzBjDC,cAyBiD,QAzBjDA,cAyBiD;AAAA,MAxBjDC,gBAwBiD,QAxBjDA,gBAwBiD;AAAA,MAvBjDC,gBAuBiD,QAvBjDA,gBAuBiD;AAAA,MApBjDC,gCAoBiD,QApBjDA,gCAoBiD;AAAA,MAnBjDC,eAmBiD,QAnBjDA,eAmBiD;AAAA,MAlBjDC,cAkBiD,QAlBjDA,cAkBiD;AAAA,MAjBjDC,cAiBiD,QAjBjDA,cAiBiD;AAAA,MAhBjDC,cAgBiD,QAhBjDA,cAgBiD;AAAA,MAfjDC,iBAeiD,QAfjDA,iBAeiD;AAAA,MAdjDC,iBAciD,QAdjDA,iBAciD;AAAA,MAbjDC,iBAaiD,QAbjDA,iBAaiD;AAAA,MATjDC,kBASiD,QATjDA,kBASiD;AAAA,MARjDC,kBAQiD,QARjDA,kBAQiD;AAAA,MAPjDC,kBAOiD,QAPjDA,kBAOiD;AAAA,MANjDC,QAMiD,QANjDA,QAMiD;AAAA,MALjDC,QAKiD,QALjDA,QAKiD;AAAA,MAJjDC,aAIiD,QAJjDA,aAIiD;AAAA,MAHjDC,YAGiD,QAHjDA,YAGiD;AAAA,MAFjDC,iBAEiD,QAFjDA,iBAEiD;AAAA,MADjDC,gBACiD,QADjDA,gBACiD;AACjD,MAAMC,4BAA4B,GAAGC,iBAAW,CAAC,YAAM;AAAA;;AACrD,QAAIH,iBAAJ,EAAuBd,eAAe,SAAf,IAAAA,eAAe,WAAf,qCAAAA,eAAe,CAAEkB,OAAjB,0GAA0BC,KAA1B,8GAAvB,KACKjB,cAAc,SAAd,IAAAA,cAAc,WAAd,qCAAAA,cAAc,CAAEgB,OAAhB,0GAAyBC,KAAzB;AACN,GAH+C,EAG7C,CAACjB,cAAD,EAAiBY,iBAAjB,EAAoCd,eAApC,CAH6C,CAAhD;AAIA,MAAMoB,2BAA2B,GAAGH,iBAAW,CAAC,YAAM;AAAA;;AACpDT,IAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,qCAAAA,kBAAkB,CAAEU,OAApB,0GAA6BC,KAA7B;AACD,GAF8C,EAE5C,CAACX,kBAAD,CAF4C,CAA/C;AAIA,MAAMa,wBAAwB,GAAGJ,iBAAW,CAAC,YAAM;AAAA;;AACjD,QAAI,CAACP,QAAL,EAAeE,aAAa,SAAb,IAAAA,aAAa,WAAb,qCAAAA,aAAa,CAAEM,OAAf,0GAAwBC,KAAxB,8GAAf,KACK,IAAI,CAACR,QAAL,EAAeE,YAAY,SAAZ,IAAAA,YAAY,WAAZ,qCAAAA,YAAY,CAAEK,OAAd,0GAAuBC,KAAvB;AACrB,GAH2C,EAGzC,CAACT,QAAD,EAAWC,QAAX,EAAqBC,aAArB,EAAoCC,YAApC,CAHyC,CAA5C;AAIA,MAAMS,uBAAsD,GAAGL,iBAAW,CACxE,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;AACvC,QAAIL,GAAG,KAAK,MAAZ,EAAoBH,wBAAwB;AAC7C,GARuE,EASxE,CAACA,wBAAD,CATwE,CAA1E;AAYA,MAAMS,uBAAuB,GAAGb,iBAAW,CACzC,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAA0BD,CAA1B,CAAQC,GAAR;AAAA,QAAaO,QAAb,GAA0BR,CAA1B,CAAaQ,QAAb;AACA,QAAMN,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;AACvC,QAAIG,oBAAoB,GAAG,KAA3B;;AACA,QAAIR,GAAG,KAAK,SAAZ,EAAuB;AACrB7B,MAAAA,cAAc,CAAC4B,CAAD,CAAd;AACAS,MAAAA,oBAAoB,GAAG,IAAvB;AACD;;AACD,QAAIR,GAAG,KAAK,WAAZ,EAAyB;AACvB5B,MAAAA,cAAc,CAAC2B,CAAD,CAAd;AACAS,MAAAA,oBAAoB,GAAG,IAAvB;AACD;;AACD,QAAIR,GAAG,KAAK,YAAZ,EAA0B;AAAA;;AACxBnB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,qCAAAA,iBAAiB,CAAEa,OAAnB,0GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B,GAnBzC;;AAsBL,QAAIY,oBAAJ,EAA0BC,UAAU,CAAC;AAAA;;AAAA,aAAM/B,cAAN,aAAMA,cAAN,iDAAMA,cAAc,CAAEgB,OAAtB,qFAAM,uBAAyBC,KAA/B,2DAAM,mDAAN;AAAA,KAAD,CAAV,CAtBrB;;AAyBL,QAAI,CAACJ,gBAAL,EACE,IAAIS,GAAG,KAAK,KAAR,IAAiBO,QAAjB,IAA6B,CAACjB,iBAAlC,EAAqD;AAAA;;AACnDS,MAAAA,CAAC,CAACK,cAAF;AACApB,MAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,sCAAAA,kBAAkB,CAAEU,OAApB,4GAA6BC,KAA7B;AACD;AACJ,GA/BwC,EAgCzC,CACEjB,cADF,EAEEM,kBAFF,EAGEH,iBAHF,EAIET,cAJF,EAKED,cALF,EAMEoB,gBANF,EAOED,iBAPF,EAQEM,2BARF,EASEJ,4BATF,CAhCyC,CAA3C;AA4CA,MAAMkB,0BAA0B,GAAGjB,iBAAW,CAC5C,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;AACvC,QAAIM,sBAAsB,GAAG,KAA7B;;AACA,QAAIX,GAAG,KAAK,SAAZ,EAAuB;AACrB3B,MAAAA,gBAAgB,CAAC0B,CAAD,CAAhB;AACAY,MAAAA,sBAAsB,GAAG,IAAzB;AACD;;AACD,QAAIX,GAAG,KAAK,WAAZ,EAAyB;AACvB1B,MAAAA,gBAAgB,CAACyB,CAAD,CAAhB;AACAY,MAAAA,sBAAsB,GAAG,IAAzB;AACD;;AACD,QAAIX,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvBtB,MAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,sCAAAA,cAAc,CAAEgB,OAAhB,4GAAyBC,KAAzB;AACD;;AACD,QAAIK,GAAG,KAAK,YAAZ,EAA0B;AAAA;;AACxB;AACAhB,MAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,sCAAAA,kBAAkB,CAAEU,OAApB,4GAA6BC,KAA7B;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B,GAvBzC;;AAyBL,QAAIe,sBAAJ,EAA4BF,UAAU,CAAC;AAAA;;AAAA,aAAM5B,iBAAN,aAAMA,iBAAN,iDAAMA,iBAAiB,CAAEa,OAAzB,qFAAM,uBAA4BC,KAAlC,2DAAM,mDAAN;AAAA,KAAD,CAAV;AAC7B,GA3B2C,EA4B5C,CACEH,4BADF,EAEEI,2BAFF,EAGEvB,gBAHF,EAIEC,gBAJF,EAKEI,cALF,EAMEM,kBANF,EAOEH,iBAPF,CA5B4C,CAA9C,CArEiD;AA4GjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAM+B,2BAA2B,GAAGnB,iBAAW,CAC7C,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAA0BD,CAA1B,CAAQC,GAAR;AAAA,QAAaO,QAAb,GAA0BR,CAA1B,CAAaQ,QAAb;AACA,QAAMN,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;AACvC,QAAIQ,wBAAwB,GAAG,KAA/B;;AACA,QAAIb,GAAG,KAAK,SAAZ,EAAuB;AACrBzB,MAAAA,gCAAgC,CAAC,IAAD,EAAOwB,CAAP,CAAhC;AACAc,MAAAA,wBAAwB,GAAG,IAA3B;AACD;;AACD,QAAIb,GAAG,KAAK,WAAZ,EAAyB;AACvBzB,MAAAA,gCAAgC,CAAC,IAAD,EAAOwB,CAAP,CAAhC;AACAc,MAAAA,wBAAwB,GAAG,IAA3B;AACD;;AACD,QAAIb,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvB;AACAnB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,sCAAAA,iBAAiB,CAAEa,OAAnB,4GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B,GApBzC;;AAuBL,QAAIiB,wBAAJ,EAA8BJ,UAAU,CAAC;AAAA;;AAAA,aAAMzB,kBAAN,aAAMA,kBAAN,iDAAMA,kBAAkB,CAAEU,OAA1B,qFAAM,uBAA6BC,KAAnC,2DAAM,mDAAN;AAAA,KAAD,CAAV,CAvBzB;;AA0BL,QAAI,CAACJ,gBAAL,EACE,IAAIS,GAAG,KAAK,KAAR,IAAiB,CAACO,QAAtB,EAAgC;AAAA;;AAC9BR,MAAAA,CAAC,CAACK,cAAF;AACA,UAAId,iBAAJ,EAAuBd,eAAe,SAAf,IAAAA,eAAe,WAAf,sCAAAA,eAAe,CAAEkB,OAAjB,4GAA0BC,KAA1B,+GAAvB,KACKjB,cAAc,SAAd,IAAAA,cAAc,WAAd,sCAAAA,cAAc,CAAEgB,OAAhB,4GAAyBC,KAAzB;AACN;AACJ,GAjC4C,EAkC7C,CACEjB,cADF,EAEEM,kBAFF,EAGEH,iBAHF,EAIEN,gCAJF,EAKEgB,gBALF,EAMED,iBANF,EAOEM,2BAPF,EAQEJ,4BARF,EASEhB,eATF,CAlC6C,CAA/C;AA8CA,MAAMsC,0BAA0B,GAAGrB,iBAAW,CAC5C,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;;AACvC,QAAIL,GAAG,KAAK,YAAZ,EAA0B;AAAA;;AACxBpB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,qCAAAA,iBAAiB,CAAEc,OAAnB,0GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvBtB,MAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,sCAAAA,cAAc,CAAEgB,OAAhB,6GAAyBC,KAAzB;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B;AAC/C,GAf2C,EAgB5C,CAAClB,cAAD,EAAiBkB,2BAAjB,EAA8CJ,4BAA9C,EAA4EZ,iBAA5E,CAhB4C,CAA9C;AAkBA,MAAMmC,4BAA4B,GAAGtB,iBAAW,CAC9C,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;;AACvC,QAAIL,GAAG,KAAK,YAAZ,EAA0B;AAAA;;AACxB;AACAjB,MAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,qCAAAA,kBAAkB,CAAEW,OAApB,0GAA6BC,KAA7B;AACD;;AACD,QAAIK,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvBvB,MAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,qCAAAA,cAAc,CAAEiB,OAAhB,0GAAyBC,KAAzB;AACD;;AACD,QAAIK,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvBnB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,sCAAAA,iBAAiB,CAAEa,OAAnB,4GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B;AAC/C,GAnB6C,EAoB9C,CAACf,iBAAD,EAAoBe,2BAApB,EAAiDJ,4BAAjD,EAA+Ef,cAA/E,EAA+FM,kBAA/F,CApB8C,CAAhD,CAxMiD;AA+NjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMiC,8BAA8B,GAAGvB,iBAAW,CAChD,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;;AACvC,QAAIL,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvB;AACApB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,sCAAAA,iBAAiB,CAAEc,OAAnB,4GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvBhB,MAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,sCAAAA,kBAAkB,CAAEU,OAApB,6GAA6BC,KAA7B;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B;AAC/C,GAhB+C,EAiBhD,CAACZ,kBAAD,EAAqBY,2BAArB,EAAkDJ,4BAAlD,EAAgFZ,iBAAhF,CAjBgD,CAAlD;AAmBA,MAAMqC,0BAA0B,GAAGxB,iBAAW,CAC5C,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;;AACvC,QAAIL,GAAG,KAAK,YAAZ,EAA0B;AAAA;;AACxBlB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,qCAAAA,iBAAiB,CAAEY,OAAnB,0GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,SAAZ,EAAuB;AAAA;;AACrBtB,MAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,uCAAAA,cAAc,CAAEgB,OAAhB,+GAAyBC,KAAzB;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B;AAC/C,GAf2C,EAgB5C,CAAClB,cAAD,EAAiBI,iBAAjB,EAAoCc,2BAApC,EAAiEJ,4BAAjE,CAhB4C,CAA9C;AAkBA,MAAM0B,4BAA4B,GAAGzB,iBAAW,CAC9C,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;;AACvC,QAAIL,GAAG,KAAK,YAAZ,EAA0B;AAAA;;AACxB;AACAf,MAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,qCAAAA,kBAAkB,CAAES,OAApB,0GAA6BC,KAA7B;AACD;;AACD,QAAIK,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvBrB,MAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,qCAAAA,cAAc,CAAEe,OAAhB,0GAAyBC,KAAzB;AACD;;AACD,QAAIK,GAAG,KAAK,SAAZ,EAAuB;AAAA;;AACrBnB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,sCAAAA,iBAAiB,CAAEa,OAAnB,6GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B;AAC/C,GAnB6C,EAoB9C,CAACf,iBAAD,EAAoBF,cAApB,EAAoCM,kBAApC,EAAwDW,2BAAxD,EAAqFJ,4BAArF,CApB8C,CAAhD,CAlRiD;AAySjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAM2B,8BAA8B,GAAG1B,iBAAW,CAChD,UAACM,CAAD,EAAO;AACL,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA3B;AACA,QAAMC,mBAAmB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,SAAhB,EAA2B,WAA3B,EAAwC,WAAxC,EAAqD,YAArD,CAA5B;AACA,QAAID,kBAAkB,CAACE,QAAnB,CAA4BH,GAA5B,CAAJ,EAAsCD,CAAC,CAACK,cAAF;AACtC,QAAIF,mBAAmB,CAACC,QAApB,CAA6BH,GAA7B,CAAJ,EAAuCD,CAAC,CAACM,eAAF;;AACvC,QAAIL,GAAG,KAAK,WAAZ,EAAyB;AAAA;;AACvBlB,MAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,sCAAAA,iBAAiB,CAAEY,OAAnB,4GAA4BC,KAA5B;AACD;;AACD,QAAIK,GAAG,KAAK,SAAZ,EAAuB;AAAA;;AACrBhB,MAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,uCAAAA,kBAAkB,CAAEU,OAApB,+GAA6BC,KAA7B;AACD;;AACD,QAAIK,GAAG,KAAK,MAAZ,EAAoBR,4BAA4B;AAChD,QAAIQ,GAAG,KAAK,KAAZ,EAAmBJ,2BAA2B;AAC/C,GAf+C,EAgBhD,CAACZ,kBAAD,EAAqBF,iBAArB,EAAwCc,2BAAxC,EAAqEJ,4BAArE,CAhBgD,CAAlD;AAmBA,SAAO4B,aAAO,CACZ;AAAA,WAAO;AACLN,MAAAA,0BAA0B,EAA1BA,0BADK;AAELR,MAAAA,uBAAuB,EAAvBA,uBAFK;AAGLW,MAAAA,0BAA0B,EAA1BA,0BAHK;AAILF,MAAAA,4BAA4B,EAA5BA,4BAJK;AAKLL,MAAAA,0BAA0B,EAA1BA,0BALK;AAMLQ,MAAAA,4BAA4B,EAA5BA,4BANK;AAOL;AACA;AACA;AACAF,MAAAA,8BAA8B,EAA9BA,8BAVK;AAWLJ,MAAAA,2BAA2B,EAA3BA,2BAXK;AAYLO,MAAAA,8BAA8B,EAA9BA,8BAZK;AAaLrB,MAAAA,uBAAuB,EAAvBA;AAbK,KAAP;AAAA,GADY,EAgBZ,CACEQ,uBADF,EAEEM,2BAFF,EAGEF,0BAHF;AAKEO,EAAAA,0BALF,EAMEE,8BANF,EAOED,4BAPF;AASEJ,EAAAA,0BATF,EAUEE,8BAVF,EAWED,4BAXF;AAaEjB,EAAAA,uBAbF,CAhBY,CAAd;AAgCD;;;;"}

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js CHANGED Viewed

@@ -13,8 +13,10 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
 var usePopperTriggerLogic = function usePopperTriggerLogic(_ref) {
   var pickerButtonRef = _ref.pickerButtonRef,
+      currHourBtnRef = _ref.currHourBtnRef,
       onPickerClose = _ref.onPickerClose,
-      onPickerOpen = _ref.onPickerOpen;
+      onPickerOpen = _ref.onPickerOpen,
+      isWithCalendarToo = _ref.isWithCalendarToo;
   var _useState = React.useState(false),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -47,17 +49,21 @@ var usePopperTriggerLogic = function usePopperTriggerLogic(_ref) {
   var closeTimePicker = React.useCallback(function () {
     setShowTimePicker(false);
     onPickerClose();
-  }, [onPickerClose]); // const openTimePicker = useCallback(() => {
-  //   setShowTimePicker(true);
-  //   onPickerOpen();
-  // }, [onPickerOpen]);
+  }, [onPickerClose]);
   var handleToggleTimePicker = React.useCallback(function () {
     setShowTimePicker(function (oldShowCalendar) {
-      if (!oldShowCalendar) onPickerOpen();else onPickerClose();
+      if (!oldShowCalendar) {
+        onPickerOpen();
+        if (!isWithCalendarToo) setTimeout(function () {
+          var _currHourBtnRef$curre, _currHourBtnRef$curre2;
+          return currHourBtnRef === null || currHourBtnRef === void 0 ? void 0 : (_currHourBtnRef$curre = currHourBtnRef.current) === null || _currHourBtnRef$curre === void 0 ? void 0 : (_currHourBtnRef$curre2 = _currHourBtnRef$curre.focus) === null || _currHourBtnRef$curre2 === void 0 ? void 0 : _currHourBtnRef$curre2.call(_currHourBtnRef$curre);
+        });
+      } else onPickerClose();
       return !oldShowCalendar;
     });
-  }, [onPickerClose, onPickerOpen]);
+  }, [currHourBtnRef, isWithCalendarToo, onPickerClose, onPickerOpen]);
   controlledDateTimePicker_utils_hooks_useOnClickOutside.useOnClickOutside(popperElement, function (e) {
     var _pickerButtonRef$curr, _pickerButtonRef$curr2;