@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/Calendar/hooks/useKeyNavigation.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useRef, useLayoutEffect, useCallback } from 'react';
 import { Keys } from '../Calendar.types.js';
 import { sizeMap } from '../store/reducer.js';
@@ -7,7 +6,7 @@ import { offsetMap } from '../utils/constants.js';
 /**
  * Метод для получения стороны двойного календаря.
  */
-var getDoubleCalendarSide = function getDoubleCalendarSide(currentIndex, calendarState) {
+const getDoubleCalendarSide = (currentIndex, calendarState) => {
   if (currentIndex >= 0 && currentIndex < offsetMap[calendarState]) {
     return 'first';
   }
@@ -16,63 +15,49 @@ var getDoubleCalendarSide = function getDoubleCalendarSide(currentIndex, calenda
   }
   return '';
 };
-var isOutOfBound = function isOutOfBound(_ref, rowSize, columnSize) {
-  var _ref2 = _slicedToArray(_ref, 2),
-    rowIndex = _ref2[0],
-    columnIndex = _ref2[1];
-  return columnIndex === -1 || columnIndex === columnSize + 1 || rowIndex === -1 || rowIndex === rowSize + 1;
+const isOutOfBound = ([rowIndex, columnIndex], rowSize, columnSize) => columnIndex === -1 || columnIndex === columnSize + 1 || rowIndex === -1 || rowIndex === rowSize + 1;
+const isVisible = (refs, row, column) => refs.current?.[row]?.[column];
+const isAriaDisableItem = item => item?.getAttribute('aria-disabled') === 'true';
+const hasDisabledArrowKey = ({
+  refs,
+  payload,
+  key
+}) => {
+  const [previousRowIndex, previousColumnIndex] = payload;
+  const disabledArrowKey = refs.current?.[previousRowIndex]?.[previousColumnIndex]?.dataset.disabledArrowKey;
+  return Boolean(disabledArrowKey?.includes(key));
 };
-var isVisible = function isVisible(refs, row, column) {
-  var _refs$current;
-  return (_refs$current = refs.current) === null || _refs$current === void 0 || (_refs$current = _refs$current[row]) === null || _refs$current === void 0 ? void 0 : _refs$current[column];
+const hasDisabledMonths = ({
+  item,
+  key
+}) => {
+  return item?.dataset?.disabledMonths ? item?.dataset?.disabledMonths.includes(key) : false;
 };
-var isAriaDisableItem = function isAriaDisableItem(item) {
-  return (item === null || item === void 0 ? void 0 : item.getAttribute('aria-disabled')) === 'true';
-};
-var hasDisabledArrowKey = function hasDisabledArrowKey(_ref3) {
-  var _refs$current2;
-  var refs = _ref3.refs,
-    payload = _ref3.payload,
-    key = _ref3.key;
-  var _payload = _slicedToArray(payload, 2),
-    previousRowIndex = _payload[0],
-    previousColumnIndex = _payload[1];
-  var disabledArrowKey = (_refs$current2 = refs.current) === null || _refs$current2 === void 0 || (_refs$current2 = _refs$current2[previousRowIndex]) === null || _refs$current2 === void 0 || (_refs$current2 = _refs$current2[previousColumnIndex]) === null || _refs$current2 === void 0 ? void 0 : _refs$current2.dataset.disabledArrowKey;
-  return Boolean(disabledArrowKey === null || disabledArrowKey === void 0 ? void 0 : disabledArrowKey.includes(key));
-};
-var hasDisabledMonths = function hasDisabledMonths(_ref4) {
-  var _item$dataset, _item$dataset2;
-  var item = _ref4.item,
-    key = _ref4.key;
-  return item !== null && item !== void 0 && (_item$dataset = item.dataset) !== null && _item$dataset !== void 0 && _item$dataset.disabledMonths ? item === null || item === void 0 || (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.disabledMonths.includes(key) : false;
-};
-var getNextCorrectPosition = function getNextCorrectPosition(_ref5) {
-  var _refs$current3;
-  var refs = _ref5.refs,
-    rowSize = _ref5.rowSize,
-    newRowIndex = _ref5.newRowIndex,
-    newColumnIndex = _ref5.newColumnIndex,
-    columnSize = _ref5.columnSize,
-    minColumnIndex = _ref5.minColumnIndex,
-    _ref5$defaultState = _ref5.defaultState,
-    defaultState = _ref5$defaultState === void 0 ? [] : _ref5$defaultState;
-  var item = (_refs$current3 = refs.current) === null || _refs$current3 === void 0 || (_refs$current3 = _refs$current3[newRowIndex]) === null || _refs$current3 === void 0 ? void 0 : _refs$current3[newColumnIndex];
+const getNextCorrectPosition = ({
+  refs,
+  rowSize,
+  newRowIndex,
+  newColumnIndex,
+  columnSize,
+  minColumnIndex,
+  defaultState = []
+}) => {
+  let item = refs.current?.[newRowIndex]?.[newColumnIndex];
   while (isAriaDisableItem(item) && newColumnIndex <= columnSize) {
-    var _refs$current4;
     newColumnIndex++;
     if (newColumnIndex > columnSize && newRowIndex < rowSize) {
       newRowIndex++;
       newColumnIndex = minColumnIndex;
     }
-    item = (_refs$current4 = refs.current) === null || _refs$current4 === void 0 || (_refs$current4 = _refs$current4[newRowIndex]) === null || _refs$current4 === void 0 ? void 0 : _refs$current4[newColumnIndex];
+    item = refs.current?.[newRowIndex]?.[newColumnIndex];
     if (item) {
-      var isDisabledArrowDown = hasDisabledArrowKey({
-        refs: refs,
+      const isDisabledArrowDown = hasDisabledArrowKey({
+        refs,
         payload: [newRowIndex, newColumnIndex],
         key: 'down'
       });
-      var isDisabledArrowRight = hasDisabledArrowKey({
-        refs: refs,
+      const isDisabledArrowRight = hasDisabledArrowKey({
+        refs,
         payload: [newRowIndex, newColumnIndex],
         key: 'right'
       });
@@ -83,33 +68,31 @@ var getNextCorrectPosition = function getNextCorrectPosition(_ref5) {
   }
   return [newRowIndex, newColumnIndex];
 };
-var getPreviousCorrectPosition = function getPreviousCorrectPosition(_ref6) {
-  var _refs$current5;
-  var refs = _ref6.refs,
-    rowSize = _ref6.rowSize,
-    newRowIndex = _ref6.newRowIndex,
-    newColumnIndex = _ref6.newColumnIndex,
-    columnSize = _ref6.columnSize,
-    minColumnIndex = _ref6.minColumnIndex,
-    _ref6$defaultState = _ref6.defaultState,
-    defaultState = _ref6$defaultState === void 0 ? [] : _ref6$defaultState;
-  var item = (_refs$current5 = refs.current) === null || _refs$current5 === void 0 || (_refs$current5 = _refs$current5[newRowIndex]) === null || _refs$current5 === void 0 ? void 0 : _refs$current5[newColumnIndex];
+const getPreviousCorrectPosition = ({
+  refs,
+  rowSize,
+  newRowIndex,
+  newColumnIndex,
+  columnSize,
+  minColumnIndex,
+  defaultState = []
+}) => {
+  let item = refs.current?.[newRowIndex]?.[newColumnIndex];
   while (isAriaDisableItem(item) && newColumnIndex >= minColumnIndex) {
-    var _refs$current6;
     newColumnIndex--;
     if (newColumnIndex < minColumnIndex && newRowIndex <= rowSize) {
       newRowIndex--;
       newColumnIndex = columnSize;
     }
-    item = (_refs$current6 = refs.current) === null || _refs$current6 === void 0 || (_refs$current6 = _refs$current6[newRowIndex]) === null || _refs$current6 === void 0 ? void 0 : _refs$current6[newColumnIndex];
+    item = refs.current?.[newRowIndex]?.[newColumnIndex];
     if (item && item.dataset.day === '1') {
-      var isDisabledArrowUp = hasDisabledArrowKey({
-        refs: refs,
+      const isDisabledArrowUp = hasDisabledArrowKey({
+        refs,
         payload: [newRowIndex, newColumnIndex],
         key: 'up'
       });
-      var isDisabledArrowLeft = hasDisabledArrowKey({
-        refs: refs,
+      const isDisabledArrowLeft = hasDisabledArrowKey({
+        refs,
         payload: [newRowIndex, newColumnIndex],
         key: 'left'
       });
@@ -124,12 +107,13 @@ var getPreviousCorrectPosition = function getPreviousCorrectPosition(_ref6) {
 /**
  * Метод для нахождения стартового индекса дня в следующем/предыдущем месяце
  */
-function getCorrectColumnIndex(_ref7) {
-  var refs = _ref7.refs,
-    rowSize = _ref7.rowSize,
-    isNext = _ref7.isNext;
+function getCorrectColumnIndex({
+  refs,
+  rowSize,
+  isNext
+}) {
   if (isNext) {
-    var index = refs[rowSize].filter(Boolean).length;
+    let index = refs[rowSize].filter(Boolean).length;
     if (!index) {
       index = refs[rowSize - 1].filter(Boolean).length;
     }
@@ -137,21 +121,15 @@ function getCorrectColumnIndex(_ref7) {
   }
 
   // Смещение влево - начинаем поиск первого не-nullable элемента в первой строке
-  return refs[0].findIndex(function (item) {
-    return item;
-  }) - 1;
+  return refs[0].findIndex(item => item) - 1;
 }
-var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnSize, withShift, defaultState, calendarState) {
-  var _refs$current7;
-  var _ref9 = _slicedToArray(_ref8, 2),
-    rowIndex = _ref9[0],
-    columnIndex = _ref9[1];
-  var newRowIndex = rowIndex;
-  var newColumnIndex = columnIndex;
-  var minRowIndex = newRowIndex + 1;
-  var maxRowIndex = newRowIndex - 1;
-  var minColumnIndex = 0;
-  var maxColumnIndex = columnSize;
+const getCorrectIndexes = (refs, [rowIndex, columnIndex], rowSize, columnSize, withShift, defaultState, calendarState) => {
+  let newRowIndex = rowIndex;
+  let newColumnIndex = columnIndex;
+  const minRowIndex = newRowIndex + 1;
+  const maxRowIndex = newRowIndex - 1;
+  const minColumnIndex = 0;
+  const maxColumnIndex = columnSize;
   if (newColumnIndex === minColumnIndex - 1) {
     newColumnIndex += 1;
     while (newColumnIndex < maxColumnIndex && !isVisible(refs, newRowIndex, newColumnIndex)) {
@@ -179,17 +157,17 @@ var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnS
 
   // INFO: Логика для получения правильной позиции дня, когда переключились на другой месяц
   // INFO: и ставим указатель на первый доступный день. Только при зажатой клавиши Shift.
-  if (isAriaDisableItem((_refs$current7 = refs.current) === null || _refs$current7 === void 0 || (_refs$current7 = _refs$current7[newRowIndex]) === null || _refs$current7 === void 0 ? void 0 : _refs$current7[newColumnIndex]) && withShift) {
-    var isNext = rowIndex === rowSize + 1;
-    var isPrevious = rowIndex === minColumnIndex - 1;
-    var state = {
-      refs: refs,
-      rowSize: rowSize,
-      newColumnIndex: newColumnIndex,
-      minColumnIndex: minColumnIndex,
-      columnSize: columnSize,
-      newRowIndex: newRowIndex,
-      defaultState: defaultState
+  if (isAriaDisableItem(refs.current?.[newRowIndex]?.[newColumnIndex]) && withShift) {
+    const isNext = rowIndex === rowSize + 1;
+    const isPrevious = rowIndex === minColumnIndex - 1;
+    const state = {
+      refs,
+      rowSize,
+      newColumnIndex,
+      minColumnIndex,
+      columnSize,
+      newRowIndex,
+      defaultState
     };
     if (isNext) {
       return getNextCorrectPosition(state);
@@ -204,60 +182,45 @@ var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnS
 /**
  * Хук для осуществления возможности клавиатурной навигации по матрице.
  */
-var useKeyNavigation = function useKeyNavigation(_ref10) {
-  var _ref10$isDouble = _ref10.isDouble,
-    isDouble = _ref10$isDouble === void 0 ? false : _ref10$isDouble,
-    size = _ref10.size,
-    onPrev = _ref10.onPrev,
-    onNext = _ref10.onNext,
-    calendarState = _ref10.calendarState;
-  var _size = _slicedToArray(size, 2),
-    rowSize = _size[0],
-    columnSize = _size[1];
-  var _useState = useState([0, 0]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectIndexes = _useState2[0],
-    setSelectIndexes = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOutOfMinMaxRange = _useState4[0],
-    setIsOutOfMinMaxRange = _useState4[1];
-  var withShiftState = useRef(false);
-  var currentIndexes = useRef([0, 0]);
-  var outerRefs = useRef(Array(rowSize + 1).fill(0).map(function () {
-    return Array(columnSize + 1);
-  }));
-  useLayoutEffect(function () {
+const useKeyNavigation = ({
+  isDouble = false,
+  size,
+  onPrev,
+  onNext,
+  calendarState
+}) => {
+  const [rowSize, columnSize] = size;
+  const [selectIndexes, setSelectIndexes] = useState([0, 0]);
+  const [isOutOfMinMaxRange, setIsOutOfMinMaxRange] = useState(false);
+  const withShiftState = useRef(false);
+  const currentIndexes = useRef([0, 0]);
+  const outerRefs = useRef(Array(rowSize + 1).fill(0).map(() => Array(columnSize + 1)));
+  useLayoutEffect(() => {
     if (!isOutOfBound(selectIndexes, rowSize, columnSize)) {
       return;
     }
     if (withShiftState.current) {
-      var _refs;
-      var isNext = selectIndexes[0] === rowSize + 1;
-      var refs = outerRefs.current;
-      var isSecond = isDouble && isNext;
-      var isFirst = isDouble && !isNext;
-      var firstEndIndex = Math.floor(sizeMap[calendarState]["double"][0] / 2);
+      const isNext = selectIndexes[0] === rowSize + 1;
+      let refs = outerRefs.current;
+      const isSecond = isDouble && isNext;
+      const isFirst = isDouble && !isNext;
+      const firstEndIndex = Math.floor(sizeMap[calendarState].double[0] / 2);
 
       // Определяем какую часть сдвоенного календаря взять
       if (isFirst) {
         refs = outerRefs.current.slice(0, firstEndIndex);
       } else if (isSecond) {
-        refs = outerRefs.current.slice(firstEndIndex, sizeMap[calendarState]["double"][1]);
+        refs = outerRefs.current.slice(firstEndIndex, sizeMap[calendarState].double[1]);
       }
-      var refsList = (_refs = refs) === null || _refs === void 0 ? void 0 : _refs.flatMap(function (items) {
-        return items.filter(Boolean);
-      });
+      const refsList = refs?.flatMap(items => items.filter(Boolean));
 
       // Если в месяце нет хотя бы одной none-disabled даты значит весь месяц выключен.
-      var hasSomeEnabledDay = refsList.some(function (item) {
-        return !isAriaDisableItem(item);
-      });
-      var isDisabledNextMonth = hasDisabledMonths({
+      const hasSomeEnabledDay = refsList.some(item => !isAriaDisableItem(item));
+      const isDisabledNextMonth = hasDisabledMonths({
         item: refsList[refsList.length - 1],
         key: 'next'
       });
-      var isDisabledPreviousMonth = hasDisabledMonths({
+      const isDisabledPreviousMonth = hasDisabledMonths({
         item: refsList[0],
         key: 'previous'
       });
@@ -265,7 +228,7 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
       // Если следующий/предыдущий месяц находится за границами мин/макс, то переходить на него
       // с текущего выключенного, нет смысла.
       if (!hasSomeEnabledDay && (isDisabledNextMonth || isDisabledPreviousMonth)) {
-        var inverseHandle = isNext ? onPrev : onNext;
+        const inverseHandle = isNext ? onPrev : onNext;
         inverseHandle();
         setSelectIndexes(currentIndexes.current);
 
@@ -275,21 +238,18 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
         return;
       }
       if (!hasSomeEnabledDay) {
-        var handle = isNext ? onNext : onPrev;
-        var startColumnIndex = getCorrectColumnIndex({
-          refs: refs,
+        const handle = isNext ? onNext : onPrev;
+        const startColumnIndex = getCorrectColumnIndex({
+          refs,
           rowSize: isDouble ? refs.length - 1 : rowSize,
-          isNext: isNext
+          isNext
         });
         handle();
         setSelectIndexes([selectIndexes[0], startColumnIndex]);
         return;
       }
     }
-    var _getCorrectIndexes = getCorrectIndexes(outerRefs, selectIndexes, rowSize, columnSize, withShiftState.current, currentIndexes.current, calendarState),
-      _getCorrectIndexes2 = _slicedToArray(_getCorrectIndexes, 2),
-      newRowIndex = _getCorrectIndexes2[0],
-      newColumnIndex = _getCorrectIndexes2[1];
+    const [newRowIndex, newColumnIndex] = getCorrectIndexes(outerRefs, selectIndexes, rowSize, columnSize, withShiftState.current, currentIndexes.current, calendarState);
 
     /**
      * Изменение состояния необходимо сделать здесь, т.к.
@@ -297,44 +257,41 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
      */
     setSelectIndexes([newRowIndex, newColumnIndex]);
   }, [onPrev, onNext, selectIndexes, rowSize, columnSize, withShiftState, currentIndexes, isDouble]);
-  useLayoutEffect(function () {
-    var _outerRefs$current;
-    var _selectIndexes = _slicedToArray(selectIndexes, 2),
-      rowIndex = _selectIndexes[0],
-      columnIndex = _selectIndexes[1];
-    var item = outerRefs === null || outerRefs === void 0 || (_outerRefs$current = outerRefs.current) === null || _outerRefs$current === void 0 || (_outerRefs$current = _outerRefs$current[rowIndex]) === null || _outerRefs$current === void 0 ? void 0 : _outerRefs$current[columnIndex];
+  useLayoutEffect(() => {
+    const [rowIndex, columnIndex] = selectIndexes;
+    const item = outerRefs?.current?.[rowIndex]?.[columnIndex];
     if (item) {
       item.focus();
     }
   }, [selectIndexes, outerRefs]);
-  var onKeyDown = useCallback(function (event) {
+  const onKeyDown = useCallback(event => {
     setIsOutOfMinMaxRange(false);
-    var keyCode = event.keyCode,
-      withShift = event.shiftKey;
-    var _selectIndexes2 = _slicedToArray(selectIndexes, 2),
-      currentRowIndex = _selectIndexes2[0],
-      currentColumnIndex = _selectIndexes2[1];
-    var newRowIndex = currentRowIndex;
-    var newColumnIndex = currentColumnIndex;
-    var minColumnIndex = 0;
-    var minRowIndex = 0;
-    var prevRowIndex = currentRowIndex - 1;
-    var nextRowIndex = currentRowIndex + 1;
-    var prevColumnIndex = currentColumnIndex - 1;
-    var nextColumnIndex = currentColumnIndex + 1;
+    const {
+      keyCode,
+      shiftKey: withShift
+    } = event;
+    const [currentRowIndex, currentColumnIndex] = selectIndexes;
+    let newRowIndex = currentRowIndex;
+    let newColumnIndex = currentColumnIndex;
+    const minColumnIndex = 0;
+    const minRowIndex = 0;
+    const prevRowIndex = currentRowIndex - 1;
+    const nextRowIndex = currentRowIndex + 1;
+    const prevColumnIndex = currentColumnIndex - 1;
+    const nextColumnIndex = currentColumnIndex + 1;
     currentIndexes.current = [currentRowIndex, currentColumnIndex];
-    var positionState = {
+    const positionState = {
       refs: outerRefs,
-      rowSize: rowSize,
-      columnSize: columnSize,
-      minColumnIndex: minColumnIndex,
+      rowSize,
+      columnSize,
+      minColumnIndex,
       defaultState: [currentRowIndex, currentColumnIndex]
     };
     switch (keyCode) {
       case Keys.pageUp:
         {
           event.preventDefault();
-          var isDisabledPreviousMonth = hasDisabledMonths({
+          const isDisabledPreviousMonth = hasDisabledMonths({
             item: outerRefs.current[currentRowIndex][currentColumnIndex],
             key: 'previous'
           });
@@ -348,7 +305,7 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
       case Keys.pageDown:
         {
           event.preventDefault();
-          var isDisabledNextMonth = hasDisabledMonths({
+          const isDisabledNextMonth = hasDisabledMonths({
             item: outerRefs.current[currentRowIndex][currentColumnIndex],
             key: 'next'
           });
@@ -385,7 +342,7 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
           newRowIndex = prevColumnIndex < minColumnIndex ? prevRowIndex : currentRowIndex;
           newColumnIndex = prevColumnIndex < minColumnIndex ? columnSize : prevColumnIndex;
           withShiftState.current = withShift;
-          var isCurrentDateDisabledArrowLeft = hasDisabledArrowKey({
+          const isCurrentDateDisabledArrowLeft = hasDisabledArrowKey({
             refs: outerRefs,
             payload: [currentRowIndex, currentColumnIndex],
             key: 'left'
@@ -399,13 +356,11 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
 
           // INFO: Для навигации только по доступным дням
           if (withShift) {
-            var _getPreviousCorrectPo = getPreviousCorrectPosition(_objectSpread2(_objectSpread2({}, positionState), {}, {
-                newRowIndex: newRowIndex,
-                newColumnIndex: newColumnIndex
-              })),
-              _getPreviousCorrectPo2 = _slicedToArray(_getPreviousCorrectPo, 2),
-              rowIndex = _getPreviousCorrectPo2[0],
-              columnIndex = _getPreviousCorrectPo2[1];
+            const [rowIndex, columnIndex] = getPreviousCorrectPosition({
+              ...positionState,
+              newRowIndex,
+              newColumnIndex
+            });
 
             // Если индексы равны, значит мы остались на текущей дате по причине, того
             // что в следующем(-их)/предыдущем(-их) месяце нет доступных дат
@@ -432,7 +387,7 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
           event.preventDefault();
           newRowIndex = prevRowIndex < minRowIndex ? rowSize : prevRowIndex;
           withShiftState.current = withShift;
-          var isCurrentDateDisabledArrowUp = hasDisabledArrowKey({
+          const isCurrentDateDisabledArrowUp = hasDisabledArrowKey({
             refs: outerRefs,
             payload: [currentRowIndex, currentColumnIndex],
             key: 'up'
@@ -444,26 +399,24 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
             break;
           }
           if (withShift) {
-            var item = outerRefs.current[newRowIndex][newColumnIndex];
-            var isNextDateDisabledArrowUp = !!item && hasDisabledArrowKey({
+            const item = outerRefs.current[newRowIndex][newColumnIndex];
+            const isNextDateDisabledArrowUp = !!item && hasDisabledArrowKey({
               refs: outerRefs,
               payload: [newRowIndex, newColumnIndex],
               key: 'up'
             });
-            var _getPreviousCorrectPo3 = getPreviousCorrectPosition(_objectSpread2(_objectSpread2({}, positionState), {}, {
-                newRowIndex: newRowIndex,
-                newColumnIndex: newColumnIndex
-              })),
-              _getPreviousCorrectPo4 = _slicedToArray(_getPreviousCorrectPo3, 2),
-              _rowIndex = _getPreviousCorrectPo4[0],
-              _columnIndex = _getPreviousCorrectPo4[1];
+            const [rowIndex, columnIndex] = getPreviousCorrectPosition({
+              ...positionState,
+              newRowIndex,
+              newColumnIndex
+            });
 
             // Если индексы равны, значит мы остались на текущей дате по причине, того
             // что в следующем(-их)/предыдущем(-их) месяце нет доступных дат
-            var haseCurrentPosition = _rowIndex === currentRowIndex && currentColumnIndex === _columnIndex;
+            const haseCurrentPosition = rowIndex === currentRowIndex && currentColumnIndex === columnIndex;
             setIsOutOfMinMaxRange(isNextDateDisabledArrowUp || haseCurrentPosition);
-            newRowIndex = _rowIndex;
-            newColumnIndex = _columnIndex;
+            newRowIndex = rowIndex;
+            newColumnIndex = columnIndex;
           }
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
@@ -485,7 +438,7 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
           newRowIndex = nextColumnIndex > columnSize ? nextRowIndex : currentRowIndex;
           newColumnIndex = nextColumnIndex > columnSize ? minColumnIndex : nextColumnIndex;
           withShiftState.current = withShift;
-          var isCurrentDateDisabledArrowRight = hasDisabledArrowKey({
+          const isCurrentDateDisabledArrowRight = hasDisabledArrowKey({
             refs: outerRefs,
             payload: [currentRowIndex, currentColumnIndex],
             key: 'right'
@@ -497,19 +450,17 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
             break;
           }
           if (withShift) {
-            var _getNextCorrectPositi = getNextCorrectPosition(_objectSpread2(_objectSpread2({}, positionState), {}, {
-                newRowIndex: newRowIndex,
-                newColumnIndex: newColumnIndex
-              })),
-              _getNextCorrectPositi2 = _slicedToArray(_getNextCorrectPositi, 2),
-              _rowIndex2 = _getNextCorrectPositi2[0],
-              _columnIndex2 = _getNextCorrectPositi2[1];
+            const [rowIndex, columnIndex] = getNextCorrectPosition({
+              ...positionState,
+              newRowIndex,
+              newColumnIndex
+            });
 
             // Если индексы равны, значит мы остались на текущей дате по причине, того
             // что в следующем(-их)/предыдущем(-их) месяце нет доступных дат
-            setIsOutOfMinMaxRange(_rowIndex2 === currentRowIndex && currentColumnIndex === _columnIndex2);
-            newRowIndex = _rowIndex2;
-            newColumnIndex = _columnIndex2;
+            setIsOutOfMinMaxRange(rowIndex === currentRowIndex && currentColumnIndex === columnIndex);
+            newRowIndex = rowIndex;
+            newColumnIndex = columnIndex;
           }
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
@@ -530,7 +481,7 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
           event.preventDefault();
           newRowIndex = nextRowIndex > rowSize ? minRowIndex : nextRowIndex;
           withShiftState.current = withShift;
-          var isCurrentDateDisabledArrowDown = hasDisabledArrowKey({
+          const isCurrentDateDisabledArrowDown = hasDisabledArrowKey({
             refs: outerRefs,
             payload: [currentRowIndex, currentColumnIndex],
             key: 'down'
@@ -542,26 +493,24 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
             break;
           }
           if (withShift) {
-            var _item = outerRefs.current[newRowIndex][newColumnIndex];
-            var _isNextDateDisabledArrowUp = !!_item && hasDisabledArrowKey({
+            const item = outerRefs.current[newRowIndex][newColumnIndex];
+            const isNextDateDisabledArrowUp = !!item && hasDisabledArrowKey({
               refs: outerRefs,
               payload: [newRowIndex, newColumnIndex],
               key: 'down'
             });
-            var _getNextCorrectPositi3 = getNextCorrectPosition(_objectSpread2(_objectSpread2({}, positionState), {}, {
-                newRowIndex: newRowIndex,
-                newColumnIndex: newColumnIndex
-              })),
-              _getNextCorrectPositi4 = _slicedToArray(_getNextCorrectPositi3, 2),
-              _rowIndex3 = _getNextCorrectPositi4[0],
-              _columnIndex3 = _getNextCorrectPositi4[1];
+            const [rowIndex, columnIndex] = getNextCorrectPosition({
+              ...positionState,
+              newRowIndex,
+              newColumnIndex
+            });
 
             // Если индексы равны, значит мы остались на текущей дате по причине, того
             // что в следующем(-их)/предыдущем(-их) месяце нет доступных дат
-            var _haseCurrentPosition = _rowIndex3 === currentRowIndex && currentColumnIndex === _columnIndex3;
-            setIsOutOfMinMaxRange(_isNextDateDisabledArrowUp || _haseCurrentPosition);
-            newRowIndex = _rowIndex3;
-            newColumnIndex = _columnIndex3;
+            const haseCurrentPosition = rowIndex === currentRowIndex && currentColumnIndex === columnIndex;
+            setIsOutOfMinMaxRange(isNextDateDisabledArrowUp || haseCurrentPosition);
+            newRowIndex = rowIndex;
+            newColumnIndex = columnIndex;
           }
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
@@ -580,8 +529,7 @@ var useKeyNavigation = function useKeyNavigation(_ref10) {
       case Keys.enter:
       case Keys.space:
         {
-          var _outerRefs$current2;
-          (_outerRefs$current2 = outerRefs.current) === null || _outerRefs$current2 === void 0 || (_outerRefs$current2 = _outerRefs$current2[newRowIndex]) === null || _outerRefs$current2 === void 0 || _outerRefs$current2[newColumnIndex].click();
+          outerRefs.current?.[newRowIndex]?.[newColumnIndex].click();
           break;
         }
       default: