@sberbusiness/triplex-next 1.43.0 → 1.45.0

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -3,16 +3,24 @@ import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js"
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId } from "../../../../consts/DataTestId.js";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-B25Ic6iq.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-CRgskx0c.js";
 import { ECellType, EVerticalAlign } from "../enums.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";
+const renderCellContent = (cellNode, cellType) => {
+  if (!cellNode) {
+    return /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, tag: "div", children: "---" });
+  }
+  if (cellType === ECellType.CHECKBOX || cellType === ECellType.COMPONENTS) {
+    return cellNode;
+  }
+  return /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, tag: "div", children: cellNode });
+};
 const TableBasicRow = ({ columns, data, onClickRow }) => {
   const { rowKey, rowData, rowLayout, ariaAttributes, dataAttributes, selected = false } = data;
   const classNameTr = clsx({ [styles.selected]: selected, selected });
-  const onClick = onClickRow ? () => onClickRow(rowKey) : void 0;
-  const dataTestId = dataAttributes ? dataAttributes["test-id"] : void 0;
-  const renderTd = (column, value, spanProps, dataTestId2) => {
+  const dataTestId = dataAttributes == null ? void 0 : dataAttributes["test-id"];
+  const renderTd = (column, value, spanProps) => {
     if (column.hidden) {
       return null;
     }
@@ -24,42 +32,31 @@ const TableBasicRow = ({ columns, data, onClickRow }) => {
       mapHorizontalAlignToClassName(column.horizontalAlign),
       mapVerticalAlignToClassName(verticalAlign)
     );
-    const style = column.width ? { width: column.width } : void 0;
-    const renderContent = () => {
-      if (!cellNode) {
-        return /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, tag: "div", children: "---" });
-      }
-      if (cellType === ECellType.CHECKBOX || cellType === ECellType.COMPONENTS) {
-        return cellNode;
-      }
-      return /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, tag: "div", children: cellNode });
-    };
     return /* @__PURE__ */ jsx(
       "td",
       {
         className: classNames,
         ...spanProps,
-        "data-test-id": dataTestId2 && `${dataTestId2}__${column.fieldKey}${DataTestId.Table.TableBasic.td}`,
-        style,
-        children: renderContent()
+        "data-test-id": dataTestId && `${dataTestId}__${column.fieldKey}${DataTestId.Table.TableBasic.td}`,
+        style: column.width ? { width: column.width } : void 0,
+        children: renderCellContent(cellNode, cellType)
       },
       column.fieldKey
     );
   };
-  const tdList = columns.map((column) => {
-    const { fieldKey } = column;
-    if (Object.keys(rowData).indexOf(fieldKey) !== -1) {
-      return renderTd(column, rowData[fieldKey], rowLayout == null ? void 0 : rowLayout[fieldKey], dataTestId);
-    }
-  });
   return /* @__PURE__ */ jsx(
     "tr",
     {
       className: classNameTr,
-      onClick,
-      ...Boolean(ariaAttributes) && getAriaHTMLAttributes(ariaAttributes),
-      ...Boolean(dataAttributes) && getDataHTMLAttributes(dataAttributes),
-      children: tdList
+      onClick: onClickRow ? () => onClickRow(rowKey) : void 0,
+      ...ariaAttributes && getAriaHTMLAttributes(ariaAttributes),
+      ...dataAttributes && getDataHTMLAttributes(dataAttributes),
+      children: columns.map(
+        (column) => (
+          // Ячейка рендерится, только если в данных строки есть соответствующий ключ.
+          Object.keys(rowData).includes(column.fieldKey) ? renderTd(column, rowData[column.fieldKey], rowLayout == null ? void 0 : rowLayout[column.fieldKey]) : null
+        )
+      )
     }
   );
 };

package/components/Table/TableBasic/components/TableBasicRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBasicRow.js","sources":["../../../../../src/components/Table/TableBasic/components/TableBasicRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { getAriaHTMLAttributes } from \"@sberbusiness/triplex-next/utils/html/AriaAttributes\";\nimport { getDataHTMLAttributes } from \"@sberbusiness/triplex-next/utils/html/DataAttributes\";\nimport { DataTestId } from \"@sberbusiness/triplex-next/consts/DataTestId\";\nimport { clsx } from \"clsx\";\nimport styles from \"./../styles/TableBasic.module.less\";\nimport {\n    mapCellTypeToClassName,\n    mapHorizontalAlignToClassName,\n    mapVerticalAlignToClassName,\n} from \"@sberbusiness/triplex-next/components/Table/utils\";\nimport {\n    ITableBasicColumn,\n    ITableBasicRow,\n    ITableRowCellSpanProps,\n} from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { ECellType, EVerticalAlign } from \"@sberbusiness/triplex-next/components/Table/TableBasic/enums\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\n\n/** Свойства TableBasicRow. */\ninterface ITableBasicRowProps {\n    /** Структура заголовков таблицы. */\n    columns: ITableBasicColumn[];\n    /** Значение для вывода в строке. */\n    data: ITableBasicRow;\n    /** Функция обработки клика по строке таблицы. */\n    onClickRow?: (rowKey: string) => void;\n}\n\n/** Компонент строки в теле таблицы. */\nexport const TableBasicRow = ({ columns, data, onClickRow }: ITableBasicRowProps) => {\n    const { rowKey, rowData, rowLayout, ariaAttributes, dataAttributes, selected = false } = data;\n\n    const classNameTr = clsx({ [styles.selected]: selected, selected });\n    const onClick = onClickRow ? () => onClickRow(rowKey) : undefined;\n    const dataTestId = dataAttributes ? dataAttributes[\"test-id\"] : undefined;\n\n    const renderTd = (\n        column: ITableBasicColumn,\n        value: React.ReactNode,\n        spanProps?: ITableRowCellSpanProps,\n        dataTestId?: string,\n    ) => {\n        // Столбец скрыт.\n        if (column.hidden) {\n            return null;\n        }\n\n        const cellNode: React.ReactNode = column.renderCell ? column.renderCell(value) : value;\n        const cellType = column.cellType ?? ECellType.TEXT;\n        const verticalAlign =\n            column.verticalAlign ?? (cellType === ECellType.TEXT ? EVerticalAlign.BASELINE : EVerticalAlign.TOP);\n        const classNames = clsx(\n            mapCellTypeToClassName(cellType),\n            mapHorizontalAlignToClassName(column.horizontalAlign),\n            mapVerticalAlignToClassName(verticalAlign),\n        );\n        const style = column.width ? { width: column.width } : undefined;\n\n        const renderContent = () => {\n            if (!cellNode) {\n                return (\n                    <Text size={ETextSize.B3} tag=\"div\">\n                        ---\n                    </Text>\n                );\n            }\n\n            if (cellType === ECellType.CHECKBOX || cellType === ECellType.COMPONENTS) {\n                return cellNode;\n            }\n\n            return (\n                <Text size={ETextSize.B3} tag=\"div\">\n                    {cellNode}\n                </Text>\n            );\n        };\n\n        return (\n            <td\n                key={column.fieldKey}\n                className={classNames}\n                {...spanProps}\n                data-test-id={dataTestId && `${dataTestId}__${column.fieldKey}${DataTestId.Table.TableBasic.td}`}\n                style={style}\n            >\n                {renderContent()}\n            </td>\n        );\n    };\n\n    const tdList = columns.map((column) => {\n        const { fieldKey } = column;\n\n        if (Object.keys(rowData).indexOf(fieldKey) !== -1) {\n            return renderTd(column, rowData[fieldKey], rowLayout?.[fieldKey], dataTestId);\n        }\n    });\n\n    return (\n        <tr\n            className={classNameTr}\n            onClick={onClick}\n            {...(Boolean(ariaAttributes) && getAriaHTMLAttributes(ariaAttributes!))}\n            {...(Boolean(dataAttributes) && getDataHTMLAttributes(dataAttributes!))}\n        >\n            {tdList}\n        </tr>\n    );\n};\n\nTableBasicRow.displayName = \"TableBasicRow\";\n"],"names":["dataTestId"],"mappings":";;;;;;;;;AA+BO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAM,iBAAsC;AACjF,QAAM,EAAE,QAAQ,SAAS,WAAW,gBAAgB,gBAAgB,WAAW,UAAU;AAEzF,QAAM,cAAc,KAAK,EAAE,CAAC,OAAO,QAAQ,GAAG,UAAU,UAAU;AAClE,QAAM,UAAU,aAAa,MAAM,WAAW,MAAM,IAAI;AACxD,QAAM,aAAa,iBAAiB,eAAe,SAAS,IAAI;AAEhE,QAAM,WAAW,CACb,QACA,OACA,WACAA,gBACC;AAED,QAAI,OAAO,QAAQ;AACf,aAAO;AAAA,IACX;AAEA,UAAM,WAA4B,OAAO,aAAa,OAAO,WAAW,KAAK,IAAI;AACjF,UAAM,WAAW,OAAO,YAAY,UAAU;AAC9C,UAAM,gBACF,OAAO,kBAAkB,aAAa,UAAU,OAAO,eAAe,WAAW,eAAe;AACpG,UAAM,aAAa;AAAA,MACf,uBAAuB,QAAQ;AAAA,MAC/B,8BAA8B,OAAO,eAAe;AAAA,MACpD,4BAA4B,aAAa;AAAA,IAAA;AAE7C,UAAM,QAAQ,OAAO,QAAQ,EAAE,OAAO,OAAO,UAAU;AAEvD,UAAM,gBAAgB,MAAM;AACxB,UAAI,CAAC,UAAU;AACX,mCACK,MAAA,EAAK,MAAM,UAAU,IAAI,KAAI,OAAM,UAAA,OAEpC;AAAA,MAER;AAEA,UAAI,aAAa,UAAU,YAAY,aAAa,UAAU,YAAY;AACtE,eAAO;AAAA,MACX;AAEA,iCACK,MAAA,EAAK,MAAM,UAAU,IAAI,KAAI,OACzB,UAAA,UACL;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,gBAAcA,eAAc,GAAGA,WAAU,KAAK,OAAO,QAAQ,GAAG,WAAW,MAAM,WAAW,EAAE;AAAA,QAC9F;AAAA,QAEC,UAAA,cAAA;AAAA,MAAc;AAAA,MANV,OAAO;AAAA,IAAA;AAAA,EASxB;AAEA,QAAM,SAAS,QAAQ,IAAI,CAAC,WAAW;AACnC,UAAM,EAAE,aAAa;AAErB,QAAI,OAAO,KAAK,OAAO,EAAE,QAAQ,QAAQ,MAAM,IAAI;AAC/C,aAAO,SAAS,QAAQ,QAAQ,QAAQ,GAAG,uCAAY,WAAW,UAAU;AAAA,IAChF;AAAA,EACJ,CAAC;AAED,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACC,GAAI,QAAQ,cAAc,KAAK,sBAAsB,cAAe;AAAA,MACpE,GAAI,QAAQ,cAAc,KAAK,sBAAsB,cAAe;AAAA,MAEpE,UAAA;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"TableBasicRow.js","sources":["../../../../../src/components/Table/TableBasic/components/TableBasicRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { getAriaHTMLAttributes } from \"@sberbusiness/triplex-next/utils/html/AriaAttributes\";\nimport { getDataHTMLAttributes } from \"@sberbusiness/triplex-next/utils/html/DataAttributes\";\nimport { DataTestId } from \"@sberbusiness/triplex-next/consts/DataTestId\";\nimport { clsx } from \"clsx\";\nimport styles from \"../styles/TableBasic.module.less\";\nimport {\n    mapCellTypeToClassName,\n    mapHorizontalAlignToClassName,\n    mapVerticalAlignToClassName,\n} from \"@sberbusiness/triplex-next/components/Table/utils\";\nimport {\n    ITableBasicColumn,\n    ITableBasicRow,\n    ITableRowCellSpanProps,\n} from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { ECellType, EVerticalAlign } from \"@sberbusiness/triplex-next/components/Table/TableBasic/enums\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\n\n/** Свойства компонента TableBasicRow. */\ninterface ITableBasicRowProps {\n    /** Структура заголовков таблицы. */\n    columns: ITableBasicColumn[];\n    /** Значение для вывода в строке. */\n    data: ITableBasicRow;\n    /** Функция обработки клика по строке таблицы. */\n    onClickRow?: (rowKey: string) => void;\n}\n\n/** Рендер содержимого ячейки: типы CHECKBOX и COMPONENTS выводятся как есть, остальные оборачиваются в Text. */\nconst renderCellContent = (cellNode: React.ReactNode, cellType: ECellType) => {\n    if (!cellNode) {\n        return (\n            <Text size={ETextSize.B3} tag=\"div\">\n                ---\n            </Text>\n        );\n    }\n\n    if (cellType === ECellType.CHECKBOX || cellType === ECellType.COMPONENTS) {\n        return cellNode;\n    }\n\n    return (\n        <Text size={ETextSize.B3} tag=\"div\">\n            {cellNode}\n        </Text>\n    );\n};\n\n/** Компонент строки в теле таблицы. */\nexport const TableBasicRow = ({ columns, data, onClickRow }: ITableBasicRowProps) => {\n    const { rowKey, rowData, rowLayout, ariaAttributes, dataAttributes, selected = false } = data;\n\n    const classNameTr = clsx({ [styles.selected]: selected, selected });\n    const dataTestId = dataAttributes?.[\"test-id\"];\n\n    const renderTd = (column: ITableBasicColumn, value: React.ReactNode, spanProps?: ITableRowCellSpanProps) => {\n        // Столбец скрыт.\n        if (column.hidden) {\n            return null;\n        }\n\n        const cellNode: React.ReactNode = column.renderCell ? column.renderCell(value) : value;\n        const cellType = column.cellType ?? ECellType.TEXT;\n        // Текст выравнивается по базовой линии, произвольная разметка — по верхнему краю ячейки.\n        const verticalAlign =\n            column.verticalAlign ?? (cellType === ECellType.TEXT ? EVerticalAlign.BASELINE : EVerticalAlign.TOP);\n        const classNames = clsx(\n            mapCellTypeToClassName(cellType),\n            mapHorizontalAlignToClassName(column.horizontalAlign),\n            mapVerticalAlignToClassName(verticalAlign),\n        );\n\n        return (\n            <td\n                key={column.fieldKey}\n                className={classNames}\n                {...spanProps}\n                data-test-id={dataTestId && `${dataTestId}__${column.fieldKey}${DataTestId.Table.TableBasic.td}`}\n                style={column.width ? { width: column.width } : undefined}\n            >\n                {renderCellContent(cellNode, cellType)}\n            </td>\n        );\n    };\n\n    return (\n        <tr\n            className={classNameTr}\n            onClick={onClickRow ? () => onClickRow(rowKey) : undefined}\n            {...(ariaAttributes && getAriaHTMLAttributes(ariaAttributes))}\n            {...(dataAttributes && getDataHTMLAttributes(dataAttributes))}\n        >\n            {columns.map((column) =>\n                // Ячейка рендерится, только если в данных строки есть соответствующий ключ.\n                Object.keys(rowData).includes(column.fieldKey)\n                    ? renderTd(column, rowData[column.fieldKey], rowLayout?.[column.fieldKey])\n                    : null,\n            )}\n        </tr>\n    );\n};\n\nTableBasicRow.displayName = \"TableBasicRow\";\n"],"names":[],"mappings":";;;;;;;;;AA+BA,MAAM,oBAAoB,CAAC,UAA2B,aAAwB;AAC1E,MAAI,CAAC,UAAU;AACX,+BACK,MAAA,EAAK,MAAM,UAAU,IAAI,KAAI,OAAM,UAAA,OAEpC;AAAA,EAER;AAEA,MAAI,aAAa,UAAU,YAAY,aAAa,UAAU,YAAY;AACtE,WAAO;AAAA,EACX;AAEA,6BACK,MAAA,EAAK,MAAM,UAAU,IAAI,KAAI,OACzB,UAAA,UACL;AAER;AAGO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAM,iBAAsC;AACjF,QAAM,EAAE,QAAQ,SAAS,WAAW,gBAAgB,gBAAgB,WAAW,UAAU;AAEzF,QAAM,cAAc,KAAK,EAAE,CAAC,OAAO,QAAQ,GAAG,UAAU,UAAU;AAClE,QAAM,aAAa,iDAAiB;AAEpC,QAAM,WAAW,CAAC,QAA2B,OAAwB,cAAuC;AAExG,QAAI,OAAO,QAAQ;AACf,aAAO;AAAA,IACX;AAEA,UAAM,WAA4B,OAAO,aAAa,OAAO,WAAW,KAAK,IAAI;AACjF,UAAM,WAAW,OAAO,YAAY,UAAU;AAE9C,UAAM,gBACF,OAAO,kBAAkB,aAAa,UAAU,OAAO,eAAe,WAAW,eAAe;AACpG,UAAM,aAAa;AAAA,MACf,uBAAuB,QAAQ;AAAA,MAC/B,8BAA8B,OAAO,eAAe;AAAA,MACpD,4BAA4B,aAAa;AAAA,IAAA;AAG7C,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,gBAAc,cAAc,GAAG,UAAU,KAAK,OAAO,QAAQ,GAAG,WAAW,MAAM,WAAW,EAAE;AAAA,QAC9F,OAAO,OAAO,QAAQ,EAAE,OAAO,OAAO,UAAU;AAAA,QAE/C,UAAA,kBAAkB,UAAU,QAAQ;AAAA,MAAA;AAAA,MANhC,OAAO;AAAA,IAAA;AAAA,EASxB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,SAAS,aAAa,MAAM,WAAW,MAAM,IAAI;AAAA,MAChD,GAAI,kBAAkB,sBAAsB,cAAc;AAAA,MAC1D,GAAI,kBAAkB,sBAAsB,cAAc;AAAA,MAE1D,UAAA,QAAQ;AAAA,QAAI,CAAC;AAAA;AAAA,UAEV,OAAO,KAAK,OAAO,EAAE,SAAS,OAAO,QAAQ,IACvC,SAAS,QAAQ,QAAQ,OAAO,QAAQ,GAAG,uCAAY,OAAO,SAAS,IACvE;AAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGZ;AAEA,cAAc,cAAc;"}

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
+import React__default, { useRef } from "react";
 import { ButtonDropdownExtended } from "../../Button/ButtonDropdownExtended.js";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { TableBasicSettingsBody } from "./components/TableBasicSettingsBody.js";
@@ -7,56 +7,61 @@ import { ColumnSettings } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader } from "./components/TableBasicSettingsHeader.js";
 import { Link } from "../../Link/Link.js";
-const tableSettingsLink = "tableSettingsLink__a951189d";
-const tableSettingsDropdown = "tableSettingsDropdown__17d52501";
+const tableSettingsLink = "tableSettingsLink__d8925eb7";
+const tableSettingsDropdown = "tableSettingsDropdown__6b0f786e";
 const styles = {
   tableSettingsLink,
   tableSettingsDropdown
 };
-const TableBasicSettings = ({ children, className, linkTitle, ...rest }) => {
-  const targetRef = useRef(null);
-  const dropdownRef = useRef(null);
-  const renderButton = ({ opened, setOpened }) => /* @__PURE__ */ jsx(
-    Link,
-    {
-      href: "#",
-      "aria-haspopup": "listbox",
-      "aria-controls": "button-dropdown-extended-list",
-      "aria-expanded": opened,
-      onClick: (event) => {
-        event.preventDefault();
-        setOpened(!opened);
-      },
-      ref: targetRef,
-      children: linkTitle
-    }
-  );
-  const renderDropdown = ({ className: className2, ...dropdownProps }) => /* @__PURE__ */ jsx(
-    ButtonDropdownExtended.Dropdown,
-    {
-      className: clsx(styles.tableSettingsDropdown, className2),
-      ...dropdownProps,
-      targetRef,
-      ref: dropdownRef,
-      children
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    ButtonDropdownExtended,
-    {
-      className: clsx(styles.tableSettingsLink, className),
-      renderButton,
-      renderDropdown,
-      dropdownRef,
-      ...rest
-    }
-  );
-};
+const TableBasicSettings = Object.assign(
+  React__default.forwardRef(function TableBasicSettings2({ children, className, linkTitle, ...rest }, ref) {
+    const targetRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const renderButton = ({ opened, setOpened }) => /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: "#",
+        "aria-haspopup": "listbox",
+        "aria-controls": "button-dropdown-extended-list",
+        "aria-expanded": opened,
+        onClick: (event) => {
+          event.preventDefault();
+          setOpened(!opened);
+        },
+        ref: targetRef,
+        children: linkTitle
+      }
+    );
+    const renderDropdown = ({ className: className2, ...dropdownProps }) => /* @__PURE__ */ jsx(
+      ButtonDropdownExtended.Dropdown,
+      {
+        className: clsx(styles.tableSettingsDropdown, className2),
+        ...dropdownProps,
+        targetRef,
+        ref: dropdownRef,
+        children
+      }
+    );
+    return /* @__PURE__ */ jsx(
+      ButtonDropdownExtended,
+      {
+        className: clsx(styles.tableSettingsLink, className),
+        renderButton,
+        renderDropdown,
+        dropdownRef,
+        ...rest,
+        ref
+      }
+    );
+  }),
+  {
+    Body: TableBasicSettingsBody,
+    ColumnSettings,
+    Footer: TableBasicSettingsFooter,
+    Header: TableBasicSettingsHeader
+  }
+);
 TableBasicSettings.displayName = "TableBasicSettings";
-TableBasicSettings.Body = TableBasicSettingsBody;
-TableBasicSettings.ColumnSettings = ColumnSettings;
-TableBasicSettings.Footer = TableBasicSettingsFooter;
-TableBasicSettings.Header = TableBasicSettingsHeader;
 export {
   TableBasicSettings
 };

package/components/Table/TableBasicSettings/TableBasicSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBasicSettings.js","sources":["../../../../src/components/Table/TableBasicSettings/TableBasicSettings.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"@sberbusiness/triplex-next/components/Button/ButtonDropdownExtended\";\nimport { clsx } from \"clsx\";\nimport styles from \"./styles/TableBasicSettings.module.less\";\nimport { TableBasicSettingsBody } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/TableBasicSettingsBody\";\nimport { ColumnSettings } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/ColumnSettings\";\nimport { TableBasicSettingsFooter } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/TableBasicSettingsFooter\";\nimport { TableBasicSettingsHeader } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/TableBasicSettingsHeader\";\nimport { ITableBasicSettingsProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { Link } from \"@sberbusiness/triplex-next/components/Link/Link\";\n\ninterface ITableBasicSettingsFC extends React.FC<ITableBasicSettingsProps> {\n    Body: typeof TableBasicSettingsBody;\n    ColumnSettings: typeof ColumnSettings;\n    Footer: typeof TableBasicSettingsFooter;\n    Header: typeof TableBasicSettingsHeader;\n}\n\n/** Компонент панели под элементы фильтрации данных для таблицы. */\nexport const TableBasicSettings: ITableBasicSettingsFC = ({ children, className, linkTitle, ...rest }) => {\n    const targetRef = useRef<HTMLAnchorElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n\n    const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => (\n        <Link\n            href=\"#\"\n            aria-haspopup=\"listbox\"\n            aria-controls=\"button-dropdown-extended-list\"\n            aria-expanded={opened}\n            onClick={(event) => {\n                event.preventDefault();\n                setOpened(!opened);\n            }}\n            ref={targetRef}\n        >\n            {linkTitle}\n        </Link>\n    );\n\n    const renderDropdown = ({ className, ...dropdownProps }: IButtonDropdownExtendedDropdownProvideProps) => (\n        <ButtonDropdownExtended.Dropdown\n            className={clsx(styles.tableSettingsDropdown, className)}\n            {...dropdownProps}\n            targetRef={targetRef}\n            ref={dropdownRef}\n        >\n            {children}\n        </ButtonDropdownExtended.Dropdown>\n    );\n\n    return (\n        <ButtonDropdownExtended\n            className={clsx(styles.tableSettingsLink, className)}\n            renderButton={renderButton}\n            renderDropdown={renderDropdown}\n            dropdownRef={dropdownRef}\n            {...rest}\n        />\n    );\n};\n\nTableBasicSettings.displayName = \"TableBasicSettings\";\nTableBasicSettings.Body = TableBasicSettingsBody;\nTableBasicSettings.ColumnSettings = ColumnSettings;\nTableBasicSettings.Footer = TableBasicSettingsFooter;\nTableBasicSettings.Header = TableBasicSettingsHeader;\n"],"names":["className"],"mappings":";;;;;;;;;;;;;;;AAuBO,MAAM,qBAA4C,CAAC,EAAE,UAAU,WAAW,WAAW,GAAG,WAAW;AACtG,QAAM,YAAY,OAA0B,IAAI;AAChD,QAAM,cAAc,OAAuB,IAAI;AAE/C,QAAM,eAAe,CAAC,EAAE,QAAQ,gBAC5B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,SAAS,CAAC,UAAU;AAChB,cAAM,eAAA;AACN,kBAAU,CAAC,MAAM;AAAA,MACrB;AAAA,MACA,KAAK;AAAA,MAEJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAIT,QAAM,iBAAiB,CAAC,EAAE,WAAAA,YAAW,GAAG,oBACpC;AAAA,IAAC,uBAAuB;AAAA,IAAvB;AAAA,MACG,WAAW,KAAK,OAAO,uBAAuBA,UAAS;AAAA,MACtD,GAAG;AAAA,MACJ;AAAA,MACA,KAAK;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIT,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,mBAAmB,SAAS;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,mBAAmB,cAAc;AACjC,mBAAmB,OAAO;AAC1B,mBAAmB,iBAAiB;AACpC,mBAAmB,SAAS;AAC5B,mBAAmB,SAAS;"}
+{"version":3,"file":"TableBasicSettings.js","sources":["../../../../src/components/Table/TableBasicSettings/TableBasicSettings.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"@sberbusiness/triplex-next/components/Button/ButtonDropdownExtended\";\nimport { clsx } from \"clsx\";\nimport styles from \"./styles/TableBasicSettings.module.less\";\nimport { TableBasicSettingsBody } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/TableBasicSettingsBody\";\nimport { ColumnSettings } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/ColumnSettings\";\nimport { TableBasicSettingsFooter } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/TableBasicSettingsFooter\";\nimport { TableBasicSettingsHeader } from \"@sberbusiness/triplex-next/components/Table/TableBasicSettings/components/TableBasicSettingsHeader\";\nimport { ITableBasicSettingsProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { Link } from \"@sberbusiness/triplex-next/components/Link/Link\";\n\n/**\n * Статические субкомпоненты TableBasicSettings.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\ninterface ITableBasicSettingsComposition extends React.ForwardRefExoticComponent<\n    ITableBasicSettingsProps & React.RefAttributes<HTMLDivElement>\n> {\n    /** Тело выпадающего блока настроек. */\n    Body: typeof TableBasicSettingsBody;\n    /** Список колонок с управлением видимостью и порядком. */\n    ColumnSettings: typeof ColumnSettings;\n    /** Подвал выпадающего блока настроек. */\n    Footer: typeof TableBasicSettingsFooter;\n    /** Шапка выпадающего блока настроек. */\n    Header: typeof TableBasicSettingsHeader;\n}\n\n/** Ссылка-триггер, открывающая выпадающий блок с настройками колонок таблицы. */\nexport const TableBasicSettings: ITableBasicSettingsComposition = Object.assign(\n    React.forwardRef<HTMLDivElement, ITableBasicSettingsProps>(function TableBasicSettings(\n        { children, className, linkTitle, ...rest },\n        ref,\n    ) {\n        const targetRef = useRef<HTMLAnchorElement>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => (\n            <Link\n                href=\"#\"\n                aria-haspopup=\"listbox\"\n                aria-controls=\"button-dropdown-extended-list\"\n                aria-expanded={opened}\n                onClick={(event) => {\n                    event.preventDefault();\n                    setOpened(!opened);\n                }}\n                ref={targetRef}\n            >\n                {linkTitle}\n            </Link>\n        );\n\n        const renderDropdown = ({ className, ...dropdownProps }: IButtonDropdownExtendedDropdownProvideProps) => (\n            <ButtonDropdownExtended.Dropdown\n                className={clsx(styles.tableSettingsDropdown, className)}\n                {...dropdownProps}\n                targetRef={targetRef}\n                ref={dropdownRef}\n            >\n                {children}\n            </ButtonDropdownExtended.Dropdown>\n        );\n\n        return (\n            <ButtonDropdownExtended\n                className={clsx(styles.tableSettingsLink, className)}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                {...rest}\n                ref={ref}\n            />\n        );\n    }),\n    {\n        Body: TableBasicSettingsBody,\n        ColumnSettings: ColumnSettings,\n        Footer: TableBasicSettingsFooter,\n        Header: TableBasicSettingsHeader,\n    },\n);\n\nTableBasicSettings.displayName = \"TableBasicSettings\";\n"],"names":["React","TableBasicSettings","className"],"mappings":";;;;;;;;;;;;;;;AAoCO,MAAM,qBAAqD,OAAO;AAAA,EACrEA,eAAM,WAAqD,SAASC,oBAChE,EAAE,UAAU,WAAW,WAAW,GAAG,KAAA,GACrC,KACF;AACE,UAAM,YAAY,OAA0B,IAAI;AAChD,UAAM,cAAc,OAAuB,IAAI;AAE/C,UAAM,eAAe,CAAC,EAAE,QAAQ,gBAC5B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,iBAAc;AAAA,QACd,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,CAAC,UAAU;AAChB,gBAAM,eAAA;AACN,oBAAU,CAAC,MAAM;AAAA,QACrB;AAAA,QACA,KAAK;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA;AAIT,UAAM,iBAAiB,CAAC,EAAE,WAAAC,YAAW,GAAG,oBACpC;AAAA,MAAC,uBAAuB;AAAA,MAAvB;AAAA,QACG,WAAW,KAAK,OAAO,uBAAuBA,UAAS;AAAA,QACtD,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAIT,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,mBAAmB,SAAS;AAAA,QACnD;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ,CAAC;AAAA,EACD;AAAA,IACI,MAAM;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,mBAAmB,cAAc;"}

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js

