@elliemae/ds-controlled-form 3.0.0-next.1 → 3.0.0-next.5

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

@@ -1,365 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var Grid = require('@elliemae/ds-grid');
-var DSButton = require('@elliemae/ds-button');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-const diagonalLine = dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  &:before {\n    position: absolute;\n    content: '';\n    top: 48%;\n    left: -2px;\n    height: 1px;\n    width: calc(100% + 4px);\n    transform: rotate(45deg);\n    background-color: ", ";\n  }\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.neutral[500];
-});
-const focusBorder = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  &:after {\n    position: absolute;\n    content: '';\n    top: -4px;\n    left: -4px;\n    width: calc(100% + 8px);\n    height: calc(100% + 8px);\n    border-radius: 50%;\n  }\n"])));
-const backgroundDateRange = {
-  inRange: dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n    background-color: ", ";\n    box-shadow: 4px 0 0 0 ", ";\n  "])), _ref2 => {
-    let {
-      theme
-    } = _ref2;
-    return theme.colors.brand[200];
-  }, _ref3 => {
-    let {
-      theme
-    } = _ref3;
-    return theme.colors.brand[200];
-  }),
-  startRange: dsSystem.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default["default"](["\n    background-color: ", ";\n    border-radius: 50% 0 0 50%;\n    box-shadow: 4px 0 0 0 ", ";\n  "])), _ref4 => {
-    let {
-      theme
-    } = _ref4;
-    return theme.colors.brand[200];
-  }, _ref5 => {
-    let {
-      theme
-    } = _ref5;
-    return theme.colors.brand[200];
-  }),
-  endRange: dsSystem.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default["default"](["\n    background-color: ", ";\n    border-radius: 0 50% 50% 0;\n  "])), _ref6 => {
-    let {
-      theme
-    } = _ref6;
-    return theme.colors.brand[200];
-  })
-};
-const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-18gg4kd-0"
-})(["color:", ";width:26px;height:26px;"], _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.colors.brand['600'];
-});
-const StyledShadowWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18gg4kd-1"
-})(["", ""], _ref8 => {
-  let {
-    isControllerOnly
-  } = _ref8;
-  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
-});
-const StyledCalendarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18gg4kd-2"
-})(["display:grid;width:260px;background-color:", ";grid-template-rows:auto auto;"], _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.colors.neutral['000'];
-});
-const StyledHeader = /*#__PURE__*/styled__default["default"].section.withConfig({
-  componentId: "sc-18gg4kd-3"
-})(["*{margin:0;padding:0;box-sizing:border-box;}display:grid;padding:", ";grid-template-columns:min-content min-content 1fr min-content min-content;grid-template-rows:1fr;align-items:center;justify-content:center;text-align:center;background:", ";h3{font-size:1rem;}"], _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.space.xxxs;
-}, _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return theme.colors.neutral['050'];
-});
-const StyledHeaderButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-18gg4kd-4"
-})(["position:relative;width:28px;height:28px;&:focus{&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}&:hover{background:", ";}"], _ref12 => {
-  let {
-    theme
-  } = _ref12;
-  return theme.colors.brand[700];
-}, _ref13 => {
-  let {
-    theme
-  } = _ref13;
-  return theme.colors.brand[200];
-});
-const StyledBody = /*#__PURE__*/styled__default["default"].section.withConfig({
-  componentId: "sc-18gg4kd-5"
-})(["padding:", ";"], _ref14 => {
-  let {
-    theme
-  } = _ref14;
-  return theme.space.xxxs;
-});
-const StyledDayBtn = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-18gg4kd-6"
-})(["height:32px;width:32px;border-radius:50%;position:relative;border-width:2px;border-style:solid;border-color:transparent;line-height:1;color:", ";&:hover{cursor:pointer;color:", ";background-color:", ";}&:focus{", "}"], _ref15 => {
-  let {
-    theme
-  } = _ref15;
-  return theme.colors.neutral[800];
-}, _ref16 => {
-  let {
-    theme
-  } = _ref16;
-  return theme.colors.brand[700];
-}, _ref17 => {
-  let {
-    theme
-  } = _ref17;
-  return theme.colors.brand[200];
-}, focusBorder);
-const StyledWeekDaysListWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
-  componentId: "sc-18gg4kd-7"
-})(["font-size:", ";text-align:center;", ";", ";.dayWrapper.selectedDay,.dayWrapper.startRangeDay,.dayWrapper.endRangeDay{", "{color:", ";font-weight:", ";}&:not(.disabledDay),&:not(.outOfRangeDay){", "{background-color:", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";background-color:", ";&:before{background-color:", ";}}}&.focusedDay{", "{color:", ";border-color:", ";}}&.outOfRangeDay.focusedDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.disabledDay,.dayWrapper.outOfRangeDay{", "{color:", ";", " &:before{background-color:", ";}}&.focusedDay{", "{&:after{border:2px solid ", ";}}}}.dayWrapper.focusedDay{", "{", " color:", ";&:after{border:2px solid ", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.notCurrentMonth{", "{color:", ";}&.focusedDay{", "{color:", ";}&.disabledDay,&.outOfRangeDay{", "{color:", ";}&.inRangeDay,&.startRangeDay,&.endRangeDay{", "{color:", ";}}}}&.selectedDay,&.startRangeDay,&.endRangeDay{", "{color:", ";}}}.dayWrapper.inRangeDay{", " &.disabledDay,&.outOfRangeDay{", "{color:", ";background-color:", ";&:before{background-color:", ";}}&.focusedDay{", "{border-color:", ";}}}}.dayWrapper.startRangeDay{", " &.focusedDay{", "{color:", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.endRangeDay{", " &.focusedDay{", "{color:", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.endRangeDay.startRangeDay{background-color:transparent;box-shadow:none;}"], _ref18 => {
-  let {
-    theme
-  } = _ref18;
-  return theme.fontSizes.label[400];
-}, _ref19 => {
-  let {
-    isHeader,
-    theme
-  } = _ref19;
-  return isHeader ? "background: ".concat(theme.colors.neutral['050']) : '';
-}, _ref20 => {
-  let {
-    isHeader
-  } = _ref20;
-  return isHeader ? 'text-transform: capitalize' : '';
-}, StyledDayBtn, _ref21 => {
-  let {
-    theme
-  } = _ref21;
-  return theme.colors.neutral['000'];
-}, _ref22 => {
-  let {
-    theme
-  } = _ref22;
-  return theme.fontWeights.semibold;
-}, StyledDayBtn, _ref23 => {
-  let {
-    theme
-  } = _ref23;
-  return theme.colors.brand[700];
-}, StyledDayBtn, _ref24 => {
-  let {
-    theme
-  } = _ref24;
-  return theme.colors.neutral['000'];
-}, _ref25 => {
-  let {
-    theme
-  } = _ref25;
-  return theme.colors.danger[900];
-}, _ref26 => {
-  let {
-    theme
-  } = _ref26;
-  return theme.colors.neutral['000'];
-}, StyledDayBtn, _ref27 => {
-  let {
-    theme
-  } = _ref27;
-  return theme.colors.neutral['000'];
-}, _ref28 => {
-  let {
-    theme
-  } = _ref28;
-  return theme.colors.neutral['000'];
-}, StyledDayBtn, _ref29 => {
-  let {
-    theme
-  } = _ref29;
-  return theme.colors.neutral['000'];
-}, _ref30 => {
-  let {
-    theme
-  } = _ref30;
-  return theme.colors.neutral['000'];
-}, StyledDayBtn, _ref31 => {
-  let {
-    theme
-  } = _ref31;
-  return theme.colors.neutral[500];
-}, diagonalLine, _ref32 => {
-  let {
-    theme
-  } = _ref32;
-  return theme.colors.neutral[500];
-}, StyledDayBtn, _ref33 => {
-  let {
-    theme
-  } = _ref33;
-  return theme.colors.danger[900];
-}, StyledDayBtn, focusBorder, _ref34 => {
-  let {
-    theme
-  } = _ref34;
-  return theme.colors.brand[600];
-}, _ref35 => {
-  let {
-    theme
-  } = _ref35;
-  return theme.colors.brand[700];
-}, StyledDayBtn, _ref36 => {
-  let {
-    theme
-  } = _ref36;
-  return theme.colors.danger[900];
-}, _ref37 => {
-  let {
-    theme
-  } = _ref37;
-  return theme.colors.danger[900];
-}, StyledDayBtn, _ref38 => {
-  let {
-    theme
-  } = _ref38;
-  return theme.colors.neutral[500];
-}, StyledDayBtn, _ref39 => {
-  let {
-    theme
-  } = _ref39;
-  return theme.colors.brand[600];
-}, StyledDayBtn, _ref40 => {
-  let {
-    theme
-  } = _ref40;
-  return theme.colors.danger[900];
-}, StyledDayBtn, _ref41 => {
-  let {
-    theme
-  } = _ref41;
-  return theme.colors.neutral['000'];
-}, StyledDayBtn, _ref42 => {
-  let {
-    theme
-  } = _ref42;
-  return theme.colors.neutral['000'];
-}, backgroundDateRange.inRange, StyledDayBtn, _ref43 => {
-  let {
-    theme
-  } = _ref43;
-  return theme.colors.neutral['000'];
-}, _ref44 => {
-  let {
-    theme
-  } = _ref44;
-  return theme.colors.danger[900];
-}, _ref45 => {
-  let {
-    theme
-  } = _ref45;
-  return theme.colors.neutral['000'];
-}, StyledDayBtn, _ref46 => {
-  let {
-    theme
-  } = _ref46;
-  return theme.colors.neutral['000'];
-}, backgroundDateRange.startRange, StyledDayBtn, _ref47 => {
-  let {
-    theme
-  } = _ref47;
-  return theme.colors.neutral['000'];
-}, StyledDayBtn, _ref48 => {
-  let {
-    theme
-  } = _ref48;
-  return theme.colors.neutral['000'];
-}, _ref49 => {
-  let {
-    theme
-  } = _ref49;
-  return theme.colors.neutral['000'];
-}, backgroundDateRange.endRange, StyledDayBtn, _ref50 => {
-  let {
-    theme
-  } = _ref50;
-  return theme.colors.neutral['000'];
-}, StyledDayBtn, _ref51 => {
-  let {
-    theme
-  } = _ref51;
-  return theme.colors.neutral['000'];
-}, _ref52 => {
-  let {
-    theme
-  } = _ref52;
-  return theme.colors.neutral['000'];
-});
-const StyledWeekDaysHeaderItem = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18gg4kd-8"
-})(["width:", ";min-width:", ";"], _ref53 => {
-  let {
-    theme
-  } = _ref53;
-  return theme.space.s;
-}, _ref54 => {
-  let {
-    theme
-  } = _ref54;
-  return theme.space.s;
-});
-const CalendarFooterMessage = /*#__PURE__*/styled__default["default"].footer.withConfig({
-  componentId: "sc-18gg4kd-9"
-})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;"], _ref55 => {
-  let {
-    theme
-  } = _ref55;
-  return theme.colors.neutral[300];
-}, _ref56 => {
-  let {
-    theme
-  } = _ref56;
-  return theme.space.xxs2;
-}, _ref57 => {
-  let {
-    theme
-  } = _ref57;
-  return theme.space.xxs2;
-}, _ref58 => {
-  let {
-    theme
-  } = _ref58;
-  return theme.colors.danger[900];
-}, _ref59 => {
-  let {
-    theme
-  } = _ref59;
-  return theme.fontWeights.thin;
-}, _ref60 => {
-  let {
-    theme
-  } = _ref60;
-  return theme.fontSizes.microText[200];
-});
-
-exports.CalendarFooterMessage = CalendarFooterMessage;
-exports.StyledBody = StyledBody;
-exports.StyledCalendarWrapper = StyledCalendarWrapper;
-exports.StyledDayBtn = StyledDayBtn;
-exports.StyledHeader = StyledHeader;
-exports.StyledHeaderButton = StyledHeaderButton;
-exports.StyledIconTriggerButton = StyledIconTriggerButton;
-exports.StyledShadowWrapper = StyledShadowWrapper;
-exports.StyledWeekDaysHeaderItem = StyledWeekDaysHeaderItem;
-exports.StyledWeekDaysListWrapper = StyledWeekDaysListWrapper;

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

