@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/TabsLine/components/TabsLineItem.js

@@ -1,16 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import React__default, { useState, createElement } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { Badge } from "../../Badge/Badge.js";
-import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Text } from "../../Typography/Text.js";
-import { tabsLineSizeToTextSizeMap } from "../utils.js";
 import { EFontType } from "../../Typography/enums.js";
-import { s as styles } from "../../../chunks/TabsLine.module-CFuF3nRE.js";
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+import { tabsLineSizeToTextSizeMap } from "../utils.js";
+import { s as styles } from "../../../chunks/TabsLine.module-BOD6aGpU.js";
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const TabsLineItem = React__default.forwardRef(
   ({
+    className,
+    // id — идентификатор таба в модели данных, а не DOM-атрибут: на <button> он намеренно не уходит.
     id,
     label,
     selected,
@@ -24,38 +26,52 @@ const TabsLineItem = React__default.forwardRef(
   }, ref) => {
     const [focused, setFocused] = useState(false);
     const [hovered, setHovered] = useState(false);
-    const handleFocus = (e) => {
+    const handleFocus = (event) => {
       setFocused(true);
-      onFocus == null ? void 0 : onFocus(e);
+      onFocus == null ? void 0 : onFocus(event);
     };
-    const handleBlur = (e) => {
+    const handleBlur = (event) => {
       setFocused(false);
-      onBlur == null ? void 0 : onBlur(e);
+      onBlur == null ? void 0 : onBlur(event);
+    };
+    const handleMouseEnter = (event) => {
+      setHovered(true);
+      onMouseEnter == null ? void 0 : onMouseEnter(event);
+    };
+    const handleMouseLeave = (event) => {
+      setHovered(false);
+      onMouseLeave == null ? void 0 : onMouseLeave(event);
     };
-    return /* @__PURE__ */ createElement(
+    return /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
         onFocus: handleFocus,
         onBlur: handleBlur,
-        onMouseEnter: () => setHovered(true),
-        onMouseLeave: () => setHovered(false),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
         ...htmlButtonAttributes,
-        key: id,
-        className: clsx(styles.tab, sizeToClassNameMap[size], { [styles.active]: Boolean(selected) }),
+        className: clsx(
+          styles.tab,
+          SIZE_TO_CLASS_NAME_MAP[size],
+          { [styles.active]: Boolean(selected) },
+          className
+        ),
         role: "tab",
         "aria-selected": selected,
-        ref
-      },
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          size: tabsLineSizeToTextSizeMap[size],
-          type: selected || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY,
-          children: label
-        }
-      ),
-      showNotificationIcon && /* @__PURE__ */ jsx(Badge.Dot, { size, className: styles.notificationIcon })
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: tabsLineSizeToTextSizeMap[size],
+              type: selected || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY,
+              children: label
+            }
+          ),
+          showNotificationIcon && /* @__PURE__ */ jsx(Badge.Dot, { size, className: styles.notificationIcon })
+        ]
+      }
     );
   }
 );

package/components/TabsLine/components/TabsLineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsLineItem.js","sources":["../../../../src/components/TabsLine/components/TabsLineItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TestProps } from \"../../../types/CoreTypes\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { Badge } from \"../../Badge/Badge\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { Text } from \"../../Typography/Text\";\nimport { tabsLineSizeToTextSizeMap } from \"../utils\";\nimport { EFontType } from \"../../Typography/enums\";\nimport styles from \"../styles/TabsLine.module.less\";\n\n/** Свойства TabsLineItem. */\nexport interface ITabsLineItemProps extends React.HTMLAttributes<HTMLButtonElement>, TestProps {\n    /** Таб выбран. */\n    selected?: boolean;\n    /** Идентификатор таба. */\n    id: string;\n    /** Отображаемое значение. */\n    label: string;\n    /** Флаг отображения значка новых уведомлений. */\n    showNotificationIcon?: boolean;\n    /** Размер таба. */\n    size?: EComponentSize;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент TabsLineItem. */\nexport const TabsLineItem = React.forwardRef<HTMLButtonElement, ITabsLineItemProps>(\n    (\n        {\n            id,\n            label,\n            selected,\n            showNotificationIcon,\n            size = EComponentSize.MD,\n            onFocus,\n            onBlur,\n            onMouseEnter,\n            onMouseLeave,\n            ...htmlButtonAttributes\n        },\n        ref,\n    ) => {\n        const [focused, setFocused] = useState(false);\n        const [hovered, setHovered] = useState(false);\n\n        const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n            setFocused(true);\n            onFocus?.(e);\n        };\n\n        const handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n            setFocused(false);\n            onBlur?.(e);\n        };\n\n        return (\n            <button\n                type=\"button\"\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onMouseEnter={() => setHovered(true)}\n                onMouseLeave={() => setHovered(false)}\n                {...htmlButtonAttributes}\n                key={id}\n                className={clsx(styles.tab, sizeToClassNameMap[size], { [styles.active]: Boolean(selected) })}\n                role=\"tab\"\n                aria-selected={selected}\n                ref={ref}\n            >\n                <Text\n                    size={tabsLineSizeToTextSizeMap[size]}\n                    type={selected || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY}\n                >\n                    {label}\n                </Text>\n                {showNotificationIcon && <Badge.Dot size={size} className={styles.notificationIcon} />}\n            </button>\n        );\n    },\n);\n\nTabsLineItem.displayName = \"TabsLineItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAyBA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,eAAeA,eAAM;AAAA,EAC9B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,UAAM,cAAc,CAAC,MAA2C;AAC5D,iBAAW,IAAI;AACf,yCAAU;AAAA,IACd;AAEA,UAAM,aAAa,CAAC,MAA2C;AAC3D,iBAAW,KAAK;AAChB,uCAAS;AAAA,IACb;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,cAAc,MAAM,WAAW,IAAI;AAAA,QACnC,cAAc,MAAM,WAAW,KAAK;AAAA,QACnC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,KAAK,OAAO,KAAK,mBAAmB,IAAI,GAAG,EAAE,CAAC,OAAO,MAAM,GAAG,QAAQ,QAAQ,GAAG;AAAA,QAC5F,MAAK;AAAA,QACL,iBAAe;AAAA,QACf;AAAA,MAAA;AAAA,MAEA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,0BAA0B,IAAI;AAAA,UACpC,MAAM,YAAY,WAAW,UAAU,UAAU,UAAU,UAAU;AAAA,UAEpE,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,4CAAyB,MAAM,KAAN,EAAU,MAAY,WAAW,OAAO,iBAAA,CAAkB;AAAA,IAAA;AAAA,EAGhG;AACJ;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"TabsLineItem.js","sources":["../../../../src/components/TabsLine/components/TabsLineItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { TestProps } from \"../../../types/CoreTypes\";\nimport { Badge } from \"../../Badge/Badge\";\nimport { Text } from \"../../Typography/Text\";\nimport { EFontType } from \"../../Typography/enums\";\nimport { tabsLineSizeToTextSizeMap } from \"../utils\";\nimport styles from \"../styles/TabsLine.module.less\";\n\n/** Свойства компонента TabsLineItem. */\nexport interface ITabsLineItemProps extends React.HTMLAttributes<HTMLButtonElement>, TestProps {\n    /** Таб выбран. По умолчанию false. */\n    selected?: boolean;\n    /** Идентификатор таба. Сопоставляется с selectedId и приходит в onChangeTab. В DOM не попадает. */\n    id: string;\n    /** Отображаемое значение. */\n    label: string;\n    /** Флаг отображения значка новых уведомлений. По умолчанию false. */\n    showNotificationIcon?: boolean;\n    /** Размер таба. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Кнопка одного таба TabsLine: текст и опциональный значок новых уведомлений. */\nexport const TabsLineItem = React.forwardRef<HTMLButtonElement, ITabsLineItemProps>(\n    (\n        {\n            className,\n            // id — идентификатор таба в модели данных, а не DOM-атрибут: на <button> он намеренно не уходит.\n            id,\n            label,\n            selected,\n            showNotificationIcon,\n            size = EComponentSize.MD,\n            onFocus,\n            onBlur,\n            onMouseEnter,\n            onMouseLeave,\n            ...htmlButtonAttributes\n        },\n        ref,\n    ) => {\n        const [focused, setFocused] = useState(false);\n        const [hovered, setHovered] = useState(false);\n\n        const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n            setFocused(true);\n            onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n            setFocused(false);\n            onBlur?.(event);\n        };\n\n        const handleMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {\n            setHovered(true);\n            onMouseEnter?.(event);\n        };\n\n        const handleMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {\n            setHovered(false);\n            onMouseLeave?.(event);\n        };\n\n        return (\n            <button\n                type=\"button\"\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onMouseEnter={handleMouseEnter}\n                onMouseLeave={handleMouseLeave}\n                {...htmlButtonAttributes}\n                className={clsx(\n                    styles.tab,\n                    SIZE_TO_CLASS_NAME_MAP[size],\n                    { [styles.active]: Boolean(selected) },\n                    className,\n                )}\n                role=\"tab\"\n                aria-selected={selected}\n                ref={ref}\n            >\n                <Text\n                    size={tabsLineSizeToTextSizeMap[size]}\n                    type={selected || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY}\n                >\n                    {label}\n                </Text>\n                {showNotificationIcon && <Badge.Dot size={size} className={styles.notificationIcon} />}\n            </button>\n        );\n    },\n);\n\nTabsLineItem.displayName = \"TabsLineItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAyBA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,eAAeA,eAAM;AAAA,EAC9B,CACI;AAAA,IACI;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,UAAM,cAAc,CAAC,UAA+C;AAChE,iBAAW,IAAI;AACf,yCAAU;AAAA,IACd;AAEA,UAAM,aAAa,CAAC,UAA+C;AAC/D,iBAAW,KAAK;AAChB,uCAAS;AAAA,IACb;AAEA,UAAM,mBAAmB,CAAC,UAA+C;AACrE,iBAAW,IAAI;AACf,mDAAe;AAAA,IACnB;AAEA,UAAM,mBAAmB,CAAC,UAA+C;AACrE,iBAAW,KAAK;AAChB,mDAAe;AAAA,IACnB;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,cAAc;AAAA,QACb,GAAG;AAAA,QACJ,WAAW;AAAA,UACP,OAAO;AAAA,UACP,uBAAuB,IAAI;AAAA,UAC3B,EAAE,CAAC,OAAO,MAAM,GAAG,QAAQ,QAAQ,EAAA;AAAA,UACnC;AAAA,QAAA;AAAA,QAEJ,MAAK;AAAA,QACL,iBAAe;AAAA,QACf;AAAA,QAEA,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM,0BAA0B,IAAI;AAAA,cACpC,MAAM,YAAY,WAAW,UAAU,UAAU,UAAU,UAAU;AAAA,cAEpE,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ,4CAAyB,MAAM,KAAN,EAAU,MAAY,WAAW,OAAO,iBAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhG;AACJ;AAEA,aAAa,cAAc;"}

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,25 +1,30 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsLineItem } from "./TabsLineItem.js";
-const tabsLineMobileWrapper = "tabsLineMobileWrapper__1a9b67d7";
-const tabsLineMobile = "tabsLineMobile__43f55a95";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__ff018c0e";
+const tabsLineMobile = "tabsLineMobile__be5842fe";
 const styles = {
   tabsLineMobileWrapper,
   tabsLineMobile
 };
-const TabsLineMobile = ({ onChangeTab, selectedId, tabs }) => {
-  if (!tabs.length) {
-    return null;
-  }
-  const renderTab = ({ selected, ...item }) => {
-    const handleClick = (event) => {
-      var _a;
-      onChangeTab(item.id);
-      (_a = item.onClick) == null ? void 0 : _a.call(item, event);
+const TabsLineMobile = React__default.forwardRef(
+  // size намеренно не используется — он исключён из спреда, чтобы не уйти на <div> как невалидный атрибут.
+  ({ className, onChangeTab, selectedId, size, tabs, ...htmlDivAttributes }, ref) => {
+    const renderTab = ({ selected, onClick, ...item }) => {
+      const handleClick = (event) => {
+        onChangeTab(item.id);
+        onClick == null ? void 0 : onClick(event);
+      };
+      return /* @__PURE__ */ jsx(TabsLineItem, { selected: selectedId === item.id, ...item, onClick: handleClick }, item.id);
     };
-    return /* @__PURE__ */ jsx(TabsLineItem, { selected: selectedId === item.id, ...item, onClick: handleClick }, item.id);
-  };
-  return /* @__PURE__ */ jsx("div", { className: styles.tabsLineMobileWrapper, children: /* @__PURE__ */ jsx("div", { className: styles.tabsLineMobile, children: tabs.map(renderTab) }) });
-};
+    if (tabs.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.tabsLineMobileWrapper, className), ref, children: /* @__PURE__ */ jsx("div", { className: styles.tabsLineMobile, children: tabs.map(renderTab) }) });
+  }
+);
+TabsLineMobile.displayName = "TabsLineMobile";
 export {
   TabsLineMobile
 };

