@sberbusiness/triplex-next 1.34.0 → 1.35.0

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

@@ -1,18 +1,20 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { s as m } from "../../../../chunks/TableFooter.module-gdlmAJMs.js";
-import { Amount as s } from "../../../Amount/Amount.js";
-import { Text as l } from "../../../Typography/Text.js";
-import { ETextSize as i } from "../../../Typography/enums.js";
-const n = ({ label: o, sum: a, currency: t }) => /* @__PURE__ */ e(l, { size: i.B3, className: m.tableFooterSummaryAmount, children: [
-  /* @__PURE__ */ r("span", { className: m.tableFooterSummaryDivider, children: "|" }),
-  /* @__PURE__ */ e("span", { className: m.tableFooterSummaryLabel, children: [
-    o,
-    " ",
-    /* @__PURE__ */ r(s, { value: a, currency: t })
-  ] })
-] });
-n.displayName = "TableFooterSummaryAmount";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../../chunks/TableFooter.module-BsRqMIck.js";
+import { Amount } from "../../../Amount/Amount.js";
+import { Text } from "../../../Typography/Text.js";
+import { ETextSize } from "../../../Typography/enums.js";
+const TableFooterSummaryAmount = ({ label, sum, currency }) => {
+  return /* @__PURE__ */ jsxs(Text, { size: ETextSize.B3, className: styles.tableFooterSummaryAmount, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.tableFooterSummaryDivider, children: "|" }),
+    /* @__PURE__ */ jsxs("span", { className: styles.tableFooterSummaryLabel, children: [
+      label,
+      " ",
+      /* @__PURE__ */ jsx(Amount, { value: sum, currency })
+    ] })
+  ] });
+};
+TableFooterSummaryAmount.displayName = "TableFooterSummaryAmount";
 export {
-  n as TableFooterSummaryAmount
+  TableFooterSummaryAmount
 };
 //# sourceMappingURL=TableFooterSummaryAmount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterSummaryAmount.js","sources":["../../../../../src/components/Table/TableFooter/components/TableFooterSummaryAmount.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/TableFooter.module.less\";\nimport { Amount } from \"@sberbusiness/triplex-next/components/Amount/Amount\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\n\nexport interface ITableFooterSummaryAmountProps {\n    /** Текст лейбла.*/\n    label: string;\n    /** Сумма подытога.*/\n    sum: string;\n    /** Валюта подытога.*/\n    currency: string;\n}\n\n/** Компонент подытога денежной суммы в подвале таблицы. */\nexport const TableFooterSummaryAmount: React.FC<ITableFooterSummaryAmountProps> = ({ label, sum, currency }) => {\n    return (\n        <Text size={ETextSize.B3} className={styles.tableFooterSummaryAmount}>\n            <span className={styles.tableFooterSummaryDivider}>|</span>\n            <span className={styles.tableFooterSummaryLabel}>\n                {label} <Amount value={sum} currency={currency} />\n            </span>\n        </Text>\n    );\n};\n\nTableFooterSummaryAmount.displayName = \"TableFooterSummaryAmount\";\n"],"names":[],"mappings":";;;;;AAgBO,MAAM,2BAAqE,CAAC,EAAE,OAAO,KAAK,eAAe;AAC5G,8BACK,MAAA,EAAK,MAAM,UAAU,IAAI,WAAW,OAAO,0BACxC,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,2BAA2B,UAAA,KAAC;AAAA,IACpD,qBAAC,QAAA,EAAK,WAAW,OAAO,yBACnB,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAC,oBAAC,QAAA,EAAO,OAAO,KAAK,SAAA,CAAoB;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,GACJ;AAER;AAEA,yBAAyB,cAAc;"}

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

