@hh.ru/magritte-internal-drop-base 6.0.3 → 7.0.0

package/calculateRect.js

@@ -1,319 +0,0 @@
-import './index.css';
-const VIEWPORT_GUARD_DISTANCE = 16;
-const getPointToCenterActivator = ({ point, offsetPoint, contentSize, activatorSize, }) => point + offsetPoint - contentSize / 2 + activatorSize / 2;
-/* Позволяет получить метрики drop, позицию относительно viewport
- * для случая, когда дроп может занять всю доступную высоту viewport
- * */
-const calculateDropHeightAvailableViewport = {
-    top: ({ leftPositionForDrop, topPositionForViewport, preferredViewportMetrics, topPositionForDrop, dropMetrics, }) => {
-        const top = -(topPositionForViewport - preferredViewportMetrics.pageTop - topPositionForDrop) + VIEWPORT_GUARD_DISTANCE;
-        const _height = topPositionForViewport + dropMetrics.height - preferredViewportMetrics.pageTop - VIEWPORT_GUARD_DISTANCE;
-        const height = _height < dropMetrics.height ? dropMetrics.height : _height;
-        const _topPositionForViewport = topPositionForViewport + dropMetrics.height - height;
-        return {
-            top,
-            height,
-            left: leftPositionForDrop,
-            topPositionForViewport: _topPositionForViewport,
-        };
-    },
-    bottom: ({ leftPositionForDrop, topPositionForViewport, preferredViewportMetrics, topPositionForDrop, dropMetrics, }) => {
-        const _height = preferredViewportMetrics.height +
-            preferredViewportMetrics.pageTop -
-            topPositionForViewport -
-            VIEWPORT_GUARD_DISTANCE;
-        const height = _height < dropMetrics.height ? dropMetrics.height : _height;
-        return {
-            top: topPositionForDrop,
-            left: leftPositionForDrop,
-            height,
-            topPositionForViewport,
-        };
-    },
-};
-/**
- * Позволяет получить метрику top или left дропдауна и viewport или
- * контейнера в котором хотим рисовать дропдаун. Считать нужно
- * для top или left в зависимости от того противоположна ли метрика
- * к direction. Т.е мы считает метрику top только
- * для горизонтального направления, a left для вертикального
- * */
-const getEdgeOppositeDirection = ({ activatorPosition, viewportShift, activatorOffset, shift, isNegativeArrowShift, arrowGuardDistance, activatorSize, }) => {
-    let shiftArrow = 0;
-    if (arrowGuardDistance && activatorSize / 2 < arrowGuardDistance) {
-        shiftArrow = arrowGuardDistance - activatorSize / 2;
-    }
-    if (isNegativeArrowShift) {
-        shiftArrow = -shiftArrow;
-    }
-    const positionForDrop = shift + activatorOffset + shiftArrow;
-    const positionForViewport = shift + activatorPosition + viewportShift + shiftArrow;
-    return [positionForDrop, positionForViewport];
-};
-/**
- * Позволяет получить метрику top или left дропдауна и viewport
- * или контейнера в котором хотим рисовать дропдаун. Считать нужно для top
- * или left в зависимости от того совпдает ли метрика с direction.
- * Т.е мы считает метрику top только для вертикального направления, a left
- * для горизонтального направления
- * */
-const getEageCoincidingWithDirection = ({ activatorPosition, activatorSize, dropSize, viewportShift, isNegativePosition, activatorOffset, guardDistance, }) => {
-    let positionForViewport = 0;
-    let positionForDrop = 0;
-    if (isNegativePosition) {
-        positionForDrop = activatorOffset - guardDistance - dropSize;
-        positionForViewport = activatorPosition + viewportShift - guardDistance - dropSize;
-    }
-    else {
-        positionForDrop = activatorOffset + activatorSize + guardDistance;
-        positionForViewport = activatorPosition + viewportShift + activatorSize + guardDistance;
-    }
-    return [positionForDrop, positionForViewport];
-};
-/**
- * API для расчета метрик дропдауна и viewport | контейнера в котором
- * хотим рисовать дропдаун. Cчитает метрики в случае
- * когда position = Horizontal.
- * Т.е. дропдаун показываем cлева или справа от активатора.
- * Предоставляем три публичных метода для расположения относительно края активатора:
- * top - выравнивание по верхнему краю
- * bottom - выравнивание по нижнему краю
- * center - выравнивание по центру
- * */
-const calculateRectForHorizontalPosition = {
-    top({ activatorMetrics, dropMetrics, viewportMetrics, preferredViewportMetrics, direction, activatorOffset, guardDistance, arrowGuardDistance, occupyAllAvailableViewportHeight, }) {
-        const result = this._baseAlign({
-            activatorMetrics,
-            dropMetrics,
-            viewportMetrics,
-            direction,
-            isNegativeArrowShift: true,
-            activatorOffset,
-            shift: 0,
-            arrowGuardDistance,
-            guardDistance,
-            preferredViewportMetrics,
-        });
-        if (occupyAllAvailableViewportHeight) {
-            const metrics = calculateDropHeightAvailableViewport.bottom({
-                preferredViewportMetrics,
-                topPositionForViewport: result.top,
-                topPositionForDrop: result.dropMetrics.top,
-                leftPositionForDrop: result.dropMetrics.left,
-                dropMetrics,
-            });
-            return {
-                ...result,
-                top: metrics.topPositionForViewport,
-                bottom: metrics.topPositionForViewport + metrics.height,
-                dropMetrics: {
-                    top: metrics.top,
-                    left: metrics.left,
-                    height: metrics.height,
-                },
-            };
-        }
-        return result;
-    },
-    bottom({ activatorMetrics, dropMetrics, viewportMetrics, direction, activatorOffset, guardDistance, arrowGuardDistance, occupyAllAvailableViewportHeight, preferredViewportMetrics, }) {
-        const shift = dropMetrics.height - activatorMetrics.height;
-        const result = this._baseAlign({
-            activatorMetrics,
-            dropMetrics,
-            viewportMetrics,
-            direction,
-            activatorOffset,
-            shift: -shift,
-            arrowGuardDistance,
-            guardDistance,
-            preferredViewportMetrics,
-        });
-        if (occupyAllAvailableViewportHeight) {
-            const metrics = calculateDropHeightAvailableViewport.top({
-                preferredViewportMetrics,
-                topPositionForViewport: result.top,
-                topPositionForDrop: result.dropMetrics.top,
-                leftPositionForDrop: result.dropMetrics.left,
-                dropMetrics,
-            });
-            return {
-                top: metrics.topPositionForViewport,
-                left: result.left,
-                bottom: activatorMetrics.bottom,
-                right: result.right,
-                viewportMetrics,
-                dropMetrics: {
-                    top: metrics.top,
-                    left: metrics.left,
-                    height: metrics.height,
-                },
-            };
-        }
-        return result;
-    },
-    center({ activatorMetrics, dropMetrics, viewportMetrics, direction, activatorOffset, guardDistance, preferredViewportMetrics, }) {
-        const pointToCenterActivator = getPointToCenterActivator({
-            point: 0,
-            offsetPoint: 0,
-            contentSize: dropMetrics.height,
-            activatorSize: activatorMetrics.height,
-        });
-        return this._baseAlign({
-            activatorMetrics,
-            dropMetrics,
-            viewportMetrics,
-            direction,
-            activatorOffset,
-            shift: pointToCenterActivator,
-            guardDistance,
-            preferredViewportMetrics,
-        });
-    },
-    _baseAlign({ activatorMetrics, dropMetrics, viewportMetrics, direction, activatorOffset, shift, arrowGuardDistance, isNegativeArrowShift = false, guardDistance, }) {
-        const [leftPositionForDrop, leftPositionForViewport] = getEageCoincidingWithDirection({
-            activatorPosition: activatorMetrics.left,
-            activatorSize: activatorMetrics.width,
-            dropSize: dropMetrics.width,
-            viewportShift: viewportMetrics.pageLeft,
-            isNegativePosition: direction === 'left',
-            activatorOffset: activatorOffset.offsetLeft,
-            guardDistance,
-        });
-        const [topPositionForDrop, topPositionForViewport] = getEdgeOppositeDirection({
-            activatorPosition: activatorMetrics.top,
-            viewportShift: viewportMetrics.pageTop,
-            activatorOffset: activatorOffset.offsetTop,
-            isNegativeArrowShift,
-            shift,
-            arrowGuardDistance,
-            activatorSize: activatorMetrics.height,
-        });
-        return {
-            top: topPositionForViewport,
-            left: leftPositionForViewport,
-            bottom: topPositionForViewport + dropMetrics.height,
-            right: leftPositionForViewport + dropMetrics.width,
-            dropMetrics: {
-                top: topPositionForDrop,
-                left: leftPositionForDrop,
-                height: 'auto',
-            },
-            viewportMetrics,
-        };
-    },
-};
-/**
- * API для расчета метрик дропдауна и viewport | контейнера в котором
- * хотим рисовать дропдаун. Cчитает метрики в случае - когда direction = VerticalPosition.
- * Т.е. дропдаун показываем снизу или сверху активатора.
- * Предоставляем три публичных метода для расположения относительно края активатора:
- * left - выравнивание по левому краю
- * right - выравнивание по правому краю
- * center - выравнивание по центру
- * */
-const calculateRectForVerticalPosition = {
-    left({ activatorMetrics, dropMetrics, viewportMetrics, direction, activatorOffset, guardDistance, arrowGuardDistance, occupyAllAvailableViewportHeight, preferredViewportMetrics, }) {
-        return this._baseAlign({
-            activatorMetrics,
-            dropMetrics,
-            viewportMetrics,
-            direction,
-            activatorOffset,
-            shift: 0,
-            isNegativeArrowShift: true,
-            guardDistance,
-            arrowGuardDistance,
-            occupyAllAvailableViewportHeight,
-            preferredViewportMetrics,
-        });
-    },
-    right({ activatorMetrics, dropMetrics, viewportMetrics, direction, activatorOffset, guardDistance, arrowGuardDistance, occupyAllAvailableViewportHeight, preferredViewportMetrics, }) {
-        return this._baseAlign({
-            activatorMetrics,
-            dropMetrics,
-            viewportMetrics,
-            direction,
-            activatorOffset,
-            shift: -(dropMetrics.width - activatorMetrics.width),
-            arrowGuardDistance,
-            guardDistance,
-            occupyAllAvailableViewportHeight,
-            preferredViewportMetrics,
-        });
-    },
-    center({ activatorMetrics, dropMetrics, viewportMetrics, direction, activatorOffset, guardDistance, occupyAllAvailableViewportHeight, preferredViewportMetrics, }) {
-        const pointToCenterActivator = getPointToCenterActivator({
-            point: 0,
-            offsetPoint: 0,
-            contentSize: dropMetrics.width,
-            activatorSize: activatorMetrics.width,
-        });
-        return this._baseAlign({
-            activatorMetrics,
-            dropMetrics,
-            viewportMetrics,
-            direction,
-            activatorOffset,
-            shift: pointToCenterActivator,
-            guardDistance,
-            occupyAllAvailableViewportHeight,
-            preferredViewportMetrics,
-        });
-    },
-    _baseAlign({ activatorMetrics, dropMetrics, viewportMetrics, direction, activatorOffset, shift, arrowGuardDistance, isNegativeArrowShift = false, guardDistance, occupyAllAvailableViewportHeight, preferredViewportMetrics, }) {
-        const [topPositionForDrop, topPositionForViewport] = getEageCoincidingWithDirection({
-            activatorPosition: activatorMetrics.top,
-            activatorSize: activatorMetrics.height,
-            dropSize: dropMetrics.height,
-            viewportShift: viewportMetrics.pageTop,
-            isNegativePosition: direction !== 'bottom',
-            activatorOffset: activatorOffset.offsetTop,
-            guardDistance,
-        });
-        const [leftPositionForDrop, leftPositionForViewport] = getEdgeOppositeDirection({
-            activatorPosition: activatorMetrics.left,
-            viewportShift: viewportMetrics.pageLeft,
-            activatorOffset: activatorOffset.offsetLeft,
-            shift,
-            isNegativeArrowShift,
-            arrowGuardDistance,
-            activatorSize: activatorMetrics.width,
-        });
-        let metrics = {
-            topPositionForViewport,
-            top: topPositionForDrop,
-            left: leftPositionForDrop,
-            height: 0,
-        };
-        if (occupyAllAvailableViewportHeight) {
-            metrics = calculateDropHeightAvailableViewport[direction]({
-                topPositionForViewport,
-                preferredViewportMetrics,
-                topPositionForDrop,
-                dropMetrics,
-                leftPositionForDrop,
-            });
-        }
-        return {
-            top: metrics.topPositionForViewport,
-            left: leftPositionForViewport,
-            bottom: metrics.topPositionForViewport + (metrics.height !== 0 ? metrics.height : dropMetrics.height),
-            right: leftPositionForViewport + dropMetrics.width,
-            dropMetrics: {
-                top: metrics.top,
-                left: metrics.left,
-                height: metrics.height !== 0 ? metrics.height : 'auto',
-            },
-            viewportMetrics,
-        };
-    },
-};
-const calculateRect = {
-    left: calculateRectForHorizontalPosition,
-    right: calculateRectForHorizontalPosition,
-    top: calculateRectForVerticalPosition,
-    bottom: calculateRectForVerticalPosition,
-};
-
-export { VIEWPORT_GUARD_DISTANCE, calculateRect, calculateRectForVerticalPosition };
-//# sourceMappingURL=calculateRect.js.map

