@sberbusiness/triplex-next 0.39.0 → 0.41.0

package/components/Tooltip/components/common/TooltipTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTarget.js","sources":["../../../../../src/components/Tooltip/components/common/TooltipTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { ITooltipTargetProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Целевой элемент компонента Tooltip. */\nexport const TooltipTarget: React.FC<ITooltipTargetProps> = ({ children }) => {\n    const { toggleType, tooltipOpen, targetHoveredRef, setTooltipOpen } = useContext(TooltipContext);\n    const child = React.Children.only(children);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (onKeyDown?: React.KeyboardEventHandler) => (event: React.KeyboardEvent) => {\n        const key = event.code || event.keyCode;\n\n        if (isKey(key, \"TAB\")) {\n            if (tooltipOpen) {\n                setTooltipOpen(false);\n            }\n        }\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик клика. */\n    const handleClick = (onClick?: React.MouseEventHandler) => (event: React.MouseEvent) => {\n        if (\n            toggleType === \"click\" ||\n            (toggleType === \"hover\" && !targetHoveredRef.current && event.currentTarget.contains(event.target as Node))\n        ) {\n            setTooltipOpen(!tooltipOpen);\n        }\n        onClick?.(event);\n    };\n\n    if (React.isValidElement<React.HTMLAttributes<Element>>(child)) {\n        return React.cloneElement(child, {\n            onClick: handleClick(child.props.onClick),\n            onKeyDown: handleKeyDown(child.props.onKeyDown),\n        });\n    }\n\n    return child;\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,gBAA+C,CAAC,EAAE,eAAe;AAC1E,QAAM,EAAE,YAAY,aAAa,kBAAkB,eAAA,IAAmB,WAAW,cAAc;AAC/F,QAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAG1C,QAAM,gBAAgB,CAAC,cAA2C,CAAC,UAA+B;AAC9F,UAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,QAAI,MAAM,KAAK,KAAK,GAAG;AACnB,UAAI,aAAa;AACb,uBAAe,KAAK;AAAA,MACxB;AAAA,IACJ;AACA,2CAAY;AAAA,EAChB;AAGA,QAAM,cAAc,CAAC,YAAsC,CAAC,UAA4B;AACpF,QACI,eAAe,WACd,eAAe,WAAW,CAAC,iBAAiB,WAAW,MAAM,cAAc,SAAS,MAAM,MAAc,GAC3G;AACE,qBAAe,CAAC,WAAW;AAAA,IAC/B;AACA,uCAAU;AAAA,EACd;AAEA,MAAI,MAAM,eAA8C,KAAK,GAAG;AAC5D,WAAO,MAAM,aAAa,OAAO;AAAA,MAC7B,SAAS,YAAY,MAAM,MAAM,OAAO;AAAA,MACxC,WAAW,cAAc,MAAM,MAAM,SAAS;AAAA,IAAA,CACjD;AAAA,EACL;AAEA,SAAO;AACX;"}
+{"version":3,"file":"TooltipTarget.js","sources":["../../../../../src/components/Tooltip/components/common/TooltipTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { ITooltipTargetProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/**\n * Целевой элемент компонента Tooltip.\n * Не рендерит собственную разметку: клонирует единственный дочерний элемент,\n * добавляя ему обработчики открытия подсказки. Собственные onClick/onKeyDown ребёнка сохраняются.\n */\nexport const TooltipTarget: React.FC<ITooltipTargetProps> = ({ children }) => {\n    const { toggleType, tooltipOpen, targetHoveredRef, setTooltipOpen } = useContext(TooltipContext);\n    const child = React.Children.only(children);\n\n    /** Обработчик нажатия клавиши. */\n    const handleKeyDown = (onKeyDown?: React.KeyboardEventHandler) => (event: React.KeyboardEvent) => {\n        const key = event.code || event.keyCode;\n\n        if (isKey(key, \"TAB\")) {\n            if (tooltipOpen) {\n                setTooltipOpen(false);\n            }\n        }\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик клика. */\n    const handleClick = (onClick?: React.MouseEventHandler) => (event: React.MouseEvent) => {\n        if (\n            toggleType === \"click\" ||\n            (toggleType === \"hover\" && !targetHoveredRef.current && event.currentTarget.contains(event.target as Node))\n        ) {\n            setTooltipOpen(!tooltipOpen);\n        }\n        onClick?.(event);\n    };\n\n    if (React.isValidElement<React.HTMLAttributes<Element>>(child)) {\n        return React.cloneElement(child, {\n            onClick: handleClick(child.props.onClick),\n            onKeyDown: handleKeyDown(child.props.onKeyDown),\n        });\n    }\n\n    return child;\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,gBAA+C,CAAC,EAAE,eAAe;AAC1E,QAAM,EAAE,YAAY,aAAa,kBAAkB,eAAA,IAAmB,WAAW,cAAc;AAC/F,QAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAG1C,QAAM,gBAAgB,CAAC,cAA2C,CAAC,UAA+B;AAC9F,UAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,QAAI,MAAM,KAAK,KAAK,GAAG;AACnB,UAAI,aAAa;AACb,uBAAe,KAAK;AAAA,MACxB;AAAA,IACJ;AACA,2CAAY;AAAA,EAChB;AAGA,QAAM,cAAc,CAAC,YAAsC,CAAC,UAA4B;AACpF,QACI,eAAe,WACd,eAAe,WAAW,CAAC,iBAAiB,WAAW,MAAM,cAAc,SAAS,MAAM,MAAc,GAC3G;AACE,qBAAe,CAAC,WAAW;AAAA,IAC/B;AACA,uCAAU;AAAA,EACd;AAEA,MAAI,MAAM,eAA8C,KAAK,GAAG;AAC5D,WAAO,MAAM,aAAa,OAAO;AAAA,MAC7B,SAAS,YAAY,MAAM,MAAM,OAAO;AAAA,MACxC,WAAW,cAAc,MAAM,MAAM,SAAS;AAAA,IAAA,CACjD;AAAA,EACL;AAEA,SAAO;AACX;"}

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext } from "react";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { TooltipContext } from "../../TootlipContext.js";
 import { ButtonIcon } from "../../../Button/ButtonIcon.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-BW_tN5pN.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-D22gy-42.js";
 const TooltipXButton = ({ onClick, ...rest }) => {
   const { setTooltipOpen } = useContext(TooltipContext);
   const handleClick = (event) => {

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

@@ -6,11 +6,13 @@ import React from "react";
 import { TooltipDesktopBase } from "./components/TooltipDesktopBase.js";
 import { TooltipContext } from "../../TootlipContext.js";
 import { isKey } from "../../../../utils/keyboard.js";
+const HOVER_CLOSE_DELAY_MS = 500;
 class TooltipDesktop extends React.Component {
   constructor() {
     super(...arguments);
     __publicField(this, "tooltip", null);
     __publicField(this, "timeout");
+    /** Сохранение ноды подсказки и подписка её на события наведения. */
     __publicField(this, "setTooltipRef", (node) => {
       const { toggleType } = this.props;
       if (node && toggleType === "hover") {
@@ -18,7 +20,7 @@ class TooltipDesktop extends React.Component {
       }
       this.tooltip = node;
     });
-    // Закрываем Tooltip при клике за его пределами.
+    /** Закрытие подсказки при действии мышью за её пределами. */
     __publicField(this, "closeIfOuterAction", (event) => {
       const { targetRef } = this.props;
       const { setTooltipOpen } = this.context;
@@ -30,21 +32,24 @@ class TooltipDesktop extends React.Component {
         }
       }
     });
-    // Закрываем Tooltip по нажатию Esc
+    /** Закрытие подсказки по нажатию Escape. */
     __publicField(this, "closeIfEscapeKey", (event) => {
       const key = event.code || event.keyCode;
       if (isKey(key, "ESCAPE")) {
         this.context.setTooltipOpen(false);
       }
     });
+    /** Подписка элемента на события наведения. */
     __publicField(this, "addHoverListeners", (element) => {
       element.addEventListener("mouseenter", this.handleMouseEnter);
       element.addEventListener("mouseleave", this.handleMouseLeave);
     });
+    /** Отписка элемента от событий наведения. */
     __publicField(this, "removeHoverListeners", (element) => {
       element.removeEventListener("mouseenter", this.handleMouseEnter);
       element.removeEventListener("mouseleave", this.handleMouseLeave);
     });
+    /** Обработчик наведения курсора на целевой элемент или на саму подсказку. */
     __publicField(this, "handleMouseEnter", () => {
       const { tooltipOpen, targetHoveredRef, setTooltipOpen } = this.context;
       if (!tooltipOpen) {
@@ -53,11 +58,12 @@ class TooltipDesktop extends React.Component {
       }
       clearTimeout(this.timeout);
     });
+    /** Обработчик ухода курсора: подсказка закрывается с задержкой, чтобы курсор успел дойти до неё. */
     __publicField(this, "handleMouseLeave", () => {
       const { setTooltipOpen } = this.context;
       this.timeout = window.setTimeout(() => {
         setTooltipOpen(false);
-      }, 500);
+      }, HOVER_CLOSE_DELAY_MS);
     });
   }
   render() {
@@ -65,9 +71,9 @@ class TooltipDesktop extends React.Component {
     return /* @__PURE__ */ jsx(TooltipDesktopBase, { ...rest, setTooltipRef: this.setTooltipRef });
   }
   componentDidMount() {
-    const { toggleType, targetRef } = this.props;
-    if (this.props.isOpen) {
-      document.addEventListener("click", this.closeIfOuterAction);
+    const { toggleType, targetRef, isOpen } = this.props;
+    if (isOpen) {
+      document.addEventListener("mousedown", this.closeIfOuterAction);
       document.addEventListener("keydown", this.closeIfEscapeKey);
     }
     if (targetRef.current && toggleType === "hover") {
@@ -85,15 +91,16 @@ class TooltipDesktop extends React.Component {
     if (isClosed) {
       document.removeEventListener("mousedown", this.closeIfOuterAction);
       document.removeEventListener("keydown", this.closeIfEscapeKey);
-      if (this.props.toggleType === "hover") {
+      if (this.props.toggleType === "hover" && this.tooltip) {
         this.removeHoverListeners(this.tooltip);
       }
     }
-    if (targetRef.current && prevProps.toggleType != this.props.toggleType) {
+    if (prevProps.toggleType !== this.props.toggleType) {
+      const elements = [targetRef.current, this.tooltip];
       if (this.props.toggleType === "hover") {
-        this.addHoverListeners(targetRef.current);
+        elements.forEach((element) => element && this.addHoverListeners(element));
       } else if (prevProps.toggleType === "hover") {
-        this.removeHoverListeners(targetRef.current);
+        elements.forEach((element) => element && this.removeHoverListeners(element));
       }
     }
   }
@@ -101,8 +108,13 @@ class TooltipDesktop extends React.Component {
     const { toggleType, targetRef } = this.props;
     document.removeEventListener("mousedown", this.closeIfOuterAction);
     document.removeEventListener("keydown", this.closeIfEscapeKey);
-    if (targetRef.current && toggleType === "hover") {
-      this.removeHoverListeners(targetRef.current);
+    if (toggleType === "hover") {
+      if (targetRef.current) {
+        this.removeHoverListeners(targetRef.current);
+      }
+      if (this.tooltip) {
+        this.removeHoverListeners(this.tooltip);
+      }
     }
     clearTimeout(this.timeout);
   }

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":[],"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":[],"mappings":"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"}

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

@@ -3,20 +3,20 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React from "react";
-import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-DKrjZZwJ.js";
+import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.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-BW_tN5pN.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-D22gy-42.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.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.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.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.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.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.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.Component {
       }
       this.setState({ exiting: false });
     });
-    // Анимация исчезновения
+    /** Анимация исчезновения. */
     __publicField(this, "animateExit", () => {
       this.setState({ exiting: true });
       this.exitingAnimationTimer2 = window.setTimeout(() => {
@@ -238,7 +239,7 @@ class TooltipDesktopBase extends React.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.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.Component {
       this.setAndCheckResizeTargetBounds();
       this.resolveTooltipLayout();
     });
-    // Отписка от отслеживания поповера
+    /** Отписка от отслеживания положения подсказки. */
     __publicField(this, "untrackTooltip", () => {
       if (!this.tooltipNode) {
         return;
@@ -281,17 +282,17 @@ class TooltipDesktopBase extends React.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.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":[],"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":[],"mappings":"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"}

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

@@ -1,26 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ETooltipDirection } from "../../../enums.js";
-import { c as clsx } from "../../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BW_tN5pN.js";
+import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-D22gy-42.js";
+const DIRECTION_CLASS_NAMES = {
+  [ETooltipDirection.UP]: styles.up,
+  [ETooltipDirection.DOWN]: styles.down,
+  [ETooltipDirection.LEFT]: styles.left,
+  [ETooltipDirection.RIGHT]: styles.right
+};
 const TooltipDesktopTip = React.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":[],"mappings":";;;;;AAcO,MAAM,oBAAoB,MAAM,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":[],"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,oBAAoB,MAAM,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;"}