npm - @sberbusiness/triplex-next - Versions diffs - 1.40.0 → 1.41.1 - Mend

@sberbusiness/triplex-next 1.40.0 → 1.41.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (599) hide show

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

@@ -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-BKIRlstC.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 CHANGED Viewed

	@@ -1 +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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"}
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: 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":";;;;;;;;;;;;AAmCA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,kBAAkB,MAAM,GAAG;AAAA,EAC5B,CAAC,kBAAkB,GAAG,GAAG;AAC7B;AAGA,MAAM,4BAA+D;AAAA,EACjE,CAAC,kBAAkB,MAAM,GAAG;AAAA,EAC5B,CAAC,kBAAkB,GAAG,GAAG;AAC7B;AAGA,MAAM,aAA6D;AAAA,EAC/D,CAAC,oBAAoB,KAAK,GAAG,kBAAkB;AAAA,EAC/C,CAAC,oBAAoB,KAAK,GAAG,kBAAkB;AAAA,EAC/C,CAAC,oBAAoB,IAAI,GAAG,kBAAkB;AAAA,EAC9C,CAAC,oBAAoB,KAAK,GAAG,kBAAkB;AACnD;AAGA,MAAM,sBAAsB;AAE5B,MAAM,oCAAoC;AAE1C,MAAM,SAAS;AAEf,MAAM,aAAa;AAEnB,MAAM,wBAAwB;AAyBvB,MAAM,2BAA2BA,eAAM,UAA8D;AAAA,EAArG;AAAA;AAMK,gCAA2B;AAAA,MAC/B,CAAC,iBAAiB,IAAI,GAAG,kBAAkB;AAAA,MAC3C,CAAC,iBAAiB,QAAQ,GAAG,oBAAoB;AAAA,MACjD,CAAC,iBAAiB,IAAI,GAAG,cAAc;AAAA,MACvC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,CAAC,sBAAsB,CAAC,GAAG;AAAA,MAC3B,CAAC,sBAAsB,CAAC,GAAG;AAAA,IAAA;AAEvB,2CAAgC;AAAA,MACpC,CAAC,sBAAsB,CAAC,GAAG;AAAA,MAC3B,CAAC,sBAAsB,CAAC,GAAG;AAAA,IAAA;AAEvB,wCAA+B;AAAA,MACnC,CAAC,yBAAyB,CAAC,GAAG;AAAA,MAC9B,CAAC,uBAAuB,CAAC,GAAG;AAAA,MAC5B,CAAC,yBAAyB,CAAC,GAAG;AAAA,MAC9B,CAAC,uBAAuB,CAAC,GAAG;AAAA,MAC5B,CAAC,sBAAsB,CAAC,GAAG;AAAA,MAC3B,CAAC,sBAAsB,CAAC,GAAG;AAAA,IAAA;AAEvB,wCAA+B;AAAA,MACnC,CAAC,yBAAyB,CAAC,GAAG;AAAA,MAC9B,CAAC,uBAAuB,CAAC,GAAG;AAAA,MAC5B,CAAC,yBAAyB,CAAC,GAAG;AAAA,MAC9B,CAAC,uBAAuB,CAAC,GAAG;AAAA,MAC5B,CAAC,sBAAsB,CAAC,GAAG;AAAA,MAC3B,CAAC,sBAAsB,CAAC,GAAG;AAAA,IAAA;AAGvB,mCAAUA,eAAM,UAAA;AAChB,kCAASA,eAAM,UAAA;AAEf,iCAA4B;AAC5B,kCAA6B;AAC7B,uCAAqC;AACrC,sCAAa;AACb,kDAAwC;AACxC,kDAAwC;AACxC,+CAAqC;AAEtC,iCAAkC;AAAA,MACrC,SAAS;AAAA;AAAA,MACT,QAAQ,KAAK,MAAM;AAAA;AAAA,MACnB,mBAAmB,KAAK,MAAM;AAAA;AAAA,MAC9B,UAAU,oBAAoB;AAAA,IAAA;AAoE1B;AAAA,uCAAc,MAAM;AACxB,UAAI,KAAK,MAAM,SAAS;AACpB,aAAK,gBAAA;AAAA,MACT;AACA,WAAK,SAAS,EAAE,QAAQ,MAAM,mBAAmB,MAAM;AAAA,IAC3D;AAGQ;AAAA,iCAAQ,MAAM;AAClB,WAAK,SAAS,EAAE,QAAQ,MAAA,CAAO;AAAA,IACnC;AAGQ;AAAA,iCAAQ,MAAM;AAClB,WAAK,aAAA;AACL,WAAK,aAAA;AACL,UAAI,KAAK,MAAM,UAAU,KAAK,aAAa;AACvC,aAAK,MAAM,OAAO,KAAK,WAAW;AAAA,MACtC;AAAA,IACJ;AAGQ;AAAA,gCAAO,MAAM;AACjB,WAAK,YAAA;AACL,WAAK,eAAA;AAAA,IACT;AAGQ;AAAA,0CAAiB,CAAC,SAAgC;AACtD,YAAM,EAAE,kBAAkB,KAAK;AAE/B,UAAI,MAAM;AAEN,aAAK,SAAS,KAAK,QAAQ;AAC3B,aAAK,QAAQ,KAAK,OAAO;AAAA,MAC7B;AAEA,WAAK,cAAc;AAEnB,qDAAgB,KAAK;AAAA,IACzB;AAGQ;AAAA,gDAAuB,MAAM;AACjC,UAAI,CAAC,KAAK,aAAa;AACnB;AAAA,MACJ;AAEA,YAAM,EAAE,aAAa,KAAK;AAI1B,YAAM,OAAO;AAAA,QACT,KAAK,MAAM;AAAA,QACX,KAAK;AAAA,QACL,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,UACI,GAAG,KAAK,gBAAgB,IAAI;AAAA,UAC5B,GAAG,KAAK,gBAAgB,IAAI;AAAA,QAAA;AAAA,MAChC;AAGJ,WAAK,OAAO;AAEZ,WAAK,SAAS;AAAA,QACV,UAAU,KAAK;AAAA,MAAA,CAClB;AAED,YAAM,OAAO,KAAK,KAAK,IAAI;AAI3B,YAAM,cAAc,EAAE,GAAG,KAAK,gBAAA;AAC9B,kBAAY,KAAK,SAAS,kBAAkB,MAAM,sBAAsB,IAAI,sBAAsB,CAAC,KAC/F;AAMJ,YAAM,MAAM,WAAW,MAAM,KAAK,cAAc,WAAW;AAG3D,UAAI,KAAK,KAAK,KAAK,KAAK,SAAS,KAAK;AAEtC,UAAI,0BAA0B;AAC9B,UAAI,KAAK,QAAQ;AACb,kCAA0B,KAAK,MAAM,WAAW,iBAAiB,KAAK,MAAM,EAAE,YAAY,CAAC,KAAK;AAAA,MACpG;AAKA,YAAM,cAAc,aAAa;AACjC,YAAM,sBAAsB,0BAA0B,IAAI,aAAa,IAAI;AAC3E,YAAM,kBAAkB,KAAK,aAAa,KAAK,MAAM,KAAK;AAC1D,YAAM,gBAAgB,KAAK,aAAa,KAAK,MAAM,GAAG;AACtD,YAAM,mBAAmB,KAAK,aAAa,KAAK,MAAM,IAAI;AAC1D,YAAM,wBAAwB,mBAAmB,cAAc;AAC/D,YAAM,uBAAuB,kBAAkB;AAC/C,YAAM,qBAAqB,gBAAgB;AAC3C,YAAM,oBAAoB,IAAI,KAAK,MAAM,KAAK;AAC9C,YAAM,kBAAkB,IAAI,KAAK,MAAM,GAAG;AAE1C,UAAI,aAAa,cAAc,OAAO;AAClC,YAAI,KAAK,MAAM,KAAK,IAChB,KAAK,aAAa,KAAK,MAAM,GAAG,IAChC,wBACA,aACA,KAAK,aAAa,KAAK,MAAM,IAAI,IAAI;AAAA,MAC7C,WAAW,aAAa,cAAc,KAAK;AACvC,YAAI,KAAK,MAAM,KAAK,IAChB,KAAK,aAAa,KAAK,MAAM,KAAK,IAClC,YAAY,KAAK,MAAM,IAAI,IAC3B,wBACA,aACA,KAAK,aAAa,KAAK,MAAM,IAAI,IAAI;AAAA,MAC7C,WAAW,IAAI,cAAc,kBAAkB;AAK3C,YAAI,KAAK,MAAM,KAAK,IAAI;AAAA,MAG5B,WAAW,KAAK,aAAa,KAAK,MAAM,GAAG,IAAI,qBAAqB;AAChE,YAAI,KAAK,MAAM,KAAK,IAAI,KAAK,aAAa,KAAK,MAAM,GAAG,IAAI;AAAA,MAMhE,WAAW,KAAK,aAAa,KAAK,MAAM,KAAK,IAAI,oBAAoB;AACjE,YAAI,KAAK,MAAM,KAAK,IAAI,KAAK,aAAa,KAAK,MAAM,KAAK,IAAI,YAAY,KAAK,MAAM,IAAI;AAAA,MAK7F,WAAW,IAAI,cAAc,uBAAuB;AAChD,YAAI,KAAK,MAAM,KAAK,KAAK,mBAAmB,IAAI,eAAe;AAAA,MACnE,WAAW,oBAAoB,sBAAsB;AACjD,YAAI,KAAK,MAAM,KAAK,IAAI;AAAA,MAC5B,WAAW,kBAAkB,oBAAoB;AAC7C,YAAI,KAAK,MAAM,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI;AAAA,MAC3E;AAMA,WAAK,YAAY,MAAM,WAAW,KAAK;AACvC,UAAI,KAAK,QAAQ;AACb,aAAK,OAAO,MAAM,QAAQ,KAAK,MAAM,SAAA;AAAA,MACzC;AAGA,WAAK,YAAY,MAAM,MAAM,GAAG,IAAI,CAAC;AACrC,WAAK,YAAY,MAAM,OAAO,GAAG,IAAI,CAAC;AAGtC,UAAI,cACA,yBAAyB,KAAK,MAAM,iBAAiB,OAAO,KAAK,cAAc,GAAG,IAAI;AAE1F,UAAI,cAAc,uBAAuB;AACrC,sBAAc;AAAA,MAClB,WAAW,cAAc,IAAI,cAAc,wBAAwB,aAAa,GAAG;AAC/E,sBAAc,IAAI,cAAc,wBAAwB,aAAa;AAAA,MACzE;AAEA,UAAI,KAAK,OAAO;AACZ,aAAK,MAAM,MAAM,YAAY,GAAG,sBAAsB,KAAK,IAAI,CAAC,IAAI,WAAW;AAC/E,aAAK,MAAM,MAAM,cAAc,GAAG,UAAU;AAAA,MAChD;AAAA,IACJ;AAGQ;AAAA,yDAAgC,MAAM;AAC1C,YAAM,EAAE,cAAc,KAAK;AAE3B,UAAI,CAAC,UAAU,SAAS;AACpB,eAAO;AAAA,MACX;AAEA,YAAM,kBAAkB,WAAW,UAAU,OAAO;AACpD,UAAI,KAAK,gBAAgB,YAAY,KAAK,cAAc,eAAe,GAAG;AACtE,eAAO;AAAA,MACX;AAEA,WAAK,eAAe;AACpB,aAAO;AAAA,IACX;AAGQ;AAAA,iDAAwB,MAAM;AAClC,UAAI,KAAK,iCAAiC;AACtC,aAAK,qBAAA;AAAA,MACT;AAAA,IACJ;AAGQ;AAAA,8CAAqB,MAAM;AAC/B,UAAI,CAAC,KAAK,QAAQ;AACd;AAAA,MACJ;AAEA,WAAK,kBAAkB,EAAE,GAAG,KAAK,OAAO,aAAa,GAAG,KAAK,OAAO,aAAA;AAAA,IACxE;AAGQ;AAAA,2CAAkB,MAAM;AAC5B,UAAI,KAAK,wBAAwB;AAC7B,eAAO,aAAa,KAAK,sBAAsB;AAAA,MACnD;AACA,UAAI,KAAK,wBAAwB;AAC7B,eAAO,aAAa,KAAK,sBAAsB;AAAA,MACnD;AACA,WAAK,SAAS,EAAE,SAAS,MAAA,CAAO;AAAA,IACpC;AAGQ;AAAA,uCAAc,MAAM;AACxB,WAAK,SAAS,EAAE,SAAS,KAAA,CAAM;AAC/B,WAAK,yBAAyB,OAAO,WAAW,MAAM;AAClD,eAAO,WAAW,MAAM;AACpB,cAAI,CAAC,KAAK,aAAa;AACnB;AAAA,UACJ;AACA,eAAK,YAAY,MAAM,YAAY,GAAG,0BAA0B,KAAK,KAAK,IAAI,CAAC,IAC3E,KAAK,KAAK,QAAQ,EACtB;AACA,eAAK,YAAY,MAAM,UAAU;AAAA,QACrC,GAAG,CAAC;AAAA,MACR,GAAG,CAAC;AAEJ,WAAK,yBAAyB,OAAO,WAAW,MAAM;AAClD,aAAK,SAAS,EAAE,SAAS,OAAO,mBAAmB,OAAO;AAAA,MAC9D,GAAG,iCAAiC;AAAA,IACxC;AAGQ;AAAA,wCAAe,MAAM;AACzB,UAAI,CAAC,KAAK,aAAa;AACnB;AAAA,MACJ;AAGA,WAAK,YAAY,MAAM,YAAY,GAAG,0BAA0B,KAAK,KAAK,IAAI,CAAC,IAAI,KAAK,KAAK,QAAQ,EAAE;AACvG,WAAK,YAAY,MAAM,UAAU;AAMjC,WAAK,YAAY;AAEjB,UAAI,KAAK,OAAO;AACZ,aAAK,MAAM,MAAM,aAAa;AAAA,MAClC;AACA,WAAK,YAAY,MAAM,qBAAqB;AAC5C,WAAK,YAAY,MAAM,qBAAqB;AAC5C,WAAK,YAAY,MAAM,2BAA2B;AAClD,WAAK,YAAY,MAAM,UAAU;AACjC,WAAK,YAAY,MAAM,YAAY;AAAA,IACvC;AAGQ;AAAA,wCAAe,MAAM;AACzB,UAAI,CAAC,KAAK,aAAa;AACnB;AAAA,MACJ;AACA,WAAK,aAAa;AAGlB,WAAK,sBAAsB,OAAO,YAAY,KAAK,uBAAuB,mBAAmB;AAQ7F,aAAO,iBAAiB,UAAU,KAAK,cAAc;AACrD,aAAO,iBAAiB,UAAU,KAAK,cAAc;AAGrD,WAAK,eAAe,WAAW,MAAM;AACrC,WAAK,mBAAA;AACL,WAAK,8BAAA;AACL,WAAK,qBAAA;AAAA,IACT;AAGQ;AAAA,0CAAiB,MAAM;AAC3B,UAAI,CAAC,KAAK,aAAa;AACnB;AAAA,MACJ;AACA,UAAI,KAAK,qBAAqB;AAC1B,eAAO,cAAc,KAAK,mBAAmB;AAAA,MACjD;AACA,aAAO,oBAAoB,UAAU,KAAK,cAAc;AACxD,aAAO,oBAAoB,UAAU,KAAK,cAAc;AACxD,WAAK,aAAa;AAAA,IACtB;AAGQ;AAAA,0CAAiB,MAAM;AAC3B,WAAK,8BAAA;AACL,WAAK,qBAAA;AAAA,IACT;AAGQ;AAAA,0CAAiB,MAAM;AAC3B,WAAK,eAAe,WAAW,MAAM;AACrC,WAAK,qBAAA;AAAA,IACT;AAGQ;AAAA,yCAAgB,MAA0B;AAC9C,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,IACH,KAAK;AACT,YAAM,EAAE,aAAa,KAAK;AAE1B,YAAM,YAAY,SAAS,aAAa,KAAK,OAAO,YAAY,OAAO;AACvE,YAAM,aAAa;AAAA,QACf,OAAO;AAAA,QACP;AAAA,QACA,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAS,YAAA;AAAA,QAChC;AAAA,MAAA;AAGJ,aACI,oBAAC,OAAA,EAAI,WAAW,OAAO,gBACnB,UAAA,qBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,KAAK,KAAK,gBAC5C,UAAA;AAAA,QAAA,qBAAC,SAAI,WAAW,OAAO,uBAAuB,KAAK,KAAK,SACnD,UAAA;AAAA,UAAA,SAAS;AAAA,UACT,SAAS;AAAA,UACT,SAAS;AAAA,QAAA,GACd;AAAA,QACA,oBAAC,mBAAA,EAAkB,WAAW,WAAW,KAAK,MAAM,QAAQ,GAAG,KAAK,KAAK,OAAA,CAAQ;AAAA,MAAA,EAAA,CACrF,EAAA,CACJ;AAAA,IAER;AAAA;AAAA,EApaO,SAAS;AACZ,UAAM,EAAE,oBAAoB,KAAK;AACjC,UAAM,EAAE,sBAAsB,KAAK;AACnC,UAAM,EAAE,aAAa,KAAK;AAE1B,WACI,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,SAAS;AAAA,MACT,yCACI,QAAA,EAAO,WAAW,mBAAmB,SAAS,MAAO,UAAA,KAAK,cAAA,EAAc,CAAE;AAAA,IAAA,GAEnF;AAAA,EAER;AAAA,EAEO,oBAA0B;AAC7B,QAAI,KAAK,MAAM,QAAQ;AACnB,WAAK,MAAA;AAAA,IACT;AAAA,EACJ;AAAA,EAEO,mBAAmB,WAAqC,WAA2C;AACtG,UAAM,QAAQ,KAAK;AACnB,UAAM,QAAQ,KAAK;AAEnB,UAAM,WAAW,CAAC,UAAU,UAAU,MAAM;AAC5C,UAAM,YAAY,UAAU,UAAU,CAAC,MAAM;AAE7C,QAAI,UAAU;AACV,WAAK,YAAA;AACL;AAAA,IACJ,WAAW,WAAW;AAClB,WAAK,MAAA;AACL;AAAA,IACJ;AAEA,UAAM,UAAU,CAAC,UAAU,UAAU,MAAM;AAC3C,UAAM,WAAW,UAAU,UAAU,CAAC,MAAM;AAE5C,QAAI,SAAS;AACT,WAAK,MAAA;AACL;AAAA,IACJ,WAAW,UAAU;AACjB,WAAK,KAAA;AACL;AAAA,IACJ;AAEA,QAAI,MAAM,UAAU,CAAC,QAAQ,UAAU,UAAU,MAAM,QAAQ,GAAG;AAC9D,WAAK,mBAAA;AACL,WAAK,8BAAA;AACL,WAAK,qBAAA;AAAA,IACT;AAAA,EACJ;AAAA,EAEO,uBAA6B;AAGhC,SAAK,gBAAA;AAEL,QAAI,KAAK,YAAY;AACjB,WAAK,eAAA;AAAA,IACT;AAAA,EACJ;AAuWJ;AA1dI,cADS,oBACK,eAAc;AAC5B,cAFS,oBAEK,eAAc;"}

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

@@ -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-BKIRlstC.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 CHANGED Viewed

	@@ -1 +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;"}
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/** Класс модификатора для каждого направления указателя. /\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 CHANGED Viewed

@@ -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__0bd6f18d";
+const tooltipMobileContent = "tooltipMobileContent__bfd02a86";
+const headerless = "headerless__efabda76";
+const closeButton = "closeButton__7f7bb806";
 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 CHANGED Viewed

	@@ -1 +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;"}
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/\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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/*\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 CHANGED Viewed

	@@ -1 +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;"}
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 Расположение элементов (направление 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 CHANGED Viewed

@@ -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,