package/components/TabsLine/components/TabsLineMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsLineMobile.js","sources":["../../../../src/components/TabsLine/components/TabsLineMobile.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITabsLineItemProps, TabsLineItem } from \"./TabsLineItem\";\nimport { ITabsLineBaseProps } from \"../types\";\nimport styles from \"../styles/TabsLineMobile.module.less\";\n\n/** Свойства компонента ITabsLineMobileProps. */\ninterface ITabsLineMobileProps extends ITabsLineBaseProps {}\n\n/** Компонент TabsLineMobile. */\nexport const TabsLineMobile: React.FC<ITabsLineMobileProps> = ({ onChangeTab, selectedId, tabs }) => {\n    if (!tabs.length) {\n        return null;\n    }\n\n    const renderTab = ({ selected, ...item }: ITabsLineItemProps) => {\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => {\n            onChangeTab(item.id);\n            item.onClick?.(event as React.MouseEvent<HTMLButtonElement>);\n        };\n\n        return <TabsLineItem key={item.id} selected={selectedId === item.id} {...item} onClick={handleClick} />;\n    };\n\n    return (\n        <div className={styles.tabsLineMobileWrapper}>\n            <div className={styles.tabsLineMobile}>{tabs.map(renderTab)}</div>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,iBAAiD,CAAC,EAAE,aAAa,YAAY,WAAW;AACjG,MAAI,CAAC,KAAK,QAAQ;AACd,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,CAAC,EAAE,UAAU,GAAG,WAA+B;AAC7D,UAAM,cAAc,CAAC,UAAgE;;AACjF,kBAAY,KAAK,EAAE;AACnB,iBAAK,YAAL,8BAAe;AAAA,IACnB;AAEA,WAAO,oBAAC,cAAA,EAA2B,UAAU,eAAe,KAAK,IAAK,GAAG,MAAM,SAAS,YAAA,GAA9D,KAAK,EAAsE;AAAA,EACzG;AAEA,SACI,oBAAC,OAAA,EAAI,WAAW,OAAO,uBACnB,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAiB,UAAA,KAAK,IAAI,SAAS,GAAE,GAChE;AAER;"}
+{"version":3,"file":"TabsLineMobile.js","sources":["../../../../src/components/TabsLine/components/TabsLineMobile.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { ITabsLineBaseProps } from \"../types\";\nimport { ITabsLineItemProps, TabsLineItem } from \"./TabsLineItem\";\nimport styles from \"../styles/TabsLineMobile.module.less\";\n\n/** Свойства компонента TabsLineMobile. */\ninterface ITabsLineMobileProps extends ITabsLineBaseProps {}\n\n/**\n * Мобильный вариант TabsLine: табы в одну строку с горизонтальной прокруткой, без дропдауна.\n * Размер таба здесь всегда дефолтный: prop size мобильным вариантом не поддерживается.\n */\nexport const TabsLineMobile = React.forwardRef<HTMLDivElement, ITabsLineMobileProps>(\n    // size намеренно не используется — он исключён из спреда, чтобы не уйти на <div> как невалидный атрибут.\n    ({ className, onChangeTab, selectedId, size, tabs, ...htmlDivAttributes }, ref) => {\n        const renderTab = ({ selected, onClick, ...item }: ITabsLineItemProps) => {\n            const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n                onChangeTab(item.id);\n                onClick?.(event);\n            };\n\n            return <TabsLineItem key={item.id} selected={selectedId === item.id} {...item} onClick={handleClick} />;\n        };\n\n        if (tabs.length === 0) {\n            return null;\n        }\n\n        return (\n            <div {...htmlDivAttributes} className={clsx(styles.tabsLineMobileWrapper, className)} ref={ref}>\n                <div className={styles.tabsLineMobile}>{tabs.map(renderTab)}</div>\n            </div>\n        );\n    },\n);\n\nTabsLineMobile.displayName = \"TabsLineMobile\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAaO,MAAM,iBAAiBA,eAAM;AAAA;AAAA,EAEhC,CAAC,EAAE,WAAW,aAAa,YAAY,MAAM,MAAM,GAAG,kBAAA,GAAqB,QAAQ;AAC/E,UAAM,YAAY,CAAC,EAAE,UAAU,SAAS,GAAG,WAA+B;AACtE,YAAM,cAAc,CAAC,UAA+C;AAChE,oBAAY,KAAK,EAAE;AACnB,2CAAU;AAAA,MACd;AAEA,aAAO,oBAAC,cAAA,EAA2B,UAAU,eAAe,KAAK,IAAK,GAAG,MAAM,SAAS,YAAA,GAA9D,KAAK,EAAsE;AAAA,IACzG;AAEA,QAAI,KAAK,WAAW,GAAG;AACnB,aAAO;AAAA,IACX;AAEA,WACI,oBAAC,SAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,uBAAuB,SAAS,GAAG,KAClF,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAiB,eAAK,IAAI,SAAS,GAAE,EAAA,CAChE;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

package/components/TabsLine/utils.js

@@ -5,7 +5,15 @@ const tabsLineSizeToTextSizeMap = {
   [EComponentSize.MD]: ETextSize.B3,
   [EComponentSize.SM]: ETextSize.B4
 };
+const splitTabsByMaxVisible = (tabs, maxVisible) => {
+  if (!maxVisible || tabs.length <= maxVisible) {
+    return { inlineTabs: tabs, dropdownTabs: [] };
+  }
+  const inlineCount = Math.max(maxVisible - 1, 0);
+  return { inlineTabs: tabs.slice(0, inlineCount), dropdownTabs: tabs.slice(inlineCount) };
+};
 export {
+  splitTabsByMaxVisible,
   tabsLineSizeToTextSizeMap
 };
 //# sourceMappingURL=utils.js.map

package/components/TabsLine/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/TabsLine/utils.ts"],"sourcesContent":["import { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ETextSize } from \"../Typography/enums\";\n\nexport const tabsLineSizeToTextSizeMap = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n"],"names":[],"mappings":";;AAGO,MAAM,4BAA4B;AAAA,EACrC,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/TabsLine/utils.ts"],"sourcesContent":["import { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ETextSize } from \"../Typography/enums\";\n\n/** Соответствие размера таба размеру текста внутри него. */\nexport const tabsLineSizeToTextSizeMap = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n} satisfies Record<EComponentSize, ETextSize>;\n\n/**\n * Результат разделения табов между строкой и выпадающим списком.\n * Тип таба параметризован: utils не должен зависеть от модуля компонента —\n * TabsLineItem импортирует отсюда tabsLineSizeToTextSizeMap, и обратный импорт замкнул бы цикл.\n */\nexport interface ITabsLineSplit<T> {\n    /** Табы, отображаемые в строке. */\n    inlineTabs: T[];\n    /** Табы, уехавшие в выпадающий список. */\n    dropdownTabs: T[];\n}\n\n/**\n * Разделить табы на отображаемые в строке и уехавшие в выпадающий список.\n * maxVisible ограничивает общее число элементов строки вместе с кнопкой выпадающего списка,\n * поэтому в строке остаётся maxVisible - 1 табов. Пока табов не больше maxVisible, список не нужен\n * и все табы остаются в строке.\n */\nexport const splitTabsByMaxVisible = <T>(tabs: T[], maxVisible?: number): ITabsLineSplit<T> => {\n    if (!maxVisible || tabs.length <= maxVisible) {\n        return { inlineTabs: tabs, dropdownTabs: [] };\n    }\n\n    const inlineCount = Math.max(maxVisible - 1, 0);\n\n    return { inlineTabs: tabs.slice(0, inlineCount), dropdownTabs: tabs.slice(inlineCount) };\n};\n"],"names":[],"mappings":";;AAIO,MAAM,4BAA4B;AAAA,EACrC,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAoBO,MAAM,wBAAwB,CAAI,MAAW,eAA2C;AAC3F,MAAI,CAAC,cAAc,KAAK,UAAU,YAAY;AAC1C,WAAO,EAAE,YAAY,MAAM,cAAc,CAAA,EAAC;AAAA,EAC9C;AAEA,QAAM,cAAc,KAAK,IAAI,aAAa,GAAG,CAAC;AAE9C,SAAO,EAAE,YAAY,KAAK,MAAM,GAAG,WAAW,GAAG,cAAc,KAAK,MAAM,WAAW,EAAA;AACzF;"}