@@ -3,8 +3,8 @@ import React__default from "react";
 import { ListSortableItemTarget } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls } from "../../../List/components/ListSortableItemControls.js";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__f1588e01";
-const dragging = "dragging__1424776f";
+const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__dd216fa6";
+const dragging = "dragging__8d304911";
 const styles = {
   columnSettingsSortableListItemTarget,
   dragging

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
 import { ListItem } from "../../../List/components/ListItem.js";
-const columnSettingsStaticListItem = "columnSettingsStaticListItem__05d6902d";
+const columnSettingsStaticListItem = "columnSettingsStaticListItem__5adf6c33";
 const styles = {
   columnSettingsStaticListItem
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.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";
-const tableBasicSettingsBody = "tableBasicSettingsBody__21e4cb66";
+const tableBasicSettingsBody = "tableBasicSettingsBody__61ee1dcd";
 const styles = {
   tableBasicSettingsBody
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.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";
-const tableBasicSettingsFooter = "tableBasicSettingsFooter__62fab6d0";
+const tableBasicSettingsFooter = "tableBasicSettingsFooter__3020eef5";
 const styles = {
   tableBasicSettingsFooter
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
 import { Text } from "../../../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../../../Typography/enums.js";
-const tableBasicSettingsHeader = "tableBasicSettingsHeader__7ee2eb68";
+const tableBasicSettingsHeader = "tableBasicSettingsHeader__055f7da8";
 const styles = {
   tableBasicSettingsHeader
 };

package/components/Table/TableFooter/TableFooter.js

@@ -1,16 +1,21 @@
 import { jsxs, 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/TableFooter.module-BNzWbmoH.js";
+import { s as styles } from "../../../chunks/TableFooter.module-DOL7cRaV.js";
 import { FooterDescription } from "../../Footer/components/FooterDescription.js";
 import { FooterDescriptionControls } from "../../Footer/components/FooterDescriptionControls.js";
 import { TableFooterSummary } from "./components/TableFooterSummary.js";
-const TableFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.tableFooterWrapper, className), ...rest, children: [
-  /* @__PURE__ */ jsx("div", { className: styles.tableFooterShadow }),
-  /* @__PURE__ */ jsx("div", { className: styles.tableFooter, children: /* @__PURE__ */ jsx(FooterDescription, { children }) })
-] });
+const TableFooter = Object.assign(
+  React__default.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.tableFooterWrapper, className), ...rest, ref, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.tableFooterShadow }),
+    /* @__PURE__ */ jsx("div", { className: styles.tableFooter, children: /* @__PURE__ */ jsx(FooterDescription, { children }) })
+  ] })),
+  {
+    Summary: TableFooterSummary,
+    Controls: FooterDescriptionControls
+  }
+);
 TableFooter.displayName = "TableFooter";
-TableFooter.Summary = TableFooterSummary;
-TableFooter.Controls = FooterDescriptionControls;
 export {
   TableFooter
 };

