@elliemae/ds-controlled-form 3.0.0-next.2 → 3.0.0-next.3

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js

@@ -1,111 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var dateHelpers = require('../../../utils/dateHelpers.js');
-var useGetStartingFocusedDay = require('../../../utils/hooks/useGetStartingFocusedDay.js');
-
-// eslint-disable-next-line max-params
-const loopWhileWaiting = function (cb) {
-  let shortcircuit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => false;
-  let timePerTry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
-  let maxTries = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 5;
-  let ab = maxTries;
-  const inter = setInterval(() => {
-    cb();
-    if (shortcircuit() || ab === 0) clearInterval(inter);
-    ab -= 1;
-  }, timePerTry);
-};
-
-const useFocusLogic = _ref => {
-  let {
-    daysArray,
-    showCalendar
-  } = _ref;
-  const {
-    calendarDaysWrapperRef
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const {
-    startFocusedDate
-  } = useGetStartingFocusedDay.useGetStartingFocusedDay();
-  const [metadayToFocus, setMetadayToFocus] = React.useState(daysArray.find(_ref2 => {
-    let {
-      day: currDay
-    } = _ref2;
-    return dateHelpers.compareTwoDatesDayEquality(currDay, startFocusedDate);
-  })); // this is required because we have to focus based on the inputs values too,
-  // useGetStartingFocusedDay does this already,
-  // this "useMemo" is here just to trigger it functionally by changing the metadayToFocus state
-  // which is required for arrow key navigation in the calendar
-
-  const focusedDay = React.useMemo(() => {
-    const newFocusedDay = metadayToFocus ? daysArray.find(_ref3 => {
-      let {
-        day: currDay
-      } = _ref3;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, metadayToFocus.day);
-    }) : daysArray.find(_ref4 => {
-      let {
-        day: currDay
-      } = _ref4;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, startFocusedDate);
-    });
-    return newFocusedDay;
-  }, [daysArray, startFocusedDate, metadayToFocus]);
-  const tryToFocusCurrentlyDataIsFocusedDay = React.useCallback(function () {
-    let wrapperDOM = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (calendarDaysWrapperRef === null || calendarDaysWrapperRef === void 0 ? void 0 : calendarDaysWrapperRef.current) || document;
-    let shortcircuit = false;
-    loopWhileWaiting(() => {
-      const domElem = wrapperDOM === null || wrapperDOM === void 0 ? void 0 : wrapperDOM.querySelector('[data-isfocused="true"]');
-
-      if (domElem) {
-        var _domElem$focus;
-
-        domElem === null || domElem === void 0 ? void 0 : (_domElem$focus = domElem.focus) === null || _domElem$focus === void 0 ? void 0 : _domElem$focus.call(domElem);
-        shortcircuit = true;
-      }
-    }, () => shortcircuit);
-  }, [calendarDaysWrapperRef]);
-  React.useLayoutEffect(() => {
-    if (showCalendar) tryToFocusCurrentlyDataIsFocusedDay(calendarDaysWrapperRef === null || calendarDaysWrapperRef === void 0 ? void 0 : calendarDaysWrapperRef.current);
-  }, [calendarDaysWrapperRef, focusedDay, showCalendar, tryToFocusCurrentlyDataIsFocusedDay]);
-  const handleFocusMetaDay = React.useCallback(metaDayToFocus => {
-    // if focusedDay is inside current daysArray we set Focused day
-    const newFocusedMetaDay = daysArray.find(_ref5 => {
-      let {
-        day: currDay
-      } = _ref5;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, metaDayToFocus.day);
-    });
-    if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);
-  }, [daysArray, focusedDay]);
-  const handleFocusMetaDayByDay = React.useCallback(dayDate => {
-    // if focusedDay is inside current daysArray we set Focused day
-    const newFocusedMetaDay = daysArray.find(_ref6 => {
-      let {
-        day: currDay
-      } = _ref6;
-      return dateHelpers.compareTwoDatesDayEquality(currDay, dayDate);
-    });
-    if (focusedDay !== newFocusedMetaDay) setMetadayToFocus(newFocusedMetaDay);
-  }, [daysArray, focusedDay]);
-  const resetFocusedDayToStartDate = React.useCallback(() => {
-    setMetadayToFocus(null);
-  }, []);
-  return React.useMemo(() => ({
-    focusedDay,
-    tryToFocusCurrentlyDataIsFocusedDay,
-    resetFocusedDayToStartDate,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay
-  }), [focusedDay, tryToFocusCurrentlyDataIsFocusedDay, resetFocusedDayToStartDate, handleFocusMetaDay, handleFocusMetaDayByDay]);
-};
-
-exports.useFocusLogic = useFocusLogic;

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js