package/calculateRect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calculateRect.js","sources":["../src/calculateRect.ts"],"sourcesContent":["import {\n    BaseAlignPosition,\n    GetEageCoincidingWithDirectionArgs,\n    GetEdgeOppositeDirectionArgs,\n    GetPointToCenterActivator,\n    CalculateRect,\n    CalculateRectType,\n    CalculateDropHeightAvailableViewportArgs,\n    CalculateDropHeightAvailableViewportResult,\n    DropBaseHorizontalPosition,\n    DropBaseVerticalPosition,\n} from '@hh.ru/magritte-internal-drop-base/types';\n\nexport const VIEWPORT_GUARD_DISTANCE = 16;\n\nconst getPointToCenterActivator = ({\n    point,\n    offsetPoint,\n    contentSize,\n    activatorSize,\n}: GetPointToCenterActivator): number => point + offsetPoint - contentSize / 2 + activatorSize / 2;\n\n/* Позволяет получить метрики drop, позицию относительно viewport\n * для случая, когда дроп может занять всю доступную высоту viewport\n * */\nconst calculateDropHeightAvailableViewport: {\n    top: CalculateDropHeightAvailableViewportArgs;\n    bottom: CalculateDropHeightAvailableViewportArgs;\n} = {\n    top: ({\n        leftPositionForDrop,\n        topPositionForViewport,\n        preferredViewportMetrics,\n        topPositionForDrop,\n        dropMetrics,\n    }) => {\n        const top =\n            -(topPositionForViewport - preferredViewportMetrics.pageTop - topPositionForDrop) + VIEWPORT_GUARD_DISTANCE;\n        const _height =\n            topPositionForViewport + dropMetrics.height - preferredViewportMetrics.pageTop - VIEWPORT_GUARD_DISTANCE;\n        const height = _height < dropMetrics.height ? dropMetrics.height : _height;\n        const _topPositionForViewport = topPositionForViewport + dropMetrics.height - height;\n\n        return {\n            top,\n            height,\n            left: leftPositionForDrop,\n            topPositionForViewport: _topPositionForViewport,\n        };\n    },\n\n    bottom: ({\n        leftPositionForDrop,\n        topPositionForViewport,\n        preferredViewportMetrics,\n        topPositionForDrop,\n        dropMetrics,\n    }) => {\n        const _height =\n            preferredViewportMetrics.height +\n            preferredViewportMetrics.pageTop -\n            topPositionForViewport -\n            VIEWPORT_GUARD_DISTANCE;\n        const height = _height < dropMetrics.height ? dropMetrics.height : _height;\n\n        return {\n            top: topPositionForDrop,\n            left: leftPositionForDrop,\n            height,\n            topPositionForViewport,\n        };\n    },\n};\n\n/**\n * Позволяет получить метрику top или left дропдауна и viewport или\n * контейнера в котором хотим рисовать дропдаун. Считать нужно\n * для top или left в зависимости от того противоположна ли метрика\n * к direction. Т.е мы считает метрику top только\n * для горизонтального направления, a left для вертикального\n * */\nconst getEdgeOppositeDirection = ({\n    activatorPosition,\n    viewportShift,\n    activatorOffset,\n    shift,\n    isNegativeArrowShift,\n    arrowGuardDistance,\n    activatorSize,\n}: GetEdgeOppositeDirectionArgs): [number, number] => {\n    let shiftArrow = 0;\n\n    if (arrowGuardDistance && activatorSize / 2 < arrowGuardDistance) {\n        shiftArrow = arrowGuardDistance - activatorSize / 2;\n    }\n\n    if (isNegativeArrowShift) {\n        shiftArrow = -shiftArrow;\n    }\n\n    const positionForDrop = shift + activatorOffset + shiftArrow;\n    const positionForViewport = shift + activatorPosition + viewportShift + shiftArrow;\n\n    return [positionForDrop, positionForViewport];\n};\n\n/**\n * Позволяет получить метрику top или left дропдауна и viewport\n * или контейнера в котором хотим рисовать дропдаун. Считать нужно для top\n * или left в зависимости от того совпдает ли метрика с direction.\n * Т.е мы считает метрику top только для вертикального направления, a left\n * для горизонтального направления\n * */\nconst getEageCoincidingWithDirection = ({\n    activatorPosition,\n    activatorSize,\n    dropSize,\n    viewportShift,\n    isNegativePosition,\n    activatorOffset,\n    guardDistance,\n}: GetEageCoincidingWithDirectionArgs): [number, number] => {\n    let positionForViewport = 0;\n    let positionForDrop = 0;\n\n    if (isNegativePosition) {\n        positionForDrop = activatorOffset - guardDistance - dropSize;\n        positionForViewport = activatorPosition + viewportShift - guardDistance - dropSize;\n    } else {\n        positionForDrop = activatorOffset + activatorSize + guardDistance;\n        positionForViewport = activatorPosition + viewportShift + activatorSize + guardDistance;\n    }\n\n    return [positionForDrop, positionForViewport];\n};\n\n/**\n * API для расчета метрик дропдауна и viewport | контейнера в котором\n * хотим рисовать дропдаун. Cчитает метрики в случае\n * когда position = Horizontal.\n * Т.е. дропдаун показываем cлева или справа от активатора.\n * Предоставляем три публичных метода для расположения относительно края активатора:\n * top - выравнивание по верхнему краю\n * bottom - выравнивание по нижнему краю\n * center - выравнивание по центру\n * */\nconst calculateRectForHorizontalPosition: {\n    top: CalculateRect<DropBaseHorizontalPosition['direction']>;\n    bottom: CalculateRect<DropBaseHorizontalPosition['direction']>;\n    center: CalculateRect<DropBaseHorizontalPosition['direction']>;\n    _baseAlign: BaseAlignPosition<DropBaseHorizontalPosition['direction']>;\n} = {\n    top({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        preferredViewportMetrics,\n        direction,\n        activatorOffset,\n        guardDistance,\n        arrowGuardDistance,\n        occupyAllAvailableViewportHeight,\n    }) {\n        const result = this._baseAlign({\n            activatorMetrics,\n            dropMetrics,\n            viewportMetrics,\n            direction,\n            isNegativeArrowShift: true,\n            activatorOffset,\n            shift: 0,\n            arrowGuardDistance,\n            guardDistance,\n            preferredViewportMetrics,\n        });\n\n        if (occupyAllAvailableViewportHeight) {\n            const metrics = calculateDropHeightAvailableViewport.bottom({\n                preferredViewportMetrics,\n                topPositionForViewport: result.top,\n                topPositionForDrop: result.dropMetrics.top,\n                leftPositionForDrop: result.dropMetrics.left,\n                dropMetrics,\n            });\n\n            return {\n                ...result,\n                top: metrics.topPositionForViewport,\n                bottom: metrics.topPositionForViewport + metrics.height,\n                dropMetrics: {\n                    top: metrics.top,\n                    left: metrics.left,\n                    height: metrics.height,\n                },\n            };\n        }\n\n        return result;\n    },\n    bottom({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        direction,\n        activatorOffset,\n        guardDistance,\n        arrowGuardDistance,\n        occupyAllAvailableViewportHeight,\n        preferredViewportMetrics,\n    }) {\n        const shift = dropMetrics.height - activatorMetrics.height;\n        const result = this._baseAlign({\n            activatorMetrics,\n            dropMetrics,\n            viewportMetrics,\n            direction,\n            activatorOffset,\n            shift: -shift,\n            arrowGuardDistance,\n            guardDistance,\n            preferredViewportMetrics,\n        });\n\n        if (occupyAllAvailableViewportHeight) {\n            const metrics = calculateDropHeightAvailableViewport.top({\n                preferredViewportMetrics,\n                topPositionForViewport: result.top,\n                topPositionForDrop: result.dropMetrics.top,\n                leftPositionForDrop: result.dropMetrics.left,\n                dropMetrics,\n            });\n\n            return {\n                top: metrics.topPositionForViewport,\n                left: result.left,\n                bottom: activatorMetrics.bottom,\n                right: result.right,\n                viewportMetrics,\n                dropMetrics: {\n                    top: metrics.top,\n                    left: metrics.left,\n                    height: metrics.height,\n                },\n            };\n        }\n\n        return result;\n    },\n    center({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        direction,\n        activatorOffset,\n        guardDistance,\n        preferredViewportMetrics,\n    }) {\n        const pointToCenterActivator = getPointToCenterActivator({\n            point: 0,\n            offsetPoint: 0,\n            contentSize: dropMetrics.height,\n            activatorSize: activatorMetrics.height,\n        });\n\n        return this._baseAlign({\n            activatorMetrics,\n            dropMetrics,\n            viewportMetrics,\n            direction,\n            activatorOffset,\n            shift: pointToCenterActivator,\n            guardDistance,\n            preferredViewportMetrics,\n        });\n    },\n    _baseAlign({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        direction,\n        activatorOffset,\n        shift,\n        arrowGuardDistance,\n        isNegativeArrowShift = false,\n        guardDistance,\n    }) {\n        const [leftPositionForDrop, leftPositionForViewport] = getEageCoincidingWithDirection({\n            activatorPosition: activatorMetrics.left,\n            activatorSize: activatorMetrics.width,\n            dropSize: dropMetrics.width,\n            viewportShift: viewportMetrics.pageLeft,\n            isNegativePosition: direction === 'left',\n            activatorOffset: activatorOffset.offsetLeft,\n            guardDistance,\n        });\n\n        const [topPositionForDrop, topPositionForViewport] = getEdgeOppositeDirection({\n            activatorPosition: activatorMetrics.top,\n            viewportShift: viewportMetrics.pageTop,\n            activatorOffset: activatorOffset.offsetTop,\n            isNegativeArrowShift,\n            shift,\n            arrowGuardDistance,\n            activatorSize: activatorMetrics.height,\n        });\n\n        return {\n            top: topPositionForViewport,\n            left: leftPositionForViewport,\n            bottom: topPositionForViewport + dropMetrics.height,\n            right: leftPositionForViewport + dropMetrics.width,\n            dropMetrics: {\n                top: topPositionForDrop,\n                left: leftPositionForDrop,\n                height: 'auto',\n            },\n            viewportMetrics,\n        };\n    },\n};\n\n/**\n * API для расчета метрик дропдауна и viewport | контейнера в котором\n * хотим рисовать дропдаун. Cчитает метрики в случае - когда direction = VerticalPosition.\n * Т.е. дропдаун показываем снизу или сверху активатора.\n * Предоставляем три публичных метода для расположения относительно края активатора:\n * left - выравнивание по левому краю\n * right - выравнивание по правому краю\n * center - выравнивание по центру\n * */\nexport const calculateRectForVerticalPosition: {\n    left: CalculateRect<DropBaseVerticalPosition['direction']>;\n    right: CalculateRect<DropBaseVerticalPosition['direction']>;\n    center: CalculateRect<DropBaseVerticalPosition['direction']>;\n    _baseAlign: BaseAlignPosition<DropBaseVerticalPosition['direction']>;\n} = {\n    left({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        direction,\n        activatorOffset,\n        guardDistance,\n        arrowGuardDistance,\n        occupyAllAvailableViewportHeight,\n        preferredViewportMetrics,\n    }) {\n        return this._baseAlign({\n            activatorMetrics,\n            dropMetrics,\n            viewportMetrics,\n            direction,\n            activatorOffset,\n            shift: 0,\n            isNegativeArrowShift: true,\n            guardDistance,\n            arrowGuardDistance,\n            occupyAllAvailableViewportHeight,\n            preferredViewportMetrics,\n        });\n    },\n    right({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        direction,\n        activatorOffset,\n        guardDistance,\n        arrowGuardDistance,\n        occupyAllAvailableViewportHeight,\n        preferredViewportMetrics,\n    }) {\n        return this._baseAlign({\n            activatorMetrics,\n            dropMetrics,\n            viewportMetrics,\n            direction,\n            activatorOffset,\n            shift: -(dropMetrics.width - activatorMetrics.width),\n            arrowGuardDistance,\n            guardDistance,\n            occupyAllAvailableViewportHeight,\n            preferredViewportMetrics,\n        });\n    },\n    center({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        direction,\n        activatorOffset,\n        guardDistance,\n        occupyAllAvailableViewportHeight,\n        preferredViewportMetrics,\n    }) {\n        const pointToCenterActivator = getPointToCenterActivator({\n            point: 0,\n            offsetPoint: 0,\n            contentSize: dropMetrics.width,\n            activatorSize: activatorMetrics.width,\n        });\n\n        return this._baseAlign({\n            activatorMetrics,\n            dropMetrics,\n            viewportMetrics,\n            direction,\n            activatorOffset,\n            shift: pointToCenterActivator,\n            guardDistance,\n            occupyAllAvailableViewportHeight,\n            preferredViewportMetrics,\n        });\n    },\n    _baseAlign({\n        activatorMetrics,\n        dropMetrics,\n        viewportMetrics,\n        direction,\n        activatorOffset,\n        shift,\n        arrowGuardDistance,\n        isNegativeArrowShift = false,\n        guardDistance,\n        occupyAllAvailableViewportHeight,\n        preferredViewportMetrics,\n    }) {\n        const [topPositionForDrop, topPositionForViewport] = getEageCoincidingWithDirection({\n            activatorPosition: activatorMetrics.top,\n            activatorSize: activatorMetrics.height,\n            dropSize: dropMetrics.height,\n            viewportShift: viewportMetrics.pageTop,\n            isNegativePosition: direction !== 'bottom',\n            activatorOffset: activatorOffset.offsetTop,\n            guardDistance,\n        });\n\n        const [leftPositionForDrop, leftPositionForViewport] = getEdgeOppositeDirection({\n            activatorPosition: activatorMetrics.left,\n            viewportShift: viewportMetrics.pageLeft,\n            activatorOffset: activatorOffset.offsetLeft,\n            shift,\n            isNegativeArrowShift,\n            arrowGuardDistance,\n            activatorSize: activatorMetrics.width,\n        });\n\n        let metrics: CalculateDropHeightAvailableViewportResult = {\n            topPositionForViewport,\n            top: topPositionForDrop,\n            left: leftPositionForDrop,\n            height: 0,\n        };\n\n        if (occupyAllAvailableViewportHeight) {\n            metrics = calculateDropHeightAvailableViewport[direction]({\n                topPositionForViewport,\n                preferredViewportMetrics,\n                topPositionForDrop,\n                dropMetrics,\n                leftPositionForDrop,\n            });\n        }\n\n        return {\n            top: metrics.topPositionForViewport,\n            left: leftPositionForViewport,\n            bottom: metrics.topPositionForViewport + (metrics.height !== 0 ? metrics.height : dropMetrics.height),\n            right: leftPositionForViewport + dropMetrics.width,\n            dropMetrics: {\n                top: metrics.top,\n                left: metrics.left,\n                height: metrics.height !== 0 ? metrics.height : 'auto',\n            },\n            viewportMetrics,\n        };\n    },\n};\n\nexport const calculateRect: CalculateRectType<DropBaseHorizontalPosition> &\n    CalculateRectType<DropBaseVerticalPosition> = {\n    left: calculateRectForHorizontalPosition,\n    right: calculateRectForHorizontalPosition,\n    top: calculateRectForVerticalPosition,\n    bottom: calculateRectForVerticalPosition,\n};\n"],"names":[],"mappings":"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"}

