@elliemae/ds-controlled-form 1.61.0 → 2.0.0-alpha.12

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js

@@ -1,184 +1,164 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useState, useMemo, useCallback } from 'react';
 import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
 import { useKeyboardHandlers } from './useKeyboardHandlers.js';
 import { useFocusLogic } from './useFocusLogic.js';
 import { usePopperTriggerLogic } from './usePopperTriggerLogic.js';
 import { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import '../../../utils/dateHelpers.js';
-import '../../../utils/constants.js';
-import '../../../utils/stringHelpers.js';
-import '../../../utils/numberHelpers.js';
-import '../../../utils/hooks/useGetStartingFocusedDay.js';
-import '../../../utils/hooks/useGetDayFromDateString.js';
-import 'react-popper';
-import '../../../utils/hooks/useOnClickOutside.js';
-import '../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function sliceIntoChunks(arr, chunkSize) {
-  var res = [];
+  const res = [];
 
-  for (var i = 0; i < arr.length; i += chunkSize) {
-    var chunk = arr.slice(i, i + chunkSize);
+  for (let i = 0; i < arr.length; i += chunkSize) {
+    const chunk = arr.slice(i, i + chunkSize);
     res.push(chunk);
   }
 
   return res;
 }
 
-var useConfigCalendarCTX = function useConfigCalendarCTX() {
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      disabled = _useContext.props.disabled,
-      prevYearBtnRef = _useContext.prevYearBtnRef,
-      prevMonthBtnRef = _useContext.prevMonthBtnRef,
-      nextMonthBtnRef = _useContext.nextMonthBtnRef,
-      nextYearBtnRef = _useContext.nextYearBtnRef,
-      calendarDaysWrapperRef = _useContext.calendarDaysWrapperRef,
-      isControllerOnly = _useContext.isControllerOnly,
-      isWithTimeWheelToo = _useContext.isWithTimeWheelToo,
-      setLatestInteractionRegion = _useContext.setLatestInteractionRegion,
-      autoFocusPrevMonthArrow = _useContext.autoFocusPrevMonthArrow,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showCalendar = _useState2[0],
-      setShowCalendar = _useState2[1];
-
-  var _useCurrentDisplayedM = useCurrentDisplayedMonthYearLogic(),
-      currentMonth = _useCurrentDisplayedM.currentMonth,
-      currentYear = _useCurrentDisplayedM.currentYear,
-      daysArray = _useCurrentDisplayedM.daysArray,
-      handlePrevYear = _useCurrentDisplayedM.handlePrevYear,
-      handlePrevMonth = _useCurrentDisplayedM.handlePrevMonth,
-      handleNextMonth = _useCurrentDisplayedM.handleNextMonth,
-      handleNextYear = _useCurrentDisplayedM.handleNextYear;
-
-  var _useMemo = useMemo(function () {
-    var _ref = _toConsumableArray(daysArray),
-        invisible1stDay = _ref[0],
-        otherDays = _ref.slice(1);
-
-    var invisibleDayLast = otherDays.pop();
+const useConfigCalendarCTX = () => {
+  const {
+    props: {
+      disabled
+    },
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    calendarDaysWrapperRef,
+    isControllerOnly,
+    isWithTimeWheelToo,
+    setLatestInteractionRegion,
+    autoFocusPrevMonthArrow,
+    ariaCurrentValueForInputs
+  } = useContext(ControlledDateTimePickerContext);
+  const [showCalendar, setShowCalendar] = useState(false);
+  const {
+    currentMonth,
+    currentYear,
+    daysArray,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear
+  } = useCurrentDisplayedMonthYearLogic();
+  const {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay
+  } = useMemo(() => {
+    const [invisible1stDay, ...otherDays] = [...daysArray];
+    const invisibleDayLast = otherDays.pop();
     return {
       invisibleFirstDay: invisible1stDay,
       daysMatrixByWeekday: sliceIntoChunks(otherDays, 7),
       invisibleLastDay: invisibleDayLast
     };
-  }, [daysArray]),
-      invisibleFirstDay = _useMemo.invisibleFirstDay,
-      daysMatrixByWeekday = _useMemo.daysMatrixByWeekday,
-      invisibleLastDay = _useMemo.invisibleLastDay;
-
-  var setLatestInteractionRegionCalendarHead = useCallback(function () {
+  }, [daysArray]);
+  const setLatestInteractionRegionCalendarHead = useCallback(() => {
     setLatestInteractionRegion('calendar-head');
   }, [setLatestInteractionRegion]);
-  var onPrevYearFocus = useCallback(function () {
+  const onPrevYearFocus = useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  var onPrevMonthFocus = useCallback(function () {
+  const onPrevMonthFocus = useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  var onNextMonthFocus = useCallback(function () {
+  const onNextMonthFocus = useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  var onNextYearFocus = useCallback(function () {
+  const onNextYearFocus = useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-
-  var _useFocusLogic = useFocusLogic({
-    daysArray: daysArray,
-    showCalendar: showCalendar
-  }),
-      focusedDay = _useFocusLogic.focusedDay,
-      tryToFocusCurrentlyDataIsFocusedDay = _useFocusLogic.tryToFocusCurrentlyDataIsFocusedDay,
-      handleFocusMetaDay = _useFocusLogic.handleFocusMetaDay,
-      handleFocusMetaDayByDay = _useFocusLogic.handleFocusMetaDayByDay,
-      resetFocusedDayToStartDate = _useFocusLogic.resetFocusedDayToStartDate;
-
-  var _usePopperTriggerLogi = usePopperTriggerLogic({
-    tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay,
-    resetFocusedDayToStartDate: resetFocusedDayToStartDate,
-    focusedDay: focusedDay,
-    showCalendar: showCalendar,
-    setShowCalendar: setShowCalendar
-  }),
-      closeCalendar = _usePopperTriggerLogi.closeCalendar,
-      handleSetTriggerRef = _usePopperTriggerLogi.handleSetTriggerRef,
-      setPopperElement = _usePopperTriggerLogi.setPopperElement,
-      setArrowElement = _usePopperTriggerLogi.setArrowElement,
-      usePopperHelpers = _usePopperTriggerLogi.usePopperHelpers,
-      handleToggleCalendar = _usePopperTriggerLogi.handleToggleCalendar,
-      handleMenuWrapperKeyDown = _usePopperTriggerLogi.handleMenuWrapperKeyDown;
-
-  var _useKeyboardHandlers = useKeyboardHandlers({
-    focusedDay: focusedDay,
-    daysArray: daysArray,
-    handlePrevMonth: handlePrevMonth,
-    handleNextMonth: handleNextMonth,
-    handleFocusMetaDay: handleFocusMetaDay,
-    handleFocusMetaDayByDay: handleFocusMetaDayByDay,
-    tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay
-  }),
-      handleDayOnKeyDown = _useKeyboardHandlers.handleDayOnKeyDown,
-      handlePrevYearKeyDown = _useKeyboardHandlers.handlePrevYearKeyDown,
-      handlePrevMonthKeyDown = _useKeyboardHandlers.handlePrevMonthKeyDown,
-      handleNextMonthKeyDown = _useKeyboardHandlers.handleNextMonthKeyDown,
-      handleNextYearKeyDown = _useKeyboardHandlers.handleNextYearKeyDown,
-      handlePickerIconKeyDown = _useKeyboardHandlers.handlePickerIconKeyDown;
-
-  return useMemo(function () {
-    return {
-      showCalendar: showCalendar,
-      setShowCalendar: setShowCalendar,
-      closeCalendar: closeCalendar,
-      setPopperElement: setPopperElement,
-      setArrowElement: setArrowElement,
-      usePopperHelpers: usePopperHelpers,
-      handleToggleCalendar: handleToggleCalendar,
-      handleSetTriggerRef: handleSetTriggerRef,
-      handleMenuWrapperKeyDown: handleMenuWrapperKeyDown,
-      isControllerOnly: isControllerOnly,
-      calendarDaysWrapperRef: calendarDaysWrapperRef,
-      prevYearBtnRef: prevYearBtnRef,
-      prevMonthBtnRef: prevMonthBtnRef,
-      nextMonthBtnRef: nextMonthBtnRef,
-      nextYearBtnRef: nextYearBtnRef,
-      currentMonth: currentMonth,
-      currentYear: currentYear,
-      daysArray: daysArray,
-      invisibleFirstDay: invisibleFirstDay,
-      daysMatrixByWeekday: daysMatrixByWeekday,
-      invisibleLastDay: invisibleLastDay,
-      focusedDay: focusedDay,
-      tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay,
-      handleFocusMetaDay: handleFocusMetaDay,
-      handleFocusMetaDayByDay: handleFocusMetaDayByDay,
-      resetFocusedDayToStartDate: resetFocusedDayToStartDate,
-      handlePrevMonth: handlePrevMonth,
-      handlePrevYear: handlePrevYear,
-      handleNextMonth: handleNextMonth,
-      handleNextYear: handleNextYear,
-      handleDayOnKeyDown: handleDayOnKeyDown,
-      handlePrevYearKeyDown: handlePrevYearKeyDown,
-      handlePrevMonthKeyDown: handlePrevMonthKeyDown,
-      handleNextMonthKeyDown: handleNextMonthKeyDown,
-      handleNextYearKeyDown: handleNextYearKeyDown,
-      handlePickerIconKeyDown: handlePickerIconKeyDown,
-      onPrevYearFocus: onPrevYearFocus,
-      onPrevMonthFocus: onPrevMonthFocus,
-      onNextMonthFocus: onNextMonthFocus,
-      onNextYearFocus: onNextYearFocus,
-      isWithTimeWheelToo: isWithTimeWheelToo,
-      autoFocusPrevMonthArrow: autoFocusPrevMonthArrow,
-      ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-      disabled: disabled
-    };
-  }, [showCalendar, closeCalendar, setPopperElement, setArrowElement, usePopperHelpers, handleToggleCalendar, handleSetTriggerRef, handleMenuWrapperKeyDown, isControllerOnly, calendarDaysWrapperRef, prevYearBtnRef, prevMonthBtnRef, nextMonthBtnRef, nextYearBtnRef, currentMonth, currentYear, daysArray, invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, focusedDay, tryToFocusCurrentlyDataIsFocusedDay, handleFocusMetaDay, handleFocusMetaDayByDay, resetFocusedDayToStartDate, handlePrevMonth, handlePrevYear, handleNextMonth, handleNextYear, handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown, onPrevYearFocus, onPrevMonthFocus, onNextMonthFocus, onNextYearFocus, isWithTimeWheelToo, autoFocusPrevMonthArrow, ariaCurrentValueForInputs, disabled]);
+  const {
+    focusedDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    handleFocusMetaDay,
+    handleFocusMetaDayByDay,
+    resetFocusedDayToStartDate
+  } = useFocusLogic({
+    daysArray,
+    showCalendar
+  });
+  const {
+    closeCalendar,
+    handleSetTriggerRef,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleCalendar,
+    handleMenuWrapperKeyDown
+  } = usePopperTriggerLogic({
+    tryToFocusCurrentlyDataIsFocusedDay,
+    resetFocusedDayToStartDate,
+    focusedDay,
+    showCalendar,
+    setShowCalendar
+  });
+  const {
+    handleDayOnKeyDown,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    handlePickerIconKeyDown
+  } = useKeyboardHandlers({
+    focusedDay,
+    daysArray,
+    handlePrevMonth,
+    handleNextMonth,
+    handleFocusMetaDay,
+    handleFocusMetaDayByDay,
+    tryToFocusCurrentlyDataIsFocusedDay
+  });
+  return useMemo(() => ({
+    showCalendar,
+    setShowCalendar,
+    closeCalendar,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleCalendar,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    isControllerOnly,
+    calendarDaysWrapperRef,
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    currentMonth,
+    currentYear,
+    daysArray,
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    focusedDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    handleFocusMetaDay,
+    handleFocusMetaDayByDay,
+    resetFocusedDayToStartDate,
+    handlePrevMonth,
+    handlePrevYear,
+    handleNextMonth,
+    handleNextYear,
+    handleDayOnKeyDown,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    handlePickerIconKeyDown,
+    onPrevYearFocus,
+    onPrevMonthFocus,
+    onNextMonthFocus,
+    onNextYearFocus,
+    isWithTimeWheelToo,
+    autoFocusPrevMonthArrow,
+    ariaCurrentValueForInputs,
+    disabled
+  }), [showCalendar, closeCalendar, setPopperElement, setArrowElement, usePopperHelpers, handleToggleCalendar, handleSetTriggerRef, handleMenuWrapperKeyDown, isControllerOnly, calendarDaysWrapperRef, prevYearBtnRef, prevMonthBtnRef, nextMonthBtnRef, nextYearBtnRef, currentMonth, currentYear, daysArray, invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, focusedDay, tryToFocusCurrentlyDataIsFocusedDay, handleFocusMetaDay, handleFocusMetaDayByDay, resetFocusedDayToStartDate, handlePrevMonth, handlePrevYear, handleNextMonth, handleNextYear, handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown, onPrevYearFocus, onPrevMonthFocus, onNextMonthFocus, onNextYearFocus, isWithTimeWheelToo, autoFocusPrevMonthArrow, ariaCurrentValueForInputs, disabled]);
 };
 
 export { useConfigCalendarCTX };
-//# sourceMappingURL=useConfigCalendarCTX.js.map

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js

@@ -1,44 +1,29 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useEffect, useState, useMemo, createRef, useCallback } from 'react';
 import { useGetMonthYearFromDateStringOrEmptyStartingMonth } from '../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js';
 import { getFiveBySevenCurrentMonthDaysMatrix, sumValuesToDate, getDateStringFromDay, sumFromDateValues } from '../../../utils/dateHelpers.js';
-import '../../../ControlledDateTimePickerCTX.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import '../../../utils/stringHelpers.js';
-import '../../../utils/constants.js';
-import '../../../utils/numberHelpers.js';
 
-var useCurrentDisplayedMonthYearLogic = function useCurrentDisplayedMonthYearLogic() {
-  var _useGetMonthYearFromD = useGetMonthYearFromDateStringOrEmptyStartingMonth(),
-      monthFromDateString = _useGetMonthYearFromD.month,
-      yearFromDateString = _useGetMonthYearFromD.year; // side-effects are really really controlled in this case so use-effect should be fine
+const useCurrentDisplayedMonthYearLogic = () => {
+  const {
+    month: monthFromDateString,
+    year: yearFromDateString
+  } = useGetMonthYearFromDateStringOrEmptyStartingMonth(); // side-effects are really really controlled in this case so use-effect should be fine
   // don't add 200 side-effects to those or else Chaos would hunt us for the years to come
 
-
-  useEffect(function () {
+  useEffect(() => {
     setCurrentMonth(monthFromDateString);
   }, [monthFromDateString]);
-  useEffect(function () {
+  useEffect(() => {
     setCurrentYear(yearFromDateString);
   }, [yearFromDateString]);
-
-  var _useState = useState(monthFromDateString),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentMonth = _useState2[0],
-      setCurrentMonth = _useState2[1];
-
-  var _useState3 = useState(yearFromDateString),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentYear = _useState4[0],
-      setCurrentYear = _useState4[1];
-
-  var daysArray = useMemo(function () {
-    var newDaysArray = getFiveBySevenCurrentMonthDaysMatrix(currentMonth, currentYear);
-    var hiddenPrevDay = sumValuesToDate(newDaysArray[0].day, {
+  const [currentMonth, setCurrentMonth] = useState(monthFromDateString);
+  const [currentYear, setCurrentYear] = useState(yearFromDateString);
+  const daysArray = useMemo(() => {
+    const newDaysArray = getFiveBySevenCurrentMonthDaysMatrix(currentMonth, currentYear);
+    const hiddenPrevDay = sumValuesToDate(newDaysArray[0].day, {
       daysToSum: -1
     });
-    var hiddenPrevMetaday = {
+    const hiddenPrevMetaday = {
       day: hiddenPrevDay,
       dayAsString: getDateStringFromDay(hiddenPrevDay),
       isPrevMonthDay: true,
@@ -47,10 +32,10 @@ var useCurrentDisplayedMonthYearLogic = function useCurrentDisplayedMonthYearLog
       dayBtnRef: /*#__PURE__*/createRef(),
       isHidden: true
     };
-    var hiddenNextDay = sumValuesToDate(newDaysArray[newDaysArray.length - 1].day, {
+    const hiddenNextDay = sumValuesToDate(newDaysArray[newDaysArray.length - 1].day, {
       daysToSum: 1
     });
-    var hiddenNextMetaday = {
+    const hiddenNextMetaday = {
       day: hiddenNextDay,
       dayAsString: getDateStringFromDay(hiddenNextDay),
       isPrevMonthDay: false,
@@ -59,68 +44,65 @@ var useCurrentDisplayedMonthYearLogic = function useCurrentDisplayedMonthYearLog
       dayBtnRef: /*#__PURE__*/createRef(),
       isHidden: true
     };
-    return [hiddenPrevMetaday].concat(_toConsumableArray(newDaysArray), [hiddenNextMetaday]);
+    return [hiddenPrevMetaday, ...newDaysArray, hiddenNextMetaday];
   }, [currentMonth, currentYear]);
-  var handlePrevYear = useCallback(function () {
-    var _sumFromDateValues = sumFromDateValues({
+  const handlePrevYear = useCallback(() => {
+    const {
+      year: newYear
+    } = sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       yearsToSum: -1
-    }),
-        newYear = _sumFromDateValues.year;
-
+    });
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  var handlePrevMonth = useCallback(function () {
-    var _sumFromDateValues2 = sumFromDateValues({
+  const handlePrevMonth = useCallback(() => {
+    const {
+      month: newMonth,
+      year: newYear
+    } = sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       monthsToSum: -1
-    }),
-        newMonth = _sumFromDateValues2.month,
-        newYear = _sumFromDateValues2.year;
-
+    });
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  var handleNextMonth = useCallback(function () {
-    var _sumFromDateValues3 = sumFromDateValues({
+  const handleNextMonth = useCallback(() => {
+    const {
+      month: newMonth,
+      year: newYear
+    } = sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       monthsToSum: 1
-    }),
-        newMonth = _sumFromDateValues3.month,
-        newYear = _sumFromDateValues3.year;
-
+    });
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  var handleNextYear = useCallback(function () {
-    var _sumFromDateValues4 = sumFromDateValues({
+  const handleNextYear = useCallback(() => {
+    const {
+      year: newYear
+    } = sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       yearsToSum: 1
-    }),
-        newYear = _sumFromDateValues4.year;
-
+    });
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  return useMemo(function () {
-    return {
-      currentMonth: currentMonth,
-      currentYear: currentYear,
-      daysArray: daysArray,
-      handlePrevYear: handlePrevYear,
-      handlePrevMonth: handlePrevMonth,
-      handleNextMonth: handleNextMonth,
-      handleNextYear: handleNextYear
-    };
-  }, [currentMonth, currentYear, daysArray, handleNextMonth, handleNextYear, handlePrevMonth, handlePrevYear]);
+  return useMemo(() => ({
+    currentMonth,
+    currentYear,
+    daysArray,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear
+  }), [currentMonth, currentYear, daysArray, handleNextMonth, handleNextYear, handlePrevMonth, handlePrevYear]);
 };
 
 export { useCurrentDisplayedMonthYearLogic };
-//# sourceMappingURL=useCurrentDisplayedMonthYearLogic.js.map