package/components/Tag/Tag.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EditStrokeSrvIcon24, EditStrokeSrvIcon20, EditStrokeSrvIcon16, CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { Text } from "../Typography/Text.js";
 import { ETextSize, EFontType } from "../Typography/enums.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const tag = "tag__a76b0e40";
-const sm = "sm__30e2b804";
-const md = "md__299a9900";
-const lg = "lg__fda23924";
-const content = "content__dd272d14";
+const tag = "tag__7b8212ff";
+const sm = "sm__ae1570eb";
+const md = "md__5e08aca1";
+const lg = "lg__9a0960b3";
+const content = "content__7d07379e";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -1,23 +1,23 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__260f2a67";
-const sm = "sm__55abd430";
-const md = "md__639a9bf8";
-const lg = "lg__53503c73";
-const success = "success__f9bd3739";
-const info = "info__a9ad4489";
-const warning = "warning__bbe44f79";
-const error = "error__7aee94d4";
-const content = "content__736b754b";
+const tagColor = "tagColor__f0dbbcc7";
+const sm = "sm__5e763fc5";
+const md = "md__62ba51d3";
+const lg = "lg__b7d7b970";
+const success = "success__17fe9ad1";
+const info = "info__487df36c";
+const warning = "warning__1f7b02f0";
+const error = "error__e8aadfa0";
+const content = "content__f02572e0";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__da98d72e",
+  "default": "default__c10543dd",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__1c5cc65f";
-const sm = "sm__fcca9b08";
-const md = "md__7639f0b6";
-const lg = "lg__061981bc";
+const tagGroup = "tagGroup__02f76d6f";
+const sm = "sm__771cd712";
+const md = "md__14641a0c";
+const lg = "lg__dd052486";
 const styles = {
   tagGroup,
   sm,

package/components/TextareaField/TextareaField.js

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { TextFieldBase } from "../TextField/TextFieldBase.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
@@ -11,7 +12,10 @@ import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import { FormFieldTextarea } from "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-const TextareaField = ({ textareaProps, ...restProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, children: /* @__PURE__ */ jsx(FormFieldTextarea, { ...textareaProps }) });
+const TextareaField = React__default.forwardRef(
+  ({ textareaProps, ...restProps }, ref) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, ref, children: /* @__PURE__ */ jsx(FormFieldTextarea, { ...textareaProps }) })
+);
+TextareaField.displayName = "TextareaField";
 export {
   TextareaField
 };

