@salutejs/plasma-new-hope 0.326.1-canary.2018.15778039519.0 → 0.326.1-canary.2019.15674501487.0

package/es/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -1,71 +1,369 @@
-import { useRef, useEffect } from 'react';
+import { useRef, useMemo, useCallback, useEffect } from 'react';
+import throttle from 'lodash.throttle';
 
 /**
- * Подсчет отступа для скролла до переданного индекса.
+ * Подсчет смещения из-за паддингов.
  */
-var getCalculatedPos = function getCalculatedPos(_ref) {
-  var scrollRef = _ref.scrollRef,
-    trackRef = _ref.trackRef,
-    itemsCollection = _ref.itemsCollection,
-    index = _ref.index,
-    scrollAlign = _ref.scrollAlign;
-  var item = itemsCollection.item(index);
-  if (!item || !trackRef.current || !scrollRef.current) {
-    return 0;
+var getCalculatedOffset = function getCalculatedOffset(scrollEl, trackEl) {
+  var paddingProp = 'paddingLeft';
+  return parseInt(getComputedStyle(scrollEl)[paddingProp], 10) + parseInt(getComputedStyle(trackEl)[paddingProp], 10);
+};
+var positionModByScrollAlign = function positionModByScrollAlign(_ref) {
+  var scrollAlign = _ref.scrollAlign,
+    position = _ref.position,
+    carouselSize = _ref.carouselSize,
+    itemSize = _ref.itemSize,
+    offset = _ref.offset,
+    scrollStart = _ref.scrollStart;
+  if (scrollAlign === 'start') {
+    var paddingOffset = 0;
+    return position + paddingOffset;
   }
-  var itemRect = item.getBoundingClientRect();
-  var trackRect = trackRef.current.getBoundingClientRect();
-  var scrollRect = scrollRef.current.getBoundingClientRect();
-  var left = itemRect.left - trackRect.left + trackRef.current.scrollLeft;
-  switch (scrollAlign) {
-    case 'start':
-      {
-        return left;
-      }
-    case 'center':
-      {
-        return left - scrollRect.width / 2 + itemRect.width / 2;
-      }
-    case 'end':
-      {
-        return left - scrollRect.width + itemRect.width;
-      }
-    default:
-      {
-        return 0;
-      }
+  if (scrollAlign === 'center') {
+    return position - carouselSize / 2 + itemSize / 2;
+  }
+  if (scrollAlign === 'end') {
+    return position - carouselSize + itemSize + offset;
+  }
+  if (scrollAlign === 'activeDirection') {
+    if (position >= scrollStart + carouselSize - itemSize) {
+      return position - carouselSize + itemSize + offset;
+    }
+    if (position > scrollStart) {
+      return scrollStart;
+    }
   }
+  return position;
 };
-var useCarousel = function useCarousel(_ref2) {
-  var index = _ref2.index,
+
+/**
+ * Подсчет скролла до переданного индекса.
+ */
+var getCalculatedPos = function getCalculatedPos(_ref2) {
+  var _items$item$offsetWid2, _items$item2;
+  var scrollEl = _ref2.scrollEl,
+    items = _ref2.items,
+    index = _ref2.index,
+    offset = _ref2.offset,
     scrollAlign = _ref2.scrollAlign;
+  var position = scrollAlign === 'center' ? offset : 0;
+  if (items.item(index) === null) {
+    return position;
+  }
+  for (var i = 0; i < index; i++) {
+    var _items$item$offsetWid, _items$item;
+    position += (_items$item$offsetWid = (_items$item = items.item(i)) === null || _items$item === void 0 ? void 0 : _items$item.offsetWidth) !== null && _items$item$offsetWid !== void 0 ? _items$item$offsetWid : 0;
+  }
+  var carouselSize = scrollEl.offsetWidth;
+  var itemSize = (_items$item$offsetWid2 = (_items$item2 = items.item(index)) === null || _items$item2 === void 0 ? void 0 : _items$item2.offsetWidth) !== null && _items$item$offsetWid2 !== void 0 ? _items$item$offsetWid2 : 0;
+  var scrollStart = scrollEl.scrollLeft;
+  return positionModByScrollAlign({
+    scrollAlign: scrollAlign,
+    position: position,
+    carouselSize: carouselSize,
+    itemSize: itemSize,
+    offset: offset,
+    scrollStart: scrollStart
+  });
+};
+var DEFAULT_DURATION = 300;
+
+// https://css-tricks.com/emulating-css-timing-functions-javascript/
+var tfs = {
+  linear: function linear(t) {
+    return t;
+  },
+  // eslint-disable-next-line
+  easeIn: function easeIn(t) {
+    return Math.pow(t, 1.675);
+  },
+  // eslint-disable-next-line
+  easeOut: function easeOut(t) {
+    return 1 - Math.pow(1 - t, 1.675);
+  },
+  easeInOut: function easeInOut(t) {
+    return 0.5 * (Math.sin((t - 0.5) * Math.PI) + 1);
+  }
+};
+/**
+ * Плавная прокрутка по горизонтали
+ * @param {Element} elem
+ * @param {number} pos
+ * @param {number} duration
+ * @param {string} timingFunction
+ */
+var animatedScrollToX = function animatedScrollToX(elem, pos) {
+  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DURATION;
+  var timingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'easeInOut';
+  var startTime;
+  var startX = elem.scrollLeft;
+  var endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));
+  var handleNewAnimationFrame = function handleNewAnimationFrame() {
+    startTime = startTime || Date.now();
+    var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
+    var scrollPos = tfs[timingFunction](timePos);
+    var left = startX + (endX - startX) * scrollPos;
+    elem.scrollTo({
+      left: left
+    });
+    if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);
+  };
+  window.requestAnimationFrame(handleNewAnimationFrame);
+};
+
+/**
+ * Прокрутка к указанной позиции с анимацией или без.
+ */
+var scrollToPos = function scrollToPos(_ref3) {
+  var scrollEl = _ref3.scrollEl,
+    pos = _ref3.pos,
+    animated = _ref3.animated,
+    duration = _ref3.duration,
+    timingFunction = _ref3.timingFunction;
+  if (Math.abs(pos - scrollEl.scrollLeft) > 1) {
+    if (animated) {
+      animatedScrollToX(scrollEl, pos, duration, timingFunction);
+    } else {
+      scrollEl.scrollTo({
+        left: pos
+      });
+    }
+  }
+};
+var round = function round(n) {
+  return Math.round(n * 100) / 100;
+};
+
+/**
+ * Получить позицию (слот) айтема в каруселе.
+ * Каждый айтем имеет свой слот относительно вьюпорта карусели.
+ */
+var getItemSlot = function getItemSlot(itemIndex, itemEnd, itemSize, scrollStart, scrollSize, scrollAlign) {
+  var prevIndex = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
+  var offset = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+  /**
+   * Граница и центр скролла (видимой части).
+   * Смещение + размер.
+   */
+  var scrollEnd = scrollStart + scrollSize;
+  var scrollCenter = scrollStart + scrollSize / 2;
+  var itemCenter = itemEnd - itemSize / 2;
+  if (scrollAlign === 'center') {
+    return round((itemCenter - scrollCenter) / itemSize);
+  }
+  if (scrollAlign === 'start') {
+    return round((itemEnd - itemSize - scrollStart) / itemSize);
+  }
+  if (scrollAlign === 'end') {
+    return round((itemEnd - (scrollSize + scrollStart)) / itemSize);
+  }
+  if (scrollAlign === 'activeDirection') {
+    var prevStart = offset + itemSize * prevIndex;
+    var prevEnd = prevStart + itemSize;
+    var prevVisible = prevEnd > scrollStart && prevStart < scrollEnd;
+    if (!prevVisible) {
+      if (prevIndex < itemIndex) {
+        return round((itemEnd - (scrollSize + scrollStart)) / itemSize);
+      }
+      return round((itemEnd - itemSize - scrollStart) / itemSize);
+    }
+  }
+  return null;
+};
+function getCarouselItems(track) {
+  return track.children;
+}
+function useDebouncedFunction(func, delay, cleanUp) {
+  var timeoutRef = useRef();
+
+  /**
+   * Очистка таймера
+   */
+  function clearTimer() {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = undefined;
+    }
+  }
+
+  /**
+   * Очищаем таймер при анмаунте компонента, если cleanUp выставлен в true
+   * и тем самым отменяем последний запланированный вызов
+   */
+  useEffect(function () {
+    return cleanUp ? clearTimer : undefined;
+  }, [cleanUp]);
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    clearTimer();
+    timeoutRef.current = setTimeout(function () {
+      return func.apply(void 0, args);
+    }, delay);
+  };
+}
+var THROTTLE_DEFAULT_MS = 100;
+var DEBOUNCE_DEFAULT_MS = 150;
+var useCarousel = function useCarousel(_ref4) {
+  var index = _ref4.index,
+    onIndexChange = _ref4.onIndexChange,
+    _ref4$detectActive = _ref4.detectActive,
+    detectActive = _ref4$detectActive === void 0 ? false : _ref4$detectActive,
+    _ref4$detectThreshold = _ref4.detectThreshold,
+    detectThreshold = _ref4$detectThreshold === void 0 ? 0.5 : _ref4$detectThreshold,
+    _ref4$scrollAlign = _ref4.scrollAlign,
+    scrollAlign = _ref4$scrollAlign === void 0 ? 'center' : _ref4$scrollAlign,
+    _ref4$throttleMs = _ref4.throttleMs,
+    throttleMs = _ref4$throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _ref4$throttleMs,
+    _ref4$debounceMs = _ref4.debounceMs,
+    debounceMs = _ref4$debounceMs === void 0 ? DEBOUNCE_DEFAULT_MS : _ref4$debounceMs;
+  var prevIndex = useRef(null);
+  var offset = useRef(0);
   var scrollRef = useRef(null);
   var trackRef = useRef(null);
 
-  // Прокрутка до нужной позиции индекса, если индекс изменился.
+  /**
+   * Для того, чтобы не спамить изменениями индекса.
+   * Задержка дебаунса слегка больше, чем у тротлинга.
+   * Таким образом, событие срабатывает при завершении скролла.
+   */
+  var debouncedOnIndexChange = useDebouncedFunction(function (i) {
+    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
+  }, debounceMs);
+
+  /**
+   * Вычисление центрального элемента.
+   * Подсчет: от 0 до 1, какое количество ширины/высоты
+   * каждого элемента находится по центру скролла.
+   */
+  var throttledDetectActiveItem = useMemo(function () {
+    return throttle(function () {
+      if (!detectActive || scrollRef.current === null || trackRef.current === null) {
+        return;
+      }
+
+      /**
+       * Правая (или нижняя для Оу) граница элемента.
+       */
+      var itemEdge = offset.current;
+
+      /**
+       * Смещение (отрицательный или положительный отступ)
+       * и размер карусели (для Ox - ширина, для Oy - высота).
+       */
+      var scrollPos = scrollRef.current['scrollLeft' ];
+      var scrollSize = scrollRef.current['offsetWidth' ];
+
+      /**
+       * Граница скролла (видимой части).
+       * Смещение + размер.
+       */
+      var scrollEdge = scrollPos + scrollSize;
+      var items = getCarouselItems(trackRef.current);
+
+      /**
+       * Проходим по всему списку, суммируя ширины элементов,
+       * пока не найдем один элемент, чей центр будет в центре карусели.
+       */
+      for (var itemIndex = 0; itemIndex < items.length; itemIndex++) {
+        var _prevIndex$current;
+        var item = items.item(itemIndex);
+        if (item === null) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+
+        /**
+         * Для Ox - ширина, для Oy - высота.
+         */
+        var itemSize = item['offsetWidth' ];
+
+        /**
+         * Все элементы правее вьюпорта выпадают из процедуры.
+         * Сравниваем по предыдущему элементу.
+         * [ ... ] ...|n| <- Левый край элемента за пределами начала видимой части
+         */
+        if (itemEdge > scrollEdge) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+        itemEdge += itemSize;
+
+        /**
+         * Все элементы левее вьюпорта выпадают из процедуры.
+         * Сравниваем по текущему элементу.
+         * Правый край элемента за пределами начала видимой части -> |p|... [ ... ]
+         */
+        if (scrollPos > itemEdge) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+        var itemSlot = getItemSlot(itemIndex, itemEdge, itemSize, scrollPos, scrollSize, scrollAlign, (_prevIndex$current = prevIndex.current) !== null && _prevIndex$current !== void 0 ? _prevIndex$current : 0, offset.current);
+        if (itemSlot !== null) {
+          if (detectThreshold && Math.abs(itemSlot) <= detectThreshold) {
+            debouncedOnIndexChange === null || debouncedOnIndexChange === void 0 || debouncedOnIndexChange(itemIndex);
+          }
+        }
+      }
+    }, throttleMs);
+  }, [debouncedOnIndexChange, detectActive, detectThreshold, scrollAlign, throttleMs]);
+
+  /**
+   * Прокрутка до нужной позиции индекса.
+   */
+  var toIndex = useCallback(function (i) {
+    var scrollEl = scrollRef.current;
+    var items = trackRef.current ? getCarouselItems(trackRef.current) : null;
+    if (scrollEl && items && items.length > 0 && i >= 0) {
+      scrollToPos({
+        scrollEl: scrollEl,
+        pos: getCalculatedPos({
+          scrollEl: scrollEl,
+          items: items,
+          index: i,
+          offset: offset.current,
+          scrollAlign: scrollAlign
+        })
+      });
+      prevIndex.current = i;
+    }
+  }, [scrollAlign]);
   useEffect(function () {
-    if (!scrollRef.current || !trackRef.current) {
-      return;
+    if (scrollRef.current && trackRef.current) {
+      offset.current = getCalculatedOffset(scrollRef.current, trackRef.current);
     }
-    var itemsCollection = trackRef.current.children;
-    if (itemsCollection && itemsCollection.length > 0) {
-      var pos = getCalculatedPos({
-        scrollRef: scrollRef,
-        trackRef: trackRef,
-        itemsCollection: itemsCollection,
-        index: index,
-        scrollAlign: scrollAlign
-      });
-      scrollRef.current.scrollTo({
-        left: pos
-      });
+  }, []);
+
+  /**
+   * Операции на маунте/анмаунте компонента.
+   * Создать слушатели событи и т.п.
+   */
+  useEffect(function () {
+    var carouselElement = scrollRef.current;
+    if (carouselElement) {
+      carouselElement.addEventListener('scroll', throttledDetectActiveItem);
+    }
+    return function () {
+      if (carouselElement) {
+        carouselElement.removeEventListener('scroll', throttledDetectActiveItem);
+      }
+    };
+  }, [throttledDetectActiveItem]);
+
+  /**
+   * Прокрутка до нужной позиции индекса, если индекс изменился.
+   */
+  useEffect(function () {
+    if (index !== prevIndex.current) {
+      toIndex(index);
     }
-  }, [index]);
+  }, [index, toIndex]);
   return {
     scrollRef: scrollRef,
     trackRef: trackRef
   };
 };
 
