@sberbusiness/triplex-next 1.40.0 → 1.41.1

package/components/Tooltip/utils/Positioning.js.map

@@ -1 +1 @@
-{"version":3,"file":"Positioning.js","sources":["../../../../src/components/Tooltip/utils/Positioning.ts"],"sourcesContent":["import {\n    ETooltipAlign,\n    ETooltipAxesType,\n    ETooltipEndCoordinates,\n    ETooltipFlowTypes,\n    ETooltipPreferPlace,\n    ETooltipSizeParameter,\n    ETooltipStartCoordinates,\n    ETooltipTypeName,\n} from \"@sberbusiness/triplex-next/components/Tooltip/enums\";\nimport {\n    ITooltipAxes,\n    ITooltipBounds,\n    ITooltipDomainSize,\n    ITooltipRelPosition,\n    ITooltipSize,\n} from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/**\n *  Значение на которое должен отступать тултип от границы экрана сверху и снизу.\n */\nconst WINDOW_OFFSET = 8;\n\n/**\n * Сравнивает координаты. По сути shadowEqual, но она делает лишние проверки, здесь мы ограничваемся только обьектом\n * координат.\n * @param {ITooltipBounds} o1 Сравниваемые координаты.\n * @param {ITooltipBounds} o2 Координаты для сравнения.\n */\nconst equalCoords = (o1: ITooltipBounds, o2: ITooltipBounds) => {\n    return o1.h === o2.h && o1.w === o2.w && o1.x === o2.x && o1.y === o2.y && o1.x2 === o2.x2 && o1.y2 === o2.y2;\n};\n\n/**\n * Система осей\n * Позволяет работать в разных ориентациях без необходимости вручную отслеживать используется x или y координаты.\n */\nconst axes: ITooltipAxes = {\n    column: {\n        cross: {\n            end: ETooltipEndCoordinates.X,\n            size: ETooltipSizeParameter.W,\n            start: ETooltipStartCoordinates.X,\n        },\n        main: {\n            end: ETooltipEndCoordinates.Y,\n            size: ETooltipSizeParameter.H,\n            start: ETooltipStartCoordinates.Y,\n        },\n    },\n    row: {\n        cross: {\n            end: ETooltipEndCoordinates.Y,\n            size: ETooltipSizeParameter.H,\n            start: ETooltipStartCoordinates.Y,\n        },\n        main: {\n            end: ETooltipEndCoordinates.X,\n            size: ETooltipSizeParameter.W,\n            start: ETooltipStartCoordinates.X,\n        },\n    },\n};\n\n/**\n * Найти центр для заданного размера.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ITooltipSize} size размер.\n *\n * @return {number} Середина размера.\n */\nconst centerOfSize = (flow: ETooltipFlowTypes, axis: ETooltipAxesType, size: ITooltipSize): number =>\n    size[axes[flow][axis].size] / 2;\n\n/**\n * Найти центр для заданных границ.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ITooltipBounds} bounds Границы.\n */\nconst centerOfBounds = (flow: ETooltipFlowTypes, axis: ETooltipAxesType, bounds: ITooltipBounds): number =>\n    bounds[axes[flow][axis].start] + bounds[axes[flow][axis].size] / 2;\n\n/**\n * Расстояние от центра до центра границ.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ITooltipBounds} boundsTo Границы от.\n * @param {ITooltipBounds} boundsFrom Границы до.\n */\nconst centerOfBoundsFromBounds = (\n    flow: ETooltipFlowTypes,\n    axis: ETooltipAxesType,\n    boundsTo: ITooltipBounds,\n    boundsFrom: ITooltipRelPosition,\n): number => centerOfBounds(flow, axis, boundsTo) - boundsFrom[axes[flow][axis].start];\n\n/**\n * Возвращет координаты для выравнивания.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ETooltipAlign} align Выравнивание для позиционирования.\n * @param {ITooltipBounds} bounds Границы.\n * @param {ITooltipSize} size размер.\n */\nconst place = (\n    flow: ETooltipFlowTypes,\n    axis: ETooltipAxesType,\n    align: ETooltipAlign,\n    bounds: ITooltipBounds,\n    size: ITooltipSize,\n): number => {\n    const axisProps = axes[flow][axis];\n\n    if (align === ETooltipAlign.CENTER) {\n        return centerOfBounds(flow, axis, bounds) - centerOfSize(flow, axis, size);\n    } else {\n        if (align === ETooltipAlign.END) {\n            return bounds[axisProps.end];\n        } else {\n            /* Рендеринг дома левосторонний. Поэтому если вспомогательный элемент спозиционирован перед основным, то\n                расположение вспомогательного должно быть с дополнительным отступом на его (вспомогательного) длину.*/\n            if (align === ETooltipAlign.START) {\n                return bounds[axisProps.start] - size[axisProps.size];\n            } else {\n                return 0;\n            }\n        }\n    }\n};\n\n// Расчеты размеров элемента\n/**\n * Поиск границ элемента.\n * @param {HTMLElement | Window} el Элемент, для которого ищутся границы.\n */\nconst calcBounds = (el: HTMLElement | Window): ITooltipBounds => {\n    if (el === window) {\n        return {\n            h: el.innerHeight,\n            w: el.innerWidth,\n            x: 0,\n            x2: el.innerWidth,\n            y: 0,\n            y2: el.innerHeight,\n        };\n    }\n\n    const b = (el as HTMLElement).getBoundingClientRect();\n\n    return {\n        h: b.bottom - b.top,\n        w: b.right - b.left,\n        x: b.left,\n        x2: b.right,\n        y: b.top,\n        y2: b.bottom,\n    };\n};\n\n/**\n * Проверка помещается ли элемент в область.\n * @param {ETooltipSizeParameter} dimension Тип координаты для сравнения (высота/ширина).\n */\nconst fitWithinChecker =\n    (dimension: ETooltipSizeParameter) =>\n    (domainSize: ITooltipDomainSize, itemSize: ITooltipSize): boolean =>\n        domainSize[dimension] >= itemSize[dimension];\n\nconst doesWidthFitWithin = fitWithinChecker(ETooltipSizeParameter.W);\nconst doesHeightFitWithin = fitWithinChecker(ETooltipSizeParameter.H);\n\nconst doesFitWithin = (domainSize: ITooltipDomainSize, itemSize: ITooltipSize): boolean =>\n    doesWidthFitWithin(domainSize, itemSize) && doesHeightFitWithin(domainSize, itemSize);\n\n/**\n * Алгоритм выбора наиболее подходящей зоны для тултипа. Текущий подход: в цикле пройти все зоны и выбрать\n * последнюю, что подходит, если ни одна не походит, выбрать наименее непоходящую.\n *\n * @param {ETooltipPreferPlace | undefined} preferPlace Предпочитаемое место расположение тултипа.\n * @param {ITooltipBounds} windowBounds Границы окна.\n * @param {ITooltipBounds} targetBounds Границы элемента, который обернут в тултип.\n * @param {number} tipHeight Высота Tip (стрелочки), px.\n * @param {number} maxFromEdgeForTip Уголок бегает по периметру максимально на 16 px от края.\n * @param {ITooltipSize} tooltipSize Размеры тултипа.\n *\n * @return {ITooltipDomainSize} Размеры области с параметрами.\n */\nconst pickZone = (\n    preferPlace: ETooltipPreferPlace | undefined,\n    windowBounds: ITooltipBounds,\n    targetBounds: ITooltipBounds,\n    tipHeight: number,\n    maxFromEdgeForTip: number,\n    tooltipSize: ITooltipSize,\n): ITooltipDomainSize => {\n    // В случае горизонтального расположения доступное место по высоте расчитывается по формуле:\n    // минимальная высота от центра таргета до границы окна по Y плюс максимальный возможный остаток высота тултипа и учитывается отступ от границы окна,\n    // чтобы тултип не прилигал к границе.\n    let targetMiddleY = targetBounds.y + (targetBounds.y2 - targetBounds.y) / 2; // расстояние от верхней границы окна до середина таргета по Y\n    const fromTargetMiddleToWindowY2 = windowBounds[ETooltipEndCoordinates.Y] - targetMiddleY; // расстояние от нижней границы окна до середина таргета по Y\n    // берем наименьшее расстояние от границы окна до середины таргета\n    if (fromTargetMiddleToWindowY2 < targetMiddleY) {\n        targetMiddleY = fromTargetMiddleToWindowY2;\n    }\n    const zoneHeight =\n        targetMiddleY + tooltipSize[ETooltipSizeParameter.H] - tipHeight - maxFromEdgeForTip - WINDOW_OFFSET;\n    const zones: ITooltipDomainSize[] = [\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.START,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.ABOVE,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.COLUMN,\n            h: targetBounds.y,\n            order: -1,\n            w: windowBounds.x2,\n        },\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.END,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.RIGHT,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.ROW,\n            h: zoneHeight,\n            order: 1,\n            w: windowBounds.x2 - targetBounds.x2,\n        },\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.END,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.BELOW,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.COLUMN,\n            h: windowBounds.y2 - targetBounds.y2,\n            order: 1,\n            w: windowBounds.x2,\n        },\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.START,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.LEFT,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.ROW,\n            h: zoneHeight,\n            order: -1,\n            w: targetBounds.x,\n        },\n    ];\n\n    /* Упорядочивает зоны по количеству popup которые будут обрезаны, если использовать зону. Первый элемент в\n     массиве режет наименьшее количество\n     const area = size.w * size.h  // Площадь popup постоянная и не меняет порядок\n    */\n    zones.forEach((zone) => {\n        zone.cutOff =\n            /* area */ -Math.max(0, Math.min(zone.w, tooltipSize.w)) * Math.max(0, Math.min(zone.h, tooltipSize.h));\n    });\n    zones.sort((a, b) => (a.cutOff ?? 0) - (b.cutOff ?? 0));\n\n    const availZones = zones.filter((zone) => doesFitWithin(zone, tooltipSize));\n\n    if (preferPlace) {\n        // Поиск доступных предпочитаемых зон\n        const preferredAvailZones = availZones.filter((zone) => zone[ETooltipTypeName.STANDING] === preferPlace);\n        if (preferredAvailZones.length) {\n            return preferredAvailZones[0];\n        }\n\n        // Если нет доступных предпочитаемых зон, то используем ту, что подходит лучше всего\n        const preferredZones = zones.filter((zone) => zone[ETooltipTypeName.STANDING] === preferPlace);\n        if (!availZones.length && preferredZones.length) {\n            return preferredZones[0];\n        }\n    }\n    // Возвращаем зону, которая подходит полностью либо лучше всего\n    return availZones.length ? availZones[0] : zones[0];\n};\n\n/**\n * Высчитывает относительные координаты\n * @param {ITooltipDomainSize} zone Зона с параметрами.\n * @param {ITooltipBounds} targetBounds Границы элемента, который обернут в тултип.\n * @param {ITooltipBounds} tooltipSize Размеры тултипа.\n */\nconst calcRelPos = (\n    zone: ITooltipDomainSize,\n    targetBounds: ITooltipBounds,\n    tooltipSize: ITooltipSize,\n): ITooltipRelPosition => {\n    const { main, cross } = axes[zone.flow];\n    const crossAlign = ETooltipAlign.CENTER;\n    const mainStart = place(zone.flow, ETooltipAxesType.MAIN, zone.side, targetBounds, tooltipSize);\n    const mainSize = tooltipSize[main.size];\n    const crossStart = place(zone.flow, ETooltipAxesType.CROSS, crossAlign, targetBounds, tooltipSize);\n\n    const crossSize = tooltipSize[cross.size];\n    const result = {\n        [cross.start]: crossStart,\n        crossLength: crossSize,\n        [cross.end]: crossStart + crossSize,\n        [main.start]: mainStart,\n        mainLength: mainSize,\n        [main.end]: mainStart + mainSize,\n    };\n    return result as unknown as ITooltipRelPosition;\n};\n\nexport {\n    calcRelPos,\n    place,\n    pickZone,\n    axes,\n    centerOfSize,\n    centerOfBounds,\n    centerOfBoundsFromBounds,\n    doesFitWithin,\n    equalCoords,\n    calcBounds,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Positioning.js","sources":["../../../../src/components/Tooltip/utils/Positioning.ts"],"sourcesContent":["import {\n    ETooltipAlign,\n    ETooltipAxesType,\n    ETooltipEndCoordinates,\n    ETooltipFlowTypes,\n    ETooltipPreferPlace,\n    ETooltipSizeParameter,\n    ETooltipStartCoordinates,\n    ETooltipTypeName,\n} from \"@sberbusiness/triplex-next/components/Tooltip/enums\";\nimport {\n    ITooltipAxes,\n    ITooltipBounds,\n    ITooltipDomainSize,\n    ITooltipRelPosition,\n    ITooltipSize,\n} from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/**\n *  Значение на которое должен отступать тултип от границы экрана сверху и снизу.\n */\nconst WINDOW_OFFSET = 8;\n\n/**\n * Сравнивает координаты. По сути shallowEqual, но он делает лишние проверки — здесь достаточно сравнить\n * только поля объекта координат.\n * @param {ITooltipBounds} o1 Сравниваемые координаты.\n * @param {ITooltipBounds} o2 Координаты для сравнения.\n */\nconst equalCoords = (o1: ITooltipBounds, o2: ITooltipBounds) => {\n    return o1.h === o2.h && o1.w === o2.w && o1.x === o2.x && o1.y === o2.y && o1.x2 === o2.x2 && o1.y2 === o2.y2;\n};\n\n/**\n * Система осей\n * Позволяет работать в разных ориентациях без необходимости вручную отслеживать используется x или y координаты.\n */\nconst axes: ITooltipAxes = {\n    column: {\n        cross: {\n            end: ETooltipEndCoordinates.X,\n            size: ETooltipSizeParameter.W,\n            start: ETooltipStartCoordinates.X,\n        },\n        main: {\n            end: ETooltipEndCoordinates.Y,\n            size: ETooltipSizeParameter.H,\n            start: ETooltipStartCoordinates.Y,\n        },\n    },\n    row: {\n        cross: {\n            end: ETooltipEndCoordinates.Y,\n            size: ETooltipSizeParameter.H,\n            start: ETooltipStartCoordinates.Y,\n        },\n        main: {\n            end: ETooltipEndCoordinates.X,\n            size: ETooltipSizeParameter.W,\n            start: ETooltipStartCoordinates.X,\n        },\n    },\n};\n\n/**\n * Найти центр для заданного размера.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ITooltipSize} size размер.\n *\n * @return {number} Середина размера.\n */\nconst centerOfSize = (flow: ETooltipFlowTypes, axis: ETooltipAxesType, size: ITooltipSize): number =>\n    size[axes[flow][axis].size] / 2;\n\n/**\n * Найти центр для заданных границ.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ITooltipBounds} bounds Границы.\n */\nconst centerOfBounds = (flow: ETooltipFlowTypes, axis: ETooltipAxesType, bounds: ITooltipBounds): number =>\n    bounds[axes[flow][axis].start] + bounds[axes[flow][axis].size] / 2;\n\n/**\n * Расстояние от центра до центра границ.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ITooltipBounds} boundsTo Границы от.\n * @param {ITooltipBounds} boundsFrom Границы до.\n */\nconst centerOfBoundsFromBounds = (\n    flow: ETooltipFlowTypes,\n    axis: ETooltipAxesType,\n    boundsTo: ITooltipBounds,\n    boundsFrom: ITooltipRelPosition,\n): number => centerOfBounds(flow, axis, boundsTo) - boundsFrom[axes[flow][axis].start];\n\n/**\n * Возвращет координаты для выравнивания.\n *\n * @param {ETooltipFlowTypes} flow Тип flow в flex.\n * @param {ETooltipAxesType} axis Тип оси.\n * @param {ETooltipAlign} align Выравнивание для позиционирования.\n * @param {ITooltipBounds} bounds Границы.\n * @param {ITooltipSize} size размер.\n */\nconst place = (\n    flow: ETooltipFlowTypes,\n    axis: ETooltipAxesType,\n    align: ETooltipAlign,\n    bounds: ITooltipBounds,\n    size: ITooltipSize,\n): number => {\n    const axisProps = axes[flow][axis];\n\n    if (align === ETooltipAlign.CENTER) {\n        return centerOfBounds(flow, axis, bounds) - centerOfSize(flow, axis, size);\n    }\n\n    if (align === ETooltipAlign.END) {\n        return bounds[axisProps.end];\n    }\n\n    if (align === ETooltipAlign.START) {\n        /* Рендеринг дома левосторонний. Поэтому если вспомогательный элемент спозиционирован перед основным, то\n            расположение вспомогательного должно быть с дополнительным отступом на его (вспомогательного) длину.*/\n        return bounds[axisProps.start] - size[axisProps.size];\n    }\n\n    return 0;\n};\n\n// Расчеты размеров элемента\n/**\n * Поиск границ элемента.\n * @param {HTMLElement | Window} el Элемент, для которого ищутся границы.\n */\nconst calcBounds = (el: HTMLElement | Window): ITooltipBounds => {\n    if (el === window) {\n        return {\n            h: el.innerHeight,\n            w: el.innerWidth,\n            x: 0,\n            x2: el.innerWidth,\n            y: 0,\n            y2: el.innerHeight,\n        };\n    }\n\n    const b = (el as HTMLElement).getBoundingClientRect();\n\n    return {\n        h: b.bottom - b.top,\n        w: b.right - b.left,\n        x: b.left,\n        x2: b.right,\n        y: b.top,\n        y2: b.bottom,\n    };\n};\n\n/**\n * Проверка помещается ли элемент в область.\n * @param {ETooltipSizeParameter} dimension Тип координаты для сравнения (высота/ширина).\n */\nconst fitWithinChecker =\n    (dimension: ETooltipSizeParameter) =>\n    (domainSize: ITooltipDomainSize, itemSize: ITooltipSize): boolean =>\n        domainSize[dimension] >= itemSize[dimension];\n\nconst doesWidthFitWithin = fitWithinChecker(ETooltipSizeParameter.W);\nconst doesHeightFitWithin = fitWithinChecker(ETooltipSizeParameter.H);\n\nconst doesFitWithin = (domainSize: ITooltipDomainSize, itemSize: ITooltipSize): boolean =>\n    doesWidthFitWithin(domainSize, itemSize) && doesHeightFitWithin(domainSize, itemSize);\n\n/**\n * Алгоритм выбора наиболее подходящей зоны для тултипа. Текущий подход: в цикле пройти все зоны и выбрать\n * последнюю, что подходит, если ни одна не походит, выбрать наименее непоходящую.\n *\n * @param {ETooltipPreferPlace | undefined} preferPlace Предпочитаемое место расположение тултипа.\n * @param {ITooltipBounds} windowBounds Границы окна.\n * @param {ITooltipBounds} targetBounds Границы элемента, который обернут в тултип.\n * @param {number} tipHeight Высота Tip (стрелочки), px.\n * @param {number} maxFromEdgeForTip Уголок бегает по периметру максимально на 16 px от края.\n * @param {ITooltipSize} tooltipSize Размеры тултипа.\n *\n * @return {ITooltipDomainSize} Размеры области с параметрами.\n */\nconst pickZone = (\n    preferPlace: ETooltipPreferPlace | undefined,\n    windowBounds: ITooltipBounds,\n    targetBounds: ITooltipBounds,\n    tipHeight: number,\n    maxFromEdgeForTip: number,\n    tooltipSize: ITooltipSize,\n): ITooltipDomainSize => {\n    // В случае горизонтального расположения доступное место по высоте расчитывается по формуле:\n    // минимальная высота от центра таргета до границы окна по Y плюс максимальный возможный остаток высота тултипа и учитывается отступ от границы окна,\n    // чтобы тултип не прилигал к границе.\n    let targetMiddleY = targetBounds.y + (targetBounds.y2 - targetBounds.y) / 2; // расстояние от верхней границы окна до середина таргета по Y\n    const fromTargetMiddleToWindowY2 = windowBounds[ETooltipEndCoordinates.Y] - targetMiddleY; // расстояние от нижней границы окна до середина таргета по Y\n    // берем наименьшее расстояние от границы окна до середины таргета\n    if (fromTargetMiddleToWindowY2 < targetMiddleY) {\n        targetMiddleY = fromTargetMiddleToWindowY2;\n    }\n    const zoneHeight =\n        targetMiddleY + tooltipSize[ETooltipSizeParameter.H] - tipHeight - maxFromEdgeForTip - WINDOW_OFFSET;\n    const zones: ITooltipDomainSize[] = [\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.START,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.ABOVE,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.COLUMN,\n            h: targetBounds.y,\n            order: -1,\n            w: windowBounds.x2,\n        },\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.END,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.RIGHT,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.ROW,\n            h: zoneHeight,\n            order: 1,\n            w: windowBounds.x2 - targetBounds.x2,\n        },\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.END,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.BELOW,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.COLUMN,\n            h: windowBounds.y2 - targetBounds.y2,\n            order: 1,\n            w: windowBounds.x2,\n        },\n        {\n            [ETooltipTypeName.SIDE]: ETooltipAlign.START,\n            [ETooltipTypeName.STANDING]: ETooltipPreferPlace.LEFT,\n            [ETooltipTypeName.FLOW]: ETooltipFlowTypes.ROW,\n            h: zoneHeight,\n            order: -1,\n            w: targetBounds.x,\n        },\n    ];\n\n    /* Упорядочивает зоны по количеству popup которые будут обрезаны, если использовать зону. Первый элемент в\n     массиве режет наименьшее количество\n     const area = size.w * size.h  // Площадь popup постоянная и не меняет порядок\n    */\n    zones.forEach((zone) => {\n        zone.cutOff =\n            /* area */ -Math.max(0, Math.min(zone.w, tooltipSize.w)) * Math.max(0, Math.min(zone.h, tooltipSize.h));\n    });\n    zones.sort((a, b) => (a.cutOff ?? 0) - (b.cutOff ?? 0));\n\n    const availZones = zones.filter((zone) => doesFitWithin(zone, tooltipSize));\n\n    if (preferPlace) {\n        // Поиск доступных предпочитаемых зон\n        const preferredAvailZones = availZones.filter((zone) => zone[ETooltipTypeName.STANDING] === preferPlace);\n        if (preferredAvailZones.length) {\n            return preferredAvailZones[0];\n        }\n\n        // Если нет доступных предпочитаемых зон, то используем ту, что подходит лучше всего\n        const preferredZones = zones.filter((zone) => zone[ETooltipTypeName.STANDING] === preferPlace);\n        if (!availZones.length && preferredZones.length) {\n            return preferredZones[0];\n        }\n    }\n    // Возвращаем зону, которая подходит полностью либо лучше всего\n    return availZones.length ? availZones[0] : zones[0];\n};\n\n/**\n * Высчитывает относительные координаты\n * @param {ITooltipDomainSize} zone Зона с параметрами.\n * @param {ITooltipBounds} targetBounds Границы элемента, который обернут в тултип.\n * @param {ITooltipBounds} tooltipSize Размеры тултипа.\n */\nconst calcRelPos = (\n    zone: ITooltipDomainSize,\n    targetBounds: ITooltipBounds,\n    tooltipSize: ITooltipSize,\n): ITooltipRelPosition => {\n    const { main, cross } = axes[zone.flow];\n    const crossAlign = ETooltipAlign.CENTER;\n    const mainStart = place(zone.flow, ETooltipAxesType.MAIN, zone.side, targetBounds, tooltipSize);\n    const mainSize = tooltipSize[main.size];\n    const crossStart = place(zone.flow, ETooltipAxesType.CROSS, crossAlign, targetBounds, tooltipSize);\n    const crossSize = tooltipSize[cross.size];\n\n    // Главная и вспомогательная оси вместе покрывают все четыре координаты, поэтому нули — это заглушки,\n    // которые перезаписываются ниже.\n    const position: ITooltipRelPosition = {\n        [ETooltipStartCoordinates.X]: 0,\n        [ETooltipEndCoordinates.X]: 0,\n        [ETooltipStartCoordinates.Y]: 0,\n        [ETooltipEndCoordinates.Y]: 0,\n        crossLength: crossSize,\n        mainLength: mainSize,\n    };\n\n    position[cross.start] = crossStart;\n    position[cross.end] = crossStart + crossSize;\n    position[main.start] = mainStart;\n    position[main.end] = mainStart + mainSize;\n\n    return position;\n};\n\nexport {\n    calcRelPos,\n    place,\n    pickZone,\n    axes,\n    centerOfSize,\n    centerOfBounds,\n    centerOfBoundsFromBounds,\n    doesFitWithin,\n    equalCoords,\n    calcBounds,\n};\n"],"names":[],"mappings":";AAqBA,MAAM,gBAAgB;AAQtB,MAAM,cAAc,CAAC,IAAoB,OAAuB;AAC5D,SAAO,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG;AAC/G;AAMA,MAAM,OAAqB;AAAA,EACvB,QAAQ;AAAA,IACJ,OAAO;AAAA,MACH,KAAK,uBAAuB;AAAA,MAC5B,MAAM,sBAAsB;AAAA,MAC5B,OAAO,yBAAyB;AAAA,IAAA;AAAA,IAEpC,MAAM;AAAA,MACF,KAAK,uBAAuB;AAAA,MAC5B,MAAM,sBAAsB;AAAA,MAC5B,OAAO,yBAAyB;AAAA,IAAA;AAAA,EACpC;AAAA,EAEJ,KAAK;AAAA,IACD,OAAO;AAAA,MACH,KAAK,uBAAuB;AAAA,MAC5B,MAAM,sBAAsB;AAAA,MAC5B,OAAO,yBAAyB;AAAA,IAAA;AAAA,IAEpC,MAAM;AAAA,MACF,KAAK,uBAAuB;AAAA,MAC5B,MAAM,sBAAsB;AAAA,MAC5B,OAAO,yBAAyB;AAAA,IAAA;AAAA,EACpC;AAER;AAWA,MAAM,eAAe,CAAC,MAAyB,MAAwB,SACnE,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI;AASlC,MAAM,iBAAiB,CAAC,MAAyB,MAAwB,WACrE,OAAO,KAAK,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,OAAO,KAAK,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI;AAUrE,MAAM,2BAA2B,CAC7B,MACA,MACA,UACA,eACS,eAAe,MAAM,MAAM,QAAQ,IAAI,WAAW,KAAK,IAAI,EAAE,IAAI,EAAE,KAAK;AAWrF,MAAM,QAAQ,CACV,MACA,MACA,OACA,QACA,SACS;AACT,QAAM,YAAY,KAAK,IAAI,EAAE,IAAI;AAEjC,MAAI,UAAU,cAAc,QAAQ;AAChC,WAAO,eAAe,MAAM,MAAM,MAAM,IAAI,aAAa,MAAM,MAAM,IAAI;AAAA,EAC7E;AAEA,MAAI,UAAU,cAAc,KAAK;AAC7B,WAAO,OAAO,UAAU,GAAG;AAAA,EAC/B;AAEA,MAAI,UAAU,cAAc,OAAO;AAG/B,WAAO,OAAO,UAAU,KAAK,IAAI,KAAK,UAAU,IAAI;AAAA,EACxD;AAEA,SAAO;AACX;AAOA,MAAM,aAAa,CAAC,OAA6C;AAC7D,MAAI,OAAO,QAAQ;AACf,WAAO;AAAA,MACH,GAAG,GAAG;AAAA,MACN,GAAG,GAAG;AAAA,MACN,GAAG;AAAA,MACH,IAAI,GAAG;AAAA,MACP,GAAG;AAAA,MACH,IAAI,GAAG;AAAA,IAAA;AAAA,EAEf;AAEA,QAAM,IAAK,GAAmB,sBAAA;AAE9B,SAAO;AAAA,IACH,GAAG,EAAE,SAAS,EAAE;AAAA,IAChB,GAAG,EAAE,QAAQ,EAAE;AAAA,IACf,GAAG,EAAE;AAAA,IACL,IAAI,EAAE;AAAA,IACN,GAAG,EAAE;AAAA,IACL,IAAI,EAAE;AAAA,EAAA;AAEd;AAMA,MAAM,mBACF,CAAC,cACD,CAAC,YAAgC,aAC7B,WAAW,SAAS,KAAK,SAAS,SAAS;AAEnD,MAAM,qBAAqB,iBAAiB,sBAAsB,CAAC;AACnE,MAAM,sBAAsB,iBAAiB,sBAAsB,CAAC;AAEpE,MAAM,gBAAgB,CAAC,YAAgC,aACnD,mBAAmB,YAAY,QAAQ,KAAK,oBAAoB,YAAY,QAAQ;AAexF,MAAM,WAAW,CACb,aACA,cACA,cACA,WACA,mBACA,gBACqB;AAIrB,MAAI,gBAAgB,aAAa,KAAK,aAAa,KAAK,aAAa,KAAK;AAC1E,QAAM,6BAA6B,aAAa,uBAAuB,CAAC,IAAI;AAE5E,MAAI,6BAA6B,eAAe;AAC5C,oBAAgB;AAAA,EACpB;AACA,QAAM,aACF,gBAAgB,YAAY,sBAAsB,CAAC,IAAI,YAAY,oBAAoB;AAC3F,QAAM,QAA8B;AAAA,IAChC;AAAA,MACI,CAAC,iBAAiB,IAAI,GAAG,cAAc;AAAA,MACvC,CAAC,iBAAiB,QAAQ,GAAG,oBAAoB;AAAA,MACjD,CAAC,iBAAiB,IAAI,GAAG,kBAAkB;AAAA,MAC3C,GAAG,aAAa;AAAA,MAChB,OAAO;AAAA,MACP,GAAG,aAAa;AAAA,IAAA;AAAA,IAEpB;AAAA,MACI,CAAC,iBAAiB,IAAI,GAAG,cAAc;AAAA,MACvC,CAAC,iBAAiB,QAAQ,GAAG,oBAAoB;AAAA,MACjD,CAAC,iBAAiB,IAAI,GAAG,kBAAkB;AAAA,MAC3C,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG,aAAa,KAAK,aAAa;AAAA,IAAA;AAAA,IAEtC;AAAA,MACI,CAAC,iBAAiB,IAAI,GAAG,cAAc;AAAA,MACvC,CAAC,iBAAiB,QAAQ,GAAG,oBAAoB;AAAA,MACjD,CAAC,iBAAiB,IAAI,GAAG,kBAAkB;AAAA,MAC3C,GAAG,aAAa,KAAK,aAAa;AAAA,MAClC,OAAO;AAAA,MACP,GAAG,aAAa;AAAA,IAAA;AAAA,IAEpB;AAAA,MACI,CAAC,iBAAiB,IAAI,GAAG,cAAc;AAAA,MACvC,CAAC,iBAAiB,QAAQ,GAAG,oBAAoB;AAAA,MACjD,CAAC,iBAAiB,IAAI,GAAG,kBAAkB;AAAA,MAC3C,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG,aAAa;AAAA,IAAA;AAAA,EACpB;AAOJ,QAAM,QAAQ,CAAC,SAAS;AACpB,SAAK;AAAA,IACU,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,GAAG,YAAY,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,GAAG,YAAY,CAAC,CAAC;AAAA,EAC9G,CAAC;AACD,QAAM,KAAK,CAAC,GAAG,OAAO,EAAE,UAAU,MAAM,EAAE,UAAU,EAAE;AAEtD,QAAM,aAAa,MAAM,OAAO,CAAC,SAAS,cAAc,MAAM,WAAW,CAAC;AAE1E,MAAI,aAAa;AAEb,UAAM,sBAAsB,WAAW,OAAO,CAAC,SAAS,KAAK,iBAAiB,QAAQ,MAAM,WAAW;AACvG,QAAI,oBAAoB,QAAQ;AAC5B,aAAO,oBAAoB,CAAC;AAAA,IAChC;AAGA,UAAM,iBAAiB,MAAM,OAAO,CAAC,SAAS,KAAK,iBAAiB,QAAQ,MAAM,WAAW;AAC7F,QAAI,CAAC,WAAW,UAAU,eAAe,QAAQ;AAC7C,aAAO,eAAe,CAAC;AAAA,IAC3B;AAAA,EACJ;AAEA,SAAO,WAAW,SAAS,WAAW,CAAC,IAAI,MAAM,CAAC;AACtD;AAQA,MAAM,aAAa,CACf,MACA,cACA,gBACsB;AACtB,QAAM,EAAE,MAAM,MAAA,IAAU,KAAK,KAAK,IAAI;AACtC,QAAM,aAAa,cAAc;AACjC,QAAM,YAAY,MAAM,KAAK,MAAM,iBAAiB,MAAM,KAAK,MAAM,cAAc,WAAW;AAC9F,QAAM,WAAW,YAAY,KAAK,IAAI;AACtC,QAAM,aAAa,MAAM,KAAK,MAAM,iBAAiB,OAAO,YAAY,cAAc,WAAW;AACjG,QAAM,YAAY,YAAY,MAAM,IAAI;AAIxC,QAAM,WAAgC;AAAA,IAClC,CAAC,yBAAyB,CAAC,GAAG;AAAA,IAC9B,CAAC,uBAAuB,CAAC,GAAG;AAAA,IAC5B,CAAC,yBAAyB,CAAC,GAAG;AAAA,IAC9B,CAAC,uBAAuB,CAAC,GAAG;AAAA,IAC5B,aAAa;AAAA,IACb,YAAY;AAAA,EAAA;AAGhB,WAAS,MAAM,KAAK,IAAI;AACxB,WAAS,MAAM,GAAG,IAAI,aAAa;AACnC,WAAS,KAAK,KAAK,IAAI;AACvB,WAAS,KAAK,GAAG,IAAI,YAAY;AAEjC,SAAO;AACX;"}

package/components/Tooltip/utils/useTooltipTheme.js

@@ -1,51 +1,79 @@
-import { useEffect } from "react";
+import { useRef, useEffect } from "react";
 import "../../DesignTokens/DesignTokensComponents.js";
 import "../../DesignTokens/DesignTokensComponentsThemeDark.js";
 import "../../ThemeProvider/ThemeProviderContext.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
+const THEME_CLEANUP_DELAY_MS = 500;
+const getUsageCounterAttrName = (scopeClassName) => `data-tooltip-theme-${scopeClassName}-counter`;
 function useTooltipTheme(open, renderContainer) {
   const { scopeClassName } = useToken();
+  const hasUsageRef = useRef(false);
+  const cleanupTimeoutRef = useRef(void 0);
   useEffect(() => {
     if (scopeClassName && renderContainer) {
       const cl = renderContainer.classList;
       if (open) {
+        if (cleanupTimeoutRef.current !== void 0) {
+          window.clearTimeout(cleanupTimeoutRef.current);
+          cleanupTimeoutRef.current = void 0;
+        }
         if (!cl.contains(scopeClassName)) {
           cl.add(scopeClassName);
         }
-        incTooltipThemeUsage(renderContainer, scopeClassName);
-      } else {
-        if (cl.contains(scopeClassName)) {
-          const usage = decTooltipThemeUsage(renderContainer, scopeClassName);
-          if (usage <= 0) {
-            window.setTimeout(() => {
+        if (!hasUsageRef.current) {
+          incTooltipThemeUsage(renderContainer, scopeClassName);
+          hasUsageRef.current = true;
+        }
+      } else if (hasUsageRef.current) {
+        hasUsageRef.current = false;
+        const usage = decTooltipThemeUsage(renderContainer, scopeClassName);
+        if (usage <= 0) {
+          cleanupTimeoutRef.current = window.setTimeout(() => {
+            cleanupTimeoutRef.current = void 0;
+            if (getTooltipThemeUsage(renderContainer, scopeClassName) <= 0) {
               cl.remove(scopeClassName);
-            }, 500);
-          }
+            }
+          }, THEME_CLEANUP_DELAY_MS);
         }
       }
     }
   }, [scopeClassName, open, renderContainer]);
   useEffect(() => {
     return () => {
+      const hasPendingCleanup = cleanupTimeoutRef.current !== void 0;
+      if (hasPendingCleanup) {
+        window.clearTimeout(cleanupTimeoutRef.current);
+        cleanupTimeoutRef.current = void 0;
+      }
+      if (!scopeClassName || !renderContainer) {
+        return;
+      }
       const cl = renderContainer.classList;
-      if (cl.contains(scopeClassName)) {
+      if (hasUsageRef.current) {
+        hasUsageRef.current = false;
         const usage = decTooltipThemeUsage(renderContainer, scopeClassName);
         if (usage <= 0) {
           cl.remove(scopeClassName);
         }
+      } else if (hasPendingCleanup && getTooltipThemeUsage(renderContainer, scopeClassName) <= 0) {
+        cl.remove(scopeClassName);
       }
     };
   }, [renderContainer, scopeClassName]);
 }
+function getTooltipThemeUsage(node, scopeClassName) {
+  const counterAttr = node.getAttribute(getUsageCounterAttrName(scopeClassName));
+  return counterAttr ? parseInt(counterAttr, 10) : 0;
+}
 function incTooltipThemeUsage(node, scopeClassName) {
-  const counterAttrName = `data-tooltip-theme-${scopeClassName}-counter`;
+  const counterAttrName = getUsageCounterAttrName(scopeClassName);
   const counterAttr = node.getAttribute(counterAttrName);
   const counter = counterAttr ? parseInt(counterAttr, 10) + 1 : 1;
   node.setAttribute(counterAttrName, counter.toString());
   return counter;
 }
 function decTooltipThemeUsage(node, scopeClassName) {
-  const counterAttrName = `data-tooltip-theme-${scopeClassName}-counter`;
+  const counterAttrName = getUsageCounterAttrName(scopeClassName);
   const counterAttr = node.getAttribute(counterAttrName);
   const counter = counterAttr ? parseInt(counterAttr, 10) - 1 : 0;
   if (counter > 0) {

package/components/Tooltip/utils/useTooltipTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipTheme.js","sources":["../../../../src/components/Tooltip/utils/useTooltipTheme.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useToken } from \"@sberbusiness/triplex-next/components/ThemeProvider\";\n\n/**\n * Хук для установки css-класса текущей темы на контейнер tooltip-а.\n * @param open Флаг отображения тултипа.\n * @param renderContainer DOM-элемент, куда рендерится тултип\n */\nexport function useTooltipTheme(open: boolean, renderContainer: Element) {\n    const { scopeClassName } = useToken();\n\n    useEffect(() => {\n        if (scopeClassName && renderContainer) {\n            const cl = renderContainer.classList;\n\n            if (open) {\n                if (!cl.contains(scopeClassName)) {\n                    cl.add(scopeClassName);\n                }\n                incTooltipThemeUsage(renderContainer, scopeClassName);\n            } else {\n                if (cl.contains(scopeClassName)) {\n                    const usage = decTooltipThemeUsage(renderContainer, scopeClassName);\n                    if (usage <= 0) {\n                        // т.к. закрытие с анимацией, стили нужно придержать на это время\n                        // см. TooltipDesktopBase ENTER_EXIT_TRANSITION_DURATION_MS\n                        window.setTimeout(() => {\n                            cl.remove(scopeClassName);\n                        }, 500);\n                    }\n                }\n            }\n        }\n\n        // очистка эффекта нам нужна только на unmount, тут она мешает, удаляя css класс темы раньше времени\n    }, [scopeClassName, open, renderContainer]);\n\n    // unmount, если тултип еще отображался в этот момент\n    useEffect(() => {\n        return () => {\n            const cl = renderContainer.classList;\n            if (cl.contains(scopeClassName)) {\n                const usage = decTooltipThemeUsage(renderContainer, scopeClassName);\n                if (usage <= 0) {\n                    cl.remove(scopeClassName);\n                }\n            }\n        };\n    }, [renderContainer, scopeClassName]);\n}\n\nfunction incTooltipThemeUsage(node: Element, scopeClassName: string): number {\n    const counterAttrName = `data-tooltip-theme-${scopeClassName}-counter`;\n    const counterAttr = node.getAttribute(counterAttrName);\n    const counter = counterAttr ? parseInt(counterAttr, 10) + 1 : 1;\n    node.setAttribute(counterAttrName, counter.toString());\n\n    return counter;\n}\n\nfunction decTooltipThemeUsage(node: Element, scopeClassName: string): number {\n    const counterAttrName = `data-tooltip-theme-${scopeClassName}-counter`;\n    const counterAttr = node.getAttribute(counterAttrName);\n    const counter = counterAttr ? parseInt(counterAttr, 10) - 1 : 0;\n\n    if (counter > 0) {\n        node.setAttribute(counterAttrName, counter.toString());\n    } else {\n        node.removeAttribute(counterAttrName);\n    }\n\n    return counter;\n}\n"],"names":[],"mappings":";;;;;AAQO,SAAS,gBAAgB,MAAe,iBAA0B;AACrE,QAAM,EAAE,eAAA,IAAmB,SAAA;AAE3B,YAAU,MAAM;AACZ,QAAI,kBAAkB,iBAAiB;AACnC,YAAM,KAAK,gBAAgB;AAE3B,UAAI,MAAM;AACN,YAAI,CAAC,GAAG,SAAS,cAAc,GAAG;AAC9B,aAAG,IAAI,cAAc;AAAA,QACzB;AACA,6BAAqB,iBAAiB,cAAc;AAAA,MACxD,OAAO;AACH,YAAI,GAAG,SAAS,cAAc,GAAG;AAC7B,gBAAM,QAAQ,qBAAqB,iBAAiB,cAAc;AAClE,cAAI,SAAS,GAAG;AAGZ,mBAAO,WAAW,MAAM;AACpB,iBAAG,OAAO,cAAc;AAAA,YAC5B,GAAG,GAAG;AAAA,UACV;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EAGJ,GAAG,CAAC,gBAAgB,MAAM,eAAe,CAAC;AAG1C,YAAU,MAAM;AACZ,WAAO,MAAM;AACT,YAAM,KAAK,gBAAgB;AAC3B,UAAI,GAAG,SAAS,cAAc,GAAG;AAC7B,cAAM,QAAQ,qBAAqB,iBAAiB,cAAc;AAClE,YAAI,SAAS,GAAG;AACZ,aAAG,OAAO,cAAc;AAAA,QAC5B;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,iBAAiB,cAAc,CAAC;AACxC;AAEA,SAAS,qBAAqB,MAAe,gBAAgC;AACzE,QAAM,kBAAkB,sBAAsB,cAAc;AAC5D,QAAM,cAAc,KAAK,aAAa,eAAe;AACrD,QAAM,UAAU,cAAc,SAAS,aAAa,EAAE,IAAI,IAAI;AAC9D,OAAK,aAAa,iBAAiB,QAAQ,SAAA,CAAU;AAErD,SAAO;AACX;AAEA,SAAS,qBAAqB,MAAe,gBAAgC;AACzE,QAAM,kBAAkB,sBAAsB,cAAc;AAC5D,QAAM,cAAc,KAAK,aAAa,eAAe;AACrD,QAAM,UAAU,cAAc,SAAS,aAAa,EAAE,IAAI,IAAI;AAE9D,MAAI,UAAU,GAAG;AACb,SAAK,aAAa,iBAAiB,QAAQ,SAAA,CAAU;AAAA,EACzD,OAAO;AACH,SAAK,gBAAgB,eAAe;AAAA,EACxC;AAEA,SAAO;AACX;"}
+{"version":3,"file":"useTooltipTheme.js","sources":["../../../../src/components/Tooltip/utils/useTooltipTheme.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useToken } from \"@sberbusiness/triplex-next/components/ThemeProvider\";\n\n/**\n * Задержка снятия класса темы после закрытия подсказки, мс.\n * Закрытие идёт с анимацией, поэтому стили нужно придержать на это время.\n * См. ENTER_EXIT_TRANSITION_DURATION_MS в TooltipDesktopBase.\n */\nconst THEME_CLEANUP_DELAY_MS = 500;\n\n/**\n * Имя data-атрибута со счётчиком подсказок, которые сейчас используют класс темы на контейнере.\n * @param scopeClassName Класс темы.\n */\nconst getUsageCounterAttrName = (scopeClassName: string) => `data-tooltip-theme-${scopeClassName}-counter`;\n\n/**\n * Хук для установки css-класса текущей темы на контейнер tooltip-а.\n * @param open Флаг отображения тултипа.\n * @param renderContainer DOM-элемент, куда рендерится тултип\n */\nexport function useTooltipTheme(open: boolean, renderContainer: Element) {\n    const { scopeClassName } = useToken();\n    /** Держит ли эта подсказка сейчас инкремент счётчика — чтобы не декрементировать чужой. */\n    const hasUsageRef = useRef(false);\n    /** Идентификатор отложенного снятия класса темы, запланированного этой подсказкой. */\n    const cleanupTimeoutRef = useRef<number | undefined>(undefined);\n\n    useEffect(() => {\n        if (scopeClassName && renderContainer) {\n            const cl = renderContainer.classList;\n\n            if (open) {\n                // Подсказку открыли снова до истечения задержки — снятие класса больше не нужно.\n                if (cleanupTimeoutRef.current !== undefined) {\n                    window.clearTimeout(cleanupTimeoutRef.current);\n                    cleanupTimeoutRef.current = undefined;\n                }\n\n                if (!cl.contains(scopeClassName)) {\n                    cl.add(scopeClassName);\n                }\n\n                if (!hasUsageRef.current) {\n                    incTooltipThemeUsage(renderContainer, scopeClassName);\n                    hasUsageRef.current = true;\n                }\n            } else if (hasUsageRef.current) {\n                hasUsageRef.current = false;\n\n                const usage = decTooltipThemeUsage(renderContainer, scopeClassName);\n                if (usage <= 0) {\n                    cleanupTimeoutRef.current = window.setTimeout(() => {\n                        cleanupTimeoutRef.current = undefined;\n\n                        // За время задержки контейнер могла занять эта же или другая подсказка — класс ещё нужен.\n                        if (getTooltipThemeUsage(renderContainer, scopeClassName) <= 0) {\n                            cl.remove(scopeClassName);\n                        }\n                    }, THEME_CLEANUP_DELAY_MS);\n                }\n            }\n        }\n\n        // очистка эффекта нам нужна только на unmount, тут она мешает, удаляя css класс темы раньше времени\n    }, [scopeClassName, open, renderContainer]);\n\n    // unmount, если тултип еще отображался в этот момент\n    useEffect(() => {\n        return () => {\n            const hasPendingCleanup = cleanupTimeoutRef.current !== undefined;\n\n            if (hasPendingCleanup) {\n                window.clearTimeout(cleanupTimeoutRef.current);\n                cleanupTimeoutRef.current = undefined;\n            }\n\n            if (!scopeClassName || !renderContainer) {\n                return;\n            }\n\n            const cl = renderContainer.classList;\n\n            if (hasUsageRef.current) {\n                hasUsageRef.current = false;\n\n                const usage = decTooltipThemeUsage(renderContainer, scopeClassName);\n                if (usage <= 0) {\n                    cl.remove(scopeClassName);\n                }\n            } else if (hasPendingCleanup && getTooltipThemeUsage(renderContainer, scopeClassName) <= 0) {\n                // Снятие класса было отложено, но ждать больше нечему — снимаем сразу.\n                cl.remove(scopeClassName);\n            }\n        };\n    }, [renderContainer, scopeClassName]);\n}\n\n/**\n * Текущее значение счётчика подсказок, использующих класс темы на контейнере.\n * @param node Контейнер рендера подсказки.\n * @param scopeClassName Класс темы.\n */\nfunction getTooltipThemeUsage(node: Element, scopeClassName: string): number {\n    const counterAttr = node.getAttribute(getUsageCounterAttrName(scopeClassName));\n\n    return counterAttr ? parseInt(counterAttr, 10) : 0;\n}\n\n/**\n * Увеличивает счётчик подсказок, использующих класс темы на контейнере.\n * @param node Контейнер рендера подсказки.\n * @param scopeClassName Класс темы.\n * @returns Новое значение счётчика.\n */\nfunction incTooltipThemeUsage(node: Element, scopeClassName: string): number {\n    const counterAttrName = getUsageCounterAttrName(scopeClassName);\n    const counterAttr = node.getAttribute(counterAttrName);\n    const counter = counterAttr ? parseInt(counterAttr, 10) + 1 : 1;\n    node.setAttribute(counterAttrName, counter.toString());\n\n    return counter;\n}\n\n/**\n * Уменьшает счётчик подсказок, использующих класс темы на контейнере.\n * Когда счётчик доходит до нуля, атрибут удаляется.\n * @param node Контейнер рендера подсказки.\n * @param scopeClassName Класс темы.\n * @returns Новое значение счётчика.\n */\nfunction decTooltipThemeUsage(node: Element, scopeClassName: string): number {\n    const counterAttrName = getUsageCounterAttrName(scopeClassName);\n    const counterAttr = node.getAttribute(counterAttrName);\n    const counter = counterAttr ? parseInt(counterAttr, 10) - 1 : 0;\n\n    if (counter > 0) {\n        node.setAttribute(counterAttrName, counter.toString());\n    } else {\n        node.removeAttribute(counterAttrName);\n    }\n\n    return counter;\n}\n"],"names":[],"mappings":";;;;;AAQA,MAAM,yBAAyB;AAM/B,MAAM,0BAA0B,CAAC,mBAA2B,sBAAsB,cAAc;AAOzF,SAAS,gBAAgB,MAAe,iBAA0B;AACrE,QAAM,EAAE,eAAA,IAAmB,SAAA;AAE3B,QAAM,cAAc,OAAO,KAAK;AAEhC,QAAM,oBAAoB,OAA2B,MAAS;AAE9D,YAAU,MAAM;AACZ,QAAI,kBAAkB,iBAAiB;AACnC,YAAM,KAAK,gBAAgB;AAE3B,UAAI,MAAM;AAEN,YAAI,kBAAkB,YAAY,QAAW;AACzC,iBAAO,aAAa,kBAAkB,OAAO;AAC7C,4BAAkB,UAAU;AAAA,QAChC;AAEA,YAAI,CAAC,GAAG,SAAS,cAAc,GAAG;AAC9B,aAAG,IAAI,cAAc;AAAA,QACzB;AAEA,YAAI,CAAC,YAAY,SAAS;AACtB,+BAAqB,iBAAiB,cAAc;AACpD,sBAAY,UAAU;AAAA,QAC1B;AAAA,MACJ,WAAW,YAAY,SAAS;AAC5B,oBAAY,UAAU;AAEtB,cAAM,QAAQ,qBAAqB,iBAAiB,cAAc;AAClE,YAAI,SAAS,GAAG;AACZ,4BAAkB,UAAU,OAAO,WAAW,MAAM;AAChD,8BAAkB,UAAU;AAG5B,gBAAI,qBAAqB,iBAAiB,cAAc,KAAK,GAAG;AAC5D,iBAAG,OAAO,cAAc;AAAA,YAC5B;AAAA,UACJ,GAAG,sBAAsB;AAAA,QAC7B;AAAA,MACJ;AAAA,IACJ;AAAA,EAGJ,GAAG,CAAC,gBAAgB,MAAM,eAAe,CAAC;AAG1C,YAAU,MAAM;AACZ,WAAO,MAAM;AACT,YAAM,oBAAoB,kBAAkB,YAAY;AAExD,UAAI,mBAAmB;AACnB,eAAO,aAAa,kBAAkB,OAAO;AAC7C,0BAAkB,UAAU;AAAA,MAChC;AAEA,UAAI,CAAC,kBAAkB,CAAC,iBAAiB;AACrC;AAAA,MACJ;AAEA,YAAM,KAAK,gBAAgB;AAE3B,UAAI,YAAY,SAAS;AACrB,oBAAY,UAAU;AAEtB,cAAM,QAAQ,qBAAqB,iBAAiB,cAAc;AAClE,YAAI,SAAS,GAAG;AACZ,aAAG,OAAO,cAAc;AAAA,QAC5B;AAAA,MACJ,WAAW,qBAAqB,qBAAqB,iBAAiB,cAAc,KAAK,GAAG;AAExF,WAAG,OAAO,cAAc;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,iBAAiB,cAAc,CAAC;AACxC;AAOA,SAAS,qBAAqB,MAAe,gBAAgC;AACzE,QAAM,cAAc,KAAK,aAAa,wBAAwB,cAAc,CAAC;AAE7E,SAAO,cAAc,SAAS,aAAa,EAAE,IAAI;AACrD;AAQA,SAAS,qBAAqB,MAAe,gBAAgC;AACzE,QAAM,kBAAkB,wBAAwB,cAAc;AAC9D,QAAM,cAAc,KAAK,aAAa,eAAe;AACrD,QAAM,UAAU,cAAc,SAAS,aAAa,EAAE,IAAI,IAAI;AAC9D,OAAK,aAAa,iBAAiB,QAAQ,SAAA,CAAU;AAErD,SAAO;AACX;AASA,SAAS,qBAAqB,MAAe,gBAAgC;AACzE,QAAM,kBAAkB,wBAAwB,cAAc;AAC9D,QAAM,cAAc,KAAK,aAAa,eAAe;AACrD,QAAM,UAAU,cAAc,SAAS,aAAa,EAAE,IAAI,IAAI;AAE9D,MAAI,UAAU,GAAG;AACb,SAAK,aAAa,iBAAiB,QAAQ,SAAA,CAAU;AAAA,EACzD,OAAO;AACH,SAAK,gBAAgB,eAAe;AAAA,EACxC;AAEA,SAAO;AACX;"}

package/components/TopOverlay/TopOverlay.js

@@ -4,12 +4,12 @@ import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
-const topOverlayMask = "topOverlayMask__7b3d3757";
-const topOverlayWrapper = "topOverlayWrapper__9a6b8ed9";
-const closing = "closing__447db26b";
-const opened = "opened__91a84104";
-const topOverlayPanel = "topOverlayPanel__6273a20a";
-const topOverlay = "topOverlay__ce4d866e";
+const topOverlayMask = "topOverlayMask__cb773de8";
+const topOverlayWrapper = "topOverlayWrapper__10660bb4";
+const closing = "closing__97ccf4e6";
+const opened = "opened__7ae369e9";
+const topOverlayPanel = "topOverlayPanel__1341403c";
+const topOverlay = "topOverlay__f0aaa220";
 const styles = {
   topOverlayMask,
   topOverlayWrapper,

package/components/TreeView/TreeView.js

@@ -10,7 +10,7 @@ import { TreeViewAbstractNode } from "./TreeViewAbstractNode.js";
 import { TreeViewNode } from "./components/TreeViewNode.js";
 import { TreeViewGroup } from "./components/TreeViewGroup.js";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../chunks/TreeView.module-GA-NyzjK.js";
+import { s as styles } from "../../chunks/TreeView.module-BZWQB1ox.js";
 const rootNodeId = "rootNode";
 class TreeView extends React__default.Component {
   constructor(props) {

package/components/TreeView/components/TreeViewGroup.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/TreeView.module-GA-NyzjK.js";
+import { s as styles } from "../../../chunks/TreeView.module-BZWQB1ox.js";
 const TreeViewGroup = ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { role: "group", className: styles.treeViewGroup, ...props, children });
 export {
   TreeViewGroup

package/components/TreeView/components/TreeViewNode.js

@@ -7,7 +7,7 @@ import { TreeViewContext, withTreeViewContext } from "../TreeViewContext.js";
 import { TreeViewAbstractNode } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils } from "../TreeViewAbstractNodeUtils.js";
 import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/TreeView.module-GA-NyzjK.js";
+import { s as styles } from "../../../chunks/TreeView.module-BZWQB1ox.js";
 class TreeViewNodeWithContext extends React__default.Component {
   constructor(props) {
     super(props);

package/components/Typography/Caption.js

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-WrqYH6.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cn8ZrJM2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const caption = "caption__2d34b49d";
-const regular = "regular__ce8d4e93";
-const semibold = "semibold__0be42e27";
-const c1 = "c1__3e92a9dc";
-const c2 = "c2__147dab7f";
-const d1 = "d1__1f54079d";
+const caption = "caption__9c980264";
+const regular = "regular__4bd92fa9";
+const semibold = "semibold__d05358e6";
+const c1 = "c1__84e0039b";
+const c2 = "c2__d1ee0f1b";
+const d1 = "d1__084c9a0f";
 const styles = {
   caption,
   regular,

package/components/Typography/CodeText.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-WrqYH6.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cn8ZrJM2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const codeText = "codeText__822b6933";
+const codeText = "codeText__9dd665f9";
 const styles = {
   codeText
 };

package/components/Typography/Text.js

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-WrqYH6.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cn8ZrJM2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const text = "text__44fead5e";
-const regular = "regular__ce8d4e93";
-const semibold = "semibold__0be42e27";
-const b1 = "b1__9d99f394";
-const b2 = "b2__0125b1c6";
-const b3 = "b3__cce20dbc";
-const compact = "compact__cf133c0f";
-const b4 = "b4__9fdcd333";
+const text = "text__57aba191";
+const regular = "regular__4bd92fa9";
+const semibold = "semibold__d05358e6";
+const b1 = "b1__8f516f5d";
+const b2 = "b2__0cfcafd8";
+const b3 = "b3__8efe5f75";
+const compact = "compact__16e5e890";
+const b4 = "b4__aee60a49";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { ETitleSize, EFontWeightTitle, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-WrqYH6.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cn8ZrJM2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const title = "title__6c0539a5";
-const regular = "regular__ce8d4e93";
-const medium = "medium__d60b7a28";
-const semibold = "semibold__0be42e27";
-const bold = "bold__43e43981";
-const h1 = "h1__4b772c16";
-const h2 = "h2__c4a18cd7";
-const h3 = "h3__4806d049";
+const title = "title__81dab667";
+const regular = "regular__4bd92fa9";
+const medium = "medium__e3721514";
+const semibold = "semibold__d05358e6";
+const bold = "bold__7f5ee091";
+const h1 = "h1__41b6eefd";
+const h2 = "h2__6b42efad";
+const h3 = "h3__b889c765";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { F } from "../../chunks/constants-C-WrqYH6.js";
+import { F } from "../../chunks/constants-Cn8ZrJM2.js";
 export {
   F as FONT_TYPE_TO_CLASS_NAME_MAP
 };

package/components/UnorderedList/UnorderedList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { UnorderedListItem } from "./UnorderedListItem.js";
-const unorderedList = "unorderedList__0b07ff15";
+const unorderedList = "unorderedList__e6a61a42";
 const styles = {
   unorderedList
 };
@@ -12,7 +12,7 @@ const UnorderedList = Object.assign(
     {
       className: clsx(styles.unorderedList, className),
       ...restProps,
-      "data-tx": "1.40.0",
+      "data-tx": "1.41.1",
       ref
     }
   )),

package/components/UnorderedList/UnorderedListItem.js

@@ -6,7 +6,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const unorderedListItem = "unorderedListItem__e6b6b3c6";
+const unorderedListItem = "unorderedListItem__ada2988b";
 const styles = {
   unorderedListItem
 };
@@ -18,7 +18,7 @@ const UnorderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.40.0",
+      "data-tx": "1.41.1",
       ref
     }
   )

package/components/UploadZone/UploadZone.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, createElement, useEffect } from "react";
 import { createRoot } from "react-dom/client";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-BHUONqVR.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-BdhIPJdP.js";
 import { UploadZoneContext } from "./UploadZoneContext.js";
 const UploadZone = Object.assign(
   forwardRef((props, ref) => {
@@ -144,7 +144,7 @@ const UploadZone = Object.assign(
           openUploadDialog,
           setInputNode
         },
-        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.40.0", ref, children: [
+        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.41.1", ref, children: [
           /* @__PURE__ */ createElement(
             "div",
             {

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
 import "../../../chunks/vendor-CtuAQuEN.js";
-import { U } from "../../../chunks/UploadZoneInput-BHUONqVR.js";
+import { U } from "../../../chunks/UploadZoneInput-BdhIPJdP.js";
 export {
   U as UploadZoneInput
 };

package/components/UploadZone/index.js

@@ -1,5 +1,5 @@
 import { UploadZone } from "./UploadZone.js";
-import { U } from "../../chunks/UploadZoneInput-BHUONqVR.js";
+import { U } from "../../chunks/UploadZoneInput-BdhIPJdP.js";
 export {
   UploadZone,
   U as UploadZoneInput

package/components/index.js

@@ -30,7 +30,7 @@ import { checkChildrenCheckboxes, checkParentCheckboxes, traverseCheckboxes } fr
 import { CheckboxTreeExtended } from "./CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { CheckboxTreeExtendedNode } from "./CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js";
 import { EChipType } from "./Chip/enums.js";
-import { C } from "../chunks/Chip-CI8ALCUS.js";
+import { C } from "../chunks/Chip-B5RNQL8v.js";
 import { ChipDatePicker } from "./Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./Chip/ChipClearButton.js";
@@ -66,7 +66,7 @@ import { DocumentNumberEdit } from "./DocumentNumberEdit/DocumentNumberEdit.js";
 import { DropdownListContext } from "./Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "./Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "./Dropdown/desktop/DropdownList.js";
-import { D } from "../chunks/DropdownListItem-BqOoPFSx.js";
+import { D } from "../chunks/DropdownListItem-BVgGltGX.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./Dropdown/desktop/enums.js";
 import { DropdownMobile } from "./Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./Dropdown/mobile/DropdownMobileBody.js";
@@ -98,7 +98,7 @@ import { FormFieldPostfix } from "./FormField/components/FormFieldPostfix.js";
 import { FormFieldPrefix } from "./FormField/components/FormFieldPrefix.js";
 import { FormFieldTarget } from "./FormField/components/FormFieldTarget.js";
 import { FormFieldTextarea } from "./FormField/components/FormFieldTextarea.js";
-import { FormField, statusToClassNameMap } from "./FormField/FormField.js";
+import { FormField } from "./FormField/FormField.js";
 import { FormGroup } from "./FormGroup/FormGroup.js";
 import { Gap } from "./Gap/Gap.js";
 import { Header } from "./Header/Header.js";
@@ -121,7 +121,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtended/components/Imag
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../chunks/ImageGalleryExtendedThumb-D6RAJpt8.js";
+import { I } from "../chunks/ImageGalleryExtendedThumb-BWOvPHBA.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./ImageGalleryExtended/enums.js";
 import { Island } from "./Island/Island.js";
@@ -152,7 +152,7 @@ import { ListItem } from "./List/components/ListItem.js";
 import { ListItemControls } from "./List/components/ListItemControls.js";
 import { ListItemContent } from "./List/components/ListItemContent.js";
 import { ListActionItem } from "./List/components/ListActionItem.js";
-import { L } from "../chunks/ListItemControlsButton-D2ONoqII.js";
+import { L } from "../chunks/ListItemControlsButton-Cs8N-_FI.js";
 import { ListItemControlsButtonDropdown } from "./List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./List/components/ListEmptyState.js";
 import { ListItemLoading } from "./List/components/ListItemLoading.js";
@@ -266,7 +266,7 @@ import { SuggestFieldDesktopDropdown } from "./SuggestField/desktop/SuggestField
 import { SuggestFieldDesktop } from "./SuggestField/desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./SuggestField/mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestField/mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../chunks/SuggestFieldMobileDropdownHint-DyfJuyUe.js";
+import { S } from "../chunks/SuggestFieldMobileDropdownHint-B4k9UKDH.js";
 import { SuggestField } from "./SuggestField/SuggestField.js";
 import { SwipeableArea } from "./SwipeableArea/SwipeableArea.js";
 import { MasterTable } from "./Table/MasterTable.js";
@@ -323,7 +323,7 @@ import { Title } from "./Typography/Title.js";
 import { UnorderedList } from "./UnorderedList/UnorderedList.js";
 import { UnorderedListItem } from "./UnorderedList/UnorderedListItem.js";
 import { UploadZone } from "./UploadZone/UploadZone.js";
-import { U } from "../chunks/UploadZoneInput-BHUONqVR.js";
+import { U } from "../chunks/UploadZoneInput-BdhIPJdP.js";
 import { WindowResizeListener } from "./WindowResizeListener/WindowResizeListener.js";
 import "../enums/EComponentSize.js";
 import "../enums/EFocusSource.js";
@@ -714,7 +714,6 @@ export {
   lightBoxMountNodeIdDefault,
   lightBoxViewManagerNodeIdDefault,
   modalWindowViewManagerNodeId,
-  statusToClassNameMap,
   traverseCheckboxes,
   useMatchMedia,
   useMobileView,

package/consts/DateConst.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateConst.js","sources":["../../src/consts/DateConst.ts"],"sourcesContent":["import moment from \"moment\";\nimport { IDateLimitRange } from \"@sberbusiness/triplex-next/types/DateTypes\";\n\n/** Количество дней недели. */\nexport const WEEKDAYS_SET: number[] = [0, 1, 2, 3, 4, 5, 6];\n\n/** Количество недель месяца. */\nexport const WEEKS_SET: number[] = [0, 1, 2, 3, 4, 5];\n\n/** Количество месяцев года. */\nexport const MONTHS_SET: number[] = [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];\n\n/** Формат даты, отображаемый в заголовке. */\nexport const headerDateFormat = \"MMMM YYYY\";\n\n/** Транспортный (backend) формат даты. */\nexport const dateFormatYYYYMMDD = \"YYYYMMDD\";\n\n/** Глобальный ограничитель для выбора дат. */\nexport const globalLimitRange: IDateLimitRange = {\n    dateFrom: moment(new Date(\"1900-01-01\")),\n    dateTo: moment(new Date(\"2199-12-31\")),\n};\n"],"names":[],"mappings":";AAIO,MAAM,eAAyB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAGnD,MAAM,YAAsB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAG7C,MAAM,aAAuB,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAGrE,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,mBAAoC;AAAA,EAC7C,UAAU,OAAO,oBAAI,KAAK,YAAY,CAAC;AAAA,EACvC,QAAQ,OAAO,oBAAI,KAAK,YAAY,CAAC;AACzC;"}
+{"version":3,"file":"DateConst.js","sources":["../../src/consts/DateConst.ts"],"sourcesContent":["import moment from \"moment\";\nimport { IDateLimitRange } from \"@sberbusiness/triplex-next/types/DateTypes\";\n\n/** Количество дней недели. */\nexport const WEEKDAYS_SET: number[] = [0, 1, 2, 3, 4, 5, 6];\n\n/** Количество недель месяца. */\nexport const WEEKS_SET: number[] = [0, 1, 2, 3, 4, 5];\n\n/** Количество месяцев года. */\nexport const MONTHS_SET: number[] = [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];\n\n/** Формат даты, отображаемый в заголовке. */\nexport const headerDateFormat = \"MMMM YYYY\";\n\n/** Транспортный (backend) формат даты. */\nexport const dateFormatYYYYMMDD = \"YYYYMMDD\";\n\n/** Глобальный ограничитель для выбора дат. Обе границы заданы всегда — служит fallback'ом для частично заданного `IDateLimitRange`. */\nexport const globalLimitRange: Required<IDateLimitRange> = {\n    dateFrom: moment(new Date(\"1900-01-01\")),\n    dateTo: moment(new Date(\"2199-12-31\")),\n};\n"],"names":[],"mappings":";AAIO,MAAM,eAAyB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAGnD,MAAM,YAAsB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAG7C,MAAM,aAAuB,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAGrE,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,mBAA8C;AAAA,EACvD,UAAU,OAAO,oBAAI,KAAK,YAAY,CAAC;AAAA,EACvC,QAAQ,OAAO,oBAAI,KAAK,YAAY,CAAC;AACzC;"}