@@ -1,168 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var useKeyboardHandlers = require('./useKeyboardHandlers.js');
-var useFocusLogic = require('./useFocusLogic.js');
-var usePopperTriggerLogic = require('./usePopperTriggerLogic.js');
-var useCurrentDisplayedMonthYearLogic = require('./useCurrentDisplayedMonthYearLogic.js');
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function sliceIntoChunks(arr, chunkSize) {
-  const res = [];
-
-  for (let i = 0; i < arr.length; i += chunkSize) {
-    const chunk = arr.slice(i, i + chunkSize);
-    res.push(chunk);
-  }
-
-  return res;
-}
-
-const useConfigCalendarCTX = () => {
-  const {
-    props: {
-      disabled
-    },
-    prevYearBtnRef,
-    prevMonthBtnRef,
-    nextMonthBtnRef,
-    nextYearBtnRef,
-    calendarDaysWrapperRef,
-    isControllerOnly,
-    isWithTimeWheelToo,
-    setLatestInteractionRegion,
-    autoFocusPrevMonthArrow,
-    ariaCurrentValueForInputs
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const [showCalendar, setShowCalendar] = React.useState(false);
-  const {
-    currentMonth,
-    currentYear,
-    daysArray,
-    handlePrevYear,
-    handlePrevMonth,
-    handleNextMonth,
-    handleNextYear
-  } = useCurrentDisplayedMonthYearLogic.useCurrentDisplayedMonthYearLogic();
-  const {
-    invisibleFirstDay,
-    daysMatrixByWeekday,
-    invisibleLastDay
-  } = React.useMemo(() => {
-    const [invisible1stDay, ...otherDays] = [...daysArray];
-    const invisibleDayLast = otherDays.pop();
-    return {
-      invisibleFirstDay: invisible1stDay,
-      daysMatrixByWeekday: sliceIntoChunks(otherDays, 7),
-      invisibleLastDay: invisibleDayLast
-    };
-  }, [daysArray]);
-  const setLatestInteractionRegionCalendarHead = React.useCallback(() => {
-    setLatestInteractionRegion('calendar-head');
-  }, [setLatestInteractionRegion]);
-  const onPrevYearFocus = React.useCallback(() => {
-    setLatestInteractionRegionCalendarHead();
-  }, [setLatestInteractionRegionCalendarHead]);
-  const onPrevMonthFocus = React.useCallback(() => {
-    setLatestInteractionRegionCalendarHead();
-  }, [setLatestInteractionRegionCalendarHead]);
-  const onNextMonthFocus = React.useCallback(() => {
-    setLatestInteractionRegionCalendarHead();
-  }, [setLatestInteractionRegionCalendarHead]);
-  const onNextYearFocus = React.useCallback(() => {
-    setLatestInteractionRegionCalendarHead();
-  }, [setLatestInteractionRegionCalendarHead]);
-  const {
-    focusedDay,
-    tryToFocusCurrentlyDataIsFocusedDay,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay,
-    resetFocusedDayToStartDate
-  } = useFocusLogic.useFocusLogic({
-    daysArray,
-    showCalendar
-  });
-  const {
-    closeCalendar,
-    handleSetTriggerRef,
-    setPopperElement,
-    setArrowElement,
-    usePopperHelpers,
-    handleToggleCalendar,
-    handleMenuWrapperKeyDown
-  } = usePopperTriggerLogic.usePopperTriggerLogic({
-    tryToFocusCurrentlyDataIsFocusedDay,
-    resetFocusedDayToStartDate,
-    focusedDay,
-    showCalendar,
-    setShowCalendar
-  });
-  const {
-    handleDayOnKeyDown,
-    handlePrevYearKeyDown,
-    handlePrevMonthKeyDown,
-    handleNextMonthKeyDown,
-    handleNextYearKeyDown,
-    handlePickerIconKeyDown
-  } = useKeyboardHandlers.useKeyboardHandlers({
-    focusedDay,
-    daysArray,
-    handlePrevMonth,
-    handleNextMonth,
-    handleFocusMetaDay,
-    handleFocusMetaDayByDay,
-    tryToFocusCurrentlyDataIsFocusedDay
-  });
-  return React.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]);
-};
-
-exports.useConfigCalendarCTX = useConfigCalendarCTX;

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