@@ -1,20 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { s as a } from "../../../../chunks/TableFooter.module-gdlmAJMs.js";
-import { ETextSize as s } from "../../../Typography/enums.js";
-import { Link as i } from "../../../Link/Link.js";
-import { Text as p } from "../../../Typography/Text.js";
-const u = ({
-  children: o,
-  onClick: t,
-  ...m
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../../chunks/TableFooter.module-BsRqMIck.js";
+import { ETextSize } from "../../../Typography/enums.js";
+import { Link } from "../../../Link/Link.js";
+import { Text } from "../../../Typography/Text.js";
+const TableFooterSummarySelectAllButton = ({
+  children,
+  onClick,
+  ...rest
 }) => {
-  const l = (e) => {
-    e.preventDefault(), t == null || t(e);
+  const handleClick = (event) => {
+    event.preventDefault();
+    onClick == null ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ r(p, { size: s.B3, className: a.tableFooterSummarySelectAllButton, children: /* @__PURE__ */ r(i, { ...m, href: "#", onClick: l, children: o }) });
+  return /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, className: styles.tableFooterSummarySelectAllButton, children: /* @__PURE__ */ jsx(Link, { ...rest, href: "#", onClick: handleClick, children }) });
 };
-u.displayName = "TableFooterSummarySelectAllButton";
+TableFooterSummarySelectAllButton.displayName = "TableFooterSummarySelectAllButton";
 export {
-  u as TableFooterSummarySelectAllButton
+  TableFooterSummarySelectAllButton
 };
 //# sourceMappingURL=TableFooterSummarySelectAllButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterSummarySelectAllButton.js","sources":["../../../../../src/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/TableFooter.module.less\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Link, ILinkCommonProps } from \"@sberbusiness/triplex-next/components/Link/Link\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\n\n/** Свойства компонента TableFooterSummarySelectAllButton. */\nexport interface ITableFooterSummarySelectAllButtonProps extends ILinkCommonProps {}\n\n/** Кнопка в подвале таблицы, для выбора всех элементов списка. */\nexport const TableFooterSummarySelectAllButton: React.FC<ITableFooterSummarySelectAllButtonProps> = ({\n    children,\n    onClick,\n    ...rest\n}) => {\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n        event.preventDefault();\n        onClick?.(event);\n    };\n    return (\n        <Text size={ETextSize.B3} className={styles.tableFooterSummarySelectAllButton}>\n            <Link {...rest} href=\"#\" onClick={handleClick}>\n                {children}\n            </Link>\n        </Text>\n    );\n};\n\nTableFooterSummarySelectAllButton.displayName = \"TableFooterSummarySelectAllButton\";\n"],"names":[],"mappings":";;;;;AAUO,MAAM,oCAAuF,CAAC;AAAA,EACjG;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,cAAc,CAAC,UAA+C;AAChE,UAAM,eAAA;AACN,uCAAU;AAAA,EACd;AACA,6BACK,MAAA,EAAK,MAAM,UAAU,IAAI,WAAW,OAAO,mCACxC,UAAA,oBAAC,MAAA,EAAM,GAAG,MAAM,MAAK,KAAI,SAAS,aAC7B,UACL,GACJ;AAER;AAEA,kCAAkC,cAAc;"}

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

@@ -1,8 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../../chunks/TableFooter.module-gdlmAJMs.js";
-const a = ({ children: e }) => /* @__PURE__ */ o("span", { className: t.tableFooterSummarySelectedCount, children: e });
-a.displayName = "TableFooterSummarySelectedCount";
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../../chunks/TableFooter.module-BsRqMIck.js";
+const TableFooterSummarySelectedCount = ({ children }) => /* @__PURE__ */ jsx("span", { className: styles.tableFooterSummarySelectedCount, children });
+TableFooterSummarySelectedCount.displayName = "TableFooterSummarySelectedCount";
 export {
-  a as TableFooterSummarySelectedCount
+  TableFooterSummarySelectedCount
 };
 //# sourceMappingURL=TableFooterSummarySelectedCount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterSummarySelectedCount.js","sources":["../../../../../src/components/Table/TableFooter/components/TableFooterSummarySelectedCount.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/TableFooter.module.less\";\n\n/** Свойства компонента TableFooterSummarySelectedCount. */\nexport interface ITableFooterSummarySelectedCountProps {\n    children?: React.ReactNode;\n}\n\n/** Компонент в подвале таблицы, в котором информация о количестве выбранных позиций. */\nexport const TableFooterSummarySelectedCount: React.FC<ITableFooterSummarySelectedCountProps> = ({ children }) => (\n    <span className={styles.tableFooterSummarySelectedCount}>{children}</span>\n);\n\nTableFooterSummarySelectedCount.displayName = \"TableFooterSummarySelectedCount\";\n"],"names":[],"mappings":";;AASO,MAAM,kCAAmF,CAAC,EAAE,SAAA,0BAC9F,QAAA,EAAK,WAAW,OAAO,iCAAkC,SAAA,CAAS;AAGvE,gCAAgC,cAAc;"}

package/components/Table/index.js

@@ -1,34 +1,34 @@
-import { MasterTable as r } from "./MasterTable.js";
-import { TableBasic as l } from "./TableBasic/TableBasic.js";
-import { TableFooter as a } from "./TableFooter/TableFooter.js";
-import { NoColumns as i } from "./NoColumns.js";
-import { FilterPanel as f } from "./FilterPanel.js";
-import { ChipPanel as u } from "./ChipPanel.js";
-import { PaginationPanel as b } from "./PaginationPanel.js";
-import { TableBasicSettings as T } from "./TableBasicSettings/TableBasicSettings.js";
-import { ColumnSettings as g } from "./TableBasicSettings/components/ColumnSettings.js";
-import { ECellType as F, EHorizontalAlign as y, EOrderDirection as A, EVerticalAlign as E } from "./TableBasic/enums.js";
-import { TableFooterSummaryAmount as B } from "./TableFooter/components/TableFooterSummaryAmount.js";
-import { TableFooterSummarySelectAllButton as h } from "./TableFooter/components/TableFooterSummarySelectAllButton.js";
-import { TableFooterSummarySelectedCount as D } from "./TableFooter/components/TableFooterSummarySelectedCount.js";
-import { ColumnSettingsSortableListItem as I } from "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
+import { MasterTable } from "./MasterTable.js";
+import { TableBasic } from "./TableBasic/TableBasic.js";
+import { TableFooter } from "./TableFooter/TableFooter.js";
+import { NoColumns } from "./NoColumns.js";
+import { FilterPanel } from "./FilterPanel.js";
+import { ChipPanel } from "./ChipPanel.js";
+import { PaginationPanel } from "./PaginationPanel.js";
+import { TableBasicSettings } from "./TableBasicSettings/TableBasicSettings.js";
+import { ColumnSettings } from "./TableBasicSettings/components/ColumnSettings.js";
+import { ECellType, EHorizontalAlign, EOrderDirection, EVerticalAlign } from "./TableBasic/enums.js";
+import { TableFooterSummaryAmount } from "./TableFooter/components/TableFooterSummaryAmount.js";
+import { TableFooterSummarySelectAllButton } from "./TableFooter/components/TableFooterSummarySelectAllButton.js";
+import { TableFooterSummarySelectedCount } from "./TableFooter/components/TableFooterSummarySelectedCount.js";
+import { ColumnSettingsSortableListItem } from "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
 export {
-  u as ChipPanel,
-  g as ColumnSettings,
-  I as ColumnSettingsSortableListItem,
-  F as ECellType,
-  y as EHorizontalAlign,
-  A as EOrderDirection,
-  E as EVerticalAlign,
-  f as FilterPanel,
-  r as MasterTable,
-  i as NoColumns,
-  b as PaginationPanel,
-  l as TableBasic,
-  T as TableBasicSettings,
-  a as TableFooter,
-  B as TableFooterSummaryAmount,
-  h as TableFooterSummarySelectAllButton,
-  D as TableFooterSummarySelectedCount
+  ChipPanel,
+  ColumnSettings,
+  ColumnSettingsSortableListItem,
+  ECellType,
+  EHorizontalAlign,
+  EOrderDirection,
+  EVerticalAlign,
+  FilterPanel,
+  MasterTable,
+  NoColumns,
+  PaginationPanel,
+  TableBasic,
+  TableBasicSettings,
+  TableFooter,
+  TableFooterSummaryAmount,
+  TableFooterSummarySelectAllButton,
+  TableFooterSummarySelectedCount
 };
 //# sourceMappingURL=index.js.map

package/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/components/Table/utils.js

@@ -1,8 +1,8 @@
 import "./TableBasic/enums.js";
-import { b as s, m as o, a as e } from "../../chunks/utils-BWmvhfLt.js";
+import { b, m, a } from "../../chunks/utils-jPa1XaBY.js";
 export {
-  s as mapCellTypeToClassName,
-  o as mapHorizontalAlignToClassName,
-  e as mapVerticalAlignToClassName
+  b as mapCellTypeToClassName,
+  m as mapHorizontalAlignToClassName,
+  a as mapVerticalAlignToClassName
 };
 //# sourceMappingURL=utils.js.map

package/components/Table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/Tabs/Tabs.js

@@ -1,82 +1,116 @@
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { useState as l, useRef as E } from "react";
-import { TabsExtended as c } from "../TabsExtended/TabsExtended.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { TabsExtended } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
-import { c as W } from "../../chunks/vendor-D5cfSbgz.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import "../TabsExtended/TabsExtendedContext.js";
 import "../TabsExtended/components/TabsExtendedTab.js";
 import "../TabsExtended/components/TabsExtendedTabButton.js";
 import "../TabsExtended/components/TabsExtendedTabContext.js";
-import { ETabsExtendedType as p } from "../TabsExtended/enums.js";
+import { ETabsExtendedType } from "../TabsExtended/enums.js";
 import "../Button/Button.js";
 import "../Button/ButtonBase.js";
 import "../Button/ButtonIcon.js";
-import { ButtonDropdown as H } from "../Button/ButtonDropdown.js";
+import { ButtonDropdown } from "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
-import { EButtonDotsTheme as C } from "../Button/enums.js";
-import { EComponentSize as M } from "../../enums/EComponentSize.js";
-import { isKey as A } from "../../utils/keyboard.js";
-const j = "tabsContent__c13a55f1", G = "tabButtonDropdown__2f80fca0", K = "sm__337a924d", L = "md__73dc179d", k = "lg__8de5e7af", T = {
-  tabsContent: j,
-  tabButtonDropdown: G,
-  sm: K,
-  md: L,
-  lg: k
-}, U = {
-  [p.TYPE_1]: C.DOTS_SECONDARY,
-  [p.TYPE_2]: C.DOTS_SECONDARY_LIGHT
-}, To = ({
-  buttonDropdownAttributes: R,
-  selectedId: i,
-  onSelectTab: S,
-  size: a = M.MD,
-  tabs: t,
-  type: d = p.TYPE_1,
-  ...h
+import { EButtonDotsTheme } from "../Button/enums.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { isKey } from "../../utils/keyboard.js";
+const tabsContent = "tabsContent__255a53f3";
+const tabButtonDropdown = "tabButtonDropdown__46ca6b01";
+const sm = "sm__624fed7b";
+const md = "md__d5b1cd02";
+const lg = "lg__3070c700";
+const styles = {
+  tabsContent,
+  tabButtonDropdown,
+  sm,
+  md,
+  lg
+};
+const TYPE_TO_BUTTON_DOTS_THEME_MAP = {
+  [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,
+  [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT
+};
+const Tabs = ({
+  buttonDropdownAttributes,
+  selectedId,
+  onSelectTab,
+  size = EComponentSize.MD,
+  tabs,
+  type = ETabsExtendedType.TYPE_1,
+  ...props
 }) => {
-  const [v, m] = l(i || t[0].id), [w, O] = l(""), [I, B] = l(""), f = E(null), u = E(null), F = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), N = (n, o) => /* @__PURE__ */ s(c.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: P, isLastInlineTab: Y }) => {
-    const g = v === n.id ? 0 : -1, x = () => {
-      let r;
-      return w === n.id ? r = f : I === n.id && (r = u), r;
-    };
-    return /* @__PURE__ */ s(
-      c.Content.TabButton,
-      {
-        selected: e,
-        tabIndex: g,
-        ref: x(),
-        size: a,
-        showNotificationIcon: n.showNotificationIcon,
-        onFocus: () => {
-          O(t[o - 1] ? t[o - 1].id : ""), B(t[o + 1] ? t[o + 1].id : "");
-        },
-        onKeyDown: (r) => {
-          var _, D;
-          const { key: b } = r;
-          A(b, "ARROW_LEFT") ? (P || (m(t[o - 1].id), (_ = f.current) == null || _.focus()), r.preventDefault()) : A(b, "ARROW_RIGHT") && (Y || (m(t[o + 1].id), (D = u.current) == null || D.focus()), r.preventDefault());
-        },
-        children: n.label
-      }
-    );
-  } }, o);
-  return /* @__PURE__ */ s(c, { ...h, selectedId: i, onSelectTab: S, type: d, children: /* @__PURE__ */ y(c.Content, { className: T.tabsContent, size: a, children: [
-    /* @__PURE__ */ s(c.Content.TabsWrapper, { children: t.map(N) }),
-    /* @__PURE__ */ s(c.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ s(
-      H,
+  const [availableToFocusTabId, setAvailableToFocusTabId] = useState(selectedId || tabs[0].id);
+  const [prevAvailableToFocusTabId, setPrevAvailableToFocusTabId] = useState("");
+  const [nextAvailableToFocusTabId, setNextAvailableToFocusTabId] = useState("");
+  const prevTabRef = useRef(null);
+  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 }) => {
+      const tabIndex = availableToFocusTabId === item.id ? 0 : -1;
+      const getRef = () => {
+        let ref = void 0;
+        if (prevAvailableToFocusTabId === item.id) {
+          ref = prevTabRef;
+        } else if (nextAvailableToFocusTabId === item.id) {
+          ref = nextTabRef;
+        }
+        return ref;
+      };
+      return /* @__PURE__ */ jsx(
+        TabsExtended.Content.TabButton,
+        {
+          selected,
+          tabIndex,
+          ref: getRef(),
+          size,
+          showNotificationIcon: item.showNotificationIcon,
+          onFocus: () => {
+            setPrevAvailableToFocusTabId(tabs[index - 1] ? tabs[index - 1].id : "");
+            setNextAvailableToFocusTabId(tabs[index + 1] ? tabs[index + 1].id : "");
+          },
+          onKeyDown: (event) => {
+            var _a, _b;
+            const { key } = event;
+            if (isKey(key, "ARROW_LEFT")) {
+              if (!isFirstInlineTab) {
+                setAvailableToFocusTabId(tabs[index - 1].id);
+                (_a = prevTabRef.current) == null ? void 0 : _a.focus();
+              }
+              event.preventDefault();
+            } else if (isKey(key, "ARROW_RIGHT")) {
+              if (!isLastInlineTab) {
+                setAvailableToFocusTabId(tabs[index + 1].id);
+                (_b = nextTabRef.current) == null ? void 0 : _b.focus();
+              }
+              event.preventDefault();
+            }
+          },
+          children: item.label
+        }
+      );
+    } }, index);
+  };
+  return /* @__PURE__ */ jsx(TabsExtended, { ...props, selectedId, onSelectTab, type, children: /* @__PURE__ */ jsxs(TabsExtended.Content, { className: styles.tabsContent, size, children: [
+    /* @__PURE__ */ jsx(TabsExtended.Content.TabsWrapper, { children: tabs.map(renderTab) }),
+    /* @__PURE__ */ jsx(TabsExtended.Content.DropdownWrapper, { children: ({ dropdownItemsIds, onSelectTab: onSelectTab2 }) => /* @__PURE__ */ jsx(
+      ButtonDropdown,
       {
-        theme: U[d],
-        size: a,
-        options: F({ dropdownItemsIds: n, onSelectTab: o }),
-        selected: t.filter((e) => e.id === i)[0],
+        theme: TYPE_TO_BUTTON_DOTS_THEME_MAP[type],
+        size,
+        options: getDropdownOptions({ dropdownItemsIds, onSelectTab: onSelectTab2 }),
+        selected: tabs.filter((tab) => tab.id === selectedId)[0],
         buttonAttributes: {
-          ...R,
-          className: W(T.tabButtonDropdown, T[a])
+          ...buttonDropdownAttributes,
+          className: clsx(styles.tabButtonDropdown, styles[size])
         }
       }
     ) })
   ] }) });
 };
 export {
-  To as Tabs
+  Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/components/Tabs/Tabs.js.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,gCAA6E;AAAA,EAC/E,CAAC,kBAAkB,MAAM,GAAG,iBAAiB;AAAA,EAC7C,CAAC,kBAAkB,MAAM,GAAG,iBAAiB;AACjD;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,UAAU,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;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,aAAAA,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,KAAK,OAAO,mBAAmB,OAAO,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA,EACJ,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/components/Tabs/index.js

@@ -1,5 +1,5 @@
-import { Tabs as a } from "./Tabs.js";
+import { Tabs } from "./Tabs.js";
 export {
-  a as Tabs
+  Tabs
 };
 //# sourceMappingURL=index.js.map

package/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/TabsExtended/TabsExtended.js

@@ -1,54 +1,59 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as r, useRef as c } from "react";
-import { c as x } from "../../chunks/vendor-D5cfSbgz.js";
-import { TabsExtendedContext as b } from "./TabsExtendedContext.js";
-import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as _ } from "../../chunks/TabsExtended.module-CAl-vyry.js";
-import { ETabsExtendedType as S } from "./enums.js";
-import { T as u } from "../../chunks/utils-YOUyx-FI.js";
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { TabsExtendedContext } from "./TabsExtendedContext.js";
+import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
+import { s as styles } from "../../chunks/TabsExtended.module-8TiEo2ec.js";
+import { ETabsExtendedType } from "./enums.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-Bxe6TI9J.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";
 import "./components/TabsExtendedTabContext.js";
 import "./components/TabsExtendedTabsWrapper.js";
-const A = ({
-  children: n,
-  className: m,
-  selectedId: t,
-  onSelectTab: d,
-  type: o = S.TYPE_1,
-  ...i
+const TabsExtended = ({
+  children,
+  className,
+  selectedId,
+  onSelectTab,
+  type = ETabsExtendedType.TYPE_1,
+  ...htmlDivAttributes
 }) => {
-  const [p, a] = r([]), [l, T] = r([]), E = c(null), f = (e) => {
-    t !== e && d(e);
+  const [inlineItemsIds, setInlineItemsIds] = useState([]);
+  const [dropdownItemsIds, setDropdownItemsIds] = useState([]);
+  const dropdownRef = useRef(null);
+  const handleSelectTab = (id) => {
+    if (selectedId !== id) {
+      onSelectTab(id);
+    }
   };
-  return /* @__PURE__ */ s(
-    b.Provider,
+  return /* @__PURE__ */ jsx(
+    TabsExtendedContext.Provider,
     {
       value: {
-        dropdownItemsIds: l,
-        dropdownRef: E,
-        inlineItemsIds: p,
-        onSelectTab: f,
-        selectedId: t,
-        setDropdownItemsIds: T,
-        setInlineItemsIds: a,
-        type: o
+        dropdownItemsIds,
+        dropdownRef,
+        inlineItemsIds,
+        onSelectTab: handleSelectTab,
+        selectedId,
+        setDropdownItemsIds,
+        setInlineItemsIds,
+        type
       },
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: x(_.tabsExtended, u[o], m),
+          className: clsx(styles.tabsExtended, TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP[type], className),
           role: "tablist",
-          ...i,
-          children: n
+          ...htmlDivAttributes,
+          children
         }
       )
     }
   );
 };
-A.Content = I;
+TabsExtended.Content = TabsExtendedContent;
 export {
-  A as TabsExtended
+  TabsExtended
 };
 //# sourceMappingURL=TabsExtended.js.map

package/components/TabsExtended/TabsExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsExtended.js","sources":["../../../src/components/TabsExtended/TabsExtended.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { TabsExtendedContext } from \"./TabsExtendedContext\";\nimport { TabsExtendedContent } from \"./components/TabsExtendedContent\";\nimport styles from \"./styles/TabsExtended.module.less\";\nimport { TTabsExtendedOnSelectTab } from \"@sberbusiness/triplex-next/components/TabsExtended/types\";\nimport { ETabsExtendedType } from \"./enums\";\nimport { TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from \"./utils\";\n\n/** Свойства компонента TabsExtended. */\nexport interface ITabsExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Уникальный идентификатор выбранного таба. */\n    selectedId: string;\n    /** Обработчик выбора таба. */\n    onSelectTab: TTabsExtendedOnSelectTab;\n    /** Тип компонента. */\n    type?: ETabsExtendedType;\n}\n\n/** Внутренние составляющие компонента TabsExtended. */\ninterface ITabsExtendedComposition {\n    Content: typeof TabsExtendedContent;\n}\n\n/** Базовый компонент табов. На его основе можно рендерить табы любого дизайна. */\nexport const TabsExtended: React.FC<ITabsExtendedProps> & ITabsExtendedComposition = ({\n    children,\n    className,\n    selectedId,\n    onSelectTab,\n    type = ETabsExtendedType.TYPE_1,\n    ...htmlDivAttributes\n}) => {\n    const [inlineItemsIds, setInlineItemsIds] = useState<string[]>([]);\n    const [dropdownItemsIds, setDropdownItemsIds] = useState<string[]>([]);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n\n    const handleSelectTab = (id: string) => {\n        if (selectedId !== id) {\n            onSelectTab(id);\n        }\n    };\n\n    return (\n        <TabsExtendedContext.Provider\n            value={{\n                dropdownItemsIds,\n                dropdownRef,\n                inlineItemsIds,\n                onSelectTab: handleSelectTab,\n                selectedId,\n                setDropdownItemsIds,\n                setInlineItemsIds,\n                type,\n            }}\n        >\n            <div\n                className={clsx(styles.tabsExtended, TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP[type], className)}\n                role=\"tablist\"\n                {...htmlDivAttributes}\n            >\n                {children}\n            </div>\n        </TabsExtendedContext.Provider>\n    );\n};\n\nTabsExtended.Content = TabsExtendedContent;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAyBO,MAAM,eAAwE,CAAC;AAAA,EAClF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,kBAAkB;AAAA,EACzB,GAAG;AACP,MAAM;AACF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAmB,CAAA,CAAE;AACjE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAmB,CAAA,CAAE;AACrE,QAAM,cAAc,OAAuB,IAAI;AAE/C,QAAM,kBAAkB,CAAC,OAAe;AACpC,QAAI,eAAe,IAAI;AACnB,kBAAY,EAAE;AAAA,IAClB;AAAA,EACJ;AAEA,SACI;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,cAAc,qCAAqC,IAAI,GAAG,SAAS;AAAA,UAC1F,MAAK;AAAA,UACJ,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEA,aAAa,UAAU;"}

package/components/TabsExtended/TabsExtendedContext.js

@@ -1,6 +1,6 @@
-import e from "react";
-import { ETabsExtendedType as t } from "./enums.js";
-const n = {
+import React__default from "react";
+import { ETabsExtendedType } from "./enums.js";
+const contextInitial = {
   dropdownItemsIds: [],
   dropdownRef: { current: null },
   inlineItemsIds: [],
@@ -11,9 +11,10 @@ const n = {
   },
   setInlineItemsIds: () => {
   },
-  type: t.TYPE_1
-}, s = e.createContext(n);
+  type: ETabsExtendedType.TYPE_1
+};
+const TabsExtendedContext = React__default.createContext(contextInitial);
 export {
-  s as TabsExtendedContext
+  TabsExtendedContext
 };
 //# sourceMappingURL=TabsExtendedContext.js.map

package/components/TabsExtended/TabsExtendedContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsExtendedContext.js","sources":["../../../src/components/TabsExtended/TabsExtendedContext.ts"],"sourcesContent":["import React, { RefObject } from \"react\";\nimport { ETabsExtendedType } from \"./enums\";\n\nexport interface ITabsExtendedContext {\n    // Массив id табов, передаваемых в Dropdown.\n    dropdownItemsIds: string[];\n    // Ref на TabsExtendedDropdownWrapper.\n    dropdownRef: RefObject<HTMLDivElement>;\n    // Массив id табов, отрендереных inline.\n    inlineItemsIds: string[];\n    // Обработчик выбора таба.\n    onSelectTab: (selectedId: string) => void;\n    // Id выбранного таба.\n    selectedId: string;\n    // Определяет id табов, передаваемых в Dropdown.\n    setDropdownItemsIds: (dropdownItemsIds: string[]) => void;\n    // Определяет id табов, отрендереных inline.\n    setInlineItemsIds: (inlineItemsIds: string[]) => void;\n    type: ETabsExtendedType;\n}\n\nconst contextInitial: ITabsExtendedContext = {\n    dropdownItemsIds: [],\n    dropdownRef: { current: null },\n    inlineItemsIds: [],\n    onSelectTab: () => {},\n    selectedId: \"\",\n    setDropdownItemsIds: () => {},\n    setInlineItemsIds: () => {},\n    type: ETabsExtendedType.TYPE_1,\n};\n\nexport const TabsExtendedContext = React.createContext<ITabsExtendedContext>(contextInitial);\n"],"names":["React"],"mappings":";;AAqBA,MAAM,iBAAuC;AAAA,EACzC,kBAAkB,CAAA;AAAA,EAClB,aAAa,EAAE,SAAS,KAAA;AAAA,EACxB,gBAAgB,CAAA;AAAA,EAChB,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,YAAY;AAAA,EACZ,qBAAqB,MAAM;AAAA,EAAC;AAAA,EAC5B,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,MAAM,kBAAkB;AAC5B;AAEO,MAAM,sBAAsBA,eAAM,cAAoC,cAAc;"}

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -1,24 +1,27 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
-import { TabsExtendedTabsWrapper as n } from "./TabsExtendedTabsWrapper.js";
-import { TabsExtendedTab as d } from "./TabsExtendedTab.js";
-import { TabsExtendedTabButton as i } from "./TabsExtendedTabButton.js";
-import { EComponentSize as T } from "../../../enums/EComponentSize.js";
-import { TabsExtendedDropdownWrapper as b } from "./TabsExtendedDropdownWrapper.js";
-import { s as r } from "../../../chunks/TabsExtended.module-CAl-vyry.js";
-import { createSizeToClassNameMap as f } from "../../../utils/classNameMaps.js";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { TabsExtendedTabsWrapper } from "./TabsExtendedTabsWrapper.js";
+import { TabsExtendedTab } from "./TabsExtendedTab.js";
+import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-8TiEo2ec.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
-const x = f(r), o = ({
-  children: t,
-  className: e,
-  size: a = T.MD,
-  ...p
-}) => /* @__PURE__ */ s("div", { className: m(r.tabsExtendedContent, x[a], e), ...p, children: t });
-o.TabsWrapper = n;
-o.Tab = d;
-o.TabButton = i;
-o.DropdownWrapper = b;
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const TabsExtendedContent = ({
+  children,
+  className,
+  size = EComponentSize.MD,
+  ...htmlDivAttributes
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.tabsExtendedContent, sizeToClassNameMap[size], className), ...htmlDivAttributes, children });
+};
+TabsExtendedContent.TabsWrapper = TabsExtendedTabsWrapper;
+TabsExtendedContent.Tab = TabsExtendedTab;
+TabsExtendedContent.TabButton = TabsExtendedTabButton;
+TabsExtendedContent.DropdownWrapper = TabsExtendedDropdownWrapper;
 export {
-  o as TabsExtendedContent
+  TabsExtendedContent
 };
 //# sourceMappingURL=TabsExtendedContent.js.map