package/scrollManager.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from 'react';
-interface SubscriptionCallback {
-    (target: HTMLElement, deltaX: number, deltaY: number): void;
-}
-export declare const deleteScrollSubscription: (callback: SubscriptionCallback) => void;
-export declare const useScrollSubscription: (activatorRef: RefObject<HTMLElement>, dropRef: RefObject<HTMLElement>, isVisible: boolean) => void;
-export {};

package/scrollManager.js

@@ -1,131 +0,0 @@
-import './index.css';
-import { useRef, useCallback, useEffect } from 'react';
-import { requestAnimation } from '@hh.ru/magritte-common-func-utils';
-
-let isInitialized = false;
-const scrollSubscriptions = [];
-const canceledScrollSubscriptions = new Map();
-const lastScrollPosition = new Map();
-const scrollHandler = (event) => {
-    const target = event.target;
-    if (!target) {
-        return;
-    }
-    const lastPosition = lastScrollPosition.get(target) || null;
-    if (lastPosition === null) {
-        // если мы не знаем предыдущую позицию для данного скроллящегося контейнера, то мы не сможем посчитать дельту
-        // поэтому просто запоминаем текущую позицию и предотвращаем дальнейший обработку события
-        lastScrollPosition.set(target, { x: target.scrollLeft, y: target.scrollTop });
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-    }
-    // обращения к scrollLeft и scrollTop вызывают рефлоу, поэтому кешируем их значения
-    const scrollValues = { scrollLeft: target.scrollLeft, scrollTop: target.scrollTop };
-    const scrollDelta = {
-        x: scrollValues.scrollLeft - lastPosition.x,
-        y: scrollValues.scrollTop - lastPosition.y,
-    };
-    lastScrollPosition.set(target, { x: scrollValues.scrollLeft, y: scrollValues.scrollTop });
-    if (scrollSubscriptions.length === 0) {
-        return;
-    }
-    const canceledSubscriptions = canceledScrollSubscriptions.get(target);
-    const subscriptions = canceledSubscriptions === undefined
-        ? scrollSubscriptions
-        : scrollSubscriptions.filter((subscription) => !canceledSubscriptions.includes(subscription));
-    subscriptions.forEach((subscription) => subscription(target, scrollDelta.x, scrollDelta.y));
-};
-const initialize = () => {
-    if (isInitialized) {
-        return;
-    }
-    isInitialized = true;
-    document.addEventListener('scroll', scrollHandler, { capture: true, passive: false });
-};
-const suspendSubscription = (callback) => {
-    const index = scrollSubscriptions.indexOf(callback);
-    if (index !== -1) {
-        scrollSubscriptions.splice(index, 1);
-    }
-};
-const reviveSubscription = (callback) => {
-    initialize();
-    scrollSubscriptions.push(callback);
-};
-const deleteScrollSubscription = (callback) => {
-    const index = scrollSubscriptions.indexOf(callback);
-    if (index !== -1) {
-        scrollSubscriptions.splice(index, 1);
-    }
-    for (const [key, callbacks] of canceledScrollSubscriptions.entries()) {
-        const index = callbacks.indexOf(callback);
-        if (index !== -1) {
-            canceledScrollSubscriptions.set(key, callbacks.splice(index, 1));
-        }
-    }
-};
-const unsubscribeFromTarget = (target, callback) => {
-    if (!canceledScrollSubscriptions.has(target)) {
-        canceledScrollSubscriptions.set(target, []);
-    }
-    canceledScrollSubscriptions.get(target)?.push(callback);
-};
-const updateDropTranslation = requestAnimation((_, params) => {
-    const { dropRef, deltaX, deltaY, currentTranslationRef } = params;
-    if (!dropRef.current) {
-        return;
-    }
-    currentTranslationRef.current.x -= deltaX;
-    currentTranslationRef.current.y -= deltaY;
-    dropRef.current.style.transform = `translate3d(${currentTranslationRef.current.x}px, ${currentTranslationRef.current.y}px, 0)`;
-});
-const useScrollSubscription = (activatorRef, dropRef, isVisible) => {
-    /**
-     * список id скроллящихся элементов для которых была выполнена проверка
-     * влияет ли их скролл на взаимное положение активатора и дропа
-     */
-    const processedScrollContainers = useRef(new Set());
-    /**
-     * текущее значение трансформации дропа
-     * при каждом ререндере сбрасывается, т.к. дроп при каждом ререндере пересчитывает свою позицию
-     */
-    const currentTranslationRef = useRef({ x: 0, y: 0 });
-    currentTranslationRef.current = { x: 0, y: 0 };
-    /**
-     * ссылка на последнее значение расстояния между активатором и дропом,
-     * используется для определения изменения взаимного положения активатора и дропа
-     */
-    const visibleRef = useRef(isVisible);
-    visibleRef.current = isVisible;
-    const scrollCallback = useCallback((target, deltaX, deltaY) => {
-        if (!visibleRef.current || !dropRef.current || !activatorRef.current) {
-            return;
-        }
-        // Если это первый скролл данного контейнера, то проверяем содержит ли он активатор и дроп
-        // Если он содержит только что-то одно, значит его скролл будет влиять на взаимное расположение дропа
-        // и активатора, в этом случае помечяем его как обработанный и меняем позицию дропа при его скролле.
-        // Если же он не влияет на взаимное расположение дропа и активатора, то отписываемся от дальнейших
-        // оповещений о его скролле.
-        if (!processedScrollContainers.current.has(target)) {
-            const targetContainsActivator = target.contains(activatorRef.current);
-            const targetContainsDrop = target.contains(dropRef.current);
-            if (targetContainsActivator === targetContainsDrop) {
-                unsubscribeFromTarget(target, scrollCallback);
-                return;
-            }
-            processedScrollContainers.current.add(target);
-        }
-        updateDropTranslation({ deltaX, deltaY, dropRef, currentTranslationRef });
-    }, [activatorRef, dropRef]);
-    useEffect(() => {
-        // eslint-disable-next-line no-unused-expressions
-        isVisible ? reviveSubscription(scrollCallback) : suspendSubscription(scrollCallback);
-    }, [isVisible, scrollCallback]);
-    useEffect(() => {
-        return () => deleteScrollSubscription(scrollCallback);
-    }, [scrollCallback]);
-};
-
-export { deleteScrollSubscription, useScrollSubscription };
-//# sourceMappingURL=scrollManager.js.map