@@ -1,112 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var useGetMonthYearFromDateStringOrEmptyStartingMonth = require('../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
-var dateHelpers = require('../../../utils/dateHelpers.js');
-
-const useCurrentDisplayedMonthYearLogic = () => {
-  const {
-    month: monthFromDateString,
-    year: yearFromDateString
-  } = useGetMonthYearFromDateStringOrEmptyStartingMonth.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
-
-  React.useEffect(() => {
-    setCurrentMonth(monthFromDateString);
-  }, [monthFromDateString]);
-  React.useEffect(() => {
-    setCurrentYear(yearFromDateString);
-  }, [yearFromDateString]);
-  const [currentMonth, setCurrentMonth] = React.useState(monthFromDateString);
-  const [currentYear, setCurrentYear] = React.useState(yearFromDateString);
-  const daysArray = React.useMemo(() => {
-    const newDaysArray = dateHelpers.getFiveBySevenCurrentMonthDaysMatrix(currentMonth, currentYear);
-    const hiddenPrevDay = dateHelpers.sumValuesToDate(newDaysArray[0].day, {
-      daysToSum: -1
-    });
-    const hiddenPrevMetaday = {
-      day: hiddenPrevDay,
-      dayAsString: dateHelpers.getDateStringFromDay(hiddenPrevDay),
-      isPrevMonthDay: true,
-      isNextMonthDay: false,
-      isCurrMonthDay: false,
-      dayBtnRef: /*#__PURE__*/React.createRef(),
-      isHidden: true
-    };
-    const hiddenNextDay = dateHelpers.sumValuesToDate(newDaysArray[newDaysArray.length - 1].day, {
-      daysToSum: 1
-    });
-    const hiddenNextMetaday = {
-      day: hiddenNextDay,
-      dayAsString: dateHelpers.getDateStringFromDay(hiddenNextDay),
-      isPrevMonthDay: false,
-      isNextMonthDay: true,
-      isCurrMonthDay: false,
-      dayBtnRef: /*#__PURE__*/React.createRef(),
-      isHidden: true
-    };
-    return [hiddenPrevMetaday, ...newDaysArray, hiddenNextMetaday];
-  }, [currentMonth, currentYear]);
-  const handlePrevYear = React.useCallback(() => {
-    const {
-      year: newYear
-    } = dateHelpers.sumFromDateValues({
-      month: currentMonth,
-      year: currentYear
-    }, {
-      yearsToSum: -1
-    });
-    setCurrentYear(newYear);
-  }, [currentMonth, currentYear]);
-  const handlePrevMonth = React.useCallback(() => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = dateHelpers.sumFromDateValues({
-      month: currentMonth,
-      year: currentYear
-    }, {
-      monthsToSum: -1
-    });
-    setCurrentMonth(newMonth);
-    setCurrentYear(newYear);
-  }, [currentMonth, currentYear]);
-  const handleNextMonth = React.useCallback(() => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = dateHelpers.sumFromDateValues({
-      month: currentMonth,
-      year: currentYear
-    }, {
-      monthsToSum: 1
-    });
-    setCurrentMonth(newMonth);
-    setCurrentYear(newYear);
-  }, [currentMonth, currentYear]);
-  const handleNextYear = React.useCallback(() => {
-    const {
-      year: newYear
-    } = dateHelpers.sumFromDateValues({
-      month: currentMonth,
-      year: currentYear
-    }, {
-      yearsToSum: 1
-    });
-    setCurrentYear(newYear);
-  }, [currentMonth, currentYear]);
-  return React.useMemo(() => ({
-    currentMonth,
-    currentYear,
-    daysArray,
-    handlePrevYear,
-    handlePrevMonth,
-    handleNextMonth,
-    handleNextYear
-  }), [currentMonth, currentYear, daysArray, handleNextMonth, handleNextYear, handlePrevMonth, handlePrevYear]);
-};
-
-exports.useCurrentDisplayedMonthYearLogic = useCurrentDisplayedMonthYearLogic;