@@ -1,264 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var dateHelpers = require('../../../utils/dateHelpers.js');
-var constants = require('../../../utils/constants.js');
-
-const useKeyboardHandlers = _ref => {
-  let {
-    focusedDay,
-    daysArray,
-    handlePrevMonth,
-    handleNextMonth,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay,
-    tryToFocusCurrentlyDataIsFocusedDay
-  } = _ref;
-  const {
-    hideDate,
-    hideTime,
-    monthInputRef,
-    hourInputRef,
-    prevYearBtnRef,
-    prevMonthBtnRef,
-    nextMonthBtnRef,
-    nextYearBtnRef,
-    currMeridiemBtnRef,
-    isControllerOnly,
-    isWithTimeWheelToo,
-    setLatestInteractionRegion,
-    withAnyInputs,
-    isWithTimeInputs,
-    meridiemInputRef,
-    isWithDateInputs,
-    yearInputRef
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const tryToFocusDayRegion = React.useCallback(() => {
-    setLatestInteractionRegion('calendar-days');
-
-    if (!focusedDay) {
-      const newFocusDay = daysArray.find(_ref2 => {
-        let {
-          isCurrMonthDay
-        } = _ref2;
-        return isCurrMonthDay;
-      });
-      if (newFocusDay) setTimeout(() => {
-        handleFocusMetaDay(newFocusDay);
-      });
-    } else {
-      tryToFocusCurrentlyDataIsFocusedDay();
-    }
-  }, [daysArray, focusedDay, handleFocusMetaDay, setLatestInteractionRegion, tryToFocusCurrentlyDataIsFocusedDay]);
-  const onHomeKeyDownInsideCalendar = React.useCallback(() => {
-    var _prevMonthBtnRef$curr, _prevMonthBtnRef$curr2;
-
-    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);
-  }, [prevMonthBtnRef]);
-  const onEndKeyDownInsideCalendar = React.useCallback(() => {
-    var _currMeridiemBtnRef$c, _currMeridiemBtnRef$c2;
-
-    if (isWithTimeWheelToo) 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);else tryToFocusDayRegion();
-  }, [currMeridiemBtnRef, isWithTimeWheelToo, tryToFocusDayRegion]);
-  const onHomeKeyDownTriggerIcon = React.useCallback(() => {
-    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]);
-  const handlePickerIconKeyDown = React.useCallback(e => {
-    const {
-      key
-    } = e;
-    if (constants.homeEndKeys.includes(key)) e.preventDefault();
-    if (constants.homeEndKeys.includes(key)) e.stopPropagation();
-    if (key === 'Home') onHomeKeyDownTriggerIcon();
-
-    if (key === 'Backspace' && withAnyInputs) {
-      var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
-
-      if (isWithTimeInputs) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else if (isWithDateInputs) yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
-    }
-  }, [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onHomeKeyDownTriggerIcon, withAnyInputs, yearInputRef]);
-  const handleDayOnKeyDown = React.useCallback((e, metaDay) => {
-    let newFocusedDayDate;
-    const {
-      day
-    } = metaDay;
-    const {
-      key,
-      shiftKey
-    } = e;
-    if (constants.homeEndAllArrowKeys.includes(key)) e.preventDefault();
-    if (constants.homeEndAllArrowKeys.includes(key)) e.stopPropagation();
-    if (key === 'ArrowUp') newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-      daysToSum: -7
-    });
-    if (key === 'ArrowDown') newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-      daysToSum: 7
-    });
-
-    if (key === 'ArrowLeft') {
-      newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-        daysToSum: -1
-      });
-
-      if (metaDay === daysArray[1]) {
-        handlePrevMonth();
-      }
-    }
-
-    if (key === 'ArrowRight') {
-      newFocusedDayDate = dateHelpers.sumValuesToDate(day, {
-        daysToSum: 1
-      });
-
-      if (metaDay === daysArray[daysArray.length - 2]) {
-        handleNextMonth();
-      }
-    }
-
-    if (newFocusedDayDate) {
-      handleFocusMetaDayByDay(newFocusedDayDate);
-      setTimeout(tryToFocusCurrentlyDataIsFocusedDay);
-    }
-
-    if (key === 'Home') onHomeKeyDownInsideCalendar();
-    if (key === 'End') onEndKeyDownInsideCalendar(); // TAB CYCLE IMPLEMENTATION
-
-    if (key === 'Tab' && !shiftKey && isControllerOnly === false && !isWithTimeWheelToo) {
-      var _prevMonthBtnRef$curr3, _prevMonthBtnRef$curr4;
-
-      // MUST prevent default since this is a custom focus switch
-      // NOT preventing the default event will cause unexpected result
-      e.preventDefault();
-      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);
-    }
-  }, [daysArray, handleFocusMetaDayByDay, handleNextMonth, handlePrevMonth, isControllerOnly, isWithTimeWheelToo, onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, prevMonthBtnRef, tryToFocusCurrentlyDataIsFocusedDay]);
-  const handlePrevYearKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
-      e.preventDefault();
-
-      if (shiftKey) {
-        nextMonthBtnRef.current.focus();
-      } else {
-        nextYearBtnRef.current.focus();
-      }
-    }
-
-    if (key === 'Home') {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-
-    if (key === 'End') {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [nextMonthBtnRef, nextYearBtnRef, onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar]);
-  const handlePrevMonthKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
-      if (shiftKey) {
-        // TAB CYCLE IMPLEMENTATION
-        if (!isControllerOnly) {
-          var _currMeridiemBtnRef$c3, _currMeridiemBtnRef$c4;
-
-          e.preventDefault();
-          if (isWithTimeWheelToo) 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);else tryToFocusDayRegion();
-        }
-      } else {
-        e.preventDefault();
-        nextMonthBtnRef.current.focus();
-      }
-    }
-
-    if (key === 'Home') {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-
-    if (key === 'End') {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [currMeridiemBtnRef, isControllerOnly, isWithTimeWheelToo, nextMonthBtnRef, onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, tryToFocusDayRegion]);
-  const handleNextMonthKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
-      e.preventDefault();
-
-      if (shiftKey) {
-        prevMonthBtnRef.current.focus();
-      } else {
-        prevYearBtnRef.current.focus();
-      }
-    }
-
-    if (key === 'Home') {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-
-    if (key === 'End') {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [onEndKeyDownInsideCalendar, onHomeKeyDownInsideCalendar, prevMonthBtnRef, prevYearBtnRef]);
-  const handleNextYearKeyDown = React.useCallback(e => {
-    const {
-      key,
-      shiftKey
-    } = e;
-
-    if (key === 'Tab') {
-      e.preventDefault();
-
-      if (shiftKey) {
-        var _prevYearBtnRef$curre, _prevYearBtnRef$curre2;
-
-        prevYearBtnRef === null || prevYearBtnRef === void 0 ? void 0 : (_prevYearBtnRef$curre = prevYearBtnRef.current) === null || _prevYearBtnRef$curre === void 0 ? void 0 : (_prevYearBtnRef$curre2 = _prevYearBtnRef$curre.focus) === null || _prevYearBtnRef$curre2 === void 0 ? void 0 : _prevYearBtnRef$curre2.call(_prevYearBtnRef$curre);
-      }
-
-      if (!shiftKey) tryToFocusDayRegion();
-    }
-
-    if (key === 'Home') {
-      onHomeKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-
-    if (key === 'End') {
-      onEndKeyDownInsideCalendar();
-      e.preventDefault();
-    }
-  }, [tryToFocusDayRegion, prevYearBtnRef, onHomeKeyDownInsideCalendar, onEndKeyDownInsideCalendar]);
-  return React.useMemo(() => ({
-    handleDayOnKeyDown,
-    handlePrevYearKeyDown,
-    handlePrevMonthKeyDown,
-    handleNextMonthKeyDown,
-    handleNextYearKeyDown,
-    handlePickerIconKeyDown
-  }), [handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown]);
-};
-
-exports.useKeyboardHandlers = useKeyboardHandlers;

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js

@@ -1,100 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var reactPopper = require('react-popper');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var useOnClickOutside = require('../../../utils/hooks/useOnClickOutside.js');
-
-const usePopperTriggerLogic = _ref => {
-  let {
-    focusedDay,
-    resetFocusedDayToStartDate,
-    showCalendar,
-    setShowCalendar,
-    tryToFocusCurrentlyDataIsFocusedDay
-  } = _ref;
-  const {
-    props: {
-      onPickerOpen,
-      onPickerClose
-    },
-    prevMonthBtnRef,
-    pickerButtonRef
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const [referenceElement, setReferenceElement] = React.useState(null);
-  const [popperElement, setPopperElement] = React.useState(null);
-  const [arrowElement, setArrowElement] = React.useState(null);
-  const usePopperHelpers = reactPopper.usePopper(referenceElement, popperElement, {
-    modifiers: [{
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }]
-  }); // onOpen we try to focus the day we should focus, if we should focus one
-
-  const handleOnPickerOpen = React.useCallback(() => {
-    onPickerOpen();
-    tryToFocusCurrentlyDataIsFocusedDay();
-  }, [onPickerOpen, tryToFocusCurrentlyDataIsFocusedDay]);
-  const openCalendar = React.useCallback(() => {
-    if (focusedDay) setTimeout(() => {
-      var _focusedDay$dayBtnRef, _focusedDay$dayBtnRef2, _focusedDay$dayBtnRef3;
-
-      return focusedDay === null || focusedDay === void 0 ? void 0 : (_focusedDay$dayBtnRef = focusedDay.dayBtnRef) === null || _focusedDay$dayBtnRef === void 0 ? void 0 : (_focusedDay$dayBtnRef2 = _focusedDay$dayBtnRef.current) === null || _focusedDay$dayBtnRef2 === void 0 ? void 0 : (_focusedDay$dayBtnRef3 = _focusedDay$dayBtnRef2.focus) === null || _focusedDay$dayBtnRef3 === void 0 ? void 0 : _focusedDay$dayBtnRef3.call(_focusedDay$dayBtnRef2);
-    }, 100);else setTimeout(() => {
-      var _prevMonthBtnRef$curr, _prevMonthBtnRef$curr2;
-
-      return 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);
-    }, 100);
-    setShowCalendar(true);
-    handleOnPickerOpen();
-  }, [focusedDay, handleOnPickerOpen, prevMonthBtnRef, setShowCalendar]);
-  const closeCalendar = React.useCallback(() => {
-    var _pickerButtonRef$curr, _pickerButtonRef$curr2;
-
-    setShowCalendar(false);
-    onPickerClose();
-    resetFocusedDayToStartDate();
-    pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr = pickerButtonRef.current) === null || _pickerButtonRef$curr === void 0 ? void 0 : (_pickerButtonRef$curr2 = _pickerButtonRef$curr.focus) === null || _pickerButtonRef$curr2 === void 0 ? void 0 : _pickerButtonRef$curr2.call(_pickerButtonRef$curr);
-  }, [setShowCalendar, onPickerClose, resetFocusedDayToStartDate, pickerButtonRef]);
-  const handleToggleCalendar = React.useCallback(() => {
-    const isOpening = !showCalendar;
-    if (isOpening) openCalendar();else closeCalendar();
-  }, [closeCalendar, openCalendar, showCalendar]);
-  const handleSetTriggerRef = React.useCallback(newRef => {
-    pickerButtonRef.current = newRef;
-    setReferenceElement(newRef);
-  }, [pickerButtonRef]);
-  const handleMenuWrapperKeyDown = React.useCallback(e => {
-    const {
-      key
-    } = e;
-
-    if (key === 'Escape') {
-      var _pickerButtonRef$curr3, _pickerButtonRef$curr4;
-
-      closeCalendar();
-      pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr3 = pickerButtonRef.current) === null || _pickerButtonRef$curr3 === void 0 ? void 0 : (_pickerButtonRef$curr4 = _pickerButtonRef$curr3.focus) === null || _pickerButtonRef$curr4 === void 0 ? void 0 : _pickerButtonRef$curr4.call(_pickerButtonRef$curr3);
-    }
-  }, [closeCalendar, pickerButtonRef]);
-  useOnClickOutside.useOnClickOutside(popperElement, e => {
-    var _pickerButtonRef$curr5, _pickerButtonRef$curr6;
-
-    if (!(pickerButtonRef !== null && pickerButtonRef !== void 0 && (_pickerButtonRef$curr5 = pickerButtonRef.current) !== null && _pickerButtonRef$curr5 !== void 0 && (_pickerButtonRef$curr6 = _pickerButtonRef$curr5.contains) !== null && _pickerButtonRef$curr6 !== void 0 && _pickerButtonRef$curr6.call(_pickerButtonRef$curr5, e === null || e === void 0 ? void 0 : e.target))) closeCalendar();
-  });
-  return React.useMemo(() => ({
-    closeCalendar,
-    handleSetTriggerRef,
-    setPopperElement,
-    setArrowElement,
-    usePopperHelpers,
-    handleToggleCalendar,
-    handleMenuWrapperKeyDown
-  }), [closeCalendar, handleMenuWrapperKeyDown, handleSetTriggerRef, handleToggleCalendar, usePopperHelpers]);
-};
-
-exports.usePopperTriggerLogic = usePopperTriggerLogic;

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

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var CalendarWithTimeWheelIconTrigger = require('./CalendarWithTimeWheelIconTrigger.js');
-var CalendarWithTimeWheelWrapper = require('./CalendarWithTimeWheelWrapper.js');
-var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
-var useConfigCalendarWithTimeWheelCTX = require('./useConfigCalendarWithTimeWheelCTX.js');
-var Calendar = require('../Calendar/Calendar.js');
-var TimeWheel = require('../TimeWheel/TimeWheel.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
-const CalendarWithTimeWheel = Calendar.WrapWithCalendarContext(TimeWheel.WrapWithTimeWheelContext(() => {
-  const ctx = useConfigCalendarWithTimeWheelCTX.useConfigCalendarWithTimeWheelCTX();
-  const {
-    showCalendarWithTimeWheel,
-    isControllerOnly,
-    handleMenuWrapperKeyDown
-  } = ctx;
-  return /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
-    value: ctx
-  }, void 0, isControllerOnly ? null : _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, {})), isControllerOnly || showCalendarWithTimeWheel ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default["default"]("div", {
-      onKeyDown: handleMenuWrapperKeyDown
-    }, void 0, _CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, {})))
-  }) : null);
-}));
-
-exports.CalendarWithTimeWheel = CalendarWithTimeWheel;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var Styleds = require('./Styleds.js');
-var CalendarWithTimeWheelFooter = require('./CalendarWithTimeWheelFooter.js');
-var TimeWheelContent = require('../TimeWheel/TimeWheelContent.js');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _StyledCalendar, _TimeWheelContent, _CalendarWithTimeWhee;
-const CalendarWithTimeWheelContent = () => {
-  const {
-    isControllerOnly
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendarWithTimeWheelWrapper, {
-    isControllerOnly: isControllerOnly,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
-  }, void 0, _StyledCalendar || (_StyledCalendar = /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendar, {})), _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {})), _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, {})));
-};
-
-exports.CalendarWithTimeWheelContent = CalendarWithTimeWheelContent;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
-const defaultCalendarWithTimeWheelContext = {
-  ariaCurrentValueForInputs: '',
-  showCalendarWithTimeWheel: false,
-  setPopperElement: noop,
-  setArrowElement: noop,
-  usePopperHelpers: null,
-  handleSetTriggerRef: noop,
-  handleToggleCalendarWithTimeWheel: noop,
-  handleMenuWrapperKeyDown: noop,
-  handlePickerIconKeyDown: noop,
-  isControllerOnly: false,
-  disabled: false
-};
-/** Context for cross component communication */
-
-const CalendarWithTimeWheelContext = /*#__PURE__*/React.createContext(defaultCalendarWithTimeWheelContext);
-
-exports.CalendarWithTimeWheelContext = CalendarWithTimeWheelContext;
-exports["default"] = CalendarWithTimeWheelContext;
-exports.defaultCalendarWithTimeWheelContext = defaultCalendarWithTimeWheelContext;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var Styleds = require('./Styleds.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const CalendarWithTimeWheelFooter = () => {
-  const {
-    props: {
-      pickerFooterMsg,
-      hasError
-    }
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return pickerFooterMsg !== undefined && hasError ? /*#__PURE__*/_jsx__default["default"](Styleds.CalendarWithTimeWheelFooterMessage, {
-    role: "alert"
-  }, void 0, pickerFooterMsg) : null;
-};
-
-exports.CalendarWithTimeWheelFooter = CalendarWithTimeWheelFooter;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
-var Styleds = require('./Styleds.js');
-var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _DatePicker;
-// this is particularly useful due to how usePopper needs to check the references
-// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders
-
-const CalendarWithTimeWheelIconTrigger = () => {
-  const {
-    handleSetTriggerRef,
-    handleToggleCalendarWithTimeWheel,
-    handlePickerIconKeyDown,
-    ariaCurrentValueForInputs,
-    disabled
-  } = React.useContext(CalendarWithTimeWheelContext.CalendarWithTimeWheelContext);
-  return React.useMemo(() => /*#__PURE__*/_jsx__default["default"](Styleds.StyledIconTriggerButton, {
-    "aria-label": "date time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
-    buttonType: "icon",
-    size: DSButton.BUTTON_SIZES.M,
-    variant: DSButton.BUTTON_VARIANT.DEFAULT,
-    innerRef: handleSetTriggerRef,
-    onClick: handleToggleCalendarWithTimeWheel,
-    onKeyDown: handlePickerIconKeyDown,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
-    disabled: disabled
-  }, void 0, _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker, {}))), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
-};
-
-exports.CalendarWithTimeWheelIconTrigger = CalendarWithTimeWheelIconTrigger;