@sberbusiness/triplex-next 1.36.0 → 1.38.0

package/components/LightBox/LightBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBox.js","sources":["../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { LightBoxContent } from \"./LightBoxContent\";\nimport { LightBoxControls } from \"./LightBoxControls/LightBoxControls\";\nimport { LightBoxSideOverlay } from \"./LightBoxSideOverlay/LightBoxSideOverlay\";\nimport { addClassNameWithScrollbarWidth } from \"../../utils/scroll/scrollbar\";\nimport { TopOverlay } from \"../TopOverlay/TopOverlay\";\nimport { LightBoxViewManager } from \"./LightBoxViewManager/LightBoxViewManager\";\nimport { FocusTrapUtils } from \"../../utils/focus/FocusTrapUtils\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { LightBoxLeftSidebar } from \"./LightBoxSidebars/LightBoxLeftSidebar\";\nimport { LightBoxRightSidebar } from \"./LightBoxSidebars/LightBoxRightSidebar\";\nimport { ELightBoxSize } from \"./enums\";\nimport styles from \"./styles/LightBox.module.less\";\nimport scrollStyles from \"./styles/LightBoxScroll.module.less\";\n\n// Идентификатор DOM-элемента, в который рендерится лайтбокс. При отсутствии элемента в DOM – создается в body.\nexport const lightBoxMountNodeIdDefault = \"LightBox-next-mount-node\";\n\n// Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс.\nexport const lightBoxViewManagerNodeIdDefault = \"LightBox-next-view-manager-node\";\n\n/** Свойства компонента LightBox. */\nexport interface ILightBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n    children: React.ReactElement[];\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Ref на контейнер LightBox. */\n    forwardRef?: React.MutableRefObject<HTMLElement | null>;\n    /** DOM-нода в которую будет рендерится лайтбокс. */\n    mountNode?: HTMLDivElement;\n    /** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */\n    lightBoxViewManagerNodeId?: string;\n    /** Флаг состояния загрузки. */\n    isLoading?: boolean;\n    /** Флаг открытия боковой панели. */\n    isSideOverlayOpened?: boolean;\n    /** Флаг открытия верхней панели. */\n    isTopOverlayOpened?: boolean;\n    /** Размер контента LightBox. */\n    size?: ELightBoxSize;\n}\n\nconst bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];\n\nconst LightBoxBase: React.FC<ILightBoxProps> = ({\n    children,\n    className,\n    focusTrapProps,\n    forwardRef,\n    mountNode,\n    lightBoxViewManagerNodeId = lightBoxViewManagerNodeIdDefault,\n    isLoading,\n    isSideOverlayOpened,\n    isTopOverlayOpened,\n    size = ELightBoxSize.MD,\n    ...htmlDivAttributes\n}) => {\n    // Скрытый элемент для вызова ререндера при закрытии оверлея, фикс бага в Safari - DCBSWT-2866.\n    const tempButtonRef = useRef<HTMLSpanElement>(null);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    const getLightBoxMountNode = () => {\n        let lightBoxMountNode: HTMLDivElement | null = null;\n        if (mountNode) {\n            lightBoxMountNode = mountNode;\n        } else {\n            lightBoxMountNode = document.querySelector(`#${lightBoxMountNodeIdDefault}`);\n\n            if (!lightBoxMountNode) {\n                lightBoxMountNode = document.createElement(\"div\");\n                lightBoxMountNode.setAttribute(\"id\", lightBoxMountNodeIdDefault);\n                document.body.appendChild(lightBoxMountNode);\n            }\n        }\n\n        return lightBoxMountNode;\n    };\n\n    const getLightBoxViewManagerMountNode = () => {\n        let lightBoxViewManagerMountNode: HTMLDivElement | null = null;\n        if (lightBoxViewManagerNodeId) {\n            lightBoxViewManagerMountNode = document.querySelector(`#${lightBoxViewManagerNodeId}`);\n        }\n\n        if (!lightBoxViewManagerMountNode) {\n            lightBoxViewManagerMountNode = document.createElement(\"div\");\n            lightBoxViewManagerMountNode.setAttribute(\"id\", lightBoxViewManagerNodeIdDefault);\n            document.body.appendChild(lightBoxViewManagerMountNode);\n        }\n\n        return lightBoxViewManagerMountNode;\n    };\n\n    /** DOM node, в которую рендерится лайтбокс. */\n    const lightBoxMountNode = useRef<HTMLDivElement | null>(getLightBoxMountNode());\n    /**\n     * DOM node, в визуальных границах которой рендерится лайтбокс.\n     * Левая и правая граница LightBox будут соответствовать левой и правой границе lightBoxViewManagerNode.\n     */\n    const lightBoxViewManagerNode = useRef<HTMLDivElement | null>(getLightBoxViewManagerMountNode());\n\n    const addClassNamesToDocumentElement = () => {\n        bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.add(className));\n    };\n\n    useEffect(() => {\n        addClassNameWithScrollbarWidth(scrollStyles);\n        addClassNamesToDocumentElement();\n        // Фикс бага в роутере - при переключении между лайтбоксами иногда сначала происходит componentDidMount 2го и затем componentWillUnmount первого, css классы удаляются.\n        setTimeout(addClassNamesToDocumentElement, 100);\n\n        return () =>\n            bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.remove(className));\n    }, []);\n\n    useEffect(() => {\n        if (!isSideOverlayOpened && tempButtonRef.current) {\n            // Изменение z-index у скрытого элемента вызывает repaint. Фикс бага в Safari - DCBSWT-2866.\n            const nextZIndex = Math.round(Math.random() * 100);\n            tempButtonRef.current.style.zIndex = nextZIndex.toString();\n        }\n    }, [isSideOverlayOpened]);\n\n    if (!lightBoxMountNode.current) {\n        return null;\n    }\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        containerRef.current = instance;\n\n        if (forwardRef) {\n            forwardRef.current = instance;\n        }\n    };\n\n    const classNames = clsx(\n        scopeClassName,\n        styles.lightBox,\n        styles[size],\n        {\n            [styles.isLoading]: Boolean(isLoading),\n            [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),\n            [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened),\n        },\n        className,\n    );\n\n    return (\n        <>\n            <Portal container={lightBoxMountNode.current}>\n                <FocusTrapExtended\n                    active={!isLoading}\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(containerRef.current),\n                        preventScroll: true,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    <div className={classNames} role=\"dialog\" aria-modal=\"true\" {...htmlDivAttributes} ref={setRef}>\n                        <div className={styles.lightBoxBackdrop} />\n                        {children}\n                        <span ref={tempButtonRef} className={styles.tempElSafariBug} />\n                    </div>\n                </FocusTrapExtended>\n            </Portal>\n\n            {lightBoxViewManagerNode.current && (\n                <LightBoxViewManager\n                    lightBoxViewManagerNode={lightBoxViewManagerNode.current}\n                    lightBoxMountNode={lightBoxMountNode.current}\n                />\n            )}\n        </>\n    );\n};\n\nLightBoxBase.displayName = \"LightBoxBase\";\n\nexport const LightBox = Object.assign(LightBoxBase, {\n    Content: LightBoxContent,\n    SideOverlay: LightBoxSideOverlay,\n    TopOverlay,\n    Controls: LightBoxControls,\n    LeftSidebar: LightBoxLeftSidebar,\n    RightSidebar: LightBoxRightSidebar,\n});\n"],"names":["lightBoxMountNode","className"],"mappings":"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"}
+{"version":3,"file":"LightBox.js","sources":["../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["/* eslint-disable react-hooks/refs */\nimport React, { useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { LightBoxContent } from \"./LightBoxContent\";\nimport { LightBoxControls } from \"./LightBoxControls/LightBoxControls\";\nimport { LightBoxSideOverlay } from \"./LightBoxSideOverlay/LightBoxSideOverlay\";\nimport { addClassNameWithScrollbarWidth } from \"../../utils/scroll/scrollbar\";\nimport { TopOverlay } from \"../TopOverlay/TopOverlay\";\nimport { LightBoxViewManager } from \"./LightBoxViewManager/LightBoxViewManager\";\nimport { FocusTrapUtils } from \"../../utils/focus/FocusTrapUtils\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { LightBoxLeftSidebar } from \"./LightBoxSidebars/LightBoxLeftSidebar\";\nimport { LightBoxRightSidebar } from \"./LightBoxSidebars/LightBoxRightSidebar\";\nimport { ELightBoxSize } from \"./enums\";\nimport styles from \"./styles/LightBox.module.less\";\nimport scrollStyles from \"./styles/LightBoxScroll.module.less\";\n\n// Идентификатор DOM-элемента, в который рендерится лайтбокс. При отсутствии элемента в DOM – создается в body.\nexport const lightBoxMountNodeIdDefault = \"LightBox-next-mount-node\";\n\n// Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс.\nexport const lightBoxViewManagerNodeIdDefault = \"LightBox-next-view-manager-node\";\n\n/** Свойства компонента LightBox. */\nexport interface ILightBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n    children: React.ReactElement[];\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Ref на контейнер LightBox. */\n    forwardRef?: React.MutableRefObject<HTMLElement | null>;\n    /** DOM-нода в которую будет рендерится лайтбокс. */\n    mountNode?: HTMLDivElement;\n    /** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */\n    lightBoxViewManagerNodeId?: string;\n    /** Флаг состояния загрузки. */\n    isLoading?: boolean;\n    /** Флаг открытия боковой панели. */\n    isSideOverlayOpened?: boolean;\n    /** Флаг открытия верхней панели. */\n    isTopOverlayOpened?: boolean;\n    /** Размер контента LightBox. */\n    size?: ELightBoxSize;\n}\n\nconst bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];\n\nconst LightBoxBase: React.FC<ILightBoxProps> = ({\n    children,\n    className,\n    focusTrapProps,\n    forwardRef,\n    mountNode,\n    lightBoxViewManagerNodeId = lightBoxViewManagerNodeIdDefault,\n    isLoading,\n    isSideOverlayOpened,\n    isTopOverlayOpened,\n    size = ELightBoxSize.MD,\n    ...htmlDivAttributes\n}) => {\n    // Скрытый элемент для вызова ререндера при закрытии оверлея, фикс бага в Safari - DCBSWT-2866.\n    const tempButtonRef = useRef<HTMLSpanElement>(null);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    const getLightBoxMountNode = () => {\n        let lightBoxMountNode: HTMLDivElement | null = null;\n        if (mountNode) {\n            lightBoxMountNode = mountNode;\n        } else {\n            lightBoxMountNode = document.querySelector(`#${lightBoxMountNodeIdDefault}`);\n\n            if (!lightBoxMountNode) {\n                lightBoxMountNode = document.createElement(\"div\");\n                lightBoxMountNode.setAttribute(\"id\", lightBoxMountNodeIdDefault);\n                document.body.appendChild(lightBoxMountNode);\n            }\n        }\n\n        return lightBoxMountNode;\n    };\n\n    const getLightBoxViewManagerMountNode = () => {\n        let lightBoxViewManagerMountNode: HTMLDivElement | null = null;\n        if (lightBoxViewManagerNodeId) {\n            lightBoxViewManagerMountNode = document.querySelector(`#${lightBoxViewManagerNodeId}`);\n        }\n\n        if (!lightBoxViewManagerMountNode) {\n            lightBoxViewManagerMountNode = document.createElement(\"div\");\n            lightBoxViewManagerMountNode.setAttribute(\"id\", lightBoxViewManagerNodeIdDefault);\n            document.body.appendChild(lightBoxViewManagerMountNode);\n        }\n\n        return lightBoxViewManagerMountNode;\n    };\n\n    /** DOM node, в которую рендерится лайтбокс. */\n    const lightBoxMountNode = useRef<HTMLDivElement | null>(getLightBoxMountNode());\n    /**\n     * DOM node, в визуальных границах которой рендерится лайтбокс.\n     * Левая и правая граница LightBox будут соответствовать левой и правой границе lightBoxViewManagerNode.\n     */\n    const lightBoxViewManagerNode = useRef<HTMLDivElement | null>(getLightBoxViewManagerMountNode());\n\n    const addClassNamesToDocumentElement = () => {\n        bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.add(className));\n    };\n\n    useEffect(() => {\n        addClassNameWithScrollbarWidth(scrollStyles);\n        addClassNamesToDocumentElement();\n        // Фикс бага в роутере - при переключении между лайтбоксами иногда сначала происходит componentDidMount 2го и затем componentWillUnmount первого, css классы удаляются.\n        setTimeout(addClassNamesToDocumentElement, 100);\n\n        return () =>\n            bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.remove(className));\n    }, []);\n\n    useEffect(() => {\n        if (!isSideOverlayOpened && tempButtonRef.current) {\n            // Изменение z-index у скрытого элемента вызывает repaint. Фикс бага в Safari - DCBSWT-2866.\n            const nextZIndex = Math.round(Math.random() * 100);\n            tempButtonRef.current.style.zIndex = nextZIndex.toString();\n        }\n    }, [isSideOverlayOpened]);\n\n    if (!lightBoxMountNode.current) {\n        return null;\n    }\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        containerRef.current = instance;\n\n        if (forwardRef) {\n            forwardRef.current = instance;\n        }\n    };\n\n    const classNames = clsx(\n        scopeClassName,\n        styles.lightBox,\n        styles[size],\n        {\n            [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),\n            [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened),\n        },\n        className,\n    );\n\n    return (\n        <>\n            <Portal container={lightBoxMountNode.current}>\n                <FocusTrapExtended\n                    active={!isLoading}\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(containerRef.current),\n                        preventScroll: true,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    <div className={classNames} role=\"dialog\" aria-modal=\"true\" {...htmlDivAttributes} ref={setRef}>\n                        <div className={styles.lightBoxBackdrop} />\n                        {children}\n                        <span ref={tempButtonRef} className={styles.tempElSafariBug} />\n                    </div>\n                </FocusTrapExtended>\n            </Portal>\n\n            {lightBoxViewManagerNode.current && (\n                <LightBoxViewManager\n                    lightBoxViewManagerNode={lightBoxViewManagerNode.current}\n                    lightBoxMountNode={lightBoxMountNode.current}\n                />\n            )}\n        </>\n    );\n};\n\nLightBoxBase.displayName = \"LightBoxBase\";\n\nexport const LightBox = Object.assign(LightBoxBase, {\n    Content: LightBoxContent,\n    SideOverlay: LightBoxSideOverlay,\n    TopOverlay,\n    Controls: LightBoxControls,\n    LeftSidebar: LightBoxLeftSidebar,\n    RightSidebar: LightBoxRightSidebar,\n});\n"],"names":["lightBoxMountNode","className"],"mappings":"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"}

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../../chunks/vendor-Bco_z_Yi.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-DppXLfTk.js";
+import { L } from "../../chunks/LightBoxContent-DhmrVe_B.js";
 export {
   L as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-NJhXErnc.js";
 const LightBoxClose = ({
   className,
   onClick,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -3,7 +3,7 @@ import { LightBoxClose } from "./LightBoxClose.js";
 import { LightBoxNext } from "./LightBoxNext.js";
 import { LightBoxPrev } from "./LightBoxPrev.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-NJhXErnc.js";
 const LightBoxControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.lightBoxControls), ...htmlDivAttributes, "data-lightbox-component": "controls", children });
 LightBoxControls.displayName = "LightBoxControls";
 LightBoxControls.Close = LightBoxClose;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-NJhXErnc.js";
 const LightBoxNext = ({
   className,
   clickByArrowRight,

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -7,7 +7,7 @@ import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDown
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-NJhXErnc.js";
 const LightBoxPrev = ({
   className,
   clickByArrowLeft,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -10,18 +10,18 @@ import { LightBoxSideOverlayCloseMobile } from "./LightBoxSideOverlayCloseMobile
 import { LightBoxSideOverlayCloseDesktop } from "./LightBoxSideOverlayCloseDesktop.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__478c5fc1";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__cddf8e0d";
-const overflowXHidden = "overflowXHidden__5cc08dd0";
-const overflowYHidden = "overflowYHidden__ce298089";
-const closing = "closing__ce4581a0";
-const opened = "opened__7d775cb2";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__6da23921";
-const opening = "opening__2916c7f1";
-const sm = "sm__c9c67ffe";
-const md = "md__97a329e4";
-const lg = "lg__e61ea5cd";
-const lightBoxSideOverlay = "lightBoxSideOverlay__d75e4199";
+const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__5eeea1c1";
+const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__cbb8edf4";
+const overflowXHidden = "overflowXHidden__71cd45a1";
+const overflowYHidden = "overflowYHidden__dd762d00";
+const closing = "closing__c13642ba";
+const opened = "opened__78fca4a0";
+const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__9808f5f8";
+const opening = "opening__b5dfd63c";
+const sm = "sm__7582d3d9";
+const md = "md__5e8ebd65";
+const lg = "lg__d9ada402";
+const lightBoxSideOverlay = "lightBoxSideOverlay__b47b7263";
 const styles = {
   lightBoxSideOverlayMask,
   lightBoxSideOverlayWrapper,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ import { CrossStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Button } from "../../Button/Button.js";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CS4Sws_n.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-DH3toLJp.js";
 const LightBoxSideOverlayCloseDesktop = ({
   className,
   clickByEsc,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CS4Sws_n.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-DH3toLJp.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Button } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__499dc9a4";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__e0ea78b6";
 const styles = {
   lightBoxSideOverlayLoaderWrapper
 };

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__bd34ded9";
-const fixed = "fixed__33b8d4ea";
-const hidden = "hidden__7cf791fb";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__a5020572";
+const fixed = "fixed__07a5d609";
+const hidden = "hidden__08d4f90c";
 const styles = {
   lightBoxLeftSidebar,
   fixed,

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__12420ff1";
-const fixed = "fixed__33b8d4ea";
-const hidden = "hidden__7cf791fb";
+const lightBoxRightSidebar = "lightBoxRightSidebar__d10d5a67";
+const fixed = "fixed__07a5d609";
+const hidden = "hidden__08d4f90c";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__4bd30195";
-const wordWithContent = "wordWithContent__c392667b";
-const before = "before__c262ca67";
-const after = "after__eb918dab";
+const link = "link__91164d81";
+const wordWithContent = "wordWithContent__8a912251";
+const before = "before__4d5e1dca";
+const after = "after__9b1b00a0";
 const styles = {
   link,
   wordWithContent,
@@ -13,7 +14,7 @@ const styles = {
   after
 };
 const Link = React__default.forwardRef(
-  ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, ...rest }, ref) => {
+  ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, target, rel, ...rest }, ref) => {
     const renderContentBefore = () => contentBefore ? /* @__PURE__ */ jsxs(Fragment, { children: [
       "​",
       contentBefore()
@@ -73,10 +74,12 @@ const Link = React__default.forwardRef(
       {
         role: "link",
         ...rest,
+        target,
+        rel: getSafeRel(target, rel),
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "1.36.0",
+        "data-tx": "1.38.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }

package/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/Link.module.less\";\n\n/** Общие свойства компонента Link. */\nexport interface ILinkCommonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n    /** Тело гиперссылки. */\n    children: React.ReactNode;\n    /** Рендер функция предшествующего контента. */\n    contentBefore?: () => React.ReactElement;\n    /** Рендер функция последующего контента. */\n    contentAfter?: () => React.ReactElement;\n}\n\n/** Гиперссылка. */\nexport const Link = React.forwardRef<HTMLAnchorElement, ILinkCommonProps>(\n    ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, ...rest }, ref) => {\n        /** Рендер функция предшествующего контента. */\n        const renderContentBefore = () =>\n            contentBefore ? (\n                <>\n                    {/* Zero-width space необходим для правильного выравнивания контента. */}\n                    {\"\\u200B\"}\n                    {contentBefore()}\n                </>\n            ) : null;\n\n        /** Рендер функция последующего контента. */\n        const renderContentAfter = () => (contentAfter ? contentAfter() : null);\n\n        const renderAsSimpleText = (text: string) => {\n            const words = text.split(\" \");\n\n            if (words.length < 2 || (words.length < 3 && contentBefore && contentAfter)) {\n                const className = clsx(styles.wordWithContent, {\n                    [styles.after]: Boolean(contentAfter),\n                    [styles.before]: Boolean(contentBefore),\n                });\n                return (\n                    <span className={className}>\n                        {renderContentBefore()}\n                        {text}\n                        {renderContentAfter()}\n                    </span>\n                );\n            }\n\n            const firstWord = words[0];\n            const lastWord = words[words.length - 1];\n            const restWords = words.slice(1, -1).join(\" \");\n\n            const classNameBefore = clsx(styles.wordWithContent, {\n                [styles.before]: Boolean(contentBefore),\n            });\n\n            const firstNode = contentBefore ? (\n                <span className={classNameBefore}>\n                    {renderContentBefore()}\n                    {firstWord}\n                </span>\n            ) : (\n                firstWord\n            );\n\n            const classNameAfter = clsx(styles.wordWithContent, {\n                [styles.after]: Boolean(contentAfter),\n            });\n            const lastNode = contentAfter ? (\n                <span className={classNameAfter}>\n                    {lastWord}\n                    {renderContentAfter()}\n                </span>\n            ) : (\n                lastWord\n            );\n\n            return (\n                <>\n                    {firstNode} {restWords} {lastNode}\n                </>\n            );\n        };\n\n        /** Рендерит как React Nodes. */\n        const renderAsReactNode = (node: React.ReactNode) => {\n            const firstNode = contentBefore ? contentBefore() : null;\n            const lastNode = contentAfter ? contentAfter() : null;\n            return (\n                <>\n                    {firstNode}\n                    {node}\n                    {lastNode}\n                </>\n            );\n        };\n\n        const renderContent = (children: React.ReactNode) =>\n            typeof children === \"string\" ? renderAsSimpleText(children) : renderAsReactNode(children);\n\n        const content = contentBefore || contentAfter ? renderContent(children) : children;\n\n        return (\n            <a\n                role=\"link\"\n                {...rest}\n                className={clsx(className, styles.link)}\n                onBlur={onBlur}\n                onMouseDown={onMouseDown}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                <IconWrapper displayContents>{content}</IconWrapper>\n            </a>\n        );\n    },\n);\n\nLink.displayName = \"Link\";\n"],"names":["React","className","children"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,OAAOA,eAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,QAAQ,aAAa,cAAc,eAAe,GAAG,KAAA,GAAQ,QAAQ;AAEzF,UAAM,sBAAsB,MACxB,gBACI,qBAAA,UAAA,EAEK,UAAA;AAAA,MAAA;AAAA,MACA,cAAA;AAAA,IAAc,EAAA,CACnB,IACA;AAGR,UAAM,qBAAqB,MAAO,eAAe,aAAA,IAAiB;AAElE,UAAM,qBAAqB,CAAC,SAAiB;AACzC,YAAM,QAAQ,KAAK,MAAM,GAAG;AAE5B,UAAI,MAAM,SAAS,KAAM,MAAM,SAAS,KAAK,iBAAiB,cAAe;AACzE,cAAMC,aAAY,KAAK,OAAO,iBAAiB;AAAA,UAC3C,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,UACpC,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,QAAA,CACzC;AACD,eACI,qBAAC,QAAA,EAAK,WAAWA,YACZ,UAAA;AAAA,UAAA,oBAAA;AAAA,UACA;AAAA,UACA,mBAAA;AAAA,QAAmB,GACxB;AAAA,MAER;AAEA,YAAM,YAAY,MAAM,CAAC;AACzB,YAAM,WAAW,MAAM,MAAM,SAAS,CAAC;AACvC,YAAM,YAAY,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAE7C,YAAM,kBAAkB,KAAK,OAAO,iBAAiB;AAAA,QACjD,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,MAAA,CACzC;AAED,YAAM,YAAY,gBACd,qBAAC,QAAA,EAAK,WAAW,iBACZ,UAAA;AAAA,QAAA,oBAAA;AAAA,QACA;AAAA,MAAA,EAAA,CACL,IAEA;AAGJ,YAAM,iBAAiB,KAAK,OAAO,iBAAiB;AAAA,QAChD,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,MAAA,CACvC;AACD,YAAM,WAAW,eACb,qBAAC,QAAA,EAAK,WAAW,gBACZ,UAAA;AAAA,QAAA;AAAA,QACA,mBAAA;AAAA,MAAmB,EAAA,CACxB,IAEA;AAGJ,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QAAU;AAAA,QAAE;AAAA,QAAU;AAAA,QAAE;AAAA,MAAA,GAC7B;AAAA,IAER;AAGA,UAAM,oBAAoB,CAAC,SAA0B;AACjD,YAAM,YAAY,gBAAgB,cAAA,IAAkB;AACpD,YAAM,WAAW,eAAe,aAAA,IAAiB;AACjD,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,GACL;AAAA,IAER;AAEA,UAAM,gBAAgB,CAACC,cACnB,OAAOA,cAAa,WAAW,mBAAmBA,SAAQ,IAAI,kBAAkBA,SAAQ;AAE5F,UAAM,UAAU,iBAAiB,eAAe,cAAc,QAAQ,IAAI;AAE1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,KAAK,WAAW,OAAO,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,QACA,WAAS;AAAA,QACT;AAAA,QAEA,8BAAC,aAAA,EAAY,iBAAe,MAAE,UAAA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACJ;AAEA,KAAK,cAAc;"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { getSafeRel } from \"@sberbusiness/triplex-next/utils/html/anchorSecurity\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/Link.module.less\";\n\n/** Общие свойства компонента Link. */\nexport interface ILinkCommonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n    /** Тело гиперссылки. */\n    children: React.ReactNode;\n    /** Рендер функция предшествующего контента. */\n    contentBefore?: () => React.ReactElement;\n    /** Рендер функция последующего контента. */\n    contentAfter?: () => React.ReactElement;\n}\n\n/** Гиперссылка. */\nexport const Link = React.forwardRef<HTMLAnchorElement, ILinkCommonProps>(\n    ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, target, rel, ...rest }, ref) => {\n        /** Рендер функция предшествующего контента. */\n        const renderContentBefore = () =>\n            contentBefore ? (\n                <>\n                    {/* Zero-width space необходим для правильного выравнивания контента. */}\n                    {\"\\u200B\"}\n                    {contentBefore()}\n                </>\n            ) : null;\n\n        /** Рендер функция последующего контента. */\n        const renderContentAfter = () => (contentAfter ? contentAfter() : null);\n\n        const renderAsSimpleText = (text: string) => {\n            const words = text.split(\" \");\n\n            if (words.length < 2 || (words.length < 3 && contentBefore && contentAfter)) {\n                const className = clsx(styles.wordWithContent, {\n                    [styles.after]: Boolean(contentAfter),\n                    [styles.before]: Boolean(contentBefore),\n                });\n                return (\n                    <span className={className}>\n                        {renderContentBefore()}\n                        {text}\n                        {renderContentAfter()}\n                    </span>\n                );\n            }\n\n            const firstWord = words[0];\n            const lastWord = words[words.length - 1];\n            const restWords = words.slice(1, -1).join(\" \");\n\n            const classNameBefore = clsx(styles.wordWithContent, {\n                [styles.before]: Boolean(contentBefore),\n            });\n\n            const firstNode = contentBefore ? (\n                <span className={classNameBefore}>\n                    {renderContentBefore()}\n                    {firstWord}\n                </span>\n            ) : (\n                firstWord\n            );\n\n            const classNameAfter = clsx(styles.wordWithContent, {\n                [styles.after]: Boolean(contentAfter),\n            });\n            const lastNode = contentAfter ? (\n                <span className={classNameAfter}>\n                    {lastWord}\n                    {renderContentAfter()}\n                </span>\n            ) : (\n                lastWord\n            );\n\n            return (\n                <>\n                    {firstNode} {restWords} {lastNode}\n                </>\n            );\n        };\n\n        /** Рендерит как React Nodes. */\n        const renderAsReactNode = (node: React.ReactNode) => {\n            const firstNode = contentBefore ? contentBefore() : null;\n            const lastNode = contentAfter ? contentAfter() : null;\n            return (\n                <>\n                    {firstNode}\n                    {node}\n                    {lastNode}\n                </>\n            );\n        };\n\n        const renderContent = (children: React.ReactNode) =>\n            typeof children === \"string\" ? renderAsSimpleText(children) : renderAsReactNode(children);\n\n        const content = contentBefore || contentAfter ? renderContent(children) : children;\n\n        return (\n            <a\n                role=\"link\"\n                {...rest}\n                target={target}\n                // Защита от reverse tabnabbing при target=\"_blank\".\n                rel={getSafeRel(target, rel)}\n                className={clsx(className, styles.link)}\n                onBlur={onBlur}\n                onMouseDown={onMouseDown}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                <IconWrapper displayContents>{content}</IconWrapper>\n            </a>\n        );\n    },\n);\n\nLink.displayName = \"Link\";\n"],"names":["React","className","children"],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAM,OAAOA,eAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,QAAQ,aAAa,cAAc,eAAe,QAAQ,KAAK,GAAG,KAAA,GAAQ,QAAQ;AAEtG,UAAM,sBAAsB,MACxB,gBACI,qBAAA,UAAA,EAEK,UAAA;AAAA,MAAA;AAAA,MACA,cAAA;AAAA,IAAc,EAAA,CACnB,IACA;AAGR,UAAM,qBAAqB,MAAO,eAAe,aAAA,IAAiB;AAElE,UAAM,qBAAqB,CAAC,SAAiB;AACzC,YAAM,QAAQ,KAAK,MAAM,GAAG;AAE5B,UAAI,MAAM,SAAS,KAAM,MAAM,SAAS,KAAK,iBAAiB,cAAe;AACzE,cAAMC,aAAY,KAAK,OAAO,iBAAiB;AAAA,UAC3C,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,UACpC,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,QAAA,CACzC;AACD,eACI,qBAAC,QAAA,EAAK,WAAWA,YACZ,UAAA;AAAA,UAAA,oBAAA;AAAA,UACA;AAAA,UACA,mBAAA;AAAA,QAAmB,GACxB;AAAA,MAER;AAEA,YAAM,YAAY,MAAM,CAAC;AACzB,YAAM,WAAW,MAAM,MAAM,SAAS,CAAC;AACvC,YAAM,YAAY,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAE7C,YAAM,kBAAkB,KAAK,OAAO,iBAAiB;AAAA,QACjD,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,MAAA,CACzC;AAED,YAAM,YAAY,gBACd,qBAAC,QAAA,EAAK,WAAW,iBACZ,UAAA;AAAA,QAAA,oBAAA;AAAA,QACA;AAAA,MAAA,EAAA,CACL,IAEA;AAGJ,YAAM,iBAAiB,KAAK,OAAO,iBAAiB;AAAA,QAChD,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,MAAA,CACvC;AACD,YAAM,WAAW,eACb,qBAAC,QAAA,EAAK,WAAW,gBACZ,UAAA;AAAA,QAAA;AAAA,QACA,mBAAA;AAAA,MAAmB,EAAA,CACxB,IAEA;AAGJ,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QAAU;AAAA,QAAE;AAAA,QAAU;AAAA,QAAE;AAAA,MAAA,GAC7B;AAAA,IAER;AAGA,UAAM,oBAAoB,CAAC,SAA0B;AACjD,YAAM,YAAY,gBAAgB,cAAA,IAAkB;AACpD,YAAM,WAAW,eAAe,aAAA,IAAiB;AACjD,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,GACL;AAAA,IAER;AAEA,UAAM,gBAAgB,CAACC,cACnB,OAAOA,cAAa,WAAW,mBAAmBA,SAAQ,IAAI,kBAAkBA,SAAQ;AAE5F,UAAM,UAAU,iBAAiB,eAAe,cAAc,QAAQ,IAAI;AAE1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QAEA,KAAK,WAAW,QAAQ,GAAG;AAAA,QAC3B,WAAW,KAAK,WAAW,OAAO,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,QACA,WAAS;AAAA,QACT;AAAA,QAEA,8BAAC,aAAA,EAAY,iBAAe,MAAE,UAAA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACJ;AAEA,KAAK,cAAc;"}

package/components/List/List.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__72561b13";
-const listLoaderScreen = "listLoaderScreen__fb7e5f00";
+const list = "list__83fd50f5";
+const listLoaderScreen = "listLoaderScreen__33b3806f";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.36.0", ref, children: [
+const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.38.0", ref, children: [
   children,
   loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));

package/components/List/components/ListActionItem.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { isKey } from "../../../utils/keyboard.js";
+import { ListItem } from "./ListItem.js";
+import { ListItemContent } from "./ListItemContent.js";
+const listActionItem = "listActionItem__b201ae0d";
+const styles = {
+  listActionItem
+};
+const ListActionItem = React__default.forwardRef(
+  ({ children, listItemContentProps = {}, ...rest }, ref) => {
+    const { className, onKeyDown, ...restListItemContentProps } = listItemContentProps;
+    const handleKeyDown = (event) => {
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (event.defaultPrevented) {
+        return;
+      }
+      if (isKey(event.code, "ENTER") || isKey(event.code, "SPACE")) {
+        event.preventDefault();
+        event.currentTarget.click();
+      }
+    };
+    return /* @__PURE__ */ jsx(ListItem, { ...rest, children: /* @__PURE__ */ jsx(
+      ListItemContent,
+      {
+        className: clsx(styles.listActionItem, className),
+        tabIndex: 0,
+        role: "button",
+        onKeyDown: handleKeyDown,
+        ...restListItemContentProps,
+        ref,
+        children
+      }
+    ) });
+  }
+);
+ListActionItem.displayName = "ListActionItem";
+export {
+  ListActionItem
+};
+//# sourceMappingURL=ListActionItem.js.map

package/components/List/components/ListActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListActionItem.js","sources":["../../../../src/components/List/components/ListActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport { ListItemContent } from \"@sberbusiness/triplex-next/components/List/components/ListItemContent\";\nimport styles from \"../styles/ListActionItem.module.less\";\n\nexport interface IListActionItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n    /**\n     * Пропсы интерактивного слоя (ListItemContent). Все обработчики (onClick, onKeyDown и т.д.)\n     * нужно передавать сюда, а не на сам ListActionItem — пропсы контейнера уходят на корневой <li>,\n     * который не является интерактивным элементом.\n     */\n    listItemContentProps?: React.HTMLAttributes<HTMLDivElement>;\n}\n\n/** Интерактивная обёртка над элементом списка. */\nexport const ListActionItem = React.forwardRef<HTMLDivElement, IListActionItemProps>(\n    ({ children, listItemContentProps = {}, ...rest }, ref) => {\n        const { className, onKeyDown, ...restListItemContentProps } = listItemContentProps;\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            onKeyDown?.(event);\n\n            if (event.defaultPrevented) {\n                return;\n            }\n\n            if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                event.currentTarget.click();\n            }\n        };\n\n        return (\n            <ListItem {...rest}>\n                <ListItemContent\n                    className={clsx(styles.listActionItem, className)}\n                    tabIndex={0}\n                    role=\"button\"\n                    onKeyDown={handleKeyDown}\n                    {...restListItemContentProps}\n                    ref={ref}\n                >\n                    {children}\n                </ListItemContent>\n            </ListItem>\n        );\n    },\n);\n\nListActionItem.displayName = \"ListActionItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAiBO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,uBAAuB,CAAA,GAAI,GAAG,KAAA,GAAQ,QAAQ;AACvD,UAAM,EAAE,WAAW,WAAW,GAAG,6BAA6B;AAE9D,UAAM,gBAAgB,CAAC,UAA+C;AAClE,6CAAY;AAEZ,UAAI,MAAM,kBAAkB;AACxB;AAAA,MACJ;AAEA,UAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,cAAM,eAAA;AACN,cAAM,cAAc,MAAA;AAAA,MACxB;AAAA,IACJ;AAEA,WACI,oBAAC,UAAA,EAAU,GAAG,MACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,gBAAgB,SAAS;AAAA,QAChD,UAAU;AAAA,QACV,MAAK;AAAA,QACL,WAAW;AAAA,QACV,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

package/components/List/components/ListEmptyState.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listEmptyState = "listEmptyState__ca156754";
+const listEmptyState = "listEmptyState__c2dbf2a6";
 const styles = {
   listEmptyState
 };

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ import { ListItemContext } from "./ListItemContext.js";
 const ListItem = React__default.forwardRef(({ children, className, ...rest }, ref) => {
   const [selected, setSelected] = useState(false);
   const [selectable, setSelectable] = useState(false);
-  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.36.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.38.0", ref, children }) });
 });
 ListItem.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__378862ad";
-const selected = "selected__e35cf83e";
-const selectable = "selectable__539295aa";
+const listItemContent = "listItemContent__5ebafffd";
+const selected = "selected__285e93e7";
+const selectable = "selectable__93f6c4be";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React__default.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "1.36.0",
+        "data-tx": "1.38.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listItemControls = "listItemControls__cf4bb559";
+const listItemControls = "listItemControls__d28632fb";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-Bco_z_Yi.js";
-import { L } from "../../../chunks/ListItemControlsButton-DK4yT64p.js";
+import { L } from "../../../chunks/ListItemControlsButton-xLk41F4G.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -18,7 +18,7 @@ import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileList
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-DK4yT64p.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-xLk41F4G.js";
 import { setForwardedRef } from "../utils.js";
 const ListItemControlsButtonDropdown = React__default.forwardRef(
   (props, ref) => {

package/components/List/components/ListItemLoading.js

@@ -5,7 +5,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const listItemLoading = "listItemLoading__3bcb6c8b";
+const listItemLoading = "listItemLoading__143326d5";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React__default, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__f0dd0dea";
-const selected = "selected__e35cf83e";
-const checkboxWrapper = "checkboxWrapper__79ef888e";
-const childrenWrapper = "childrenWrapper__4770e4b2";
-const checkboxLabel = "checkboxLabel__9c11c6e8";
-const checkboxLabelClickArea = "checkboxLabelClickArea__0b0ca1f2";
+const listItemSelectable = "listItemSelectable__ecf22287";
+const selected = "selected__285e93e7";
+const checkboxWrapper = "checkboxWrapper__7d4dafa8";
+const childrenWrapper = "childrenWrapper__4f56cc40";
+const checkboxLabel = "checkboxLabel__898a7321";
+const checkboxLabelClickArea = "checkboxLabelClickArea__64e4b7d7";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-DGsovelC.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-CTCT4Ip2.js";
 const ListItemTailLeft = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailLeft, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListItemTailRight.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-DGsovelC.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-CTCT4Ip2.js";
 const ListItemTailRight = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailRight, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -4,8 +4,8 @@ import { q as useSortable, s as CSS, c as clsx } from "../../../chunks/vendor-Bc
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__15ab69b1";
-const dragging = "dragging__c3c36529";
+const listSortableItem = "listSortableItem__92bea91c";
+const dragging = "dragging__d016f7c6";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listSortableItemControls = "listSortableItemControls__df787894";
+const listSortableItemControls = "listSortableItemControls__5a059ff1";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listSortableItemTarget = "listSortableItemTarget__c6fcadcd";
-const dragging = "dragging__c3c36529";
-const listSortableItemTargetContent = "listSortableItemTargetContent__6a5091fe";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__010750c3";
+const listSortableItemTarget = "listSortableItemTarget__83526cfe";
+const dragging = "dragging__d016f7c6";
+const listSortableItemTargetContent = "listSortableItemTargetContent__810b2beb";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__cf394af7";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/components/{ListItemTable.js → ListTableItem.js}

@@ -7,19 +7,19 @@ import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listItemTable = "listItemTable__aafd330c";
-const swipeableArea = "swipeableArea__dabb73a2";
-const content = "content__80b7548a";
+const listTableItem = "listTableItem__f2d8aaf6";
+const swipeableArea = "swipeableArea__db4e16aa";
+const content = "content__e160a807";
 const styles = {
-  listItemTable,
+  listTableItem,
   swipeableArea,
   content
 };
-const ListItemTable = React__default.forwardRef(
+const ListTableItem = React__default.forwardRef(
   ({ children, className, controlButtons, onClickItem, onSelect, selected, swipeableAreaRef, ...rest }, ref) => {
     const selectable = typeof onSelect !== "undefined" && typeof selected !== "undefined";
     const renderContent = () => /* @__PURE__ */ jsx(ListItemContent, { className: styles.content, onClick: onClickItem, children });
-    return /* @__PURE__ */ jsx(ListItem, { className: clsx(styles.listItemTable, className), ...rest, ref, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(ListItem, { className: clsx(styles.listTableItem, className), ...rest, ref, children: /* @__PURE__ */ jsxs(
       SwipeableArea,
       {
         className: styles.swipeableArea,
@@ -33,8 +33,8 @@ const ListItemTable = React__default.forwardRef(
     ) });
   }
 );
-ListItemTable.displayName = "ListItemTable";
+ListTableItem.displayName = "ListTableItem";
 export {
-  ListItemTable
+  ListTableItem
 };
-//# sourceMappingURL=ListItemTable.js.map
+//# sourceMappingURL=ListTableItem.js.map

package/components/List/components/{ListItemTable.js.map → ListTableItem.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListItemTable.js","sources":["../../../../src/components/List/components/ListItemTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISwipeableAreaRef, SwipeableArea } from \"@sberbusiness/triplex-next/components/SwipeableArea/SwipeableArea\";\nimport { IListItemProps, ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport { ListItemContent } from \"@sberbusiness/triplex-next/components/List/components/ListItemContent\";\nimport { ListItemControls } from \"@sberbusiness/triplex-next/components/List/components/ListItemControls\";\nimport { ListItemSelectable } from \"@sberbusiness/triplex-next/components/List/components/ListItemSelectable\";\nimport { ListItemTailRight } from \"@sberbusiness/triplex-next/components/List/components/ListItemTailRight\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListItemTable.module.less\";\n\nexport interface IListItemTableSelectableProps extends Omit<IListItemTableProps, \"selected\" | \"onSelect\"> {\n    /** Обработчик изменения флага selected. */\n    onSelect: (selected: boolean) => void;\n    /** Флаг состояния selected. */\n    selected: boolean;\n}\n\nexport interface IListItemTableProps extends Omit<IListItemProps, \"onSelect\"> {\n    /** Кнопки действий - <ListItemControlsButton ... /> */\n    controlButtons?: React.ReactNode;\n    /** Обработчик клика по контенту элемента списка. Событие onClick передается на контейнер контента. */\n    onClickItem?: (event: React.MouseEvent<HTMLDivElement>) => void;\n    /** Обработчик изменения флага selected. */\n    onSelect?: never;\n    /** Флаг состояния selected. */\n    selected?: never;\n    /** Ref компонента SwipeableArea. */\n    swipeableAreaRef?: React.Ref<ISwipeableAreaRef>;\n}\n\n/** Элемент списка, для отображения табличных данных. */\nexport const ListItemTable = React.forwardRef<HTMLLIElement, IListItemTableProps | IListItemTableSelectableProps>(\n    ({ children, className, controlButtons, onClickItem, onSelect, selected, swipeableAreaRef, ...rest }, ref) => {\n        const selectable = typeof onSelect !== \"undefined\" && typeof selected !== \"undefined\";\n\n        const renderContent = () => (\n            <ListItemContent className={styles.content} onClick={onClickItem}>\n                {children}\n            </ListItemContent>\n        );\n\n        return (\n            <ListItem className={clsx(styles.listItemTable, className)} {...rest} ref={ref}>\n                <SwipeableArea\n                    className={styles.swipeableArea}\n                    ref={swipeableAreaRef}\n                    rightSwipeableArea={\n                        controlButtons ? <ListItemControls>{controlButtons}</ListItemControls> : undefined\n                    }\n                >\n                    <ListItemTailRight />\n\n                    {selectable ? (\n                        <ListItemSelectable selected={selected} onSelect={onSelect}>\n                            {renderContent()}\n                        </ListItemSelectable>\n                    ) : (\n                        renderContent()\n                    )}\n                </SwipeableArea>\n            </ListItem>\n        );\n    },\n);\n\nListItemTable.displayName = \"ListItemTable\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AA+BO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,WAAW,gBAAgB,aAAa,UAAU,UAAU,kBAAkB,GAAG,KAAA,GAAQ,QAAQ;AAC1G,UAAM,aAAa,OAAO,aAAa,eAAe,OAAO,aAAa;AAE1E,UAAM,gBAAgB,MAClB,oBAAC,iBAAA,EAAgB,WAAW,OAAO,SAAS,SAAS,aAChD,SAAA,CACL;AAGJ,WACI,oBAAC,UAAA,EAAS,WAAW,KAAK,OAAO,eAAe,SAAS,GAAI,GAAG,MAAM,KAClE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,KAAK;AAAA,QACL,oBACI,iBAAiB,oBAAC,kBAAA,EAAkB,0BAAe,IAAsB;AAAA,QAG7E,UAAA;AAAA,UAAA,oBAAC,mBAAA,EAAkB;AAAA,UAElB,iCACI,oBAAA,EAAmB,UAAoB,UACnC,UAAA,gBAAc,CACnB,IAEA,cAAA;AAAA,QAAc;AAAA,MAAA;AAAA,IAAA,GAG1B;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"ListTableItem.js","sources":["../../../../src/components/List/components/ListTableItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISwipeableAreaRef, SwipeableArea } from \"@sberbusiness/triplex-next/components/SwipeableArea/SwipeableArea\";\nimport { IListItemProps, ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport { ListItemContent } from \"@sberbusiness/triplex-next/components/List/components/ListItemContent\";\nimport { ListItemControls } from \"@sberbusiness/triplex-next/components/List/components/ListItemControls\";\nimport { ListItemSelectable } from \"@sberbusiness/triplex-next/components/List/components/ListItemSelectable\";\nimport { ListItemTailRight } from \"@sberbusiness/triplex-next/components/List/components/ListItemTailRight\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListTableItem.module.less\";\n\nexport interface IListTableItemSelectableProps extends Omit<IListTableItemProps, \"selected\" | \"onSelect\"> {\n    /** Обработчик изменения флага selected. */\n    onSelect: (selected: boolean) => void;\n    /** Флаг состояния selected. */\n    selected: boolean;\n}\n\nexport interface IListTableItemProps extends Omit<IListItemProps, \"onSelect\"> {\n    /** Кнопки действий - <ListItemControlsButton ... /> */\n    controlButtons?: React.ReactNode;\n    /** Обработчик клика по контенту элемента списка. Событие onClick передается на контейнер контента. */\n    onClickItem?: (event: React.MouseEvent<HTMLDivElement>) => void;\n    /** Обработчик изменения флага selected. */\n    onSelect?: never;\n    /** Флаг состояния selected. */\n    selected?: never;\n    /** Ref компонента SwipeableArea. */\n    swipeableAreaRef?: React.Ref<ISwipeableAreaRef>;\n}\n\n/** Элемент списка, для отображения табличных данных. */\nexport const ListTableItem = React.forwardRef<HTMLLIElement, IListTableItemProps | IListTableItemSelectableProps>(\n    ({ children, className, controlButtons, onClickItem, onSelect, selected, swipeableAreaRef, ...rest }, ref) => {\n        const selectable = typeof onSelect !== \"undefined\" && typeof selected !== \"undefined\";\n\n        const renderContent = () => (\n            <ListItemContent className={styles.content} onClick={onClickItem}>\n                {children}\n            </ListItemContent>\n        );\n\n        return (\n            <ListItem className={clsx(styles.listTableItem, className)} {...rest} ref={ref}>\n                <SwipeableArea\n                    className={styles.swipeableArea}\n                    ref={swipeableAreaRef}\n                    rightSwipeableArea={\n                        controlButtons ? <ListItemControls>{controlButtons}</ListItemControls> : undefined\n                    }\n                >\n                    <ListItemTailRight />\n\n                    {selectable ? (\n                        <ListItemSelectable selected={selected} onSelect={onSelect}>\n                            {renderContent()}\n                        </ListItemSelectable>\n                    ) : (\n                        renderContent()\n                    )}\n                </SwipeableArea>\n            </ListItem>\n        );\n    },\n);\n\nListTableItem.displayName = \"ListTableItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AA+BO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,WAAW,gBAAgB,aAAa,UAAU,UAAU,kBAAkB,GAAG,KAAA,GAAQ,QAAQ;AAC1G,UAAM,aAAa,OAAO,aAAa,eAAe,OAAO,aAAa;AAE1E,UAAM,gBAAgB,MAClB,oBAAC,iBAAA,EAAgB,WAAW,OAAO,SAAS,SAAS,aAChD,SAAA,CACL;AAGJ,WACI,oBAAC,UAAA,EAAS,WAAW,KAAK,OAAO,eAAe,SAAS,GAAI,GAAG,MAAM,KAClE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,KAAK;AAAA,QACL,oBACI,iBAAiB,oBAAC,kBAAA,EAAkB,0BAAe,IAAsB;AAAA,QAG7E,UAAA;AAAA,UAAA,oBAAC,mBAAA,EAAkB;AAAA,UAElB,iCACI,oBAAA,EAAmB,UAAoB,UACnC,UAAA,gBAAc,CACnB,IAEA,cAAA;AAAA,QAAc;AAAA,MAAA;AAAA,IAAA,GAG1B;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}