package/components/TextareaField/TextareaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.js","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITextareaFieldProps } from \"./types\";\nimport { TextFieldBase } from \"../TextField/TextFieldBase\";\nimport { FormFieldTextarea } from \"../FormField\";\n\n/** Многострочное текстовое поле для ввода большого объема текста. */\nexport const TextareaField: React.FC<ITextareaFieldProps> = ({ textareaProps, ...restProps }) => (\n    <TextFieldBase {...restProps}>\n        <FormFieldTextarea {...textareaProps} />\n    </TextFieldBase>\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;AAMO,MAAM,gBAA+C,CAAC,EAAE,eAAe,GAAG,UAAA,MAC7E,oBAAC,eAAA,EAAe,GAAG,WACf,UAAA,oBAAC,mBAAA,EAAmB,GAAG,eAAe,EAAA,CAC1C;"}
+{"version":3,"file":"TextareaField.js","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITextareaFieldProps } from \"./types\";\nimport { TextFieldBase } from \"../TextField/TextFieldBase\";\nimport { FormFieldTextarea } from \"../FormField\";\n\n/**\n * Многострочное текстовое поле для ввода большого объема текста.\n * Отличается от TextField элементом ввода — вместо input используется FormFieldTextarea.\n */\nexport const TextareaField = React.forwardRef<HTMLDivElement, ITextareaFieldProps>(\n    ({ textareaProps, ...restProps }, ref) => (\n        <TextFieldBase {...restProps} ref={ref}>\n            <FormFieldTextarea {...textareaProps} />\n        </TextFieldBase>\n    ),\n);\n\nTextareaField.displayName = \"TextareaField\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,eAAe,GAAG,UAAA,GAAa,QAC9B,oBAAC,eAAA,EAAe,GAAG,WAAW,KAC1B,UAAA,oBAAC,mBAAA,EAAmB,GAAG,eAAe,EAAA,CAC1C;AAER;AAEA,cAAc,cAAc;"}

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, useLayoutEffect } from "react";
-import { w as canUseDom, x as updateCSS, y as removeCSS } from "../../chunks/vendor-D4wvHis9.js";
+import { s as canUseDom, w as updateCSS, x as removeCSS } from "../../chunks/vendor-CUIykw0y.js";
 import { DesignTokenUtils } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme } from "./ETriplexNextTheme.js";

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ import { DesignTokensCore } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "../../DesignTokens/DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { m as defaultsDeep } from "../../../chunks/vendor-D4wvHis9.js";
+import { l as defaultsDeep } from "../../../chunks/vendor-CUIykw0y.js";
 const ThemeProviderView = ({
   children,
   scopeClassName,

package/components/Tooltip/components/common/TooltipBody.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { Text } from "../../../Typography/Text.js";
 import { ELineType, ETextSize } from "../../../Typography/enums.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-Bay9M-y1.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-_lk-8WZV.js";
 const TooltipBody = React__default.forwardRef(({ className, ...rest }, ref) => {
   const classNames = clsx(styles.tooltipBody, className);
   return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, ref }), children: /* @__PURE__ */ jsx(Text, { className: classNames, size: ETextSize.B3, line: ELineType.NORMAL, tag: "div", ...rest, ref }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
-const tooltipLink = "tooltipLink__b391047b";
-const desktop = "desktop__ac9360ba";
-const mobile = "mobile__774e65c4";
+const tooltipLink = "tooltipLink__264f473a";
+const desktop = "desktop__8c384c9b";
+const mobile = "mobile__192b9e50";
 const styles = {
   tooltipLink,
   desktop,
@@ -21,7 +21,7 @@ const TooltipLink = React__default.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         ref,
         children
       }

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

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

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

@@ -3,13 +3,13 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
+import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
 import { TooltipContext } from "../../../TootlipContext.js";
 import { Portal } from "../../../../Portal/Portal.js";
 import { ETooltipFlowTypes, ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipSizeParameter, ETooltipTypeName, ETooltipEndCoordinates, ETooltipStartCoordinates, ETooltipAxesType, ETooltipSize } from "../../../enums.js";
 import { TooltipDesktopTip } from "./TooltipDesktopTip.js";
 import { pickZone, axes, calcRelPos, centerOfBoundsFromBounds, calcBounds, equalCoords } from "../../../utils/Positioning.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Bay9M-y1.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-_lk-8WZV.js";
 const flowToTipTranslations = {
   [ETooltipFlowTypes.COLUMN]: "translateX",
   [ETooltipFlowTypes.ROW]: "translateY"

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

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ETooltipDirection } from "../../../enums.js";
-import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Bay9M-y1.js";
+import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-_lk-8WZV.js";
 const DIRECTION_CLASS_NAMES = {
   [ETooltipDirection.UP]: styles.up,
   [ETooltipDirection.DOWN]: styles.down,

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

@@ -5,11 +5,11 @@ import { Portal } from "../../../Portal/Portal.js";
 import { DropdownMobile } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton } from "./components/TooltipMobileCloseButton.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-const tooltipMobile = "tooltipMobile__4cce60ea";
-const tooltipMobileContent = "tooltipMobileContent__d4a7dedc";
-const headerless = "headerless__62046587";
-const closeButton = "closeButton__7d7f66ef";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+const tooltipMobile = "tooltipMobile__df52048e";
+const tooltipMobileContent = "tooltipMobileContent__6270b0b8";
+const headerless = "headerless__3bb17c35";
+const closeButton = "closeButton__e29abb16";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,

package/components/TopOverlay/TopOverlay.js

@@ -1,16 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
 import { getLightBoxScreenTop, getNextTopPosition } from "./utils.js";
-const topOverlayMask = "topOverlayMask__ef3d4d4d";
-const topOverlayWrapper = "topOverlayWrapper__75e603ba";
-const closing = "closing__800b3668";
-const opened = "opened__c128daea";
-const topOverlayPanel = "topOverlayPanel__700d67be";
-const topOverlay = "topOverlay__5fbdda92";
+const topOverlayMask = "topOverlayMask__dceaa00e";
+const topOverlayWrapper = "topOverlayWrapper__f4b175fc";
+const closing = "closing__de90eed5";
+const opened = "opened__bc933bf7";
+const topOverlayPanel = "topOverlayPanel__c693571e";
+const topOverlay = "topOverlay__ff291035";
 const styles = {
   topOverlayMask,
   topOverlayWrapper,

package/components/TreeView/TreeView.js

@@ -9,10 +9,10 @@ import { TreeViewContext } from "./TreeViewContext.js";
 import { TreeViewAbstractNode } from "./TreeViewAbstractNode.js";
 import { TreeViewNode } from "./components/TreeViewNode.js";
 import { TreeViewGroup } from "./components/TreeViewGroup.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../chunks/TreeView.module-B1mjvRWg.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../chunks/TreeView.module-mCVJ7u_z.js";
 const rootNodeId = "rootNode";
-class TreeView extends React__default.Component {
+class TreeViewBase extends React__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "abstractRootNode");
@@ -114,7 +114,7 @@ class TreeView extends React__default.Component {
     this.detachKeyDownListener();
   }
   render() {
-    const { children, className, ...props } = this.props;
+    const { children, className, forwardedRef, ...props } = this.props;
     const { updateCount } = this.state;
     return /* @__PURE__ */ jsx(
       TreeViewContext.Provider,
@@ -129,14 +129,19 @@ class TreeView extends React__default.Component {
           setOpenedNode: this.setOpenedNode,
           updateCount
         },
-        children: /* @__PURE__ */ jsx("ul", { className: clsx(styles.treeView, className), ...props, role: "tree", children })
+        children: /* @__PURE__ */ jsx("ul", { ref: forwardedRef, className: clsx(styles.treeView, className), ...props, role: "tree", children })
       }
     );
   }
 }
-__publicField(TreeView, "displayName", "TreeView");
-__publicField(TreeView, "Node", TreeViewNode);
-__publicField(TreeView, "Group", TreeViewGroup);
+const TreeView = Object.assign(
+  React__default.forwardRef((props, ref) => /* @__PURE__ */ jsx(TreeViewBase, { ...props, forwardedRef: ref })),
+  {
+    Group: TreeViewGroup,
+    Node: TreeViewNode
+  }
+);
+TreeView.displayName = "TreeView";
 export {
   TreeView
 };

package/components/TreeView/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["import { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport React from \"react\";\nimport { TreeViewAbstractNodeUtils } from \"./TreeViewAbstractNodeUtils\";\nimport {\n    TreeViewContext,\n    TTreeViewContextGetNode,\n    TTreeViewContextRegisterNode,\n    TTreeViewContextRemoveNode,\n    TTreeViewContextSetActiveNode,\n    TTreeViewContextSetOpenedNode,\n} from \"./TreeViewContext\";\nimport { TreeViewAbstractNode } from \"./TreeViewAbstractNode\";\nimport { TreeViewNode } from \"./components/TreeViewNode\";\nimport { TreeViewGroup } from \"./components/TreeViewGroup\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/TreeView.module.less\";\n\n/** Свойства TreeView. */\nexport interface ITreeViewProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Ноды дерева — TreeView.Node (напрямую или через компоненты-обёртки над ним). */\n    children: React.ReactNode;\n}\n\n/** Состояние TreeView. */\ninterface ITreeViewState {\n    /**\n     * Число обновлений абстрактного дерева.\n     * Используется для индикации изменения дерева т.к. изменение мутируемого объекта rootNode не вызывает триггер изменения контекста.\n     */\n    updateCount: number;\n}\n\n/** Идентификатор первой ноды дерева. */\nconst rootNodeId = \"rootNode\";\n\n/**\n * Базовый компонент визуального дерева.\n * Добавляет нужную семантическую разметку.\n * Создает абстрактное дерево на основе текущего.\n * Устанавливает контекст для дочерних нод.\n * Реализует навигацию по дереву.\n *\n * Accessibility требования:\n * https://www.w3.org/TR/wai-aria-practices-1.1/examples/treeview/treeview-2/treeview-2a.html\n */\nexport class TreeView extends React.Component<ITreeViewProps, ITreeViewState> {\n    public static displayName = \"TreeView\";\n    public static Node = TreeViewNode;\n    public static Group = TreeViewGroup;\n\n    private readonly abstractRootNode: TreeViewAbstractNode;\n    /** Глобальный слушатель keydown подписан. Он нужен только пока в дереве есть активная нода. */\n    private keyDownListenerAttached = false;\n\n    constructor(props: ITreeViewProps) {\n        super(props);\n\n        this.abstractRootNode = new TreeViewAbstractNode({ id: rootNodeId });\n\n        this.state = {\n            updateCount: 0,\n        };\n    }\n\n    public componentWillUnmount(): void {\n        this.detachKeyDownListener();\n    }\n\n    public render(): JSX.Element {\n        const { children, className, ...props } = this.props;\n        const { updateCount } = this.state;\n\n        return (\n            <TreeViewContext.Provider\n                value={{\n                    getNode: this.getNode,\n                    parentNode: this.abstractRootNode,\n                    registerNode: this.registerNode,\n                    removeNode: this.removeNode,\n                    rootNode: this.abstractRootNode,\n                    setActiveNode: this.setActiveNode,\n                    setOpenedNode: this.setOpenedNode,\n                    updateCount,\n                }}\n            >\n                {/* role после {...props}: семантика дерева - контракт компонента, потребитель ее не переопределяет. */}\n                <ul className={clsx(styles.treeView, className)} {...props} role=\"tree\">\n                    {children}\n                </ul>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Увеличивает счетчик обновлений абстрактного дерева.\n     * Значение попадает в контекст и сигнализирует дочерним нодам, что мутируемое дерево изменилось.\n     */\n    private incrementUpdateCount = () => {\n        this.setState(({ updateCount }) => ({ updateCount: updateCount + 1 }));\n    };\n\n    /**\n     * Обработка изменения контекста.\n     * Установка tabIndex={0} для первой ноды, и tabIndex={-1} для остальных.\n     */\n    private updateTabIndexNodes = () => {\n        // Ноды первого уровня вложенности.\n        const firstLevelNodes = this.abstractRootNode.getChildren();\n        let isContextChanged = false;\n\n        firstLevelNodes.forEach((node, index) => {\n            if (index === 0 && node.getTabIndex() !== 0) {\n                node.setTabIndex(0);\n                isContextChanged = true;\n            } else if (index !== 0 && node.getTabIndex() === 0) {\n                node.setTabIndex(-1);\n                isContextChanged = true;\n            }\n        });\n\n        if (isContextChanged) {\n            this.incrementUpdateCount();\n        }\n    };\n\n    /** Добавляет ноду в родительскую ноду. */\n    private registerNode: TTreeViewContextRegisterNode = (node, parentNode, prevNode, nextNode) => {\n        parentNode.addChild(node, prevNode, nextNode);\n        this.updateTabIndexNodes();\n        this.incrementUpdateCount();\n    };\n\n    /** Удаляет ноду из родительской ноды. */\n    private removeNode: TTreeViewContextRemoveNode = (node) => {\n        node.getParent()?.removeChild(node);\n        this.updateTabIndexNodes();\n        // Удалена могла быть активная нода - тогда слушатель стрелок больше не нужен.\n        this.syncKeyDownListener();\n        // Соседние ноды должны перерисоваться: после удаления у них могли измениться hasChildNodes и isLastNode.\n        this.incrementUpdateCount();\n    };\n\n    /** Установка флага активности ноды. */\n    private setActiveNode: TTreeViewContextSetActiveNode = (node, active) => {\n        TreeViewAbstractNodeUtils.setActiveNode(node, this.abstractRootNode, active);\n        this.syncKeyDownListener();\n        this.incrementUpdateCount();\n    };\n\n    /**\n     * Подписывает и отписывает глобальный слушатель keydown по наличию активной ноды.\n     * Пока активной ноды нет, дерево не обрабатывает стрелки и не отменяет скролл страницы.\n     */\n    private syncKeyDownListener = () => {\n        const hasActiveNode = Boolean(TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode));\n\n        if (hasActiveNode && !this.keyDownListenerAttached) {\n            window.addEventListener(\"keydown\", this.handleKeyDown);\n            this.keyDownListenerAttached = true;\n        } else if (!hasActiveNode && this.keyDownListenerAttached) {\n            this.detachKeyDownListener();\n        }\n    };\n\n    /** Отписывает глобальный слушатель keydown. */\n    private detachKeyDownListener = () => {\n        window.removeEventListener(\"keydown\", this.handleKeyDown);\n        this.keyDownListenerAttached = false;\n    };\n\n    /** Установка флага opened ноды. */\n    private setOpenedNode: TTreeViewContextSetOpenedNode = (node, opened) => {\n        node.setOpened(opened);\n        this.incrementUpdateCount();\n    };\n\n    /** Возвращает AbstractNode по id. */\n    private getNode: TTreeViewContextGetNode = (nodeId) =>\n        TreeViewAbstractNodeUtils.getNode(nodeId, this.abstractRootNode);\n\n    /** Обработка нажатия на клавиш для навигации с клавиатуры. */\n    private handleKeyDown = (event: KeyboardEvent) => {\n        // Перемещение с клавиатуры активно, когда есть активная нода.\n        if (!TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode)) {\n            return;\n        }\n\n        if (EVENT_KEY_CODES.ARROW_DOWN === event.keyCode) {\n            // Устанавливает активность следующей ноды.\n            TreeViewAbstractNodeUtils.setActiveNextNode(this.abstractRootNode);\n        } else if (EVENT_KEY_CODES.ARROW_UP === event.keyCode) {\n            // Устанавливает активность предыдущей ноды.\n            TreeViewAbstractNodeUtils.setActivePrevNode(this.abstractRootNode);\n        } else {\n            return;\n        }\n\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n        this.incrementUpdateCount();\n    };\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TreeView.js","sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["import { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport React from \"react\";\nimport { TreeViewAbstractNodeUtils } from \"./TreeViewAbstractNodeUtils\";\nimport {\n    TreeViewContext,\n    TTreeViewContextGetNode,\n    TTreeViewContextRegisterNode,\n    TTreeViewContextRemoveNode,\n    TTreeViewContextSetActiveNode,\n    TTreeViewContextSetOpenedNode,\n} from \"./TreeViewContext\";\nimport { TreeViewAbstractNode } from \"./TreeViewAbstractNode\";\nimport { TreeViewNode } from \"./components/TreeViewNode\";\nimport { TreeViewGroup } from \"./components/TreeViewGroup\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/TreeView.module.less\";\n\n/** Свойства TreeView. */\nexport interface ITreeViewProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Ноды дерева — TreeView.Node (напрямую или через компоненты-обёртки над ним). */\n    children: React.ReactNode;\n}\n\n/**\n * Внутренние свойства TreeViewBase.\n * Класс не может быть обёрнут forwardRef напрямую, поэтому внешний ref приходит к нему обычным свойством.\n */\ninterface ITreeViewBaseProps extends ITreeViewProps {\n    /** Внешний ref на корневой <ul>, проброшенный обёрткой TreeView. */\n    forwardedRef: React.ForwardedRef<HTMLUListElement>;\n}\n\n/** Состояние TreeView. */\ninterface ITreeViewState {\n    /**\n     * Число обновлений абстрактного дерева.\n     * Используется для индикации изменения дерева т.к. изменение мутируемого объекта rootNode не вызывает триггер изменения контекста.\n     */\n    updateCount: number;\n}\n\n/** Идентификатор первой ноды дерева. */\nconst rootNodeId = \"rootNode\";\n\n/**\n * Реализация TreeView. Вынесена в отдельный класс, потому что class-компонент нельзя обернуть forwardRef напрямую:\n * публичный TreeView ниже — обёртка, передающая сюда внешний ref свойством forwardedRef.\n */\nclass TreeViewBase extends React.Component<ITreeViewBaseProps, ITreeViewState> {\n    private readonly abstractRootNode: TreeViewAbstractNode;\n    /** Глобальный слушатель keydown подписан. Он нужен только пока в дереве есть активная нода. */\n    private keyDownListenerAttached = false;\n\n    constructor(props: ITreeViewBaseProps) {\n        super(props);\n\n        this.abstractRootNode = new TreeViewAbstractNode({ id: rootNodeId });\n\n        this.state = {\n            updateCount: 0,\n        };\n    }\n\n    public componentWillUnmount(): void {\n        this.detachKeyDownListener();\n    }\n\n    public render(): JSX.Element {\n        const { children, className, forwardedRef, ...props } = this.props;\n        const { updateCount } = this.state;\n\n        return (\n            <TreeViewContext.Provider\n                value={{\n                    getNode: this.getNode,\n                    parentNode: this.abstractRootNode,\n                    registerNode: this.registerNode,\n                    removeNode: this.removeNode,\n                    rootNode: this.abstractRootNode,\n                    setActiveNode: this.setActiveNode,\n                    setOpenedNode: this.setOpenedNode,\n                    updateCount,\n                }}\n            >\n                {/* role после {...props}: семантика дерева - контракт компонента, потребитель ее не переопределяет. */}\n                <ul ref={forwardedRef} className={clsx(styles.treeView, className)} {...props} role=\"tree\">\n                    {children}\n                </ul>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Увеличивает счетчик обновлений абстрактного дерева.\n     * Значение попадает в контекст и сигнализирует дочерним нодам, что мутируемое дерево изменилось.\n     */\n    private incrementUpdateCount = () => {\n        this.setState(({ updateCount }) => ({ updateCount: updateCount + 1 }));\n    };\n\n    /**\n     * Обработка изменения контекста.\n     * Установка tabIndex={0} для первой ноды, и tabIndex={-1} для остальных.\n     */\n    private updateTabIndexNodes = () => {\n        // Ноды первого уровня вложенности.\n        const firstLevelNodes = this.abstractRootNode.getChildren();\n        let isContextChanged = false;\n\n        firstLevelNodes.forEach((node, index) => {\n            if (index === 0 && node.getTabIndex() !== 0) {\n                node.setTabIndex(0);\n                isContextChanged = true;\n            } else if (index !== 0 && node.getTabIndex() === 0) {\n                node.setTabIndex(-1);\n                isContextChanged = true;\n            }\n        });\n\n        if (isContextChanged) {\n            this.incrementUpdateCount();\n        }\n    };\n\n    /** Добавляет ноду в родительскую ноду. */\n    private registerNode: TTreeViewContextRegisterNode = (node, parentNode, prevNode, nextNode) => {\n        parentNode.addChild(node, prevNode, nextNode);\n        this.updateTabIndexNodes();\n        this.incrementUpdateCount();\n    };\n\n    /** Удаляет ноду из родительской ноды. */\n    private removeNode: TTreeViewContextRemoveNode = (node) => {\n        node.getParent()?.removeChild(node);\n        this.updateTabIndexNodes();\n        // Удалена могла быть активная нода - тогда слушатель стрелок больше не нужен.\n        this.syncKeyDownListener();\n        // Соседние ноды должны перерисоваться: после удаления у них могли измениться hasChildNodes и isLastNode.\n        this.incrementUpdateCount();\n    };\n\n    /** Установка флага активности ноды. */\n    private setActiveNode: TTreeViewContextSetActiveNode = (node, active) => {\n        TreeViewAbstractNodeUtils.setActiveNode(node, this.abstractRootNode, active);\n        this.syncKeyDownListener();\n        this.incrementUpdateCount();\n    };\n\n    /**\n     * Подписывает и отписывает глобальный слушатель keydown по наличию активной ноды.\n     * Пока активной ноды нет, дерево не обрабатывает стрелки и не отменяет скролл страницы.\n     */\n    private syncKeyDownListener = () => {\n        const hasActiveNode = Boolean(TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode));\n\n        if (hasActiveNode && !this.keyDownListenerAttached) {\n            window.addEventListener(\"keydown\", this.handleKeyDown);\n            this.keyDownListenerAttached = true;\n        } else if (!hasActiveNode && this.keyDownListenerAttached) {\n            this.detachKeyDownListener();\n        }\n    };\n\n    /** Отписывает глобальный слушатель keydown. */\n    private detachKeyDownListener = () => {\n        window.removeEventListener(\"keydown\", this.handleKeyDown);\n        this.keyDownListenerAttached = false;\n    };\n\n    /** Установка флага opened ноды. */\n    private setOpenedNode: TTreeViewContextSetOpenedNode = (node, opened) => {\n        node.setOpened(opened);\n        this.incrementUpdateCount();\n    };\n\n    /** Возвращает AbstractNode по id. */\n    private getNode: TTreeViewContextGetNode = (nodeId) =>\n        TreeViewAbstractNodeUtils.getNode(nodeId, this.abstractRootNode);\n\n    /** Обработка нажатия на клавиш для навигации с клавиатуры. */\n    private handleKeyDown = (event: KeyboardEvent) => {\n        // Перемещение с клавиатуры активно, когда есть активная нода.\n        if (!TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode)) {\n            return;\n        }\n\n        if (EVENT_KEY_CODES.ARROW_DOWN === event.keyCode) {\n            // Устанавливает активность следующей ноды.\n            TreeViewAbstractNodeUtils.setActiveNextNode(this.abstractRootNode);\n        } else if (EVENT_KEY_CODES.ARROW_UP === event.keyCode) {\n            // Устанавливает активность предыдущей ноды.\n            TreeViewAbstractNodeUtils.setActivePrevNode(this.abstractRootNode);\n        } else {\n            return;\n        }\n\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n        this.incrementUpdateCount();\n    };\n}\n\n/**\n * Тип компонента \"Базовое дерево\" со статическими субкомпонентами.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\nexport interface ITreeViewFC extends React.ForwardRefExoticComponent<\n    ITreeViewProps & React.RefAttributes<HTMLUListElement>\n> {\n    /** Группа дочерних нод. */\n    Group: typeof TreeViewGroup;\n    /** Нода дерева. */\n    Node: typeof TreeViewNode;\n}\n\n/**\n * Базовый компонент визуального дерева.\n * Добавляет нужную семантическую разметку.\n * Создает абстрактное дерево на основе текущего.\n * Устанавливает контекст для дочерних нод.\n * Реализует навигацию по дереву.\n *\n * ref указывает на корневой <ul role=\"tree\">.\n *\n * Accessibility требования:\n * https://www.w3.org/TR/wai-aria-practices-1.1/examples/treeview/treeview-2/treeview-2a.html\n */\nexport const TreeView: ITreeViewFC = Object.assign(\n    React.forwardRef<HTMLUListElement, ITreeViewProps>((props, ref) => <TreeViewBase {...props} forwardedRef={ref} />),\n    {\n        Group: TreeViewGroup,\n        Node: TreeViewNode,\n    },\n);\n\nTreeView.displayName = \"TreeView\";\n"],"names":["React"],"mappings":"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"}

package/components/TreeView/components/TreeViewGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/TreeView.module-B1mjvRWg.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/TreeView.module-mCVJ7u_z.js";
 const TreeViewGroup = React__default.forwardRef(
   ({ children, className, ...props }, ref) => (
     // role после {...props}: семантика группы - контракт компонента, потребитель ее не переопределяет.

package/components/TreeView/components/TreeViewNode.js

@@ -6,8 +6,8 @@ import React__default from "react";
 import { TreeViewContext, withTreeViewContext } from "../TreeViewContext.js";
 import { TreeViewAbstractNode } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils } from "../TreeViewAbstractNodeUtils.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/TreeView.module-B1mjvRWg.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/TreeView.module-mCVJ7u_z.js";
 class TreeViewNodeWithContext extends React__default.Component {
   constructor(props) {
     super(props);