-export { getCalculatedPos, useCarousel };
+export { animatedScrollToX, getCalculatedOffset, getCalculatedPos, getCarouselItems, getItemSlot, scrollToPos, useCarousel, useDebouncedFunction };
 //# sourceMappingURL=useCarousel.js.map

package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCarousel.js","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"sourcesContent":["import { useEffect, useRef, RefObject } from 'react';\n\nimport { CarouselNewProps as CarouselProps } from '../Carousel.types';\n\n/**\n * Подсчет отступа для скролла до переданного индекса.\n */\nexport const getCalculatedPos = ({\n    scrollRef,\n    trackRef,\n    itemsCollection,\n    index,\n    scrollAlign,\n}: {\n    scrollRef: RefObject<HTMLDivElement>;\n    trackRef: RefObject<HTMLDivElement>;\n    itemsCollection: HTMLCollection;\n    index: number;\n    scrollAlign: CarouselProps['scrollAlign'];\n}): number => {\n    const item = itemsCollection.item(index);\n\n    if (!item || !trackRef.current || !scrollRef.current) {\n        return 0;\n    }\n\n    const itemRect = item.getBoundingClientRect();\n    const trackRect = trackRef.current.getBoundingClientRect();\n    const scrollRect = scrollRef.current.getBoundingClientRect();\n\n    const left = itemRect.left - trackRect.left + trackRef.current.scrollLeft;\n\n    switch (scrollAlign) {\n        case 'start': {\n            return left;\n        }\n        case 'center': {\n            return left - scrollRect.width / 2 + itemRect.width / 2;\n        }\n        case 'end': {\n            return left - scrollRect.width + itemRect.width;\n        }\n        default: {\n            return 0;\n        }\n    }\n};\n\ntype UseCarouselOptions = Pick<CarouselProps, 'scrollAlign'> & {\n    index: number;\n};\n\ntype UseCarouselHookResult = {\n    scrollRef: RefObject<HTMLDivElement>;\n    trackRef: RefObject<HTMLDivElement>;\n};\n\nexport const useCarousel = ({ index, scrollAlign }: UseCarouselOptions): UseCarouselHookResult => {\n    const scrollRef = useRef<HTMLDivElement>(null);\n    const trackRef = useRef<HTMLDivElement>(null);\n\n    // Прокрутка до нужной позиции индекса, если индекс изменился.\n    useEffect(() => {\n        if (!scrollRef.current || !trackRef.current) {\n            return;\n        }\n\n        const itemsCollection = trackRef.current.children;\n\n        if (itemsCollection && itemsCollection.length > 0) {\n            const pos = getCalculatedPos({\n                scrollRef,\n                trackRef,\n                itemsCollection,\n                index,\n                scrollAlign,\n            });\n\n            scrollRef.current.scrollTo({ left: pos });\n        }\n    }, [index]);\n\n    return {\n        scrollRef,\n        trackRef,\n    };\n};\n"],"names":["getCalculatedPos","_ref","scrollRef","trackRef","itemsCollection","index","scrollAlign","item","current","itemRect","getBoundingClientRect","trackRect","scrollRect","left","scrollLeft","width","useCarousel","_ref2","useRef","useEffect","children","length","pos","scrollTo"],"mappings":"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"}
+{"version":3,"file":"useCarousel.js","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useRef, useMemo } from 'react';\nimport throttle from 'lodash.throttle';\n\nimport { CarouselNewProps as CarouselProps, ScrollAlign } from '../Carousel.types';\n\n/**\n * Подсчет смещения из-за паддингов.\n */\nexport const getCalculatedOffset = (scrollEl: Element, trackEl: Element) => {\n    const paddingProp = 'paddingLeft';\n    return parseInt(getComputedStyle(scrollEl)[paddingProp], 10) + parseInt(getComputedStyle(trackEl)[paddingProp], 10);\n};\n\nconst positionModByScrollAlign = ({\n    scrollAlign,\n    position,\n    carouselSize,\n    itemSize,\n    offset,\n    scrollStart,\n}: {\n    scrollAlign: ScrollAlign;\n    position: number;\n    carouselSize: number;\n    itemSize: number;\n    offset: number;\n    scrollStart: number;\n}) => {\n    if (scrollAlign === 'start') {\n        const paddingOffset = 0;\n        return position + paddingOffset;\n    }\n    if (scrollAlign === 'center') {\n        return position - carouselSize / 2 + itemSize / 2;\n    }\n    if (scrollAlign === 'end') {\n        return position - carouselSize + itemSize + offset;\n    }\n    if (scrollAlign === 'activeDirection') {\n        if (position >= scrollStart + carouselSize - itemSize) {\n            return position - carouselSize + itemSize + offset;\n        }\n        if (position > scrollStart) {\n            return scrollStart;\n        }\n    }\n    return position;\n};\n\n/**\n * Подсчет скролла до переданного индекса.\n */\nexport const getCalculatedPos = ({\n    scrollEl,\n    items,\n    index,\n    offset,\n    scrollAlign,\n}: {\n    scrollEl: HTMLElement;\n    items: HTMLCollectionOf<HTMLElement>;\n    index: number;\n    offset: number;\n    scrollAlign: ScrollAlign;\n}) => {\n    let position = scrollAlign === 'center' ? offset : 0;\n\n    if (items.item(index) === null) {\n        return position;\n    }\n\n    for (let i = 0; i < index; i++) {\n        position += items.item(i)?.offsetWidth ?? 0;\n    }\n\n    const carouselSize = scrollEl.offsetWidth;\n    const itemSize = items.item(index)?.offsetWidth ?? 0;\n    const scrollStart = scrollEl.scrollLeft;\n\n    return positionModByScrollAlign({\n        scrollAlign,\n        position,\n        carouselSize,\n        itemSize,\n        offset,\n        scrollStart,\n    });\n};\n\nconst DEFAULT_DURATION = 300;\n\n// https://css-tricks.com/emulating-css-timing-functions-javascript/\nconst tfs = {\n    linear: (t: number) => t,\n    // eslint-disable-next-line\n    easeIn: (t: number) => Math.pow(t, 1.675),\n    // eslint-disable-next-line\n    easeOut: (t: number) => 1 - Math.pow(1 - t, 1.675),\n    easeInOut: (t: number) => 0.5 * (Math.sin((t - 0.5) * Math.PI) + 1),\n};\n\nexport type TimingFunction = keyof typeof tfs;\n\n/**\n * Плавная прокрутка по горизонтали\n * @param {Element} elem\n * @param {number} pos\n * @param {number} duration\n * @param {string} timingFunction\n */\nexport const animatedScrollToX = (\n    elem: Element,\n    pos: number,\n    duration: number = DEFAULT_DURATION,\n    timingFunction: TimingFunction = 'easeInOut',\n): void => {\n    let startTime: number;\n    const startX = elem.scrollLeft;\n    const endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));\n\n    const handleNewAnimationFrame = (): void => {\n        startTime = startTime || Date.now();\n        const timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);\n        const scrollPos = tfs[timingFunction](timePos);\n        const left = startX + (endX - startX) * scrollPos;\n        elem.scrollTo({ left });\n        if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);\n    };\n\n    window.requestAnimationFrame(handleNewAnimationFrame);\n};\n\n/**\n * Прокрутка к указанной позиции с анимацией или без.\n */\nexport const scrollToPos = ({\n    scrollEl,\n    pos,\n    animated,\n    duration,\n    timingFunction,\n}: {\n    scrollEl: HTMLElement;\n    pos: number;\n    animated?: boolean;\n    duration?: number;\n    timingFunction?: TimingFunction;\n}) => {\n    if (Math.abs(pos - scrollEl.scrollLeft) > 1) {\n        if (animated) {\n            animatedScrollToX(scrollEl, pos, duration, timingFunction);\n        } else {\n            scrollEl.scrollTo({ left: pos });\n        }\n    }\n};\n\nconst round = (n: number) => Math.round(n * 100) / 100;\n\n/**\n * Получить позицию (слот) айтема в каруселе.\n * Каждый айтем имеет свой слот относительно вьюпорта карусели.\n */\nexport const getItemSlot = (\n    itemIndex: number,\n    itemEnd: number,\n    itemSize: number,\n    scrollStart: number,\n    scrollSize: number,\n    scrollAlign: ScrollAlign,\n    prevIndex = 0,\n    offset = 0,\n) => {\n    /**\n     * Граница и центр скролла (видимой части).\n     * Смещение + размер.\n     */\n    const scrollEnd = scrollStart + scrollSize;\n    const scrollCenter = scrollStart + scrollSize / 2;\n    const itemCenter = itemEnd - itemSize / 2;\n\n    if (scrollAlign === 'center') {\n        return round((itemCenter - scrollCenter) / itemSize);\n    }\n    if (scrollAlign === 'start') {\n        return round((itemEnd - itemSize - scrollStart) / itemSize);\n    }\n    if (scrollAlign === 'end') {\n        return round((itemEnd - (scrollSize + scrollStart)) / itemSize);\n    }\n    if (scrollAlign === 'activeDirection') {\n        const prevStart = offset + itemSize * prevIndex;\n        const prevEnd = prevStart + itemSize;\n        const prevVisible = prevEnd > scrollStart && prevStart < scrollEnd;\n\n        if (!prevVisible) {\n            if (prevIndex < itemIndex) {\n                return round((itemEnd - (scrollSize + scrollStart)) / itemSize);\n            }\n            return round((itemEnd - itemSize - scrollStart) / itemSize);\n        }\n    }\n    return null;\n};\n\nexport function getCarouselItems(track: HTMLElement): HTMLCollectionOf<HTMLElement> {\n    return track.children as HTMLCollectionOf<HTMLElement>;\n}\n\nexport function useDebouncedFunction(func: (...args: any) => any, delay: number, cleanUp?: boolean) {\n    const timeoutRef = useRef<number>();\n\n    /**\n     * Очистка таймера\n     */\n    function clearTimer() {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n            timeoutRef.current = undefined;\n        }\n    }\n\n    /**\n     * Очищаем таймер при анмаунте компонента, если cleanUp выставлен в true\n     * и тем самым отменяем последний запланированный вызов\n     */\n    useEffect(() => (cleanUp ? clearTimer : undefined), [cleanUp]);\n\n    return (...args: any[]) => {\n        clearTimer();\n        timeoutRef.current = setTimeout(() => func(...args), delay);\n    };\n}\n\ntype UseCarouselOptions = Pick<CarouselProps, 'scrollAlign'> & {\n    index: number;\n    throttleMs?: number;\n    debounceMs?: number;\n    detectActive?: boolean;\n    detectThreshold?: number;\n    onIndexChange?: (e: any) => void;\n};\n\ntype UseCarouselHookResult = {\n    scrollRef: React.RefObject<HTMLDivElement>;\n    trackRef: React.RefObject<HTMLDivElement>;\n};\n\nconst THROTTLE_DEFAULT_MS = 100;\nconst DEBOUNCE_DEFAULT_MS = 150;\n\nexport const useCarousel = ({\n    index,\n    onIndexChange,\n    detectActive = false,\n    detectThreshold = 0.5,\n    scrollAlign = 'center',\n    throttleMs = THROTTLE_DEFAULT_MS,\n    debounceMs = DEBOUNCE_DEFAULT_MS,\n}: UseCarouselOptions): UseCarouselHookResult => {\n    const prevIndex = useRef<number | null>(null);\n    const offset = useRef(0);\n    const scrollRef = useRef<HTMLDivElement>(null);\n    const trackRef = useRef<HTMLDivElement>(null);\n    const axis = 'x';\n\n    /**\n     * Для того, чтобы не спамить изменениями индекса.\n     * Задержка дебаунса слегка больше, чем у тротлинга.\n     * Таким образом, событие срабатывает при завершении скролла.\n     */\n    const debouncedOnIndexChange = useDebouncedFunction((i: number) => onIndexChange?.(i), debounceMs);\n\n    /**\n     * Вычисление центрального элемента.\n     * Подсчет: от 0 до 1, какое количество ширины/высоты\n     * каждого элемента находится по центру скролла.\n     */\n    const throttledDetectActiveItem = useMemo(() => {\n        return throttle(() => {\n            if (!detectActive || scrollRef.current === null || trackRef.current === null) {\n                return;\n            }\n\n            /**\n             * Правая (или нижняя для Оу) граница элемента.\n             */\n            let itemEdge = offset.current;\n\n            /**\n             * Смещение (отрицательный или положительный отступ)\n             * и размер карусели (для Ox - ширина, для Oy - высота).\n             */\n            const scrollPos = scrollRef.current[axis === 'x' ? 'scrollLeft' : 'scrollTop'];\n            const scrollSize = scrollRef.current[axis === 'x' ? 'offsetWidth' : 'offsetHeight'];\n\n            /**\n             * Граница скролла (видимой части).\n             * Смещение + размер.\n             */\n            const scrollEdge = scrollPos + scrollSize;\n\n            const items = getCarouselItems(trackRef.current);\n\n            /**\n             * Проходим по всему списку, суммируя ширины элементов,\n             * пока не найдем один элемент, чей центр будет в центре карусели.\n             */\n            for (let itemIndex = 0; itemIndex < items.length; itemIndex++) {\n                const item = items.item(itemIndex);\n\n                if (item === null) {\n                    // eslint-disable-next-line no-continue\n                    continue;\n                }\n\n                /**\n                 * Для Ox - ширина, для Oy - высота.\n                 */\n                const itemSize = item[axis === 'x' ? 'offsetWidth' : 'offsetHeight'];\n\n                /**\n                 * Все элементы правее вьюпорта выпадают из процедуры.\n                 * Сравниваем по предыдущему элементу.\n                 * [ ... ] ...|n| <- Левый край элемента за пределами начала видимой части\n                 */\n                if (itemEdge > scrollEdge) {\n                    // eslint-disable-next-line no-continue\n                    continue;\n                }\n\n                itemEdge += itemSize;\n\n                /**\n                 * Все элементы левее вьюпорта выпадают из процедуры.\n                 * Сравниваем по текущему элементу.\n                 * Правый край элемента за пределами начала видимой части -> |p|... [ ... ]\n                 */\n                if (scrollPos > itemEdge) {\n                    // eslint-disable-next-line no-continue\n                    continue;\n                }\n\n                const itemSlot = getItemSlot(\n                    itemIndex,\n                    itemEdge,\n                    itemSize,\n                    scrollPos,\n                    scrollSize,\n                    scrollAlign,\n                    prevIndex.current ?? 0,\n                    offset.current,\n                );\n\n                if (itemSlot !== null) {\n                    if (detectThreshold && Math.abs(itemSlot) <= detectThreshold) {\n                        debouncedOnIndexChange?.(itemIndex);\n                    }\n                }\n            }\n        }, throttleMs);\n    }, [debouncedOnIndexChange, detectActive, detectThreshold, scrollAlign, throttleMs]);\n\n    /**\n     * Прокрутка до нужной позиции индекса.\n     */\n    const toIndex = useCallback(\n        (i: number) => {\n            const scrollEl = scrollRef.current;\n            const items = trackRef.current ? getCarouselItems(trackRef.current) : null;\n\n            if (scrollEl && items && items.length > 0 && i >= 0) {\n                scrollToPos({\n                    scrollEl,\n                    pos: getCalculatedPos({\n                        scrollEl,\n                        items,\n                        index: i,\n                        offset: offset.current,\n                        scrollAlign,\n                    }),\n                });\n                prevIndex.current = i;\n            }\n        },\n        [scrollAlign],\n    );\n\n    useEffect(() => {\n        if (scrollRef.current && trackRef.current) {\n            offset.current = getCalculatedOffset(scrollRef.current, trackRef.current);\n        }\n    }, []);\n\n    /**\n     * Операции на маунте/анмаунте компонента.\n     * Создать слушатели событи и т.п.\n     */\n    useEffect(() => {\n        const carouselElement = scrollRef.current;\n\n        if (carouselElement) {\n            carouselElement.addEventListener('scroll', throttledDetectActiveItem);\n        }\n\n        return () => {\n            if (carouselElement) {\n                carouselElement.removeEventListener('scroll', throttledDetectActiveItem);\n            }\n        };\n    }, [throttledDetectActiveItem]);\n\n    /**\n     * Прокрутка до нужной позиции индекса, если индекс изменился.\n     */\n    useEffect(() => {\n        if (index !== prevIndex.current) {\n            toIndex(index);\n        }\n    }, [index, toIndex]);\n\n    return {\n        scrollRef,\n        trackRef,\n    };\n};\n"],"names":["getCalculatedOffset","scrollEl","trackEl","paddingProp","parseInt","getComputedStyle","positionModByScrollAlign","_ref","scrollAlign","position","carouselSize","itemSize","offset","scrollStart","paddingOffset","getCalculatedPos","_ref2","_items$item$offsetWid2","_items$item2","items","index","item","i","_items$item$offsetWid","_items$item","offsetWidth","scrollLeft","DEFAULT_DURATION","tfs","linear","t","easeIn","Math","pow","easeOut","easeInOut","sin","PI","animatedScrollToX","elem","pos","duration","arguments","length","undefined","timingFunction","startTime","startX","endX","max","min","scrollWidth","clientWidth","handleNewAnimationFrame","Date","now","timePos","scrollPos","left","scrollTo","window","requestAnimationFrame","scrollToPos","_ref3","animated","abs","round","n","getItemSlot","itemIndex","itemEnd","scrollSize","prevIndex","scrollEnd","scrollCenter","itemCenter","prevStart","prevEnd","prevVisible","getCarouselItems","track","children","useDebouncedFunction","func","delay","cleanUp","timeoutRef","useRef","clearTimer","current","clearTimeout","useEffect","_len","args","Array","_key","setTimeout","apply","THROTTLE_DEFAULT_MS","DEBOUNCE_DEFAULT_MS","useCarousel","_ref4","onIndexChange","_ref4$detectActive","detectActive","_ref4$detectThreshold","detectThreshold","_ref4$scrollAlign","_ref4$throttleMs","throttleMs","_ref4$debounceMs","debounceMs","scrollRef","trackRef","debouncedOnIndexChange","throttledDetectActiveItem","useMemo","throttle","itemEdge","scrollEdge","_prevIndex$current","itemSlot","toIndex","useCallback","carouselElement","addEventListener","removeEventListener"],"mappings":"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"}

package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js

@@ -128,33 +128,26 @@ var Dots = /*#__PURE__*/memo(function (_ref) {
       }
       if (dotsToAdd > 0) {
         var _loop = function _loop() {
-            var _dotWrapperRef$curren4;
-            var node = document.createElement('div');
-            node.textContent = '';
-            node.classList.add(classes.dot);
-            node.style.opacity = '0';
-            var delay = i * (ANIMATION_DURATION / dotsToAdd);
-            node.style.animationDelay = "".concat(delay, "s");
-            rightAnimationWrapperRef.current.appendChild(node);
-            var duration = ANIMATION_DURATION / dotsToAdd;
-            requestAnimationFrame(function () {
-              node.classList.add(classes.animateIn);
-              node.style.animationDuration = "".concat(duration, "s");
-            });
-            var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
-            if (!currentDomNode) {
-              return {
-                v: void 0
-              };
-            }
-            currentDomNode.classList.add(classes.animateOut);
-            currentDomNode.style.animationDelay = "".concat(delay, "s");
-            currentDomNode.style.animationDuration = "".concat(duration, "s");
-          },
-          _ret;
+          var _dotWrapperRef$curren4;
+          var node = document.createElement('div');
+          node.textContent = '';
+          node.classList.add(classes.dot);
+          node.style.opacity = '0';
+          var delay = i * (ANIMATION_DURATION / dotsToAdd);
+          node.style.animationDelay = "".concat(delay, "s");
+          rightAnimationWrapperRef.current.appendChild(node);
+          var duration = ANIMATION_DURATION / dotsToAdd;
+          requestAnimationFrame(function () {
+            node.classList.add(classes.animateIn);
+            node.style.animationDuration = "".concat(duration, "s");
+          });
+          var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
+          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(classes.animateOut);
+          currentDomNode.style.animationDelay = "".concat(delay, "s");
+          currentDomNode.style.animationDuration = "".concat(duration, "s");
+        };
         for (var i = 0; i < dotsToAdd; i++) {
-          _ret = _loop();
-          if (_ret) return _ret.v;
+          _loop();
         }
       }
     } else {
@@ -176,33 +169,26 @@ var Dots = /*#__PURE__*/memo(function (_ref) {
       }
       if (dotsToAdd > 0) {
         var _loop2 = function _loop2() {
-            var _dotWrapperRef$curren7;
-            var node = document.createElement('div');
-            node.textContent = '';
-            node.classList.add(classes.dot);
-            node.style.opacity = '0';
-            var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
-            node.style.animationDelay = "".concat(delay, "s");
-            leftAnimationWrapperRef.current.prepend(node);
-            var duration = ANIMATION_DURATION / dotsToAdd;
-            requestAnimationFrame(function () {
-              node.classList.add(classes.animateIn);
-              node.style.animationDuration = "".concat(duration, "s");
-            });
-            var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
-            if (!currentDomNode) {
-              return {
-                v: void 0
-              };
-            }
-            currentDomNode.classList.add(classes.animateOut);
-            currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
-            currentDomNode.style.animationDuration = "".concat(duration, "s");
-          },
-          _ret2;
+          var _dotWrapperRef$curren7;
+          var node = document.createElement('div');
+          node.textContent = '';
+          node.classList.add(classes.dot);
+          node.style.opacity = '0';
+          var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
+          node.style.animationDelay = "".concat(delay, "s");
+          leftAnimationWrapperRef.current.prepend(node);
+          var duration = ANIMATION_DURATION / dotsToAdd;
+          requestAnimationFrame(function () {
+            node.classList.add(classes.animateIn);
+            node.style.animationDuration = "".concat(duration, "s");
+          });
+          var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
+          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(classes.animateOut);
+          currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
+          currentDomNode.style.animationDuration = "".concat(duration, "s");
+        };
         for (var _i = dotsToAdd - 1; _i >= 0; _i--) {
-          _ret2 = _loop2();
-          if (_ret2) return _ret2.v;
+          _loop2();
         }
       }
     }