@hh.ru/magritte-ui-scrollable-container 5.3.0 → 6.0.1

package/utils.js

@@ -1,4 +1,19 @@
 import './index.css';
+import { useRef } from 'react';
+import { animate } from 'motion/react';
+import { clamp } from '@hh.ru/magritte-internal-custom-scroll';
+import { Breakpoint } from '@hh.ru/magritte-ui-breakpoint';
+import { OFFSET_ATTR } from './types.js';
+
+const BREAKPOINTS_LIST = [
+    Breakpoint.XS,
+    Breakpoint.S,
+    Breakpoint.M,
+    Breakpoint.L,
+    Breakpoint.XL,
+    Breakpoint.XXL,
+];
+const NO_BUTTONS_START_FROM_BREAKPOINT = Breakpoint.S;
 function debounce(callback, waitMs) {
     let timeout = 0;
     return (...args) => {
@@ -8,6 +23,267 @@ function debounce(callback, waitMs) {
         }, waitMs);
     };
 }
+/**
+ * По переданным параметрам коррекции возвращает значения отступов для текущего брейкпоинта
+ * @param props Параметры коррекции
+ * @param breakpoint Текуший брейкпоинт
+ * @returns Объект содержащий значения отступов
+ */
+const getActualCorrection = (props, breakpoint) => {
+    const breakpointIndex = BREAKPOINTS_LIST.indexOf(breakpoint);
+    let leftCorrection;
+    let rightCorrection;
+    // Проходимся по всем брейкпоинтам, начиная с текущего в сторону меньших разрешений
+    for (let i = breakpointIndex; i >= 0; i--) {
+        const breakpointName = BREAKPOINTS_LIST[i].toUpperCase();
+        // Ключи, которые могут быть в параметрах коррекции (SpacingCorrectionProps)
+        const leftCorrectionKey = `correctionLeft${breakpointName}`;
+        const rightCorrectionKey = `correctionRight${breakpointName}`;
+        const commonCorrectionKey = `correction${breakpointName}`;
+        // Если для текущего брейкпоинта есть параметры коррекции для левой/правой стороны, то берем их
+        props[leftCorrectionKey] !== undefined &&
+            leftCorrection === undefined &&
+            (leftCorrection = props[leftCorrectionKey]);
+        props[rightCorrectionKey] !== undefined &&
+            rightCorrection === undefined &&
+            (rightCorrection = props[rightCorrectionKey]);
+        // Если для левой или правой стороны не найден параметр коррекции, то пробуем взять параметр correction для
+        // брейкпоинта который сейчас обрабатываем в цикле, например correctionM
+        if (props[commonCorrectionKey] !== undefined) {
+            leftCorrection === undefined && (leftCorrection = props[commonCorrectionKey]);
+            rightCorrection === undefined && (rightCorrection = props[commonCorrectionKey]);
+        }
+        // Если нашли значения для обеих сторон - возращаем
+        if (leftCorrection !== undefined && rightCorrection !== undefined) {
+            return { leftCorrection, rightCorrection };
+        }
+    }
+    // Если не нашли значение для какой то из сторон, то берем значение из correction, без уточнения брейкпоинта
+    return {
+        leftCorrection: leftCorrection === undefined ? props.correction || 0 : leftCorrection,
+        rightCorrection: rightCorrection === undefined ? props.correction || 0 : rightCorrection,
+    };
+};
+const useInitOnce = (func) => {
+    const initializedRef = useRef(undefined);
+    if (initializedRef.current === undefined) {
+        initializedRef.current = func();
+    }
+    return initializedRef.current;
+};
+/**
+ * На основе стейта расчитывает флаги скрола
+ * @param scrollState стейт скролла
+ * @returns cостояние блокировки скролла
+ */
+const getDisableState = (scrollState) => {
+    const { scrollPosition, viewportWidth, contentWidth } = scrollState;
+    return {
+        isScrollLeftDisabled: scrollPosition.get() >= 0,
+        isScrollRightDisabled: Math.abs(scrollPosition.get()) + viewportWidth.get() >= contentWidth.get(),
+    };
+};
+/**
+ * Анимирует scrollPosition с учетом границ контенера
+ * @param scrollState стейт скролла
+ * @param position новая позиция
+ * @returns void
+ */
+const animateScrollToPosition = (scrollState, position) => {
+    const { scrollPosition, viewportWidth, contentWidth } = scrollState;
+    if (position === null || scrollPosition.get() === position) {
+        return;
+    }
+    const clampedPosition = clamp(position, viewportWidth.get() - contentWidth.get(), 0);
+    animate(scrollPosition, clampedPosition, {
+        velocity: Math.max(scrollPosition.getVelocity(), 1),
+    });
+};
+/**
+ * scrollTo* может быть вызвана раньше чем появяться метрики элементов
+ * например, scrollToIndex функция может вызвана в useEffect в tabs
+ * запоминаем индекс и вызовем скролл, когда метрики будут посчитаны
+ */
+const ensureItemReadyForScroll = (scrollState, index) => {
+    const { items } = scrollState;
+    const item = items.get()[index]?.current;
+    if (!item || !item[OFFSET_ATTR]) {
+        scrollState.indexForDeferScroll = index;
+        return false;
+    }
+    return true;
+};
+/**
+ * Возвращает якорную точку отрезка в зависимости от scrollSnapAlign.
+ *
+ * start  — левая граница элемента
+ * center — центр элемента
+ * end    — правая граница элемента
+ *
+ * @param left левая граница элемента
+ * @param right правая граница элемента
+ * @param align режим выравнивания (scroll-snap-align)
+ * @returns координата якорной точки элемента
+ */
+const getAnchorPoint = (left, right, align) => {
+    let point = 0;
+    switch (align) {
+        case 'center':
+            point = (left + right) / 2;
+            break;
+        case 'end':
+            point = right;
+            break;
+        case 'start':
+        default:
+            point = left;
+    }
+    return point;
+};
+/**
+ * Вычисляет целевую точку прокрутки в зависимости от режима scroll-snap выравнивания.
+ *
+ * В качестве базовой позиции используется текущее значение scrollLeft,
+ * к которому добавляется смещение, зависящее от `scrollSnapAlign`:
+ * - start — начало области просмотра
+ * - center — центр области просмотра
+ * - end — конец области просмотра
+ *
+ * @param state Текущее состояние скролл
+ * @returns Координата целевой точки прокрутки
+ */
+const getTargetPoint = (state) => {
+    const scrollLeft = Math.abs(state.scrollPosition.get());
+    let point = 0;
+    switch (state.scrollSnapAlign) {
+        case 'center':
+            point = scrollLeft + state.viewportWidth.get() / 2;
+            break;
+        case 'end':
+            point = scrollLeft + state.viewportWidth.get();
+            break;
+        case 'start':
+        default:
+            point = scrollLeft;
+    }
+    return point;
+};
+/**
+ * На основе позиции, находит ближайший элемент к центру viewport
+ * @param scrollState стейт скролла
+ * @returns индекс найденого элемента
+ */
+const findIndexNearestToSnapPoint = (state) => {
+    const items = state.items.get();
+    if (items.length === 0) {
+        return 0;
+    }
+    const targetPoint = getTargetPoint(state);
+    let idx = 0;
+    let minDist = Infinity;
+    for (let key = 0; key < items.length; key++) {
+        const element = items[key]?.current;
+        if (element && element[OFFSET_ATTR]) {
+            const { left, right } = element[OFFSET_ATTR];
+            const anchor = getAnchorPoint(left, right, state.scrollSnapAlign);
+            const dist = Math.abs(targetPoint - anchor);
+            if (dist < minDist) {
+                minDist = dist;
+                idx = key;
+            }
+        }
+    }
+    return idx;
+};
+/**
+ * Определят позицию, при которой элемент будет находится на левой границе viewport
+ * @param scrollState стейт скролла
+ * @param index индекс элемента
+ * @returns новая позиция
+ */
+const computeStartPositionForIndex = (scrollState, index) => {
+    const { items, defaultButtonsCorrection } = scrollState;
+    const itemRef = items.get()[index];
+    if (!itemRef?.current) {
+        return null;
+    }
+    const offset = itemRef.current[OFFSET_ATTR];
+    return -offset.left + defaultButtonsCorrection.get();
+};
+/**
+ * Определят позицию, при которой элемент будет находится на правой границе viewport
+ * @param scrollState стейт скролла
+ * @param index индекс элемента
+ * @returns новая позиция
+ */
+const computeEndPositionForIndex = (scrollState, index) => {
+    const { items, defaultButtonsCorrection, viewportWidth } = scrollState;
+    const itemRef = items.get()[index];
+    if (!itemRef?.current) {
+        return null;
+    }
+    const offset = itemRef.current[OFFSET_ATTR];
+    return -offset.right + viewportWidth.get() - defaultButtonsCorrection.get();
+};
+/**
+ * Определят позицию, при которой элемент будет в центре viewport
+ * @param scrollState стейт скролла
+ * @param index индекс элемента
+ * @returns новая позиция
+ */
+const computeCenterPositionForIndex = (scrollState, index) => {
+    const { items, viewportWidth } = scrollState;
+    const itemRef = items.get()[index];
+    if (!itemRef?.current) {
+        return null;
+    }
+    const offset = itemRef.current[OFFSET_ATTR];
+    const itemWidth = offset.right - offset.left;
+    const itemCenter = offset.left + itemWidth / 2;
+    const viewportCenter = viewportWidth.get() / 2;
+    return viewportCenter - itemCenter;
+};
+/**
+ * Определят позицию, при которой элемент будет находится во viewport (с учетом боковых кнопок в fade)
+ * @param scrollState стейт скролла
+ * @param index индекс элемента
+ * @returns новая позиция
+ */
+const computePositionForIndex = (scrollState, index) => {
+    const { items, viewportWidth, scrollPosition, defaultButtonsCorrection } = scrollState;
+    const itemRef = items.get()[index];
+    if (!itemRef?.current) {
+        return null;
+    }
+    const offset = itemRef.current[OFFSET_ATTR];
+    const viewportLeft = -scrollPosition.get() + defaultButtonsCorrection.get();
+    const viewportRight = viewportLeft + viewportWidth.get() - defaultButtonsCorrection.get();
+    if (offset.left >= viewportLeft && offset.right <= viewportRight) {
+        return scrollPosition.get();
+    }
+    if (offset.left < viewportLeft) {
+        return -(offset.left - defaultButtonsCorrection.get());
+    }
+    return viewportWidth.get() - offset.right - defaultButtonsCorrection.get();
+};
+/**
+ * Определят поведение "подскрола" ближайшего элемента
+ * @param scrollState стейт скролла
+ * @returns StrategyPosition
+ */
+const computeScrollSnapBehavior = (scrollState) => {
+    switch (scrollState.scrollSnapAlign) {
+        case 'center':
+            return computeCenterPositionForIndex;
+        case 'start':
+            return computeStartPositionForIndex;
+        case 'end':
+            return computeEndPositionForIndex;
+        case 'none':
+        default:
+            return computePositionForIndex;
+    }
+};
 
-export { debounce };
+export { BREAKPOINTS_LIST, NO_BUTTONS_START_FROM_BREAKPOINT, animateScrollToPosition, computeCenterPositionForIndex, computeEndPositionForIndex, computePositionForIndex, computeScrollSnapBehavior, computeStartPositionForIndex, debounce, ensureItemReadyForScroll, findIndexNearestToSnapPoint, getActualCorrection, getDisableState, useInitOnce };
 //# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["export function debounce<T extends unknown[]>(callback: (...args: T) => void, waitMs: number): typeof callback {\n    let timeout = 0;\n    return (...args: T) => {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n            callback(...args);\n        }, waitMs) as unknown as number;\n    };\n}\n"],"names":[],"mappings":"AAAgB,SAAA,QAAQ,CAAsB,QAA8B,EAAE,MAAc,EAAA;IACxF,IAAI,OAAO,GAAG,CAAC,CAAC;AAChB,IAAA,OAAO,CAAC,GAAG,IAAO,KAAI;QAClB,YAAY,CAAC,OAAO,CAAC,CAAC;AACtB,QAAA,OAAO,GAAG,UAAU,CAAC,MAAK;AACtB,YAAA,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;SACrB,EAAE,MAAM,CAAsB,CAAC;AACpC,KAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { animate } from 'motion/react';\n\nimport { clamp } from '@hh.ru/magritte-internal-custom-scroll';\nimport { Breakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { type ScrollState } from '@hh.ru/magritte-ui-scrollable-container/ScrollStateProvider';\nimport {\n    type SpacingCorrectionProps,\n    type ScrollDisableState,\n    type ScrollSnapAlign,\n    OFFSET_ATTR,\n} from '@hh.ru/magritte-ui-scrollable-container/types';\n\nexport const BREAKPOINTS_LIST = [\n    Breakpoint.XS,\n    Breakpoint.S,\n    Breakpoint.M,\n    Breakpoint.L,\n    Breakpoint.XL,\n    Breakpoint.XXL,\n];\nexport const NO_BUTTONS_START_FROM_BREAKPOINT = Breakpoint.S;\n\nexport function debounce<T extends unknown[]>(callback: (...args: T) => void, waitMs: number): typeof callback {\n    let timeout = 0;\n    return (...args: T) => {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n            callback(...args);\n        }, waitMs) as unknown as number;\n    };\n}\n\ninterface ActualCorrection {\n    leftCorrection: number;\n    rightCorrection: number;\n}\n\n/**\n * По переданным параметрам коррекции возвращает значения отступов для текущего брейкпоинта\n * @param props Параметры коррекции\n * @param breakpoint Текуший брейкпоинт\n * @returns Объект содержащий значения отступов\n */\nexport const getActualCorrection = (props: SpacingCorrectionProps, breakpoint: Breakpoint): ActualCorrection => {\n    const breakpointIndex = BREAKPOINTS_LIST.indexOf(breakpoint);\n    let leftCorrection: number | undefined;\n    let rightCorrection: number | undefined;\n    // Проходимся по всем брейкпоинтам, начиная с текущего в сторону меньших разрешений\n    for (let i = breakpointIndex; i >= 0; i--) {\n        const breakpointName = BREAKPOINTS_LIST[i].toUpperCase();\n        // Ключи, которые могут быть в параметрах коррекции (SpacingCorrectionProps)\n        const leftCorrectionKey = `correctionLeft${breakpointName}` as keyof SpacingCorrectionProps;\n        const rightCorrectionKey = `correctionRight${breakpointName}` as keyof SpacingCorrectionProps;\n        const commonCorrectionKey = `correction${breakpointName}` as keyof SpacingCorrectionProps;\n        // Если для текущего брейкпоинта есть параметры коррекции для левой/правой стороны, то берем их\n        props[leftCorrectionKey] !== undefined &&\n            leftCorrection === undefined &&\n            (leftCorrection = props[leftCorrectionKey]);\n        props[rightCorrectionKey] !== undefined &&\n            rightCorrection === undefined &&\n            (rightCorrection = props[rightCorrectionKey]);\n\n        // Если для левой или правой стороны не найден параметр коррекции, то пробуем взять параметр correction для\n        // брейкпоинта который сейчас обрабатываем в цикле, например correctionM\n        if (props[commonCorrectionKey] !== undefined) {\n            leftCorrection === undefined && (leftCorrection = props[commonCorrectionKey]);\n            rightCorrection === undefined && (rightCorrection = props[commonCorrectionKey]);\n        }\n\n        // Если нашли значения для обеих сторон - возращаем\n        if (leftCorrection !== undefined && rightCorrection !== undefined) {\n            return { leftCorrection, rightCorrection };\n        }\n    }\n    // Если не нашли значение для какой то из сторон, то берем значение из correction, без уточнения брейкпоинта\n    return {\n        leftCorrection: leftCorrection === undefined ? props.correction || 0 : leftCorrection,\n        rightCorrection: rightCorrection === undefined ? props.correction || 0 : rightCorrection,\n    };\n};\n\nexport const useInitOnce = <T>(func: () => T): T => {\n    const initializedRef = useRef<T | undefined>(undefined);\n    if (initializedRef.current === undefined) {\n        initializedRef.current = func();\n    }\n    return initializedRef.current;\n};\n\n/**\n * На основе стейта расчитывает флаги скрола\n * @param scrollState стейт скролла\n * @returns cостояние блокировки скролла\n */\nexport const getDisableState = (scrollState: ScrollState): ScrollDisableState => {\n    const { scrollPosition, viewportWidth, contentWidth } = scrollState;\n    return {\n        isScrollLeftDisabled: scrollPosition.get() >= 0,\n        isScrollRightDisabled: Math.abs(scrollPosition.get()) + viewportWidth.get() >= contentWidth.get(),\n    };\n};\n\n/**\n * Анимирует scrollPosition с учетом границ контенера\n * @param scrollState стейт скролла\n * @param position новая позиция\n * @returns void\n */\nexport const animateScrollToPosition = (scrollState: ScrollState, position: number | null): void => {\n    const { scrollPosition, viewportWidth, contentWidth } = scrollState;\n    if (position === null || scrollPosition.get() === position) {\n        return;\n    }\n    const clampedPosition = clamp(position, viewportWidth.get() - contentWidth.get(), 0);\n    animate(scrollPosition, clampedPosition, {\n        velocity: Math.max(scrollPosition.getVelocity(), 1),\n    });\n};\n\n/**\n * scrollTo* может быть вызвана раньше чем появяться метрики элементов\n * например, scrollToIndex функция может вызвана в useEffect в tabs\n * запоминаем индекс и вызовем скролл, когда метрики будут посчитаны\n */\nexport const ensureItemReadyForScroll = (scrollState: ScrollState, index: number): boolean => {\n    const { items } = scrollState;\n    const item = items.get()[index]?.current;\n    if (!item || !item[OFFSET_ATTR]) {\n        scrollState.indexForDeferScroll = index;\n        return false;\n    }\n    return true;\n};\n\n/**\n * Возвращает якорную точку отрезка в зависимости от scrollSnapAlign.\n *\n * start  — левая граница элемента\n * center — центр элемента\n * end    — правая граница элемента\n *\n * @param left левая граница элемента\n * @param right правая граница элемента\n * @param align режим выравнивания (scroll-snap-align)\n * @returns координата якорной точки элемента\n */\nconst getAnchorPoint = (left: number, right: number, align: ScrollSnapAlign): number => {\n    let point = 0;\n    switch (align) {\n        case 'center':\n            point = (left + right) / 2;\n            break;\n        case 'end':\n            point = right;\n            break;\n        case 'start':\n        default:\n            point = left;\n    }\n    return point;\n};\n\n/**\n * Вычисляет целевую точку прокрутки в зависимости от режима scroll-snap выравнивания.\n *\n * В качестве базовой позиции используется текущее значение scrollLeft,\n * к которому добавляется смещение, зависящее от `scrollSnapAlign`:\n * - start — начало области просмотра\n * - center — центр области просмотра\n * - end — конец области просмотра\n *\n * @param state Текущее состояние скролл\n * @returns Координата целевой точки прокрутки\n */\nconst getTargetPoint = (state: ScrollState): number => {\n    const scrollLeft = Math.abs(state.scrollPosition.get());\n    let point = 0;\n    switch (state.scrollSnapAlign) {\n        case 'center':\n            point = scrollLeft + state.viewportWidth.get() / 2;\n            break;\n        case 'end':\n            point = scrollLeft + state.viewportWidth.get();\n            break;\n        case 'start':\n        default:\n            point = scrollLeft;\n    }\n    return point;\n};\n\n/**\n * На основе позиции, находит ближайший элемент к центру viewport\n * @param scrollState стейт скролла\n * @returns индекс найденого элемента\n */\nexport const findIndexNearestToSnapPoint = (state: ScrollState): number => {\n    const items = state.items.get();\n    if (items.length === 0) {\n        return 0;\n    }\n    const targetPoint = getTargetPoint(state);\n    let idx = 0;\n    let minDist = Infinity;\n    for (let key = 0; key < items.length; key++) {\n        const element = items[key]?.current;\n        if (element && element[OFFSET_ATTR]) {\n            const { left, right } = element[OFFSET_ATTR];\n            const anchor = getAnchorPoint(left, right, state.scrollSnapAlign);\n            const dist = Math.abs(targetPoint - anchor);\n            if (dist < minDist) {\n                minDist = dist;\n                idx = key;\n            }\n        }\n    }\n    return idx;\n};\n\ninterface ScrollBehavior {\n    (scrollState: ScrollState, index: number): number | null;\n}\n\n/**\n * Определят позицию, при которой элемент будет находится на левой границе viewport\n * @param scrollState стейт скролла\n * @param index индекс элемента\n * @returns новая позиция\n */\nexport const computeStartPositionForIndex: ScrollBehavior = (scrollState, index) => {\n    const { items, defaultButtonsCorrection } = scrollState;\n    const itemRef = items.get()[index];\n    if (!itemRef?.current) {\n        return null;\n    }\n    const offset = itemRef.current[OFFSET_ATTR];\n    return -offset.left + defaultButtonsCorrection.get();\n};\n\n/**\n * Определят позицию, при которой элемент будет находится на правой границе viewport\n * @param scrollState стейт скролла\n * @param index индекс элемента\n * @returns новая позиция\n */\nexport const computeEndPositionForIndex: ScrollBehavior = (scrollState, index) => {\n    const { items, defaultButtonsCorrection, viewportWidth } = scrollState;\n    const itemRef = items.get()[index];\n    if (!itemRef?.current) {\n        return null;\n    }\n    const offset = itemRef.current[OFFSET_ATTR];\n    return -offset.right + viewportWidth.get() - defaultButtonsCorrection.get();\n};\n\n/**\n * Определят позицию, при которой элемент будет в центре viewport\n * @param scrollState стейт скролла\n * @param index индекс элемента\n * @returns новая позиция\n */\nexport const computeCenterPositionForIndex: ScrollBehavior = (scrollState, index) => {\n    const { items, viewportWidth } = scrollState;\n    const itemRef = items.get()[index];\n    if (!itemRef?.current) {\n        return null;\n    }\n    const offset = itemRef.current[OFFSET_ATTR];\n    const itemWidth = offset.right - offset.left;\n    const itemCenter = offset.left + itemWidth / 2;\n    const viewportCenter = viewportWidth.get() / 2;\n    return viewportCenter - itemCenter;\n};\n\n/**\n * Определят позицию, при которой элемент будет находится во viewport (с учетом боковых кнопок в fade)\n * @param scrollState стейт скролла\n * @param index индекс элемента\n * @returns новая позиция\n */\nexport const computePositionForIndex: ScrollBehavior = (scrollState, index) => {\n    const { items, viewportWidth, scrollPosition, defaultButtonsCorrection } = scrollState;\n    const itemRef = items.get()[index];\n    if (!itemRef?.current) {\n        return null;\n    }\n    const offset = itemRef.current[OFFSET_ATTR];\n    const viewportLeft = -scrollPosition.get() + defaultButtonsCorrection.get();\n    const viewportRight = viewportLeft + viewportWidth.get() - defaultButtonsCorrection.get();\n    if (offset.left >= viewportLeft && offset.right <= viewportRight) {\n        return scrollPosition.get();\n    }\n    if (offset.left < viewportLeft) {\n        return -(offset.left - defaultButtonsCorrection.get());\n    }\n    return viewportWidth.get() - offset.right - defaultButtonsCorrection.get();\n};\n\n/**\n * Определят поведение \"подскрола\" ближайшего элемента\n * @param scrollState стейт скролла\n * @returns StrategyPosition\n */\nexport const computeScrollSnapBehavior = (scrollState: ScrollState): ScrollBehavior => {\n    switch (scrollState.scrollSnapAlign) {\n        case 'center':\n            return computeCenterPositionForIndex;\n        case 'start':\n            return computeStartPositionForIndex;\n        case 'end':\n            return computeEndPositionForIndex;\n        case 'none':\n        default:\n            return computePositionForIndex;\n    }\n};\n"],"names":[],"mappings":"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"}