package/components/TabsExtended/components/TabsExtendedContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsExtendedContent.js","sources":["../../../../src/components/TabsExtended/components/TabsExtendedContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TabsExtendedTabsWrapper } from \"./TabsExtendedTabsWrapper\";\nimport { TabsExtendedTab } from \"./TabsExtendedTab\";\nimport { TabsExtendedTabButton } from \"./TabsExtendedTabButton\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { TabsExtendedDropdownWrapper } from \"./TabsExtendedDropdownWrapper\";\nimport styles from \"../styles/TabsExtended.module.less\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства компонента TabsExtendedContent. */\nexport interface ITabsExtendedContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    size?: EComponentSize;\n}\n\n/** Внутренние составляющие TabsExtendedContent. */\nexport interface ITabsExtendedContentComposition {\n    TabsWrapper: typeof TabsExtendedTabsWrapper;\n    Tab: typeof TabsExtendedTab;\n    TabButton: typeof TabsExtendedTabButton;\n    DropdownWrapper: typeof TabsExtendedDropdownWrapper;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const TabsExtendedContent: React.FC<ITabsExtendedContentProps> & ITabsExtendedContentComposition = ({\n    children,\n    className,\n    size = EComponentSize.MD,\n    ...htmlDivAttributes\n}) => {\n    return (\n        <div className={clsx(styles.tabsExtendedContent, sizeToClassNameMap[size], className)} {...htmlDivAttributes}>\n            {children}\n        </div>\n    );\n};\n\nTabsExtendedContent.TabsWrapper = TabsExtendedTabsWrapper;\nTabsExtendedContent.Tab = TabsExtendedTab;\nTabsExtendedContent.TabButton = TabsExtendedTabButton;\nTabsExtendedContent.DropdownWrapper = TabsExtendedDropdownWrapper;\n"],"names":[],"mappings":";;;;;;;;;;AAuBA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,sBAA6F,CAAC;AAAA,EACvG;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB,GAAG;AACP,MAAM;AACF,SACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,qBAAqB,mBAAmB,IAAI,GAAG,SAAS,GAAI,GAAG,mBACtF,SAAA,CACL;AAER;AAEA,oBAAoB,cAAc;AAClC,oBAAoB,MAAM;AAC1B,oBAAoB,YAAY;AAChC,oBAAoB,kBAAkB;"}