package/scrollManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollManager.js","sources":["../src/scrollManager.ts"],"sourcesContent":["import { MutableRefObject, RefObject, useCallback, useEffect, useRef } from 'react';\n\nimport { requestAnimation } from '@hh.ru/magritte-common-func-utils';\n\nlet isInitialized = false;\n\ninterface SubscriptionCallback {\n    (target: HTMLElement, deltaX: number, deltaY: number): void;\n}\n\nconst scrollSubscriptions: Array<SubscriptionCallback> = [];\nconst canceledScrollSubscriptions: Map<HTMLElement, Array<SubscriptionCallback>> = new Map();\nconst lastScrollPosition: Map<HTMLElement, { x: number; y: number }> = new Map();\n\nconst scrollHandler = (event: Event) => {\n    const target = event.target as HTMLElement;\n    if (!target) {\n        return;\n    }\n\n    const lastPosition = lastScrollPosition.get(target) || null;\n    if (lastPosition === null) {\n        // если мы не знаем предыдущую позицию для данного скроллящегося контейнера, то мы не сможем посчитать дельту\n        // поэтому просто запоминаем текущую позицию и предотвращаем дальнейший обработку события\n        lastScrollPosition.set(target, { x: target.scrollLeft, y: target.scrollTop });\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n    }\n\n    // обращения к scrollLeft и scrollTop вызывают рефлоу, поэтому кешируем их значения\n    const scrollValues = { scrollLeft: target.scrollLeft, scrollTop: target.scrollTop };\n    const scrollDelta = {\n        x: scrollValues.scrollLeft - lastPosition.x,\n        y: scrollValues.scrollTop - lastPosition.y,\n    };\n\n    lastScrollPosition.set(target, { x: scrollValues.scrollLeft, y: scrollValues.scrollTop });\n\n    if (scrollSubscriptions.length === 0) {\n        return;\n    }\n    const canceledSubscriptions = canceledScrollSubscriptions.get(target);\n\n    const subscriptions =\n        canceledSubscriptions === undefined\n            ? scrollSubscriptions\n            : scrollSubscriptions.filter((subscription) => !canceledSubscriptions.includes(subscription));\n\n    subscriptions.forEach((subscription) => subscription(target, scrollDelta.x, scrollDelta.y));\n};\n\nconst initialize = () => {\n    if (isInitialized) {\n        return;\n    }\n\n    isInitialized = true;\n    document.addEventListener('scroll', scrollHandler, { capture: true, passive: false });\n};\n\nconst suspendSubscription = (callback: SubscriptionCallback): void => {\n    const index = scrollSubscriptions.indexOf(callback);\n    if (index !== -1) {\n        scrollSubscriptions.splice(index, 1);\n    }\n};\n\nconst reviveSubscription = (callback: SubscriptionCallback): void => {\n    initialize();\n    scrollSubscriptions.push(callback);\n};\n\nexport const deleteScrollSubscription = (callback: SubscriptionCallback): void => {\n    const index = scrollSubscriptions.indexOf(callback);\n    if (index !== -1) {\n        scrollSubscriptions.splice(index, 1);\n    }\n    for (const [key, callbacks] of canceledScrollSubscriptions.entries()) {\n        const index = callbacks.indexOf(callback);\n        if (index !== -1) {\n            canceledScrollSubscriptions.set(key, callbacks.splice(index, 1));\n        }\n    }\n};\n\nconst unsubscribeFromTarget = (target: HTMLElement, callback: SubscriptionCallback): void => {\n    if (!canceledScrollSubscriptions.has(target)) {\n        canceledScrollSubscriptions.set(target, []);\n    }\n    canceledScrollSubscriptions.get(target)?.push(callback);\n};\n\nconst updateDropTranslation = requestAnimation(\n    (\n        _,\n        params: {\n            dropRef: RefObject<HTMLElement>;\n            deltaX: number;\n            deltaY: number;\n            currentTranslationRef: MutableRefObject<{ x: number; y: number }>;\n        }\n    ) => {\n        const { dropRef, deltaX, deltaY, currentTranslationRef } = params;\n        if (!dropRef.current) {\n            return;\n        }\n        currentTranslationRef.current.x -= deltaX;\n        currentTranslationRef.current.y -= deltaY;\n        dropRef.current.style.transform = `translate3d(${currentTranslationRef.current.x}px, ${currentTranslationRef.current.y}px, 0)`;\n    }\n);\n\nexport const useScrollSubscription = (\n    activatorRef: RefObject<HTMLElement>,\n    dropRef: RefObject<HTMLElement>,\n    isVisible: boolean\n): void => {\n    /**\n     * список id скроллящихся элементов для которых была выполнена проверка\n     * влияет ли их скролл на взаимное положение активатора и дропа\n     */\n    const processedScrollContainers = useRef<Set<HTMLElement>>(new Set());\n    /**\n     * текущее значение трансформации дропа\n     * при каждом ререндере сбрасывается, т.к. дроп при каждом ререндере пересчитывает свою позицию\n     */\n    const currentTranslationRef = useRef({ x: 0, y: 0 });\n    currentTranslationRef.current = { x: 0, y: 0 };\n    /**\n     * ссылка на последнее значение расстояния между активатором и дропом,\n     * используется для определения изменения взаимного положения активатора и дропа\n     */\n    const visibleRef = useRef(isVisible);\n    visibleRef.current = isVisible;\n\n    const scrollCallback = useCallback(\n        (target: HTMLElement, deltaX: number, deltaY: number) => {\n            if (!visibleRef.current || !dropRef.current || !activatorRef.current) {\n                return;\n            }\n\n            // Если это первый скролл данного контейнера, то проверяем содержит ли он активатор и дроп\n            // Если он содержит только что-то одно, значит его скролл будет влиять на взаимное расположение дропа\n            // и активатора, в этом случае помечяем его как обработанный и меняем позицию дропа при его скролле.\n            // Если же он не влияет на взаимное расположение дропа и активатора, то отписываемся от дальнейших\n            // оповещений о его скролле.\n            if (!processedScrollContainers.current.has(target)) {\n                const targetContainsActivator = target.contains(activatorRef.current);\n                const targetContainsDrop = target.contains(dropRef.current);\n\n                if (targetContainsActivator === targetContainsDrop) {\n                    unsubscribeFromTarget(target, scrollCallback);\n                    return;\n                }\n                processedScrollContainers.current.add(target);\n            }\n\n            updateDropTranslation({ deltaX, deltaY, dropRef, currentTranslationRef });\n        },\n        [activatorRef, dropRef]\n    );\n\n    useEffect(() => {\n        // eslint-disable-next-line no-unused-expressions\n        isVisible ? reviveSubscription(scrollCallback) : suspendSubscription(scrollCallback);\n    }, [isVisible, scrollCallback]);\n\n    useEffect(() => {\n        return () => deleteScrollSubscription(scrollCallback);\n    }, [scrollCallback]);\n};\n"],"names":[],"mappings":"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"}

package/useRenderParams.d.ts

@@ -1,53 +0,0 @@
-import { RefObject } from 'react';
-import type { ActivatorOffset, DropBaseProps, DropMetrics, CustomVisualViewport, ArrowGuardDistance, DOMRectLike, DropBaseHorizontalPosition, DropBaseVerticalPosition, DropBaseHorizontalPositionWithoutCenter, DropBaseVerticalPositionWithoutCenter, Metrics } from '@hh.ru/magritte-internal-drop-base/types';
-export declare const allowedAlignmentForVerticalDirection: readonly ["left", "right", "center"];
-export declare const allowedAlignmentForHorizontalDirection: readonly ["top", "bottom", "center"];
-export declare const allowedAlignmentForVerticalDirectionWithoutCenter: readonly ["left", "right"];
-export declare const allowedAlignmentForHorizontalDirectionWithoutCenter: readonly ["top", "bottom"];
-export declare const verticalDirections: readonly ["top", "bottom"];
-export declare const horizontalDirections: readonly ["left", "right"];
-export declare const START_OFFSET = -10000;
-export declare const INITIAL_HEIGHT_VALUE = "force-initial-height";
-interface FindDynamicPositionHor {
-    directions: typeof horizontalDirections;
-    alignments: typeof allowedAlignmentForHorizontalDirection | typeof allowedAlignmentForHorizontalDirectionWithoutCenter;
-}
-interface FindDynamicPositionVert {
-    directions: typeof verticalDirections;
-    alignments: typeof allowedAlignmentForVerticalDirection | typeof allowedAlignmentForVerticalDirectionWithoutCenter;
-}
-interface FindDynamicPositionElementMetrics {
-    activatorMetrics: DOMRect;
-    dropMetrics: DOMRectLike;
-    viewportMetrics: CustomVisualViewport;
-    activatorOffset: ActivatorOffset;
-    forceFitIntoViewport?: boolean;
-    guardDistance: number;
-    arrowGuardDistance?: ArrowGuardDistance;
-    occupyAllAvailableViewportHeight: boolean;
-}
-type ResultPosition = {
-    viewportMetrics: CustomVisualViewport;
-    hasScroll?: boolean;
-    dropMetricsRelativeToViewport: {
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    };
-    dropMetrics: DropMetrics;
-} & (DropBaseHorizontalPosition | DropBaseVerticalPosition | DropBaseHorizontalPositionWithoutCenter | DropBaseVerticalPositionWithoutCenter);
-type GetDropMetricsByPositionAndAlignment<T extends DropBaseHorizontalPosition | DropBaseVerticalPosition | DropBaseHorizontalPositionWithoutCenter | DropBaseVerticalPositionWithoutCenter> = FindDynamicPositionElementMetrics & Pick<DropBaseProps<T>, 'direction' | 'alignment'>;
-export declare const getDropMetricsByPositionAndAlignment: <T extends DropBaseHorizontalPosition | DropBaseVerticalPosition | DropBaseVerticalPositionWithoutCenter | DropBaseHorizontalPositionWithoutCenter>({ activatorMetrics, dropMetrics, viewportMetrics, direction, alignment, arrowGuardDistance, activatorOffset, forceFitIntoViewport, guardDistance, occupyAllAvailableViewportHeight, }: GetDropMetricsByPositionAndAlignment<T>) => ResultPosition | null;
-export declare function findDynamicPosition<T extends FindDynamicPositionHor | FindDynamicPositionVert>({ activatorMetrics, arrowGuardDistance, dropMetrics, viewportMetrics, activatorOffset, guardDistance, occupyAllAvailableViewportHeight, }: FindDynamicPositionElementMetrics, { directions, alignments }: T): ResultPosition | null;
-export type RenderParamsProps<T extends DropBaseHorizontalPosition | DropBaseVerticalPosition | DropBaseHorizontalPositionWithoutCenter | DropBaseVerticalPositionWithoutCenter> = Omit<DropBaseProps<T>, 'children' | 'animationClassNames' | 'animationTimeout' | 'guardDistance' | 'role'> & {
-    dropElementRef: RefObject<HTMLElement>;
-    dropScrollableContainerRef: RefObject<HTMLElement>;
-    guardDistance: number;
-    widthEqualToActivator?: boolean;
-};
-export declare const useRenderParams: <T extends DropBaseHorizontalPosition | DropBaseVerticalPosition | DropBaseVerticalPositionWithoutCenter | DropBaseHorizontalPositionWithoutCenter>({ direction, alignment, activatorRef, dropElementRef, host, arrowGuardDistance, preferredViewport, visible, guardDistance, occupyAllAvailableViewportHeight, dropScrollableContainerRef, forcePosition, widthEqualToActivator, }: RenderParamsProps<T>) => {
-    metrics: Metrics;
-    position: DropBaseHorizontalPosition | DropBaseVerticalPosition | DropBaseHorizontalPositionWithoutCenter | DropBaseVerticalPositionWithoutCenter;
-};
-export {};