package/components/Table/TableFooter/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../../src/components/Table/TableFooter/TableFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport styles from \"./styles/TableFooter.module.less\";\nimport { FooterDescription } from \"@sberbusiness/triplex-next/components/Footer/components/FooterDescription\";\nimport { FooterDescriptionControls } from \"@sberbusiness/triplex-next/components/Footer/components/FooterDescriptionControls\";\nimport { TableFooterSummary } from \"@sberbusiness/triplex-next/components/Table/TableFooter/components/TableFooterSummary\";\nimport { ITableFooterProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\n\ninterface ITableFooterFC extends React.FC<ITableFooterProps> {\n    Summary: typeof TableFooterSummary;\n    Controls: typeof FooterDescriptionControls;\n}\n\n/** Компонент подвала таблицы. */\nexport const TableFooter: ITableFooterFC = ({ children, className, ...rest }) => (\n    <div className={clsx(styles.tableFooterWrapper, className)} {...rest}>\n        <div className={styles.tableFooterShadow} />\n        <div className={styles.tableFooter}>\n            <FooterDescription>{children}</FooterDescription>\n        </div>\n    </div>\n);\n\nTableFooter.displayName = \"TableFooter\";\nTableFooter.Summary = TableFooterSummary;\nTableFooter.Controls = FooterDescriptionControls;\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,cAA8B,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,MAClE,qBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAC5D,UAAA;AAAA,EAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,kBAAA,CAAmB;AAAA,EAC1C,oBAAC,SAAI,WAAW,OAAO,aACnB,UAAA,oBAAC,mBAAA,EAAmB,UAAS,EAAA,CACjC;AAAA,EAAA,CACJ;AAGJ,YAAY,cAAc;AAC1B,YAAY,UAAU;AACtB,YAAY,WAAW;"}
+{"version":3,"file":"TableFooter.js","sources":["../../../../src/components/Table/TableFooter/TableFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport styles from \"./styles/TableFooter.module.less\";\nimport { FooterDescription } from \"@sberbusiness/triplex-next/components/Footer/components/FooterDescription\";\nimport { FooterDescriptionControls } from \"@sberbusiness/triplex-next/components/Footer/components/FooterDescriptionControls\";\nimport { TableFooterSummary } from \"@sberbusiness/triplex-next/components/Table/TableFooter/components/TableFooterSummary\";\nimport { ITableFooterProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\n\n/**\n * Статические субкомпоненты TableFooter.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\ninterface ITableFooterComposition extends React.ForwardRefExoticComponent<\n    ITableFooterProps & React.RefAttributes<HTMLDivElement>\n> {\n    /** Блок с итоговыми значениями по таблице. */\n    Summary: typeof TableFooterSummary;\n    /** Блок с кнопками действий над выбранными строками. */\n    Controls: typeof FooterDescriptionControls;\n}\n\n/** Компонент подвала таблицы. */\nexport const TableFooter: ITableFooterComposition = Object.assign(\n    React.forwardRef<HTMLDivElement, ITableFooterProps>(({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.tableFooterWrapper, className)} {...rest} ref={ref}>\n            <div className={styles.tableFooterShadow} />\n            <div className={styles.tableFooter}>\n                <FooterDescription>{children}</FooterDescription>\n            </div>\n        </div>\n    )),\n    {\n        Summary: TableFooterSummary,\n        Controls: FooterDescriptionControls,\n    },\n);\n\nTableFooter.displayName = \"TableFooter\";\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,cAAuC,OAAO;AAAA,EACvDA,eAAM,WAA8C,CAAC,EAAE,UAAU,WAAW,GAAG,QAAQ,6BAClF,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KAClE,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,kBAAA,CAAmB;AAAA,IAC1C,oBAAC,SAAI,WAAW,OAAO,aACnB,UAAA,oBAAC,mBAAA,EAAmB,UAAS,EAAA,CACjC;AAAA,EAAA,EAAA,CACJ,CACH;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,YAAY,cAAc;"}

package/components/Table/TableFooter/components/TableFooterSummary.js

@@ -3,7 +3,7 @@ import { FooterDescription } from "../../../Footer/components/FooterDescription.
 import { TableFooterSummaryAmount } from "./TableFooterSummaryAmount.js";
 import { TableFooterSummarySelectedCount } from "./TableFooterSummarySelectedCount.js";
 import { TableFooterSummarySelectAllButton } from "./TableFooterSummarySelectAllButton.js";
-import { s as styles } from "../../../../chunks/TableFooter.module-BNzWbmoH.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
 const TableFooterSummary = Object.assign(
   ({ children, ...htmlDivAttributes }) => {
     return /* @__PURE__ */ jsx(FooterDescription.Content, { ...htmlDivAttributes, children: /* @__PURE__ */ jsx("div", { className: styles.tableFooterSummary, children }) });

package/components/Table/TableFooter/components/TableFooterSummaryAmount.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-BNzWbmoH.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
 import { Amount } from "../../../Amount/Amount.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-BNzWbmoH.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Link } from "../../../Link/Link.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-BNzWbmoH.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
 const TableFooterSummarySelectedCount = ({ children }) => /* @__PURE__ */ jsx("span", { className: styles.tableFooterSummarySelectedCount, children });
 TableFooterSummarySelectedCount.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/utils.js

@@ -1,5 +1,5 @@
 import "./TableBasic/enums.js";
-import { b, m, a } from "../../chunks/utils-B25Ic6iq.js";
+import { b, m, a } from "../../chunks/utils-CRgskx0c.js";
 export {
   b as mapCellTypeToClassName,
   m as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -16,22 +16,32 @@ import { EButtonDotsTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const tabsContent = "tabsContent__de384ab8";
-const tabButtonDropdown = "tabButtonDropdown__f43febba";
-const sm = "sm__457f6d53";
-const md = "md__9cfb9fdb";
-const lg = "lg__82ea6954";
+const tabsContent = "tabsContent__797f6b3b";
+const tabButtonDropdown = "tabButtonDropdown__dc8dddd1";
+const sm = "sm__6c4cdc77";
+const md = "md__7d003a89";
+const lg = "lg__ae139240";
+const selected = "selected__6ec39a19";
+const type1 = "type1__436b066e";
+const type2 = "type2__768c4067";
 const styles = {
   tabsContent,
   tabButtonDropdown,
   sm,
   md,
-  lg
+  lg,
+  selected,
+  type1,
+  type2
 };
 const TYPE_TO_BUTTON_DOTS_THEME_MAP = {
   [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,
   [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT
 };
+const TYPE_TO_CLASS_NAME_MAP = {
+  [ETabsExtendedType.TYPE_1]: styles.type1,
+  [ETabsExtendedType.TYPE_2]: styles.type2
+};
 const Tabs = ({
   buttonDropdownAttributes,
   selectedId,
@@ -48,7 +58,7 @@ const Tabs = ({
   const nextTabRef = useRef(null);
   const getDropdownOptions = ({ dropdownItemsIds, onSelectTab: onSelectTab2 }) => tabs.filter((tab) => dropdownItemsIds.includes(tab.id)).map((tab) => ({ ...tab, onSelect: () => onSelectTab2(tab.id) }));
   const renderTab = (item, index) => {
-    return /* @__PURE__ */ jsx(TabsExtended.Content.Tab, { ...item, children: ({ selected, isFirstInlineTab, isLastInlineTab }) => {
+    return /* @__PURE__ */ jsx(TabsExtended.Content.Tab, { ...item, children: ({ selected: selected2, isFirstInlineTab, isLastInlineTab }) => {
       const tabIndex = availableToFocusTabId === item.id ? 0 : -1;
       const getRef = () => {
         let ref = void 0;
@@ -62,7 +72,7 @@ const Tabs = ({
       return /* @__PURE__ */ jsx(
         TabsExtended.Content.TabButton,
         {
-          selected,
+          selected: selected2,
           tabIndex,
           ref: getRef(),
           size,
@@ -104,7 +114,13 @@ const Tabs = ({
         selected: tabs.filter((tab) => tab.id === selectedId)[0],
         buttonAttributes: {
           ...buttonDropdownAttributes,
-          className: clsx(styles.tabButtonDropdown, styles[size])
+          className: clsx(
+            styles.tabButtonDropdown,
+            styles[size],
+            TYPE_TO_CLASS_NAME_MAP[type],
+            { [styles.selected]: dropdownItemsIds.includes(selectedId) },
+            buttonDropdownAttributes == null ? void 0 : buttonDropdownAttributes.className
+          )
         }
       }
     ) })

package/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { ETabsExtendedType, TabsExtended } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ITabsExtendedDropdownWrapperProvideProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ButtonDropdown } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EButtonDotsTheme } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ITabsExtendedTabProps, ITabsExtendedProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"./styles/Tabs.module.less\";\nimport clsx from \"clsx\";\n\nexport interface ITabsItem extends Omit<ITabsExtendedTabProps, \"children\" | \"onSelect\"> {\n    label: React.ReactNode;\n    showNotificationIcon?: boolean;\n}\n\nexport interface ITabsProps extends ITabsExtendedProps {\n    /** HTML-атрибуты dropdown-кнопки. */\n    buttonDropdownAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    children?: never;\n    /** Обработчик выбора таба. */\n    onSelectTab: (selectedId: string) => void;\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Массив табов. */\n    tabs: Array<ITabsItem>;\n}\n\nconst TYPE_TO_BUTTON_DOTS_THEME_MAP: Record<ETabsExtendedType, EButtonDotsTheme> = {\n    [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,\n    [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT,\n};\n\n/** Компонент Tabs. */\nexport const Tabs: React.FC<ITabsProps> = ({\n    buttonDropdownAttributes,\n    selectedId,\n    onSelectTab,\n    size = EComponentSize.MD,\n    tabs,\n    type = ETabsExtendedType.TYPE_1,\n    ...props\n}) => {\n    // Id таба с tabIndex = 0;\n    const [availableToFocusTabId, setAvailableToFocusTabId] = useState(selectedId || tabs[0].id);\n    // Id таба, предшествующий табу с tabIndex = 0;\n    const [prevAvailableToFocusTabId, setPrevAvailableToFocusTabId] = useState(\"\");\n    // Id таба, следующего за табом с tabIndex = 0;\n    const [nextAvailableToFocusTabId, setNextAvailableToFocusTabId] = useState(\"\");\n    // Ref таба, предшествующий табу с tabIndex = 0;\n    const prevTabRef = useRef<HTMLButtonElement>(null);\n    // Ref таба, следующего за табом с tabIndex = 0;\n    const nextTabRef = useRef<HTMLButtonElement>(null);\n\n    const getDropdownOptions = ({ dropdownItemsIds, onSelectTab }: ITabsExtendedDropdownWrapperProvideProps) =>\n        tabs\n            .filter((tab) => dropdownItemsIds.includes(tab.id))\n            .map((tab) => ({ ...tab, onSelect: () => onSelectTab(tab.id) }));\n\n    const renderTab = (item: ITabsItem, index: number) => {\n        return (\n            <TabsExtended.Content.Tab key={index} {...item}>\n                {({ selected, isFirstInlineTab, isLastInlineTab }) => {\n                    const tabIndex = availableToFocusTabId === item.id ? 0 : -1;\n\n                    const getRef = () => {\n                        let ref = undefined;\n\n                        if (prevAvailableToFocusTabId === item.id) {\n                            ref = prevTabRef;\n                        } else if (nextAvailableToFocusTabId === item.id) {\n                            ref = nextTabRef;\n                        }\n\n                        return ref;\n                    };\n\n                    return (\n                        <TabsExtended.Content.TabButton\n                            selected={selected}\n                            tabIndex={tabIndex}\n                            /* Установка ref для предыдущего или следующего за фокусируемым табом элемента, */\n                            ref={getRef()}\n                            size={size}\n                            showNotificationIcon={item.showNotificationIcon}\n                            onFocus={() => {\n                                setPrevAvailableToFocusTabId(tabs[index - 1] ? tabs[index - 1].id : \"\");\n                                setNextAvailableToFocusTabId(tabs[index + 1] ? tabs[index + 1].id : \"\");\n                            }}\n                            onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                                const { key } = event;\n\n                                if (isKey(key, \"ARROW_LEFT\")) {\n                                    // Не первый таб.\n                                    if (!isFirstInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index - 1].id);\n                                        prevTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                } else if (isKey(key, \"ARROW_RIGHT\")) {\n                                    // Не последний таб в строке.\n                                    if (!isLastInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index + 1].id);\n                                        nextTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                }\n                            }}\n                        >\n                            {item.label}\n                        </TabsExtended.Content.TabButton>\n                    );\n                }}\n            </TabsExtended.Content.Tab>\n        );\n    };\n\n    return (\n        <TabsExtended {...props} selectedId={selectedId} onSelectTab={onSelectTab} type={type}>\n            <TabsExtended.Content className={styles.tabsContent} size={size}>\n                <TabsExtended.Content.TabsWrapper>{tabs.map(renderTab)}</TabsExtended.Content.TabsWrapper>\n\n                <TabsExtended.Content.DropdownWrapper>\n                    {({ dropdownItemsIds, onSelectTab }) => (\n                        <ButtonDropdown\n                            theme={TYPE_TO_BUTTON_DOTS_THEME_MAP[type]}\n                            size={size}\n                            options={getDropdownOptions({ dropdownItemsIds, onSelectTab })}\n                            selected={tabs.filter((tab) => tab.id === selectedId)[0]}\n                            buttonAttributes={{\n                                ...buttonDropdownAttributes,\n                                className: clsx(styles.tabButtonDropdown, styles[size]),\n                            }}\n                        />\n                    )}\n                </TabsExtended.Content.DropdownWrapper>\n            </TabsExtended.Content>\n        </TabsExtended>\n    );\n};\n"],"names":["onSelectTab"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { ETabsExtendedType, TabsExtended } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ITabsExtendedDropdownWrapperProvideProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ButtonDropdown } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EButtonDotsTheme } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ITabsExtendedTabProps, ITabsExtendedProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"./styles/Tabs.module.less\";\nimport clsx from \"clsx\";\n\nexport interface ITabsItem extends Omit<ITabsExtendedTabProps, \"children\" | \"onSelect\"> {\n    label: React.ReactNode;\n    showNotificationIcon?: boolean;\n}\n\nexport interface ITabsProps extends ITabsExtendedProps {\n    /** HTML-атрибуты dropdown-кнопки. */\n    buttonDropdownAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    children?: never;\n    /** Обработчик выбора таба. */\n    onSelectTab: (selectedId: string) => void;\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Массив табов. */\n    tabs: Array<ITabsItem>;\n}\n\nconst TYPE_TO_BUTTON_DOTS_THEME_MAP: Record<ETabsExtendedType, EButtonDotsTheme> = {\n    [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,\n    [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT,\n};\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<ETabsExtendedType, string> = {\n    [ETabsExtendedType.TYPE_1]: styles.type1,\n    [ETabsExtendedType.TYPE_2]: styles.type2,\n};\n\n/** Компонент Tabs. */\nexport const Tabs: React.FC<ITabsProps> = ({\n    buttonDropdownAttributes,\n    selectedId,\n    onSelectTab,\n    size = EComponentSize.MD,\n    tabs,\n    type = ETabsExtendedType.TYPE_1,\n    ...props\n}) => {\n    // Id таба с tabIndex = 0;\n    const [availableToFocusTabId, setAvailableToFocusTabId] = useState(selectedId || tabs[0].id);\n    // Id таба, предшествующий табу с tabIndex = 0;\n    const [prevAvailableToFocusTabId, setPrevAvailableToFocusTabId] = useState(\"\");\n    // Id таба, следующего за табом с tabIndex = 0;\n    const [nextAvailableToFocusTabId, setNextAvailableToFocusTabId] = useState(\"\");\n    // Ref таба, предшествующий табу с tabIndex = 0;\n    const prevTabRef = useRef<HTMLButtonElement>(null);\n    // Ref таба, следующего за табом с tabIndex = 0;\n    const nextTabRef = useRef<HTMLButtonElement>(null);\n\n    const getDropdownOptions = ({ dropdownItemsIds, onSelectTab }: ITabsExtendedDropdownWrapperProvideProps) =>\n        tabs\n            .filter((tab) => dropdownItemsIds.includes(tab.id))\n            .map((tab) => ({ ...tab, onSelect: () => onSelectTab(tab.id) }));\n\n    const renderTab = (item: ITabsItem, index: number) => {\n        return (\n            <TabsExtended.Content.Tab key={index} {...item}>\n                {({ selected, isFirstInlineTab, isLastInlineTab }) => {\n                    const tabIndex = availableToFocusTabId === item.id ? 0 : -1;\n\n                    const getRef = () => {\n                        let ref = undefined;\n\n                        if (prevAvailableToFocusTabId === item.id) {\n                            ref = prevTabRef;\n                        } else if (nextAvailableToFocusTabId === item.id) {\n                            ref = nextTabRef;\n                        }\n\n                        return ref;\n                    };\n\n                    return (\n                        <TabsExtended.Content.TabButton\n                            selected={selected}\n                            tabIndex={tabIndex}\n                            /* Установка ref для предыдущего или следующего за фокусируемым табом элемента, */\n                            ref={getRef()}\n                            size={size}\n                            showNotificationIcon={item.showNotificationIcon}\n                            onFocus={() => {\n                                setPrevAvailableToFocusTabId(tabs[index - 1] ? tabs[index - 1].id : \"\");\n                                setNextAvailableToFocusTabId(tabs[index + 1] ? tabs[index + 1].id : \"\");\n                            }}\n                            onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                                const { key } = event;\n\n                                if (isKey(key, \"ARROW_LEFT\")) {\n                                    // Не первый таб.\n                                    if (!isFirstInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index - 1].id);\n                                        prevTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                } else if (isKey(key, \"ARROW_RIGHT\")) {\n                                    // Не последний таб в строке.\n                                    if (!isLastInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index + 1].id);\n                                        nextTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                }\n                            }}\n                        >\n                            {item.label}\n                        </TabsExtended.Content.TabButton>\n                    );\n                }}\n            </TabsExtended.Content.Tab>\n        );\n    };\n\n    return (\n        <TabsExtended {...props} selectedId={selectedId} onSelectTab={onSelectTab} type={type}>\n            <TabsExtended.Content className={styles.tabsContent} size={size}>\n                <TabsExtended.Content.TabsWrapper>{tabs.map(renderTab)}</TabsExtended.Content.TabsWrapper>\n\n                <TabsExtended.Content.DropdownWrapper>\n                    {({ dropdownItemsIds, onSelectTab }) => (\n                        <ButtonDropdown\n                            theme={TYPE_TO_BUTTON_DOTS_THEME_MAP[type]}\n                            size={size}\n                            options={getDropdownOptions({ dropdownItemsIds, onSelectTab })}\n                            selected={tabs.filter((tab) => tab.id === selectedId)[0]}\n                            buttonAttributes={{\n                                ...buttonDropdownAttributes,\n                                className: clsx(\n                                    styles.tabButtonDropdown,\n                                    styles[size],\n                                    TYPE_TO_CLASS_NAME_MAP[type],\n                                    { [styles.selected]: dropdownItemsIds.includes(selectedId) },\n                                    buttonDropdownAttributes?.className,\n                                ),\n                            }}\n                        />\n                    )}\n                </TabsExtended.Content.DropdownWrapper>\n            </TabsExtended.Content>\n        </TabsExtended>\n    );\n};\n"],"names":["onSelectTab","selected"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,gCAA6E;AAAA,EAC/E,CAAC,kBAAkB,MAAM,GAAG,iBAAiB;AAAA,EAC7C,CAAC,kBAAkB,MAAM,GAAG,iBAAiB;AACjD;AAEA,MAAM,yBAA4D;AAAA,EAC9D,CAAC,kBAAkB,MAAM,GAAG,OAAO;AAAA,EACnC,CAAC,kBAAkB,MAAM,GAAG,OAAO;AACvC;AAGO,MAAM,OAA6B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA,OAAO,kBAAkB;AAAA,EACzB,GAAG;AACP,MAAM;AAEF,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAS,cAAc,KAAK,CAAC,EAAE,EAAE;AAE3F,QAAM,CAAC,2BAA2B,4BAA4B,IAAI,SAAS,EAAE;AAE7E,QAAM,CAAC,2BAA2B,4BAA4B,IAAI,SAAS,EAAE;AAE7E,QAAM,aAAa,OAA0B,IAAI;AAEjD,QAAM,aAAa,OAA0B,IAAI;AAEjD,QAAM,qBAAqB,CAAC,EAAE,kBAAkB,aAAAA,aAAAA,MAC5C,KACK,OAAO,CAAC,QAAQ,iBAAiB,SAAS,IAAI,EAAE,CAAC,EACjD,IAAI,CAAC,SAAS,EAAE,GAAG,KAAK,UAAU,MAAMA,aAAY,IAAI,EAAE,IAAI;AAEvE,QAAM,YAAY,CAAC,MAAiB,UAAkB;AAClD,WACI,oBAAC,aAAa,QAAQ,KAArB,EAAsC,GAAG,MACrC,UAAA,CAAC,EAAE,UAAAC,WAAU,kBAAkB,gBAAA,MAAsB;AAClD,YAAM,WAAW,0BAA0B,KAAK,KAAK,IAAI;AAEzD,YAAM,SAAS,MAAM;AACjB,YAAI,MAAM;AAEV,YAAI,8BAA8B,KAAK,IAAI;AACvC,gBAAM;AAAA,QACV,WAAW,8BAA8B,KAAK,IAAI;AAC9C,gBAAM;AAAA,QACV;AAEA,eAAO;AAAA,MACX;AAEA,aACI;AAAA,QAAC,aAAa,QAAQ;AAAA,QAArB;AAAA,UACG,UAAAA;AAAA,UACA;AAAA,UAEA,KAAK,OAAA;AAAA,UACL;AAAA,UACA,sBAAsB,KAAK;AAAA,UAC3B,SAAS,MAAM;AACX,yCAA6B,KAAK,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE;AACtE,yCAA6B,KAAK,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE;AAAA,UAC1E;AAAA,UACA,WAAW,CAAC,UAAkD;;AAC1D,kBAAM,EAAE,QAAQ;AAEhB,gBAAI,MAAM,KAAK,YAAY,GAAG;AAE1B,kBAAI,CAAC,kBAAkB;AACnB,yCAAyB,KAAK,QAAQ,CAAC,EAAE,EAAE;AAC3C,iCAAW,YAAX,mBAAoB;AAAA,cACxB;AAGA,oBAAM,eAAA;AAAA,YACV,WAAW,MAAM,KAAK,aAAa,GAAG;AAElC,kBAAI,CAAC,iBAAiB;AAClB,yCAAyB,KAAK,QAAQ,CAAC,EAAE,EAAE;AAC3C,iCAAW,YAAX,mBAAoB;AAAA,cACxB;AAGA,oBAAM,eAAA;AAAA,YACV;AAAA,UACJ;AAAA,UAEC,UAAA,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAvD2B,KAwD/B;AAAA,EAER;AAEA,SACI,oBAAC,cAAA,EAAc,GAAG,OAAO,YAAwB,aAA0B,MACvE,UAAA,qBAAC,aAAa,SAAb,EAAqB,WAAW,OAAO,aAAa,MACjD,UAAA;AAAA,IAAA,oBAAC,aAAa,QAAQ,aAArB,EAAkC,UAAA,KAAK,IAAI,SAAS,GAAE;AAAA,IAEvD,oBAAC,aAAa,QAAQ,iBAArB,EACI,WAAC,EAAE,kBAAkB,aAAAD,aAAAA,MAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,8BAA8B,IAAI;AAAA,QACzC;AAAA,QACA,SAAS,mBAAmB,EAAE,kBAAkB,aAAAA,cAAa;AAAA,QAC7D,UAAU,KAAK,OAAO,CAAC,QAAQ,IAAI,OAAO,UAAU,EAAE,CAAC;AAAA,QACvD,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW;AAAA,YACP,OAAO;AAAA,YACP,OAAO,IAAI;AAAA,YACX,uBAAuB,IAAI;AAAA,YAC3B,EAAE,CAAC,OAAO,QAAQ,GAAG,iBAAiB,SAAS,UAAU,EAAA;AAAA,YACzD,qEAA0B;AAAA,UAAA;AAAA,QAC9B;AAAA,MACJ;AAAA,IAAA,EACJ,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/components/TabsExtended/TabsExtended.js

@@ -4,8 +4,8 @@ import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-Cc9JBJpf.js";
-import { s as styles } from "../../chunks/TabsExtended.module-X9j6lOjE.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-DogucNlz.js";
+import { s as styles } from "../../chunks/TabsExtended.module-DveIh7_v.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -7,7 +7,7 @@ import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-X9j6lOjE.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
 import "./TabsExtendedTabContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsExtendedContent = Object.assign(

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-X9j6lOjE.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
 const TabsExtendedDropdownWrapper = React__default.forwardRef(
   ({ children, className, ...htmlDivAttributes }, ref) => {
     const { dropdownItemsIds, onSelectTab, dropdownRef } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -3,7 +3,7 @@ import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-X9j6lOjE.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
 const TabsExtendedTab = React__default.forwardRef(
   ({ children, id, className, onClick, ...htmlSpanAttributes }, ref) => {
     const { dropdownItemsIds, inlineItemsIds, selectedId, onSelectTab } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-Cc9JBJpf.js";
+import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-DogucNlz.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -3,7 +3,7 @@ import React__default, { useContext, useState, useRef, useCallback, useLayoutEff
 import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-D4wvHis9.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-X9j6lOjE.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
 const TAB_ITEM_ID_ATTRIBUTE = "data-tab-item-id";
 const TABS_CONTAINER_RIGHT_OFFSET = 4;
 const RESIZE_REFRESH_RATE_MS = 150;

package/components/TabsExtended/utils.js

@@ -1,7 +1,7 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
 import "../Typography/enums.js";
-import { a, T } from "../../chunks/utils-Cc9JBJpf.js";
+import { a, T } from "../../chunks/utils-DogucNlz.js";
 export {
   a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,
   T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP