@sberbusiness/triplex-next 1.40.0 → 1.41.0

package/components/Tooltip/components/desktop/TooltipDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipDesktop.js","sources":["../../../../../src/components/Tooltip/components/desktop/TooltipDesktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { TooltipDesktopBase } from \"@sberbusiness/triplex-next/components/Tooltip/components/desktop/components/TooltipDesktopBase\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { ITooltipDesktopProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Десктоп версия компонента Tooltip. */\nexport class TooltipDesktop extends React.Component<ITooltipDesktopProps> {\n    public static displayName = \"TooltipDesktop\";\n    public static contextType = TooltipContext;\n\n    declare context: React.ContextType<typeof TooltipContext>;\n\n    private tooltip: Element | null = null;\n    private timeout?: number;\n\n    public render(): JSX.Element {\n        const { children, toggleType, ...rest } = this.props;\n\n        return <TooltipDesktopBase {...rest} setTooltipRef={this.setTooltipRef} />;\n    }\n\n    public componentDidMount(): void {\n        const { toggleType, targetRef } = this.props;\n\n        // Если Tooltip открывается по клику, то должен уметь закрываться по клику вне и по Esc.\n        if (this.props.isOpen) {\n            document.addEventListener(\"click\", this.closeIfOuterAction);\n            document.addEventListener(\"keydown\", this.closeIfEscapeKey);\n        }\n\n        if (targetRef.current && toggleType === \"hover\") {\n            this.addHoverListeners(targetRef.current);\n        }\n    }\n\n    public componentDidUpdate(prevProps: Readonly<ITooltipDesktopProps>): void {\n        const { targetRef } = this.props;\n        const isOpen = !prevProps.isOpen && this.props.isOpen;\n        const isClosed = prevProps.isOpen && !this.props.isOpen;\n\n        // Tooltip открылся.\n        if (isOpen) {\n            document.addEventListener(\"mousedown\", this.closeIfOuterAction);\n            document.addEventListener(\"keydown\", this.closeIfEscapeKey);\n        }\n\n        // Tooltip закрылся.\n        if (isClosed) {\n            document.removeEventListener(\"mousedown\", this.closeIfOuterAction);\n            document.removeEventListener(\"keydown\", this.closeIfEscapeKey);\n\n            if (this.props.toggleType === \"hover\") {\n                this.removeHoverListeners(this.tooltip!);\n            }\n        }\n\n        if (targetRef.current && prevProps.toggleType != this.props.toggleType) {\n            if (this.props.toggleType === \"hover\") {\n                this.addHoverListeners(targetRef.current);\n            } else if (prevProps.toggleType === \"hover\") {\n                this.removeHoverListeners(targetRef.current);\n            }\n        }\n    }\n\n    public componentWillUnmount(): void {\n        const { toggleType, targetRef } = this.props;\n\n        document.removeEventListener(\"mousedown\", this.closeIfOuterAction);\n        document.removeEventListener(\"keydown\", this.closeIfEscapeKey);\n\n        if (targetRef.current && toggleType === \"hover\") {\n            this.removeHoverListeners(targetRef.current);\n        }\n\n        clearTimeout(this.timeout);\n    }\n\n    private setTooltipRef = (node: HTMLDivElement | null) => {\n        const { toggleType } = this.props;\n\n        if (node && toggleType === \"hover\") {\n            this.addHoverListeners(node);\n        }\n\n        this.tooltip = node;\n    };\n\n    // Закрываем Tooltip при клике за его пределами.\n    private closeIfOuterAction = (event: Event) => {\n        const { targetRef } = this.props;\n        const { setTooltipOpen } = this.context;\n\n        if (targetRef.current && this.tooltip) {\n            const outOfTarget = !targetRef.current.contains(event.target as Node);\n            const outOfTooltip = !this.tooltip.contains(event.target as Node);\n\n            if (outOfTarget && outOfTooltip) {\n                setTooltipOpen(false);\n            }\n        }\n    };\n\n    // Закрываем Tooltip по нажатию Esc\n    private closeIfEscapeKey = (event: KeyboardEvent) => {\n        const key = event.code || event.keyCode;\n\n        if (isKey(key, \"ESCAPE\")) {\n            this.context.setTooltipOpen(false);\n        }\n    };\n\n    private addHoverListeners = (element: Element) => {\n        element.addEventListener(\"mouseenter\", this.handleMouseEnter);\n        element.addEventListener(\"mouseleave\", this.handleMouseLeave);\n    };\n\n    private removeHoverListeners = (element: Element) => {\n        element.removeEventListener(\"mouseenter\", this.handleMouseEnter);\n        element.removeEventListener(\"mouseleave\", this.handleMouseLeave);\n    };\n\n    private handleMouseEnter = () => {\n        const { tooltipOpen, targetHoveredRef, setTooltipOpen } = this.context;\n\n        if (!tooltipOpen) {\n            setTooltipOpen(true);\n            targetHoveredRef.current = true;\n        }\n        clearTimeout(this.timeout);\n    };\n\n    private handleMouseLeave = () => {\n        const { setTooltipOpen } = this.context;\n\n        this.timeout = window.setTimeout(() => {\n            setTooltipOpen(false);\n        }, 500);\n    };\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TooltipDesktop.js","sources":["../../../../../src/components/Tooltip/components/desktop/TooltipDesktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { TooltipDesktopBase } from \"@sberbusiness/triplex-next/components/Tooltip/components/desktop/components/TooltipDesktopBase\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { ITooltipDesktopProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Задержка закрытия подсказки после ухода курсора, мс. */\nconst HOVER_CLOSE_DELAY_MS = 500;\n\n/**\n * Десктоп версия компонента Tooltip.\n * Отвечает за подписки на события документа и целевого элемента: закрытие по клику вне,\n * по Escape и открытие/закрытие по наведению.\n */\nexport class TooltipDesktop extends React.Component<ITooltipDesktopProps> {\n    public static displayName = \"TooltipDesktop\";\n    public static contextType = TooltipContext;\n\n    declare context: React.ContextType<typeof TooltipContext>;\n\n    private tooltip: Element | null = null;\n    private timeout?: number;\n\n    public render(): JSX.Element {\n        // children и toggleType не должны попадать в DOM — исключаются из rest.\n        const { children, toggleType, ...rest } = this.props;\n\n        return <TooltipDesktopBase {...rest} setTooltipRef={this.setTooltipRef} />;\n    }\n\n    public componentDidMount(): void {\n        const { toggleType, targetRef, isOpen } = this.props;\n\n        // Если Tooltip открывается по клику, то должен уметь закрываться по клику вне и по Esc.\n        if (isOpen) {\n            document.addEventListener(\"mousedown\", this.closeIfOuterAction);\n            document.addEventListener(\"keydown\", this.closeIfEscapeKey);\n        }\n\n        if (targetRef.current && toggleType === \"hover\") {\n            this.addHoverListeners(targetRef.current);\n        }\n    }\n\n    public componentDidUpdate(prevProps: Readonly<ITooltipDesktopProps>): void {\n        const { targetRef } = this.props;\n        const isOpen = !prevProps.isOpen && this.props.isOpen;\n        const isClosed = prevProps.isOpen && !this.props.isOpen;\n\n        // Tooltip открылся.\n        if (isOpen) {\n            document.addEventListener(\"mousedown\", this.closeIfOuterAction);\n            document.addEventListener(\"keydown\", this.closeIfEscapeKey);\n        }\n\n        // Tooltip закрылся.\n        if (isClosed) {\n            document.removeEventListener(\"mousedown\", this.closeIfOuterAction);\n            document.removeEventListener(\"keydown\", this.closeIfEscapeKey);\n\n            if (this.props.toggleType === \"hover\" && this.tooltip) {\n                this.removeHoverListeners(this.tooltip);\n            }\n        }\n\n        // Смена toggleType на лету: обработчики нужно синхронизировать и на целевом элементе,\n        // и на самой подсказке — на неё их вешает setTooltipRef, который повторно не вызывается.\n        if (prevProps.toggleType !== this.props.toggleType) {\n            const elements = [targetRef.current, this.tooltip];\n\n            if (this.props.toggleType === \"hover\") {\n                elements.forEach((element) => element && this.addHoverListeners(element));\n            } else if (prevProps.toggleType === \"hover\") {\n                elements.forEach((element) => element && this.removeHoverListeners(element));\n            }\n        }\n    }\n\n    public componentWillUnmount(): void {\n        const { toggleType, targetRef } = this.props;\n\n        document.removeEventListener(\"mousedown\", this.closeIfOuterAction);\n        document.removeEventListener(\"keydown\", this.closeIfEscapeKey);\n\n        if (toggleType === \"hover\") {\n            if (targetRef.current) {\n                this.removeHoverListeners(targetRef.current);\n            }\n\n            // На саму подсказку обработчики вешает setTooltipRef — снимаем их симметрично,\n            // иначе при размонтировании открытой подсказки они остаются на ноде.\n            if (this.tooltip) {\n                this.removeHoverListeners(this.tooltip);\n            }\n        }\n\n        clearTimeout(this.timeout);\n    }\n\n    /** Сохранение ноды подсказки и подписка её на события наведения. */\n    private setTooltipRef = (node: HTMLDivElement | null) => {\n        const { toggleType } = this.props;\n\n        if (node && toggleType === \"hover\") {\n            this.addHoverListeners(node);\n        }\n\n        this.tooltip = node;\n    };\n\n    /** Закрытие подсказки при действии мышью за её пределами. */\n    private closeIfOuterAction = (event: Event) => {\n        const { targetRef } = this.props;\n        const { setTooltipOpen } = this.context;\n\n        if (targetRef.current && this.tooltip) {\n            const outOfTarget = !targetRef.current.contains(event.target as Node);\n            const outOfTooltip = !this.tooltip.contains(event.target as Node);\n\n            if (outOfTarget && outOfTooltip) {\n                setTooltipOpen(false);\n            }\n        }\n    };\n\n    /** Закрытие подсказки по нажатию Escape. */\n    private closeIfEscapeKey = (event: KeyboardEvent) => {\n        const key = event.code || event.keyCode;\n\n        if (isKey(key, \"ESCAPE\")) {\n            this.context.setTooltipOpen(false);\n        }\n    };\n\n    /** Подписка элемента на события наведения. */\n    private addHoverListeners = (element: Element) => {\n        element.addEventListener(\"mouseenter\", this.handleMouseEnter);\n        element.addEventListener(\"mouseleave\", this.handleMouseLeave);\n    };\n\n    /** Отписка элемента от событий наведения. */\n    private removeHoverListeners = (element: Element) => {\n        element.removeEventListener(\"mouseenter\", this.handleMouseEnter);\n        element.removeEventListener(\"mouseleave\", this.handleMouseLeave);\n    };\n\n    /** Обработчик наведения курсора на целевой элемент или на саму подсказку. */\n    private handleMouseEnter = () => {\n        const { tooltipOpen, targetHoveredRef, setTooltipOpen } = this.context;\n\n        if (!tooltipOpen) {\n            setTooltipOpen(true);\n            targetHoveredRef.current = true;\n        }\n        clearTimeout(this.timeout);\n    };\n\n    /** Обработчик ухода курсора: подсказка закрывается с задержкой, чтобы курсор успел дойти до неё. */\n    private handleMouseLeave = () => {\n        const { setTooltipOpen } = this.context;\n\n        this.timeout = window.setTimeout(() => {\n            setTooltipOpen(false);\n        }, HOVER_CLOSE_DELAY_MS);\n    };\n}\n"],"names":["React"],"mappings":"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"}

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -6,17 +6,17 @@ import React__default from "react";
 import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-CtuAQuEN.js";
 import { TooltipContext } from "../../../TootlipContext.js";
 import { Portal } from "../../../../Portal/Portal.js";
-import { ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipFlowTypes, ETooltipSizeParameter, ETooltipTypeName, ETooltipEndCoordinates, ETooltipStartCoordinates, ETooltipAxesType, ETooltipSize } from "../../../enums.js";
+import { ETooltipFlowTypes, ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipSizeParameter, ETooltipTypeName, ETooltipEndCoordinates, ETooltipStartCoordinates, ETooltipAxesType, ETooltipSize } from "../../../enums.js";
 import { TooltipDesktopTip } from "./TooltipDesktopTip.js";
 import { pickZone, axes, calcRelPos, centerOfBoundsFromBounds, calcBounds, equalCoords } from "../../../utils/Positioning.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DBiY8cJJ.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-V0gGAoBE.js";
 const flowToTipTranslations = {
-  column: "translateX",
-  row: "translateY"
+  [ETooltipFlowTypes.COLUMN]: "translateX",
+  [ETooltipFlowTypes.ROW]: "translateY"
 };
 const flowToTooltipTranslations = {
-  column: "translateY",
-  row: "translateX"
+  [ETooltipFlowTypes.COLUMN]: "translateY",
+  [ETooltipFlowTypes.ROW]: "translateX"
 };
 const DIRECTIONS = {
   [ETooltipPreferPlace.ABOVE]: ETooltipDirection.DOWN,
@@ -79,18 +79,18 @@ class TooltipDesktopBase extends React__default.Component {
       // нужно рендерить тултип или нет, признак анимационно зависимого рендериннга открыт/закрыт ли tooltip
       standing: ETooltipPreferPlace.ABOVE
     });
-    // Открыть поповер
+    /** Открыть подсказку. */
     __publicField(this, "prepareOpen", () => {
       if (this.state.exiting) {
         this.animateExitStop();
       }
       this.setState({ isOpen: true, needRenderTooltip: true });
     });
-    // Закрыть поповер
+    /** Закрыть подсказку. */
     __publicField(this, "close", () => {
       this.setState({ isOpen: false });
     });
-    // Метод начала отслеживания поповера и анимация его появления
+    /** Начало отслеживания подсказки и анимация её появления. */
     __publicField(this, "enter", () => {
       this.trackTooltip();
       this.animateEnter();
@@ -98,11 +98,12 @@ class TooltipDesktopBase extends React__default.Component {
         this.props.onShow(this.tooltipNode);
       }
     });
-    // Метод окончания отслеживания поповера и анимация его исчезновения
+    /** Окончание отслеживания подсказки и анимация её исчезновения. */
     __publicField(this, "exit", () => {
       this.animateExit();
       this.untrackTooltip();
     });
+    /** Сохранение ноды подсказки и ссылок на её тело и стрелочку. */
     __publicField(this, "setTooltipNode", (node) => {
       const { setTooltipRef } = this.props;
       if (node) {
@@ -112,7 +113,7 @@ class TooltipDesktopBase extends React__default.Component {
       this.tooltipNode = node;
       setTooltipRef == null ? void 0 : setTooltipRef(this.tooltipNode);
     });
-    // Рендер поповера
+    /** Расчёт и применение положения подсказки и её стрелочки. */
     __publicField(this, "resolveTooltipLayout", () => {
       if (!this.tooltipNode) {
         return;
@@ -140,7 +141,7 @@ class TooltipDesktopBase extends React__default.Component {
       pos[axis.main.start] += OFFSET * zone.order;
       let dockingEdgeBufferLength = 0;
       if (this.bodyEl) {
-        dockingEdgeBufferLength = Math.round(+getComputedStyle(this.bodyEl).borderRadius.slice(0, -2)) || 0;
+        dockingEdgeBufferLength = Math.round(parseFloat(getComputedStyle(this.bodyEl).borderRadius)) || 0;
       }
       const frameBuffer = TIP_HEIGHT + OFFSET;
       const hangingBufferLength = dockingEdgeBufferLength * 2 + TIP_HEIGHT * 2 + frameBuffer;
@@ -186,7 +187,7 @@ class TooltipDesktopBase extends React__default.Component {
         this.tipEl.style.borderWidth = `${TIP_HEIGHT}px`;
       }
     });
-    // Метод проверки изменения границ обернутого элемента.
+    /** Проверка изменения границ целевого элемента. Возвращает true, если границы изменились. */
     __publicField(this, "setAndCheckResizeTargetBounds", () => {
       const { targetRef } = this.props;
       if (!targetRef.current) {
@@ -199,20 +200,20 @@ class TooltipDesktopBase extends React__default.Component {
       this.targetBounds = newTargetBounds;
       return true;
     });
-    // Метод проверки необходимости перерисовки лейаута
+    /** Перерасчёт положения, если границы целевого элемента изменились. */
     __publicField(this, "checkTargetReposition", () => {
       if (this.setAndCheckResizeTargetBounds()) {
         this.resolveTooltipLayout();
       }
     });
-    // Метод измерения размеров тела тултипа (без стрелочки)
+    /** Измерение размеров тела подсказки (без стрелочки). */
     __publicField(this, "setTooltipBodySize", () => {
       if (!this.bodyEl) {
         return;
       }
       this.tooltipBodySize = { w: this.bodyEl.offsetWidth, h: this.bodyEl.offsetHeight };
     });
-    // Очистка таймеров анимации исчезновения
+    /** Очистка таймеров анимации исчезновения. */
     __publicField(this, "animateExitStop", () => {
       if (this.exitingAnimationTimer1) {
         window.clearTimeout(this.exitingAnimationTimer1);
@@ -222,7 +223,7 @@ class TooltipDesktopBase extends React__default.Component {
       }
       this.setState({ exiting: false });
     });
-    // Анимация исчезновения
+    /** Анимация исчезновения. */
     __publicField(this, "animateExit", () => {
       this.setState({ exiting: true });
       this.exitingAnimationTimer2 = window.setTimeout(() => {
@@ -238,7 +239,7 @@ class TooltipDesktopBase extends React__default.Component {
         this.setState({ exiting: false, needRenderTooltip: false });
       }, ENTER_EXIT_TRANSITION_DURATION_MS);
     });
-    // Анимация появления
+    /** Анимация появления. */
     __publicField(this, "animateEnter", () => {
       if (!this.tooltipNode) {
         return;
@@ -255,7 +256,7 @@ class TooltipDesktopBase extends React__default.Component {
       this.tooltipNode.style.opacity = "1";
       this.tooltipNode.style.transform = "translateY(0)";
     });
-    //  Отслеживание поповера
+    /** Начало отслеживания положения подсказки: опрос границ, подписка на scroll и resize. */
     __publicField(this, "trackTooltip", () => {
       if (!this.tooltipNode) {
         return;
@@ -269,7 +270,7 @@ class TooltipDesktopBase extends React__default.Component {
       this.setAndCheckResizeTargetBounds();
       this.resolveTooltipLayout();
     });
-    // Отписка от отслеживания поповера
+    /** Отписка от отслеживания положения подсказки. */
     __publicField(this, "untrackTooltip", () => {
       if (!this.tooltipNode) {
         return;
@@ -281,17 +282,17 @@ class TooltipDesktopBase extends React__default.Component {
       window.removeEventListener("resize", this.onWindowResize);
       this.hasTracked = false;
     });
-    // Перерисовка при скролле "рамки"
+    /** Перерасчёт положения при скролле окна. */
     __publicField(this, "onWindowScroll", () => {
       this.setAndCheckResizeTargetBounds();
       this.resolveTooltipLayout();
     });
-    // Перерисовка при изменении размеров "рамки"
+    /** Перерасчёт положения при изменении размеров окна. */
     __publicField(this, "onWindowResize", () => {
       this.windowBounds = calcBounds(window);
       this.resolveTooltipLayout();
     });
-    // Отрисовка самого Tooltip
+    /** Разметка подсказки: тело, ссылка, кнопка закрытия и стрелочка. */
     __publicField(this, "tooltipRender", () => {
       const {
         className,
@@ -372,7 +373,7 @@ class TooltipDesktopBase extends React__default.Component {
     }
   }
 }
-__publicField(TooltipDesktopBase, "displayName", "TooltipBase");
+__publicField(TooltipDesktopBase, "displayName", "TooltipDesktopBase");
 __publicField(TooltipDesktopBase, "contextType", TooltipContext);
 export {
   TooltipDesktopBase

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipDesktopBase.js","sources":["../../../../../../src/components/Tooltip/components/desktop/components/TooltipDesktopBase.tsx"],"sourcesContent":["import React from \"react\";\nimport isEqual from \"lodash-es/isEqual\";\nimport clsx from \"clsx\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport {\n    ETooltipAlign,\n    ETooltipAxesType,\n    ETooltipDirection,\n    ETooltipEndCoordinates,\n    ETooltipFlowTypes,\n    ETooltipPreferPlace,\n    ETooltipSize,\n    ETooltipSizeParameter,\n    ETooltipStartCoordinates,\n    ETooltipTypeName,\n} from \"@sberbusiness/triplex-next/components/Tooltip/enums\";\nimport { TooltipDesktopTip } from \"@sberbusiness/triplex-next/components/Tooltip/components/desktop/components/TooltipDesktopTip\";\nimport {\n    ITooltipBounds,\n    ITooltipDesktopProps,\n    ITooltipDomainSize,\n    ITooltipSize,\n} from \"@sberbusiness/triplex-next/components/Tooltip/types\";\nimport {\n    axes,\n    calcBounds,\n    calcRelPos,\n    centerOfBoundsFromBounds,\n    equalCoords,\n    pickZone,\n} from \"@sberbusiness/triplex-next/components/Tooltip/utils/Positioning\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipDesktop.module.less\";\n\n// Маппер flow в translate для Tip (стрелочка)\nconst flowToTipTranslations: { [key: string]: string } = {\n    column: \"translateX\",\n    row: \"translateY\",\n};\n\n// Маппер flow в translate для самого Tooltip\nconst flowToTooltipTranslations: { [key: string]: string } = {\n    column: \"translateY\",\n    row: \"translateX\",\n};\n\n// Маппер EPreferPlace в EDirection для Tip (стрелочка)\nconst DIRECTIONS = {\n    [ETooltipPreferPlace.ABOVE]: ETooltipDirection.DOWN,\n    [ETooltipPreferPlace.BELOW]: ETooltipDirection.UP,\n    [ETooltipPreferPlace.LEFT]: ETooltipDirection.RIGHT,\n    [ETooltipPreferPlace.RIGHT]: ETooltipDirection.LEFT,\n};\n\n// Интервал опроса в ms необходимости обновления layout\nconst REFRESH_INTERVAL_MS = 200;\n// Время анимаций появления и исчезновения Tooltip'а\nconst ENTER_EXIT_TRANSITION_DURATION_MS = 500;\n// Отступ Tooltip от элемента, px\nconst OFFSET = 2;\n// Высота Tip (стрелочки), px\nconst TIP_HEIGHT = 8;\n// Уголок бегает по периметру максимально на 16 px от края\nconst MAX_FROM_EDGE_FOR_TIP = 16;\n\n/** Свойства компонента TooltipDesktopBase. */\nexport interface ITooltipDesktopBaseProps extends Omit<ITooltipDesktopProps, \"forwardedRef\"> {\n    /** Получение ноды Tooltip. */\n    setTooltipRef?: (node: HTMLDivElement | null) => void;\n}\n\n/** Состояния компонента TooltipDesktopBase. */\ninterface ITooltipDesktopBaseState {\n    /** Для отслеживания того что анимация при закрытии тултипа в прогрессе. */\n    exiting: boolean;\n    /** Положение Tooltip'a. */\n    standing: ETooltipPreferPlace;\n    /** Открыт/закрыт ли tooltip. */\n    isOpen: boolean;\n    /** Нужно рендерить тултип или нет, признак анимационно зависимого рендериннга открыт/закрыт ли tooltip. */\n    needRenderTooltip: boolean;\n}\n\n/** Базовый компонент \"Тултипа\". */\nexport class TooltipDesktopBase extends React.Component<ITooltipDesktopBaseProps, ITooltipDesktopBaseState> {\n    public static displayName = \"TooltipBase\";\n    public static contextType = TooltipContext;\n\n    declare context: React.ContextType<typeof TooltipContext>;\n\n    private zone: ITooltipDomainSize = {\n        [ETooltipTypeName.FLOW]: ETooltipFlowTypes.COLUMN,\n        [ETooltipTypeName.STANDING]: ETooltipPreferPlace.ABOVE,\n        [ETooltipTypeName.SIDE]: ETooltipAlign.CENTER,\n        cutOff: 0,\n        order: 0,\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n    private tooltipBodySize: ITooltipSize = {\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n    private targetBounds: ITooltipBounds = {\n        [ETooltipStartCoordinates.X]: 0,\n        [ETooltipEndCoordinates.X]: 0,\n        [ETooltipStartCoordinates.Y]: 0,\n        [ETooltipEndCoordinates.Y]: 0,\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n    private windowBounds: ITooltipBounds = {\n        [ETooltipStartCoordinates.X]: 0,\n        [ETooltipEndCoordinates.X]: 0,\n        [ETooltipStartCoordinates.Y]: 0,\n        [ETooltipEndCoordinates.Y]: 0,\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n\n    private bodyRef = React.createRef<HTMLDivElement>();\n    private tipRef = React.createRef<HTMLDivElement>();\n\n    private tipEl: HTMLElement | null = null;\n    private bodyEl: HTMLElement | null = null;\n    private tooltipNode: HTMLDivElement | null = null;\n    private hasTracked = false;\n    private exitingAnimationTimer1: number | null = null;\n    private exitingAnimationTimer2: number | null = null;\n    private checkLayoutInterval: number | null = null;\n\n    public state: ITooltipDesktopBaseState = {\n        exiting: false, // для отслеживания того что анимация при закрытии тултипа в прогрессе.\n        isOpen: this.props.isOpen, // для отслеживания открыт/закрыт ли tooltip.\n        needRenderTooltip: this.props.isOpen, // нужно рендерить тултип или нет, признак анимационно зависимого рендериннга открыт/закрыт ли tooltip\n        standing: ETooltipPreferPlace.ABOVE,\n    };\n\n    public render() {\n        const { renderContainer } = this.props;\n        const { needRenderTooltip } = this.state;\n        const { elements } = this.context;\n\n        return (\n            <>\n                {elements.target}\n                {needRenderTooltip && (\n                    <Portal container={renderContainer ?? document.body}>{this.tooltipRender()}</Portal>\n                )}\n            </>\n        );\n    }\n\n    public componentDidMount(): void {\n        if (this.props.isOpen) {\n            this.enter();\n        }\n    }\n\n    public componentDidUpdate(prevProps: ITooltipDesktopBaseProps, prevState: ITooltipDesktopBaseState): void {\n        const props = this.props;\n        const state = this.state;\n\n        const willOpen = !prevProps.isOpen && props.isOpen;\n        const willClose = prevProps.isOpen && !props.isOpen;\n\n        if (willOpen) {\n            this.prepareOpen();\n            return;\n        } else if (willClose) {\n            this.close();\n            return;\n        }\n\n        const didOpen = !prevState.isOpen && state.isOpen;\n        const didClose = prevState.isOpen && !state.isOpen;\n\n        if (didOpen) {\n            this.enter();\n            return;\n        } else if (didClose) {\n            this.exit();\n            return;\n        }\n\n        if (state.isOpen && !isEqual(prevProps.children, props.children)) {\n            this.setTooltipBodySize();\n            this.setAndCheckResizeTargetBounds();\n            this.resolveTooltipLayout();\n        }\n    }\n\n    public componentWillUnmount(): void {\n        /* If the Tooltip is unmounted while animating,\n            clear the animation so no setState occurred. */\n        this.animateExitStop();\n\n        if (this.hasTracked) {\n            this.untrackTooltip();\n        }\n    }\n\n    // Открыть поповер\n    private prepareOpen = () => {\n        if (this.state.exiting) {\n            this.animateExitStop();\n        }\n        this.setState({ isOpen: true, needRenderTooltip: true });\n    };\n\n    // Закрыть поповер\n    private close = () => {\n        this.setState({ isOpen: false });\n    };\n\n    // Метод начала отслеживания поповера и анимация его появления\n    private enter = () => {\n        this.trackTooltip();\n        this.animateEnter();\n        if (this.props.onShow && this.tooltipNode) {\n            this.props.onShow(this.tooltipNode);\n        }\n    };\n\n    // Метод окончания отслеживания поповера и анимация его исчезновения\n    private exit = () => {\n        this.animateExit();\n        this.untrackTooltip();\n    };\n\n    private setTooltipNode = (node: HTMLDivElement) => {\n        const { setTooltipRef } = this.props;\n\n        if (node) {\n            // Получение ссылок на тело подсказки и стрелочку.\n            this.bodyEl = this.bodyRef.current;\n            this.tipEl = this.tipRef.current;\n        }\n\n        this.tooltipNode = node;\n\n        setTooltipRef?.(this.tooltipNode);\n    };\n\n    // Рендер поповера\n    private resolveTooltipLayout = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n\n        const { alignTip } = this.props;\n\n        // Поиск оптимальной зоны для позиционирования. Измеряет размер каждой зоны и использует наибольшую.\n        // В качестве размера тултипа берется размер тела тултипа плюс высота стрелочки с обеих сторон.\n        const zone = pickZone(\n            this.props.preferPlace,\n            this.windowBounds,\n            this.targetBounds,\n            TIP_HEIGHT,\n            MAX_FROM_EDGE_FOR_TIP,\n            {\n                h: this.tooltipBodySize.h + TIP_HEIGHT,\n                w: this.tooltipBodySize.w + TIP_HEIGHT,\n            },\n        );\n\n        this.zone = zone;\n\n        this.setState({\n            standing: zone.standing,\n        });\n\n        const axis = axes[zone.flow];\n\n        // Для расчета позиции тултипа, размер тултипа вычисляется в зависимости от зоны где он будет располагаться,\n        // если тултип в сверху или снизу то высота стрелочки прибавляется к высоте тултипа\n        const tooltipSize = { ...this.tooltipBodySize };\n        tooltipSize[zone.flow === ETooltipFlowTypes.ROW ? ETooltipSizeParameter.W : ETooltipSizeParameter.H] +=\n            TIP_HEIGHT;\n\n        /* При позиционировании на вспомогательной оси нельзя превышать границы. Для достижения этого: Сначала\n            позиционируется вспомогательной оси относительно центра вспомогательной оси обернутого элемента, затем\n            смещение на необходимую величину, чтобы выйти за границы.\n            */\n        const pos = calcRelPos(zone, this.targetBounds, tooltipSize);\n\n        // Смещение позволяет разработчику контролировать дистанцию между Tip (стрелочкой) и обернутым элементом.\n        pos[axis.main.start] += OFFSET * zone.order;\n\n        let dockingEdgeBufferLength = 0;\n        if (this.bodyEl) {\n            dockingEdgeBufferLength = Math.round(+getComputedStyle(this.bodyEl).borderRadius.slice(0, -2)) || 0;\n        }\n        /*\n         * Ограничение позиционирование обертки внутри элемента рамки. Попытка не попасть в визуально допустимый\n         * буфер элемента рамки. Буфер рассчитывается в зависимости от размера Tip (стрелочка) и его OFFSET (отступ).\n         */\n        const frameBuffer = TIP_HEIGHT + OFFSET;\n        const hangingBufferLength = dockingEdgeBufferLength * 2 + TIP_HEIGHT * 2 + frameBuffer;\n        const frameCrossStart = this.windowBounds[axis.cross.start];\n        const frameCrossEnd = this.windowBounds[axis.cross.end];\n        const frameCrossLength = this.windowBounds[axis.cross.size];\n        const frameCrossInnerLength = frameCrossLength - frameBuffer * 2;\n        const frameCrossInnerStart = frameCrossStart + frameBuffer;\n        const frameCrossInnerEnd = frameCrossEnd - frameBuffer;\n        const tooltipCrossStart = pos[axis.cross.start];\n        const tooltipCrossEnd = pos[axis.cross.end];\n\n        if (alignTip === ETooltipAlign.START) {\n            pos[axis.cross.start] =\n                this.targetBounds[axis.cross.end] -\n                MAX_FROM_EDGE_FOR_TIP -\n                TIP_HEIGHT -\n                this.targetBounds[axis.cross.size] / 2;\n        } else if (alignTip === ETooltipAlign.END) {\n            pos[axis.cross.start] =\n                this.targetBounds[axis.cross.start] -\n                tooltipSize[axis.cross.size] +\n                MAX_FROM_EDGE_FOR_TIP +\n                TIP_HEIGHT +\n                this.targetBounds[axis.cross.size] / 2;\n        } else if (pos.crossLength > frameCrossLength) {\n            /*\n             * Если Tooltip не влезает в frameCrossLength тогда просто позиционируем его в `frameCrossStart`.\n             * CrossLength тултипа будет принудительно forced to overflow into the `Frame` .\n             */\n            pos[axis.cross.start] = 0;\n\n            // Если tooltipCrossStart выходит за некое пороговое значение targetCrossLength, тогда ограничить его tooltipCrossStart\n        } else if (this.targetBounds[axis.cross.end] < hangingBufferLength) {\n            pos[axis.cross.start] = this.targetBounds[axis.cross.end] - hangingBufferLength;\n\n            /*\n             * Проверка, что начало вспомогательной оси в пределах обернутого элемента и его рамок, имеет ли смысл\n             * пытаться вместить Tooltip туда\n             */\n        } else if (this.targetBounds[axis.cross.start] > frameCrossInnerEnd) {\n            pos[axis.cross.start] = this.targetBounds[axis.cross.start] - tooltipSize[axis.cross.size];\n\n            /* Если tooltipCrossStart не влазит внутрь рамок (honouring buffers) тогда просто центруем поповер в\n                 оставшейся frameCrossLength.\n                */\n        } else if (pos.crossLength > frameCrossInnerLength) {\n            pos[axis.cross.start] = (frameCrossLength - pos.crossLength) / 2;\n        } else if (tooltipCrossStart < frameCrossInnerStart) {\n            pos[axis.cross.start] = frameCrossInnerStart;\n        } else if (tooltipCrossEnd > frameCrossInnerEnd) {\n            pos[axis.cross.start] = pos[axis.cross.start] - (pos[axis.cross.end] - frameCrossInnerEnd);\n        }\n        /**\n         * Применение стилей flow и order. Это может повлиять на последующие измерения высоты и ширины контейнера.\n         * Когда Tip (стрелочка) меняет ориентацию из-за изменений `row`/`column`, будет затронуты ширина и высота.\n         * Мониторинг лейаута перехватит эти изменения и сам пересчитает лейаут.\n         */\n        this.tooltipNode.style.flexFlow = zone.flow;\n        if (this.bodyEl) {\n            this.bodyEl.style.order = zone.order.toString();\n        }\n\n        // Применение абсолютного позиционирования\n        this.tooltipNode.style.top = `${pos.y}px`;\n        this.tooltipNode.style.left = `${pos.x}px`;\n\n        // Расчёт позиционирования Tip (стрелочки)\n        let tipCrossPos =\n            centerOfBoundsFromBounds(zone.flow, ETooltipAxesType.CROSS, this.targetBounds, pos) - TIP_HEIGHT;\n\n        if (tipCrossPos < MAX_FROM_EDGE_FOR_TIP) {\n            tipCrossPos = MAX_FROM_EDGE_FOR_TIP;\n        } else if (tipCrossPos > pos.crossLength - MAX_FROM_EDGE_FOR_TIP - TIP_HEIGHT * 2) {\n            tipCrossPos = pos.crossLength - MAX_FROM_EDGE_FOR_TIP - TIP_HEIGHT * 2;\n        }\n\n        if (this.tipEl) {\n            this.tipEl.style.transform = `${flowToTipTranslations[zone.flow]}(${tipCrossPos}px)`;\n            this.tipEl.style.borderWidth = `${TIP_HEIGHT}px`;\n        }\n    };\n\n    // Метод проверки изменения границ обернутого элемента.\n    private setAndCheckResizeTargetBounds = () => {\n        const { targetRef } = this.props;\n\n        if (!targetRef.current) {\n            return false;\n        }\n\n        const newTargetBounds = calcBounds(targetRef.current);\n        if (this.targetBounds && equalCoords(this.targetBounds, newTargetBounds)) {\n            return false;\n        }\n\n        this.targetBounds = newTargetBounds;\n        return true;\n    };\n\n    // Метод проверки необходимости перерисовки лейаута\n    private checkTargetReposition = () => {\n        if (this.setAndCheckResizeTargetBounds()) {\n            this.resolveTooltipLayout();\n        }\n    };\n\n    // Метод измерения размеров тела тултипа (без стрелочки)\n    private setTooltipBodySize = () => {\n        if (!this.bodyEl) {\n            return;\n        }\n\n        this.tooltipBodySize = { w: this.bodyEl.offsetWidth, h: this.bodyEl.offsetHeight };\n    };\n\n    // Очистка таймеров анимации исчезновения\n    private animateExitStop = () => {\n        if (this.exitingAnimationTimer1) {\n            window.clearTimeout(this.exitingAnimationTimer1);\n        }\n        if (this.exitingAnimationTimer2) {\n            window.clearTimeout(this.exitingAnimationTimer2);\n        }\n        this.setState({ exiting: false });\n    };\n\n    // Анимация исчезновения\n    private animateExit = () => {\n        this.setState({ exiting: true });\n        this.exitingAnimationTimer2 = window.setTimeout(() => {\n            window.setTimeout(() => {\n                if (!this.tooltipNode) {\n                    return;\n                }\n                this.tooltipNode.style.transform = `${flowToTooltipTranslations[this.zone.flow]}(${\n                    this.zone.order * 50\n                }px)`;\n                this.tooltipNode.style.opacity = \"0\";\n            }, 0);\n        }, 0);\n\n        this.exitingAnimationTimer1 = window.setTimeout(() => {\n            this.setState({ exiting: false, needRenderTooltip: false });\n        }, ENTER_EXIT_TRANSITION_DURATION_MS);\n    };\n\n    // Анимация появления\n    private animateEnter = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n\n        // Подготовка стилей появления, чтобы можно было анимировать.\n        this.tooltipNode.style.transform = `${flowToTooltipTranslations[this.zone.flow]}(${this.zone.order * 50}px)`;\n        this.tooltipNode.style.opacity = \"0\";\n\n        /* Hack: http://stackoverflow.com/questions/3485365/how-can-i-force-webkit-to-redraw-repaint-to-propagate-style-changes */\n        // После инициализации лейаута применяем анимации transition.\n        // Без этой строчки не всегда применяются стили добавленные в style, из-за чего иногда тултип появляется резко подергиваясь\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        this.tooltipNode.offsetHeight;\n\n        if (this.tipEl) {\n            this.tipEl.style.transition = \"transform 150ms ease-in\";\n        }\n        this.tooltipNode.style.transitionProperty = \"opacity, transform\";\n        this.tooltipNode.style.transitionDuration = \"500ms\";\n        this.tooltipNode.style.transitionTimingFunction = \"cubic-bezier(0.230, 1.000, 0.320, 1.000)\";\n        this.tooltipNode.style.opacity = \"1\";\n        this.tooltipNode.style.transform = \"translateY(0)\";\n    };\n\n    //  Отслеживание поповера\n    private trackTooltip = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n        this.hasTracked = true;\n\n        // Установка опроса для проверки изменилось ли положение. Другого способа узнать этого без опроса\n        this.checkLayoutInterval = window.setInterval(this.checkTargetReposition, REFRESH_INTERVAL_MS);\n\n        /*\n        Наблюдение за изменением границ на всех уровнях, при необходимости - перерасчет. Привязка лэйаут монитора\n        должна быть сделана сразу, т.к. перерасчет может вызывать рекурсивно изменение в границах. Поэтому если мы\n        сделали одноразовый force-layout перед наблюдением, наши расчеты окончательной позиции могут быть неверными.\n        */\n\n        window.addEventListener(\"scroll\", this.onWindowScroll);\n        window.addEventListener(\"resize\", this.onWindowResize);\n\n        // Запуск лейаута при первой прогрузке\n        this.windowBounds = calcBounds(window); // запомнили размер окна\n        this.setTooltipBodySize(); // заполнили размер тултипа\n        this.setAndCheckResizeTargetBounds();\n        this.resolveTooltipLayout();\n    };\n\n    // Отписка от отслеживания поповера\n    private untrackTooltip = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n        if (this.checkLayoutInterval) {\n            window.clearInterval(this.checkLayoutInterval);\n        }\n        window.removeEventListener(\"scroll\", this.onWindowScroll);\n        window.removeEventListener(\"resize\", this.onWindowResize);\n        this.hasTracked = false;\n    };\n\n    // Перерисовка при скролле \"рамки\"\n    private onWindowScroll = () => {\n        this.setAndCheckResizeTargetBounds();\n        this.resolveTooltipLayout();\n    };\n\n    // Перерисовка при изменении размеров \"рамки\"\n    private onWindowResize = () => {\n        this.windowBounds = calcBounds(window);\n        this.resolveTooltipLayout();\n    };\n\n    // Отрисовка самого Tooltip\n    private tooltipRender: () => React.ReactElement = () => {\n        const {\n            className,\n            size,\n            preferPlace,\n            alignTip,\n            isOpen,\n            renderContainer,\n            onShow,\n            setTooltipRef,\n            onKeyDown,\n            targetRef,\n            ...rest\n        } = this.props;\n        const { elements } = this.context;\n\n        const sizeClass = size === ETooltipSize.SM ? styles.tooltipSM : styles.tooltipLG;\n        const classNames = clsx(\n            styles.tooltipDesktop,\n            sizeClass,\n            { [styles.closable]: !!elements.closeButton },\n            className,\n        );\n\n        return (\n            <div className={styles.tooltipOverlay}>\n                <div className={classNames} {...rest} ref={this.setTooltipNode}>\n                    <div className={styles.tooltipDesktopContent} ref={this.bodyRef}>\n                        {elements.body}\n                        {elements.link}\n                        {elements.closeButton}\n                    </div>\n                    <TooltipDesktopTip direction={DIRECTIONS[this.state.standing]} ref={this.tipRef} />\n                </div>\n            </div>\n        );\n    };\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TooltipDesktopBase.js","sources":["../../../../../../src/components/Tooltip/components/desktop/components/TooltipDesktopBase.tsx"],"sourcesContent":["import React from \"react\";\nimport isEqual from \"lodash-es/isEqual\";\nimport clsx from \"clsx\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport {\n    ETooltipAlign,\n    ETooltipAxesType,\n    ETooltipDirection,\n    ETooltipEndCoordinates,\n    ETooltipFlowTypes,\n    ETooltipPreferPlace,\n    ETooltipSize,\n    ETooltipSizeParameter,\n    ETooltipStartCoordinates,\n    ETooltipTypeName,\n} from \"@sberbusiness/triplex-next/components/Tooltip/enums\";\nimport { TooltipDesktopTip } from \"@sberbusiness/triplex-next/components/Tooltip/components/desktop/components/TooltipDesktopTip\";\nimport {\n    ITooltipBounds,\n    ITooltipDesktopProps,\n    ITooltipDomainSize,\n    ITooltipSize,\n} from \"@sberbusiness/triplex-next/components/Tooltip/types\";\nimport {\n    axes,\n    calcBounds,\n    calcRelPos,\n    centerOfBoundsFromBounds,\n    equalCoords,\n    pickZone,\n} from \"@sberbusiness/triplex-next/components/Tooltip/utils/Positioning\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipDesktop.module.less\";\n\n// Маппер flow в translate для Tip (стрелочка)\nconst flowToTipTranslations: Record<ETooltipFlowTypes, string> = {\n    [ETooltipFlowTypes.COLUMN]: \"translateX\",\n    [ETooltipFlowTypes.ROW]: \"translateY\",\n};\n\n// Маппер flow в translate для самого Tooltip\nconst flowToTooltipTranslations: Record<ETooltipFlowTypes, string> = {\n    [ETooltipFlowTypes.COLUMN]: \"translateY\",\n    [ETooltipFlowTypes.ROW]: \"translateX\",\n};\n\n// Маппер EPreferPlace в EDirection для Tip (стрелочка)\nconst DIRECTIONS: Record<ETooltipPreferPlace, ETooltipDirection> = {\n    [ETooltipPreferPlace.ABOVE]: ETooltipDirection.DOWN,\n    [ETooltipPreferPlace.BELOW]: ETooltipDirection.UP,\n    [ETooltipPreferPlace.LEFT]: ETooltipDirection.RIGHT,\n    [ETooltipPreferPlace.RIGHT]: ETooltipDirection.LEFT,\n};\n\n// Интервал опроса в ms необходимости обновления layout\nconst REFRESH_INTERVAL_MS = 200;\n// Время анимаций появления и исчезновения Tooltip'а\nconst ENTER_EXIT_TRANSITION_DURATION_MS = 500;\n// Отступ Tooltip от элемента, px\nconst OFFSET = 2;\n// Высота Tip (стрелочки), px\nconst TIP_HEIGHT = 8;\n// Уголок бегает по периметру максимально на 16 px от края\nconst MAX_FROM_EDGE_FOR_TIP = 16;\n\n/** Свойства компонента TooltipDesktopBase. */\nexport interface ITooltipDesktopBaseProps extends ITooltipDesktopProps {\n    /** Получение ноды Tooltip. */\n    setTooltipRef?: (node: HTMLDivElement | null) => void;\n}\n\n/** Состояния компонента TooltipDesktopBase. */\ninterface ITooltipDesktopBaseState {\n    /** Для отслеживания того что анимация при закрытии тултипа в прогрессе. */\n    exiting: boolean;\n    /** Положение Tooltip'a. */\n    standing: ETooltipPreferPlace;\n    /** Открыт/закрыт ли tooltip. */\n    isOpen: boolean;\n    /** Нужно рендерить тултип или нет, признак анимационно зависимого рендериннга открыт/закрыт ли tooltip. */\n    needRenderTooltip: boolean;\n}\n\n/**\n * Базовый компонент \"Тултипа\".\n * Рендерит подсказку в Portal, вычисляет её положение относительно целевого элемента\n * и проигрывает анимации появления и исчезновения.\n */\nexport class TooltipDesktopBase extends React.Component<ITooltipDesktopBaseProps, ITooltipDesktopBaseState> {\n    public static displayName = \"TooltipDesktopBase\";\n    public static contextType = TooltipContext;\n\n    declare context: React.ContextType<typeof TooltipContext>;\n\n    private zone: ITooltipDomainSize = {\n        [ETooltipTypeName.FLOW]: ETooltipFlowTypes.COLUMN,\n        [ETooltipTypeName.STANDING]: ETooltipPreferPlace.ABOVE,\n        [ETooltipTypeName.SIDE]: ETooltipAlign.CENTER,\n        cutOff: 0,\n        order: 0,\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n    private tooltipBodySize: ITooltipSize = {\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n    private targetBounds: ITooltipBounds = {\n        [ETooltipStartCoordinates.X]: 0,\n        [ETooltipEndCoordinates.X]: 0,\n        [ETooltipStartCoordinates.Y]: 0,\n        [ETooltipEndCoordinates.Y]: 0,\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n    private windowBounds: ITooltipBounds = {\n        [ETooltipStartCoordinates.X]: 0,\n        [ETooltipEndCoordinates.X]: 0,\n        [ETooltipStartCoordinates.Y]: 0,\n        [ETooltipEndCoordinates.Y]: 0,\n        [ETooltipSizeParameter.H]: 0,\n        [ETooltipSizeParameter.W]: 0,\n    };\n\n    private bodyRef = React.createRef<HTMLDivElement>();\n    private tipRef = React.createRef<HTMLDivElement>();\n\n    private tipEl: HTMLElement | null = null;\n    private bodyEl: HTMLElement | null = null;\n    private tooltipNode: HTMLDivElement | null = null;\n    private hasTracked = false;\n    private exitingAnimationTimer1: number | null = null;\n    private exitingAnimationTimer2: number | null = null;\n    private checkLayoutInterval: number | null = null;\n\n    public state: ITooltipDesktopBaseState = {\n        exiting: false, // для отслеживания того что анимация при закрытии тултипа в прогрессе.\n        isOpen: this.props.isOpen, // для отслеживания открыт/закрыт ли tooltip.\n        needRenderTooltip: this.props.isOpen, // нужно рендерить тултип или нет, признак анимационно зависимого рендериннга открыт/закрыт ли tooltip\n        standing: ETooltipPreferPlace.ABOVE,\n    };\n\n    public render() {\n        const { renderContainer } = this.props;\n        const { needRenderTooltip } = this.state;\n        const { elements } = this.context;\n\n        return (\n            <>\n                {elements.target}\n                {needRenderTooltip && (\n                    <Portal container={renderContainer ?? document.body}>{this.tooltipRender()}</Portal>\n                )}\n            </>\n        );\n    }\n\n    public componentDidMount(): void {\n        if (this.props.isOpen) {\n            this.enter();\n        }\n    }\n\n    public componentDidUpdate(prevProps: ITooltipDesktopBaseProps, prevState: ITooltipDesktopBaseState): void {\n        const props = this.props;\n        const state = this.state;\n\n        const willOpen = !prevProps.isOpen && props.isOpen;\n        const willClose = prevProps.isOpen && !props.isOpen;\n\n        if (willOpen) {\n            this.prepareOpen();\n            return;\n        } else if (willClose) {\n            this.close();\n            return;\n        }\n\n        const didOpen = !prevState.isOpen && state.isOpen;\n        const didClose = prevState.isOpen && !state.isOpen;\n\n        if (didOpen) {\n            this.enter();\n            return;\n        } else if (didClose) {\n            this.exit();\n            return;\n        }\n\n        if (state.isOpen && !isEqual(prevProps.children, props.children)) {\n            this.setTooltipBodySize();\n            this.setAndCheckResizeTargetBounds();\n            this.resolveTooltipLayout();\n        }\n    }\n\n    public componentWillUnmount(): void {\n        /* If the Tooltip is unmounted while animating,\n            clear the animation so no setState occurred. */\n        this.animateExitStop();\n\n        if (this.hasTracked) {\n            this.untrackTooltip();\n        }\n    }\n\n    /** Открыть подсказку. */\n    private prepareOpen = () => {\n        if (this.state.exiting) {\n            this.animateExitStop();\n        }\n        this.setState({ isOpen: true, needRenderTooltip: true });\n    };\n\n    /** Закрыть подсказку. */\n    private close = () => {\n        this.setState({ isOpen: false });\n    };\n\n    /** Начало отслеживания подсказки и анимация её появления. */\n    private enter = () => {\n        this.trackTooltip();\n        this.animateEnter();\n        if (this.props.onShow && this.tooltipNode) {\n            this.props.onShow(this.tooltipNode);\n        }\n    };\n\n    /** Окончание отслеживания подсказки и анимация её исчезновения. */\n    private exit = () => {\n        this.animateExit();\n        this.untrackTooltip();\n    };\n\n    /** Сохранение ноды подсказки и ссылок на её тело и стрелочку. */\n    private setTooltipNode = (node: HTMLDivElement | null) => {\n        const { setTooltipRef } = this.props;\n\n        if (node) {\n            // Получение ссылок на тело подсказки и стрелочку.\n            this.bodyEl = this.bodyRef.current;\n            this.tipEl = this.tipRef.current;\n        }\n\n        this.tooltipNode = node;\n\n        setTooltipRef?.(this.tooltipNode);\n    };\n\n    /** Расчёт и применение положения подсказки и её стрелочки. */\n    private resolveTooltipLayout = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n\n        const { alignTip } = this.props;\n\n        // Поиск оптимальной зоны для позиционирования. Измеряет размер каждой зоны и использует наибольшую.\n        // В качестве размера тултипа берется размер тела тултипа плюс высота стрелочки с обеих сторон.\n        const zone = pickZone(\n            this.props.preferPlace,\n            this.windowBounds,\n            this.targetBounds,\n            TIP_HEIGHT,\n            MAX_FROM_EDGE_FOR_TIP,\n            {\n                h: this.tooltipBodySize.h + TIP_HEIGHT,\n                w: this.tooltipBodySize.w + TIP_HEIGHT,\n            },\n        );\n\n        this.zone = zone;\n\n        this.setState({\n            standing: zone.standing,\n        });\n\n        const axis = axes[zone.flow];\n\n        // Для расчета позиции тултипа, размер тултипа вычисляется в зависимости от зоны где он будет располагаться,\n        // если тултип в сверху или снизу то высота стрелочки прибавляется к высоте тултипа\n        const tooltipSize = { ...this.tooltipBodySize };\n        tooltipSize[zone.flow === ETooltipFlowTypes.ROW ? ETooltipSizeParameter.W : ETooltipSizeParameter.H] +=\n            TIP_HEIGHT;\n\n        /* При позиционировании на вспомогательной оси нельзя превышать границы. Для достижения этого: Сначала\n            позиционируется вспомогательной оси относительно центра вспомогательной оси обернутого элемента, затем\n            смещение на необходимую величину, чтобы выйти за границы.\n            */\n        const pos = calcRelPos(zone, this.targetBounds, tooltipSize);\n\n        // Смещение позволяет разработчику контролировать дистанцию между Tip (стрелочкой) и обернутым элементом.\n        pos[axis.main.start] += OFFSET * zone.order;\n\n        let dockingEdgeBufferLength = 0;\n        if (this.bodyEl) {\n            dockingEdgeBufferLength = Math.round(parseFloat(getComputedStyle(this.bodyEl).borderRadius)) || 0;\n        }\n        /*\n         * Ограничение позиционирование обертки внутри элемента рамки. Попытка не попасть в визуально допустимый\n         * буфер элемента рамки. Буфер рассчитывается в зависимости от размера Tip (стрелочка) и его OFFSET (отступ).\n         */\n        const frameBuffer = TIP_HEIGHT + OFFSET;\n        const hangingBufferLength = dockingEdgeBufferLength * 2 + TIP_HEIGHT * 2 + frameBuffer;\n        const frameCrossStart = this.windowBounds[axis.cross.start];\n        const frameCrossEnd = this.windowBounds[axis.cross.end];\n        const frameCrossLength = this.windowBounds[axis.cross.size];\n        const frameCrossInnerLength = frameCrossLength - frameBuffer * 2;\n        const frameCrossInnerStart = frameCrossStart + frameBuffer;\n        const frameCrossInnerEnd = frameCrossEnd - frameBuffer;\n        const tooltipCrossStart = pos[axis.cross.start];\n        const tooltipCrossEnd = pos[axis.cross.end];\n\n        if (alignTip === ETooltipAlign.START) {\n            pos[axis.cross.start] =\n                this.targetBounds[axis.cross.end] -\n                MAX_FROM_EDGE_FOR_TIP -\n                TIP_HEIGHT -\n                this.targetBounds[axis.cross.size] / 2;\n        } else if (alignTip === ETooltipAlign.END) {\n            pos[axis.cross.start] =\n                this.targetBounds[axis.cross.start] -\n                tooltipSize[axis.cross.size] +\n                MAX_FROM_EDGE_FOR_TIP +\n                TIP_HEIGHT +\n                this.targetBounds[axis.cross.size] / 2;\n        } else if (pos.crossLength > frameCrossLength) {\n            /*\n             * Если Tooltip не влезает в frameCrossLength тогда просто позиционируем его в `frameCrossStart`.\n             * CrossLength тултипа будет принудительно forced to overflow into the `Frame` .\n             */\n            pos[axis.cross.start] = 0;\n\n            // Если tooltipCrossStart выходит за некое пороговое значение targetCrossLength, тогда ограничить его tooltipCrossStart\n        } else if (this.targetBounds[axis.cross.end] < hangingBufferLength) {\n            pos[axis.cross.start] = this.targetBounds[axis.cross.end] - hangingBufferLength;\n\n            /*\n             * Проверка, что начало вспомогательной оси в пределах обернутого элемента и его рамок, имеет ли смысл\n             * пытаться вместить Tooltip туда\n             */\n        } else if (this.targetBounds[axis.cross.start] > frameCrossInnerEnd) {\n            pos[axis.cross.start] = this.targetBounds[axis.cross.start] - tooltipSize[axis.cross.size];\n\n            /* Если tooltipCrossStart не влазит внутрь рамок (honouring buffers) тогда просто центруем поповер в\n                 оставшейся frameCrossLength.\n                */\n        } else if (pos.crossLength > frameCrossInnerLength) {\n            pos[axis.cross.start] = (frameCrossLength - pos.crossLength) / 2;\n        } else if (tooltipCrossStart < frameCrossInnerStart) {\n            pos[axis.cross.start] = frameCrossInnerStart;\n        } else if (tooltipCrossEnd > frameCrossInnerEnd) {\n            pos[axis.cross.start] = pos[axis.cross.start] - (pos[axis.cross.end] - frameCrossInnerEnd);\n        }\n        /**\n         * Применение стилей flow и order. Это может повлиять на последующие измерения высоты и ширины контейнера.\n         * Когда Tip (стрелочка) меняет ориентацию из-за изменений `row`/`column`, будет затронуты ширина и высота.\n         * Мониторинг лейаута перехватит эти изменения и сам пересчитает лейаут.\n         */\n        this.tooltipNode.style.flexFlow = zone.flow;\n        if (this.bodyEl) {\n            this.bodyEl.style.order = zone.order.toString();\n        }\n\n        // Применение абсолютного позиционирования\n        this.tooltipNode.style.top = `${pos.y}px`;\n        this.tooltipNode.style.left = `${pos.x}px`;\n\n        // Расчёт позиционирования Tip (стрелочки)\n        let tipCrossPos =\n            centerOfBoundsFromBounds(zone.flow, ETooltipAxesType.CROSS, this.targetBounds, pos) - TIP_HEIGHT;\n\n        if (tipCrossPos < MAX_FROM_EDGE_FOR_TIP) {\n            tipCrossPos = MAX_FROM_EDGE_FOR_TIP;\n        } else if (tipCrossPos > pos.crossLength - MAX_FROM_EDGE_FOR_TIP - TIP_HEIGHT * 2) {\n            tipCrossPos = pos.crossLength - MAX_FROM_EDGE_FOR_TIP - TIP_HEIGHT * 2;\n        }\n\n        if (this.tipEl) {\n            this.tipEl.style.transform = `${flowToTipTranslations[zone.flow]}(${tipCrossPos}px)`;\n            this.tipEl.style.borderWidth = `${TIP_HEIGHT}px`;\n        }\n    };\n\n    /** Проверка изменения границ целевого элемента. Возвращает true, если границы изменились. */\n    private setAndCheckResizeTargetBounds = () => {\n        const { targetRef } = this.props;\n\n        if (!targetRef.current) {\n            return false;\n        }\n\n        const newTargetBounds = calcBounds(targetRef.current);\n        if (this.targetBounds && equalCoords(this.targetBounds, newTargetBounds)) {\n            return false;\n        }\n\n        this.targetBounds = newTargetBounds;\n        return true;\n    };\n\n    /** Перерасчёт положения, если границы целевого элемента изменились. */\n    private checkTargetReposition = () => {\n        if (this.setAndCheckResizeTargetBounds()) {\n            this.resolveTooltipLayout();\n        }\n    };\n\n    /** Измерение размеров тела подсказки (без стрелочки). */\n    private setTooltipBodySize = () => {\n        if (!this.bodyEl) {\n            return;\n        }\n\n        this.tooltipBodySize = { w: this.bodyEl.offsetWidth, h: this.bodyEl.offsetHeight };\n    };\n\n    /** Очистка таймеров анимации исчезновения. */\n    private animateExitStop = () => {\n        if (this.exitingAnimationTimer1) {\n            window.clearTimeout(this.exitingAnimationTimer1);\n        }\n        if (this.exitingAnimationTimer2) {\n            window.clearTimeout(this.exitingAnimationTimer2);\n        }\n        this.setState({ exiting: false });\n    };\n\n    /** Анимация исчезновения. */\n    private animateExit = () => {\n        this.setState({ exiting: true });\n        this.exitingAnimationTimer2 = window.setTimeout(() => {\n            window.setTimeout(() => {\n                if (!this.tooltipNode) {\n                    return;\n                }\n                this.tooltipNode.style.transform = `${flowToTooltipTranslations[this.zone.flow]}(${\n                    this.zone.order * 50\n                }px)`;\n                this.tooltipNode.style.opacity = \"0\";\n            }, 0);\n        }, 0);\n\n        this.exitingAnimationTimer1 = window.setTimeout(() => {\n            this.setState({ exiting: false, needRenderTooltip: false });\n        }, ENTER_EXIT_TRANSITION_DURATION_MS);\n    };\n\n    /** Анимация появления. */\n    private animateEnter = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n\n        // Подготовка стилей появления, чтобы можно было анимировать.\n        this.tooltipNode.style.transform = `${flowToTooltipTranslations[this.zone.flow]}(${this.zone.order * 50}px)`;\n        this.tooltipNode.style.opacity = \"0\";\n\n        /* Hack: http://stackoverflow.com/questions/3485365/how-can-i-force-webkit-to-redraw-repaint-to-propagate-style-changes */\n        // После инициализации лейаута применяем анимации transition.\n        // Без этой строчки не всегда применяются стили добавленные в style, из-за чего иногда тултип появляется резко подергиваясь\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        this.tooltipNode.offsetHeight;\n\n        if (this.tipEl) {\n            this.tipEl.style.transition = \"transform 150ms ease-in\";\n        }\n        this.tooltipNode.style.transitionProperty = \"opacity, transform\";\n        this.tooltipNode.style.transitionDuration = \"500ms\";\n        this.tooltipNode.style.transitionTimingFunction = \"cubic-bezier(0.230, 1.000, 0.320, 1.000)\";\n        this.tooltipNode.style.opacity = \"1\";\n        this.tooltipNode.style.transform = \"translateY(0)\";\n    };\n\n    /** Начало отслеживания положения подсказки: опрос границ, подписка на scroll и resize. */\n    private trackTooltip = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n        this.hasTracked = true;\n\n        // Установка опроса для проверки изменилось ли положение. Другого способа узнать этого без опроса\n        this.checkLayoutInterval = window.setInterval(this.checkTargetReposition, REFRESH_INTERVAL_MS);\n\n        /*\n        Наблюдение за изменением границ на всех уровнях, при необходимости - перерасчет. Привязка лэйаут монитора\n        должна быть сделана сразу, т.к. перерасчет может вызывать рекурсивно изменение в границах. Поэтому если мы\n        сделали одноразовый force-layout перед наблюдением, наши расчеты окончательной позиции могут быть неверными.\n        */\n\n        window.addEventListener(\"scroll\", this.onWindowScroll);\n        window.addEventListener(\"resize\", this.onWindowResize);\n\n        // Запуск лейаута при первой прогрузке\n        this.windowBounds = calcBounds(window); // запомнили размер окна\n        this.setTooltipBodySize(); // заполнили размер тултипа\n        this.setAndCheckResizeTargetBounds();\n        this.resolveTooltipLayout();\n    };\n\n    /** Отписка от отслеживания положения подсказки. */\n    private untrackTooltip = () => {\n        if (!this.tooltipNode) {\n            return;\n        }\n        if (this.checkLayoutInterval) {\n            window.clearInterval(this.checkLayoutInterval);\n        }\n        window.removeEventListener(\"scroll\", this.onWindowScroll);\n        window.removeEventListener(\"resize\", this.onWindowResize);\n        this.hasTracked = false;\n    };\n\n    /** Перерасчёт положения при скролле окна. */\n    private onWindowScroll = () => {\n        this.setAndCheckResizeTargetBounds();\n        this.resolveTooltipLayout();\n    };\n\n    /** Перерасчёт положения при изменении размеров окна. */\n    private onWindowResize = () => {\n        this.windowBounds = calcBounds(window);\n        this.resolveTooltipLayout();\n    };\n\n    /** Разметка подсказки: тело, ссылка, кнопка закрытия и стрелочка. */\n    private tooltipRender = (): React.ReactElement => {\n        const {\n            className,\n            size,\n            preferPlace,\n            alignTip,\n            isOpen,\n            renderContainer,\n            onShow,\n            setTooltipRef,\n            onKeyDown,\n            targetRef,\n            ...rest\n        } = this.props;\n        const { elements } = this.context;\n\n        const sizeClass = size === ETooltipSize.SM ? styles.tooltipSM : styles.tooltipLG;\n        const classNames = clsx(\n            styles.tooltipDesktop,\n            sizeClass,\n            { [styles.closable]: !!elements.closeButton },\n            className,\n        );\n\n        return (\n            <div className={styles.tooltipOverlay}>\n                <div className={classNames} {...rest} ref={this.setTooltipNode}>\n                    <div className={styles.tooltipDesktopContent} ref={this.bodyRef}>\n                        {elements.body}\n                        {elements.link}\n                        {elements.closeButton}\n                    </div>\n                    <TooltipDesktopTip direction={DIRECTIONS[this.state.standing]} ref={this.tipRef} />\n                </div>\n            </div>\n        );\n    };\n}\n"],"names":["React"],"mappings":"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"}

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -2,25 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ETooltipDirection } from "../../../enums.js";
 import { c as clsx } from "../../../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DBiY8cJJ.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-V0gGAoBE.js";
+const DIRECTION_CLASS_NAMES = {
+  [ETooltipDirection.UP]: styles.up,
+  [ETooltipDirection.DOWN]: styles.down,
+  [ETooltipDirection.LEFT]: styles.left,
+  [ETooltipDirection.RIGHT]: styles.right
+};
 const TooltipDesktopTip = React__default.forwardRef((props, ref) => {
   const { direction } = props;
-  let directionClass;
-  switch (direction) {
-    case ETooltipDirection.UP:
-      directionClass = styles.up;
-      break;
-    case ETooltipDirection.DOWN:
-      directionClass = styles.down;
-      break;
-    case ETooltipDirection.LEFT:
-      directionClass = styles.left;
-      break;
-    case ETooltipDirection.RIGHT:
-      directionClass = styles.right;
-      break;
-  }
-  return /* @__PURE__ */ jsx("div", { className: clsx(styles.tooltipDesktopTip, directionClass), ref });
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.tooltipDesktopTip, DIRECTION_CLASS_NAMES[direction]), ref });
 });
 TooltipDesktopTip.displayName = "TooltipDesktopTip";
 export {

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipDesktopTip.js","sources":["../../../../../../src/components/Tooltip/components/desktop/components/TooltipDesktopTip.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETooltipDirection } from \"@sberbusiness/triplex-next/components/Tooltip/enums\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipDesktop.module.less\";\n\n/** Свойства компонента TooltipDesktopTip. */\ninterface ITooltipDesktopTipProps {\n    /** Направление, на которое смотрит указатель \"стрелочки\" (треугольника). */\n    direction: ETooltipDirection;\n    /** Дочерние элементы. */\n    children?: never;\n}\n\n/** Компонент \"стрелочка\" (треугольник) Tooltip'а. */\nexport const TooltipDesktopTip = React.forwardRef<HTMLDivElement, ITooltipDesktopTipProps>((props, ref) => {\n    const { direction } = props;\n\n    let directionClass;\n\n    switch (direction) {\n        case ETooltipDirection.UP:\n            directionClass = styles.up;\n            break;\n        case ETooltipDirection.DOWN:\n            directionClass = styles.down;\n            break;\n        case ETooltipDirection.LEFT:\n            directionClass = styles.left;\n            break;\n        case ETooltipDirection.RIGHT:\n            directionClass = styles.right;\n            break;\n    }\n\n    return <div className={clsx(styles.tooltipDesktopTip, directionClass)} ref={ref} />;\n});\n\nTooltipDesktopTip.displayName = \"TooltipDesktopTip\";\n"],"names":["React"],"mappings":";;;;;AAcO,MAAM,oBAAoBA,eAAM,WAAoD,CAAC,OAAO,QAAQ;AACvG,QAAM,EAAE,cAAc;AAEtB,MAAI;AAEJ,UAAQ,WAAA;AAAA,IACJ,KAAK,kBAAkB;AACnB,uBAAiB,OAAO;AACxB;AAAA,IACJ,KAAK,kBAAkB;AACnB,uBAAiB,OAAO;AACxB;AAAA,IACJ,KAAK,kBAAkB;AACnB,uBAAiB,OAAO;AACxB;AAAA,IACJ,KAAK,kBAAkB;AACnB,uBAAiB,OAAO;AACxB;AAAA,EAAA;AAGR,SAAO,oBAAC,SAAI,WAAW,KAAK,OAAO,mBAAmB,cAAc,GAAG,KAAU;AACrF,CAAC;AAED,kBAAkB,cAAc;"}
+{"version":3,"file":"TooltipDesktopTip.js","sources":["../../../../../../src/components/Tooltip/components/desktop/components/TooltipDesktopTip.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETooltipDirection } from \"@sberbusiness/triplex-next/components/Tooltip/enums\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipDesktop.module.less\";\n\n/** Класс модификатора для каждого направления указателя. */\nconst DIRECTION_CLASS_NAMES: Record<ETooltipDirection, string> = {\n    [ETooltipDirection.UP]: styles.up,\n    [ETooltipDirection.DOWN]: styles.down,\n    [ETooltipDirection.LEFT]: styles.left,\n    [ETooltipDirection.RIGHT]: styles.right,\n};\n\n/** Свойства компонента TooltipDesktopTip. */\ninterface ITooltipDesktopTipProps {\n    /** Направление, на которое смотрит указатель \"стрелочки\" (треугольника). */\n    direction: ETooltipDirection;\n    /** Дочерние элементы. */\n    children?: never;\n}\n\n/** Компонент \"стрелочка\" (треугольник) Tooltip'а. */\nexport const TooltipDesktopTip = React.forwardRef<HTMLDivElement, ITooltipDesktopTipProps>((props, ref) => {\n    const { direction } = props;\n\n    return <div className={clsx(styles.tooltipDesktopTip, DIRECTION_CLASS_NAMES[direction])} ref={ref} />;\n});\n\nTooltipDesktopTip.displayName = \"TooltipDesktopTip\";\n"],"names":["React"],"mappings":";;;;;AAMA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,kBAAkB,EAAE,GAAG,OAAO;AAAA,EAC/B,CAAC,kBAAkB,IAAI,GAAG,OAAO;AAAA,EACjC,CAAC,kBAAkB,IAAI,GAAG,OAAO;AAAA,EACjC,CAAC,kBAAkB,KAAK,GAAG,OAAO;AACtC;AAWO,MAAM,oBAAoBA,eAAM,WAAoD,CAAC,OAAO,QAAQ;AACvG,QAAM,EAAE,cAAc;AAEtB,SAAO,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,mBAAmB,sBAAsB,SAAS,CAAC,GAAG,IAAA,CAAU;AACvG,CAAC;AAED,kBAAkB,cAAc;"}

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -6,10 +6,10 @@ import { DropdownMobile } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton } from "./components/TooltipMobileCloseButton.js";
 import { c as clsx } from "../../../../chunks/vendor-CtuAQuEN.js";
-const tooltipMobile = "tooltipMobile__13e4962a";
-const tooltipMobileContent = "tooltipMobileContent__fa5cff0e";
-const headerless = "headerless__11c0386f";
-const closeButton = "closeButton__248e9027";
+const tooltipMobile = "tooltipMobile__bbadf7a0";
+const tooltipMobileContent = "tooltipMobileContent__e3489449";
+const headerless = "headerless__81ff761f";
+const closeButton = "closeButton__f68041c8";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,
@@ -17,11 +17,15 @@ const styles = {
   closeButton
 };
 const TooltipMobile = ({
+  // children, renderContainer, targetRef, disableAdaptiveMode, size и alignTip не нужны мобильной
+  // версии и не должны попадать в DOM — исключаются из rest, который спредится на DropdownMobile.
   children,
-  className,
   renderContainer,
   targetRef,
   disableAdaptiveMode,
+  size,
+  alignTip,
+  className,
   isOpen,
   onShow,
   ...rest
@@ -30,7 +34,7 @@ const TooltipMobile = ({
   const tooltipRef = useRef(null);
   const classNames = clsx(styles.tooltipMobile, { [styles.headerless]: elements.mobileHeader === null }, className);
   useEffect(() => {
-    if (isOpen) {
+    if (isOpen && tooltipRef.current) {
       onShow == null ? void 0 : onShow(tooltipRef.current);
     }
   }, [isOpen]);

package/components/Tooltip/components/mobile/TooltipMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipMobile.js","sources":["../../../../../src/components/Tooltip/components/mobile/TooltipMobile.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef } from \"react\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport { DropdownMobile } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobile\";\nimport { DropdownMobileBody } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileBody\";\nimport { TooltipMobileCloseButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileCloseButton\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipMobile.module.less\";\nimport { ITooltipProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Свойства компонента TooltipMobile. */\nexport interface ITooltipMobileProps extends Omit<ITooltipProps, \"preferPlace\" | \"toggle\"> {\n    /** Признак открыт ли TooltipMobile. */\n    isOpen: boolean;\n    /** Дочерние элементы. */\n    children?: never;\n}\n\n/** Мобильная версия Tooltip. */\nexport const TooltipMobile: React.FC<ITooltipMobileProps> = ({\n    children,\n    className,\n    renderContainer,\n    targetRef,\n    disableAdaptiveMode,\n    isOpen,\n    onShow,\n    ...rest\n}) => {\n    const { elements, setTooltipOpen } = useContext(TooltipContext);\n    const tooltipRef = useRef<HTMLDivElement | null>(null);\n    const classNames = clsx(styles.tooltipMobile, { [styles.headerless]: elements.mobileHeader === null }, className);\n\n    useEffect(() => {\n        if (isOpen) {\n            onShow?.(tooltipRef.current!);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isOpen]);\n\n    /** Рендер кнопки закрытия. */\n    const renderCloseButton = () => {\n        return (\n            <div className={styles.closeButton}>\n                <TooltipMobileCloseButton {...elements.closeButton?.props} />\n            </div>\n        );\n    };\n\n    return (\n        <>\n            {elements.target}\n            <Portal container={document.body}>\n                <DropdownMobile\n                    className={classNames}\n                    tabIndex={-1}\n                    opened={isOpen}\n                    setOpened={setTooltipOpen}\n                    {...rest}\n                    ref={tooltipRef}\n                >\n                    {elements.mobileHeader}\n                    <DropdownMobileBody className={styles.tooltipMobileContent}>\n                        {elements.body}\n                        {elements.link}\n                        {elements.mobileHeader === null && renderCloseButton()}\n                    </DropdownMobileBody>\n                </DropdownMobile>\n            </Portal>\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmBO,MAAM,gBAA+C,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,mBAAmB,WAAW,cAAc;AAC9D,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,aAAa,KAAK,OAAO,eAAe,EAAE,CAAC,OAAO,UAAU,GAAG,SAAS,iBAAiB,KAAA,GAAQ,SAAS;AAEhH,YAAU,MAAM;AACZ,QAAI,QAAQ;AACR,uCAAS,WAAW;AAAA,IACxB;AAAA,EAEJ,GAAG,CAAC,MAAM,CAAC;AAGX,QAAM,oBAAoB,MAAM;;AAC5B,WACI,oBAAC,OAAA,EAAI,WAAW,OAAO,aACnB,UAAA,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,MAAA,CAAO,EAAA,CAC/D;AAAA,EAER;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,SAAS;AAAA,IACV,oBAAC,QAAA,EAAO,WAAW,SAAS,MACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ,UAAA;AAAA,UAAA,SAAS;AAAA,UACV,qBAAC,oBAAA,EAAmB,WAAW,OAAO,sBACjC,UAAA;AAAA,YAAA,SAAS;AAAA,YACT,SAAS;AAAA,YACT,SAAS,iBAAiB,QAAQ,kBAAA;AAAA,UAAkB,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"TooltipMobile.js","sources":["../../../../../src/components/Tooltip/components/mobile/TooltipMobile.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef } from \"react\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport { DropdownMobile } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobile\";\nimport { DropdownMobileBody } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileBody\";\nimport { TooltipMobileCloseButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileCloseButton\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipMobile.module.less\";\nimport { ITooltipProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Свойства компонента TooltipMobile. */\nexport interface ITooltipMobileProps extends Omit<ITooltipProps, \"preferPlace\" | \"toggle\"> {\n    /** Признак открыт ли TooltipMobile. */\n    isOpen: boolean;\n    /** Дочерние элементы. */\n    children?: never;\n}\n\n/**\n * Мобильная версия Tooltip.\n * Рендерится в document.body поверх страницы как нижний оверлей (DropdownMobile).\n */\nexport const TooltipMobile: React.FC<ITooltipMobileProps> = ({\n    // children, renderContainer, targetRef, disableAdaptiveMode, size и alignTip не нужны мобильной\n    // версии и не должны попадать в DOM — исключаются из rest, который спредится на DropdownMobile.\n    children,\n    renderContainer,\n    targetRef,\n    disableAdaptiveMode,\n    size,\n    alignTip,\n    className,\n    isOpen,\n    onShow,\n    ...rest\n}) => {\n    const { elements, setTooltipOpen } = useContext(TooltipContext);\n    const tooltipRef = useRef<HTMLDivElement | null>(null);\n    const classNames = clsx(styles.tooltipMobile, { [styles.headerless]: elements.mobileHeader === null }, className);\n\n    useEffect(() => {\n        if (isOpen && tooltipRef.current) {\n            onShow?.(tooltipRef.current);\n        }\n        // onShow намеренно вне зависимостей: колбэк вызывается только на открытие подсказки,\n        // иначе нестабильная inline-функция вызывала бы его на каждый рендер.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isOpen]);\n\n    /** Рендер кнопки закрытия. */\n    const renderCloseButton = () => {\n        return (\n            <div className={styles.closeButton}>\n                <TooltipMobileCloseButton {...elements.closeButton?.props} />\n            </div>\n        );\n    };\n\n    return (\n        <>\n            {elements.target}\n            <Portal container={document.body}>\n                <DropdownMobile\n                    className={classNames}\n                    tabIndex={-1}\n                    opened={isOpen}\n                    setOpened={setTooltipOpen}\n                    {...rest}\n                    ref={tooltipRef}\n                >\n                    {elements.mobileHeader}\n                    <DropdownMobileBody className={styles.tooltipMobileContent}>\n                        {elements.body}\n                        {elements.link}\n                        {elements.mobileHeader === null && renderCloseButton()}\n                    </DropdownMobileBody>\n                </DropdownMobile>\n            </Portal>\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsBO,MAAM,gBAA+C,CAAC;AAAA;AAAA;AAAA,EAGzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,mBAAmB,WAAW,cAAc;AAC9D,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,aAAa,KAAK,OAAO,eAAe,EAAE,CAAC,OAAO,UAAU,GAAG,SAAS,iBAAiB,KAAA,GAAQ,SAAS;AAEhH,YAAU,MAAM;AACZ,QAAI,UAAU,WAAW,SAAS;AAC9B,uCAAS,WAAW;AAAA,IACxB;AAAA,EAIJ,GAAG,CAAC,MAAM,CAAC;AAGX,QAAM,oBAAoB,MAAM;;AAC5B,WACI,oBAAC,OAAA,EAAI,WAAW,OAAO,aACnB,UAAA,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,MAAA,CAAO,EAAA,CAC/D;AAAA,EAER;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,SAAS;AAAA,IACV,oBAAC,QAAA,EAAO,WAAW,SAAS,MACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ,UAAA;AAAA,UAAA,SAAS;AAAA,UACV,qBAAC,oBAAA,EAAmB,WAAW,OAAO,sBACjC,UAAA;AAAA,YAAA,SAAS;AAAA,YACT,SAAS;AAAA,YACT,SAAS,iBAAiB,QAAQ,kBAAA;AAAA,UAAkB,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/components/Tooltip/components/mobile/components/TooltipMobileHeader.js

@@ -8,8 +8,8 @@ import { EFontType, ETextSize } from "../../../../Typography/enums.js";
 const TooltipMobileHeader = ({ children, ...rest }) => {
   var _a;
   const { elements } = useContext(TooltipContext);
-  const renderCloseButton = /* @__PURE__ */ jsx(TooltipMobileCloseButton, { ...(_a = elements.closeButton) == null ? void 0 : _a.props });
-  return /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: renderCloseButton, ...rest, children: /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, type: EFontType.PRIMARY, tag: "div", children }) });
+  const closeButton = /* @__PURE__ */ jsx(TooltipMobileCloseButton, { ...(_a = elements.closeButton) == null ? void 0 : _a.props });
+  return /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: closeButton, ...rest, children: /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, type: EFontType.PRIMARY, tag: "div", children }) });
 };
 export {
   TooltipMobileHeader

package/components/Tooltip/components/mobile/components/TooltipMobileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipMobileHeader.js","sources":["../../../../../../src/components/Tooltip/components/mobile/components/TooltipMobileHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { DropdownMobileHeader } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileHeader\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { TooltipMobileCloseButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileCloseButton\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { EFontType, ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { ITooltipMobileHeaderProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Заголовок компонента TooltipMobile. */\nexport const TooltipMobileHeader: React.FC<ITooltipMobileHeaderProps> = ({ children, ...rest }) => {\n    const { elements } = useContext(TooltipContext);\n\n    /** Рендер кнопки закрытия DropdownMobile. */\n    const renderCloseButton = <TooltipMobileCloseButton {...elements.closeButton?.props} />;\n\n    return (\n        <DropdownMobileHeader controlButtons={renderCloseButton} {...rest}>\n            <Text size={ETextSize.B3} type={EFontType.PRIMARY} tag=\"div\">\n                {children}\n            </Text>\n        </DropdownMobileHeader>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,sBAA2D,CAAC,EAAE,UAAU,GAAG,WAAW;;AAC/F,QAAM,EAAE,SAAA,IAAa,WAAW,cAAc;AAG9C,QAAM,oBAAoB,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,OAAO;AAErF,6BACK,sBAAA,EAAqB,gBAAgB,mBAAoB,GAAG,MACzD,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,SAAS,KAAI,OAClD,UACL,GACJ;AAER;"}
+{"version":3,"file":"TooltipMobileHeader.js","sources":["../../../../../../src/components/Tooltip/components/mobile/components/TooltipMobileHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { DropdownMobileHeader } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileHeader\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { TooltipMobileCloseButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileCloseButton\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { EFontType, ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { ITooltipMobileHeaderProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/**\n * Заголовок компонента TooltipMobile.\n * Кнопку закрытия подставляет сам, наследуя props переданного в Tooltip TooltipXButton.\n */\nexport const TooltipMobileHeader: React.FC<ITooltipMobileHeaderProps> = ({ children, ...rest }) => {\n    const { elements } = useContext(TooltipContext);\n\n    /** Кнопка закрытия мобильной версии подсказки. */\n    const closeButton = <TooltipMobileCloseButton {...elements.closeButton?.props} />;\n\n    return (\n        <DropdownMobileHeader controlButtons={closeButton} {...rest}>\n            <Text size={ETextSize.B3} type={EFontType.PRIMARY} tag=\"div\">\n                {children}\n            </Text>\n        </DropdownMobileHeader>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,sBAA2D,CAAC,EAAE,UAAU,GAAG,WAAW;;AAC/F,QAAM,EAAE,SAAA,IAAa,WAAW,cAAc;AAG9C,QAAM,cAAc,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,OAAO;AAE/E,6BACK,sBAAA,EAAqB,gBAAgB,aAAc,GAAG,MACnD,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,SAAS,KAAI,OAClD,UACL,GACJ;AAER;"}

package/components/Tooltip/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Tooltip/enums.ts"],"sourcesContent":["/**\n * Параметры размера.\n *\n * H Высота.\n * W Ширина.\n */\nexport enum ETooltipSizeParameter {\n    H = \"h\",\n    W = \"w\",\n}\n\n/**\n * Начало координат (первые координаты).\n *\n * X икс.\n * Y игрек.\n */\nexport enum ETooltipStartCoordinates {\n    X = \"x\",\n    Y = \"y\",\n}\n\n/**\n * Конец координат (конечные координаты).\n *\n * X икс.\n * Y игрек.\n */\nexport enum ETooltipEndCoordinates {\n    X = \"x2\",\n    Y = \"y2\",\n}\n\n/**\n * Enum типов осей.\n *\n * MAIN Главная ось.\n * CROSS Вспомогательная, поперечная, перекрестная.\n */\nexport enum ETooltipAxesType {\n    MAIN = \"main\",\n    CROSS = \"cross\",\n}\n\n/**\n * Enum типов расположения элементов (flow) для flex.\n *\n * COLUMN Столбец.\n * ROW Ряд.\n */\nexport enum ETooltipFlowTypes {\n    COLUMN = \"column\",\n    ROW = \"row\",\n}\n\n/**\n * Enum типов настроек позиционирования.\n *\n * SIDE Сторона ддля типа.\n * STANDING Положение поповера относительно элемента (но это не точно).\n * FLOW Расположение элементов.\n */\nexport enum ETooltipTypeName {\n    SIDE = \"side\",\n    STANDING = \"standing\",\n    FLOW = \"flow\",\n}\n\n/**\n * Предпочитаемое место для поповера.\n *\n * ABOVE Сверху.\n * BELOW Снизу.\n * RIGHT Справа.\n * LEFT Слева.\n */\nexport enum ETooltipPreferPlace {\n    ABOVE = \"above\",\n    BELOW = \"below\",\n    RIGHT = \"right\",\n    LEFT = \"left\",\n}\n\n/**\n * Выравнивание для позиционирования (вроде как для треугольничка).\n *\n * END В конце.\n * CENTER По центру\n * START В начале.\n */\nexport enum ETooltipAlign {\n    END = \"end\",\n    CENTER = \"center\",\n    START = \"start\",\n}\n\n/**\n * Направление указателя поповера.\n *\n * UP Сверху.\n * DOWN Снизу.\n * RIGHT Справа.\n * LEFT Слева.\n */\nexport enum ETooltipDirection {\n    UP = \"up\",\n    DOWN = \"down\",\n    LEFT = \"left\",\n    RIGHT = \"right\",\n}\n\nexport enum ETooltipSize {\n    SM = \"sm\",\n    LG = \"lg\",\n}\n"],"names":["ETooltipSizeParameter","ETooltipStartCoordinates","ETooltipEndCoordinates","ETooltipAxesType","ETooltipFlowTypes","ETooltipTypeName","ETooltipPreferPlace","ETooltipAlign","ETooltipDirection","ETooltipSize"],"mappings":"AAMO,IAAK,0CAAAA,2BAAL;AACHA,yBAAA,GAAA,IAAI;AACJA,yBAAA,GAAA,IAAI;AAFI,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAWL,IAAK,6CAAAC,8BAAL;AACHA,4BAAA,GAAA,IAAI;AACJA,4BAAA,GAAA,IAAI;AAFI,SAAAA;AAAA,GAAA,4BAAA,CAAA,CAAA;AAWL,IAAK,2CAAAC,4BAAL;AACHA,0BAAA,GAAA,IAAI;AACJA,0BAAA,GAAA,IAAI;AAFI,SAAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAWL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,MAAA,IAAO;AACPA,oBAAA,OAAA,IAAQ;AAFA,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAWL,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,KAAA,IAAM;AAFE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAYL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,MAAA,IAAO;AACPA,oBAAA,UAAA,IAAW;AACXA,oBAAA,MAAA,IAAO;AAHC,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAcL,IAAK,wCAAAC,yBAAL;AACHA,uBAAA,OAAA,IAAQ;AACRA,uBAAA,OAAA,IAAQ;AACRA,uBAAA,OAAA,IAAQ;AACRA,uBAAA,MAAA,IAAO;AAJC,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAcL,IAAK,kCAAAC,mBAAL;AACHA,iBAAA,KAAA,IAAM;AACNA,iBAAA,QAAA,IAAS;AACTA,iBAAA,OAAA,IAAQ;AAHA,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAcL,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,IAAA,IAAK;AACLA,qBAAA,MAAA,IAAO;AACPA,qBAAA,MAAA,IAAO;AACPA,qBAAA,OAAA,IAAQ;AAJA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAOL,IAAK,iCAAAC,kBAAL;AACHA,gBAAA,IAAA,IAAK;AACLA,gBAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Tooltip/enums.ts"],"sourcesContent":["/**\n * Параметры размера.\n *\n * H Высота.\n * W Ширина.\n */\nexport enum ETooltipSizeParameter {\n    H = \"h\",\n    W = \"w\",\n}\n\n/**\n * Начало координат (первые координаты).\n *\n * X икс.\n * Y игрек.\n */\nexport enum ETooltipStartCoordinates {\n    X = \"x\",\n    Y = \"y\",\n}\n\n/**\n * Конец координат (конечные координаты).\n *\n * X икс.\n * Y игрек.\n */\nexport enum ETooltipEndCoordinates {\n    X = \"x2\",\n    Y = \"y2\",\n}\n\n/**\n * Enum типов осей.\n *\n * MAIN Главная ось.\n * CROSS Вспомогательная, поперечная, перекрестная.\n */\nexport enum ETooltipAxesType {\n    MAIN = \"main\",\n    CROSS = \"cross\",\n}\n\n/**\n * Enum типов расположения элементов (flow) для flex.\n *\n * COLUMN Столбец.\n * ROW Ряд.\n */\nexport enum ETooltipFlowTypes {\n    COLUMN = \"column\",\n    ROW = \"row\",\n}\n\n/**\n * Enum типов настроек позиционирования.\n *\n * SIDE Выравнивание подсказки вдоль основной оси зоны.\n * STANDING Положение подсказки относительно целевого элемента.\n * FLOW Расположение элементов (направление flex).\n */\nexport enum ETooltipTypeName {\n    SIDE = \"side\",\n    STANDING = \"standing\",\n    FLOW = \"flow\",\n}\n\n/**\n * Предпочитаемое место для поповера.\n *\n * ABOVE Сверху.\n * BELOW Снизу.\n * RIGHT Справа.\n * LEFT Слева.\n */\nexport enum ETooltipPreferPlace {\n    ABOVE = \"above\",\n    BELOW = \"below\",\n    RIGHT = \"right\",\n    LEFT = \"left\",\n}\n\n/**\n * Выравнивание указателя (стрелочки) подсказки относительно целевого элемента.\n *\n * END В конце.\n * CENTER По центру.\n * START В начале.\n */\nexport enum ETooltipAlign {\n    END = \"end\",\n    CENTER = \"center\",\n    START = \"start\",\n}\n\n/**\n * Направление указателя поповера.\n *\n * UP Сверху.\n * DOWN Снизу.\n * RIGHT Справа.\n * LEFT Слева.\n */\nexport enum ETooltipDirection {\n    UP = \"up\",\n    DOWN = \"down\",\n    LEFT = \"left\",\n    RIGHT = \"right\",\n}\n\n/**\n * Размер подсказки (ширина тела в десктопной версии).\n *\n * SM Узкая подсказка, 192px.\n * LG Широкая подсказка, 384px.\n */\nexport enum ETooltipSize {\n    SM = \"sm\",\n    LG = \"lg\",\n}\n"],"names":["ETooltipSizeParameter","ETooltipStartCoordinates","ETooltipEndCoordinates","ETooltipAxesType","ETooltipFlowTypes","ETooltipTypeName","ETooltipPreferPlace","ETooltipAlign","ETooltipDirection","ETooltipSize"],"mappings":"AAMO,IAAK,0CAAAA,2BAAL;AACHA,yBAAA,GAAA,IAAI;AACJA,yBAAA,GAAA,IAAI;AAFI,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAWL,IAAK,6CAAAC,8BAAL;AACHA,4BAAA,GAAA,IAAI;AACJA,4BAAA,GAAA,IAAI;AAFI,SAAAA;AAAA,GAAA,4BAAA,CAAA,CAAA;AAWL,IAAK,2CAAAC,4BAAL;AACHA,0BAAA,GAAA,IAAI;AACJA,0BAAA,GAAA,IAAI;AAFI,SAAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAWL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,MAAA,IAAO;AACPA,oBAAA,OAAA,IAAQ;AAFA,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAWL,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,KAAA,IAAM;AAFE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAYL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,MAAA,IAAO;AACPA,oBAAA,UAAA,IAAW;AACXA,oBAAA,MAAA,IAAO;AAHC,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAcL,IAAK,wCAAAC,yBAAL;AACHA,uBAAA,OAAA,IAAQ;AACRA,uBAAA,OAAA,IAAQ;AACRA,uBAAA,OAAA,IAAQ;AACRA,uBAAA,MAAA,IAAO;AAJC,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAcL,IAAK,kCAAAC,mBAAL;AACHA,iBAAA,KAAA,IAAM;AACNA,iBAAA,QAAA,IAAS;AACTA,iBAAA,OAAA,IAAQ;AAHA,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAcL,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,IAAA,IAAK;AACLA,qBAAA,MAAA,IAAO;AACPA,qBAAA,MAAA,IAAO;AACPA,qBAAA,OAAA,IAAQ;AAJA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAaL,IAAK,iCAAAC,kBAAL;AACHA,gBAAA,IAAA,IAAK;AACLA,gBAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;"}

package/components/Tooltip/utils/Positioning.js

@@ -36,17 +36,14 @@ const place = (flow, axis, align, bounds, size) => {
   const axisProps = axes[flow][axis];
   if (align === ETooltipAlign.CENTER) {
     return centerOfBounds(flow, axis, bounds) - centerOfSize(flow, axis, size);
-  } else {
-    if (align === ETooltipAlign.END) {
-      return bounds[axisProps.end];
-    } else {
-      if (align === ETooltipAlign.START) {
-        return bounds[axisProps.start] - size[axisProps.size];
-      } else {
-        return 0;
-      }
-    }
   }
+  if (align === ETooltipAlign.END) {
+    return bounds[axisProps.end];
+  }
+  if (align === ETooltipAlign.START) {
+    return bounds[axisProps.start] - size[axisProps.size];
+  }
+  return 0;
 };
 const calcBounds = (el) => {
   if (el === window) {
@@ -139,15 +136,19 @@ const calcRelPos = (zone, targetBounds, tooltipSize) => {
   const mainSize = tooltipSize[main.size];
   const crossStart = place(zone.flow, ETooltipAxesType.CROSS, crossAlign, targetBounds, tooltipSize);
   const crossSize = tooltipSize[cross.size];
-  const result = {
-    [cross.start]: crossStart,
+  const position = {
+    [ETooltipStartCoordinates.X]: 0,
+    [ETooltipEndCoordinates.X]: 0,
+    [ETooltipStartCoordinates.Y]: 0,
+    [ETooltipEndCoordinates.Y]: 0,
     crossLength: crossSize,
-    [cross.end]: crossStart + crossSize,
-    [main.start]: mainStart,
-    mainLength: mainSize,
-    [main.end]: mainStart + mainSize
+    mainLength: mainSize
   };
-  return result;
+  position[cross.start] = crossStart;
+  position[cross.end] = crossStart + crossSize;
+  position[main.start] = mainStart;
+  position[main.end] = mainStart + mainSize;
+  return position;
 };
 export {
   axes,