@sberbusiness/triplex-next 1.43.0 → 1.44.0

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-D4AWWtIs.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
 const StatusTrackerTitle = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/Step/Step.js

@@ -11,21 +11,21 @@ import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__7d5d19d0";
-const sm = "sm__1c65ae30";
-const md = "md__af117f5a";
-const lg = "lg__e39dbae3";
-const done = "done__8152e4f6";
-const warning = "warning__57427c7b";
-const active = "active__1c6d9284";
-const error = "error__35e1f105";
-const disabled = "disabled__28b20ddf";
+const step = "step__a09cc861";
+const sm = "sm__4242039a";
+const md = "md__2d7d9b1e";
+const lg = "lg__745c47f4";
+const done = "done__e124dee2";
+const warning = "warning__a78413ff";
+const active = "active__4fc39f87";
+const error = "error__6835d48b";
+const disabled = "disabled__4603f722";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__68c57446",
+  "default": "default__1e40d9ee",
   done,
   warning,
   active,

package/components/Stepper/Stepper.js

@@ -12,14 +12,14 @@ import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./StepperStepIcon.js";
-const stepperCarousel = "stepperCarousel__4dfe82e9";
-const stepperButtonWrapper = "stepperButtonWrapper__74d92ca5";
-const prev = "prev__35191756";
-const next = "next__1d3d70e4";
-const stepperButton = "stepperButton__a33e8a92";
-const sm = "sm__6047da50";
-const md = "md__4bc9c182";
-const lg = "lg__12e492c3";
+const stepperCarousel = "stepperCarousel__3422f66a";
+const stepperButtonWrapper = "stepperButtonWrapper__48b6c709";
+const prev = "prev__74d9a86b";
+const next = "next__6860c2ce";
+const stepperButton = "stepperButton__96290187";
+const sm = "sm__0cd05cfa";
+const md = "md__7da52648";
+const lg = "lg__e3235de0";
 const styles = {
   stepperCarousel,
   stepperButtonWrapper,

package/components/Stepper/StepperExtended.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { StepperStep } from "./StepperStep.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const stepperExtended = "stepperExtended__4f46957e";
+const stepperExtended = "stepperExtended__31ac42eb";
 const styles = {
   stepperExtended
 };

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ import { isKey } from "../../utils/keyboard.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { EStepperStepType } from "./enums.js";
-import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-Cp0G1HTs.js";
+import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-0FWauWM_.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const StepperStep = ({
@@ -92,7 +92,7 @@ const StepperStep = ({
     }
   };
   const renderIcon = () => /* @__PURE__ */ jsx(IconWrapper, { className: styles.icon, disabled: !!disabled, children: icon });
-  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.43.0", children: [
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.44.0", children: [
     icon && renderIcon(),
     children
   ] });

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S } from "../../chunks/StepperStepArrowBorder-Cp0G1HTs.js";
+import { S } from "../../chunks/StepperStepArrowBorder-0FWauWM_.js";
 export {
   S as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-hLJFQ_q0.js";
+import "../../chunks/DropdownListItem-DOjFvzKN.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,8 +21,8 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const suggestDropdownMobileBody = "suggestDropdownMobileBody__3315ee21";
-const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__b9dfbab7";
+const suggestDropdownMobileBody = "suggestDropdownMobileBody__f3e7bf16";
+const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__a5f50899";
 const styles = {
   suggestDropdownMobileBody,
   suggestDropdownMobileNoOptionsText

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-BLnAqUOu.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-BfrLhHXK.js";
 import { jsx } from "react/jsx-runtime";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown } from "./desktop/SuggestFieldDesktopDropdo
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-BLnAqUOu.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-BfrLhHXK.js";
 import { SuggestField } from "./SuggestField.js";
 export {
   SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-BLnAqUOu.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-BfrLhHXK.js";
 const SuggestFieldMobile = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useCallback } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList } from "../../Dropdown/mobile/DropdownMobileList.js"
 import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
-import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-BLnAqUOu.js";
+import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-BfrLhHXK.js";
 const SuggestFieldMobileDropdownBase = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BLnAqUOu.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BfrLhHXK.js";
 export {
   S as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestFieldMobileDropdown.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BLnAqUOu.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BfrLhHXK.js";
 export {
   SuggestFieldMobile,
   SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect, useImperativeHandle } from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const swipeableArea = "swipeableArea__9d485288";
-const content = "content__933732cf";
-const disableScroll = "disableScroll__8bdbef6f";
-const disablePointerEvents = "disablePointerEvents__40f9ec4a";
-const swipeAnimationFinish = "swipeAnimationFinish__a489b21e";
-const leftContent = "leftContent__9eb67746";
-const rightContent = "rightContent__34209b3a";
+const swipeableArea = "swipeableArea__fa06667d";
+const content = "content__820df18c";
+const disableScroll = "disableScroll__0d13c35a";
+const disablePointerEvents = "disablePointerEvents__74ba3cc7";
+const swipeAnimationFinish = "swipeAnimationFinish__b5e93f06";
+const leftContent = "leftContent__030533ab";
+const rightContent = "rightContent__b27fbbab";
 const styles = {
   swipeableArea,
   content,
@@ -189,7 +189,7 @@ const SwipeableArea = React__default.forwardRef(
       {
         className: clsx(styles.swipeableArea, className),
         ...rest,
-        "data-tx": "1.43.0",
+        "data-tx": "1.44.0",
         ref: containerRef,
         children: [
           typeof leftSwipeableArea !== "undefined" ? /* @__PURE__ */ jsx(

package/components/Table/ChipPanel.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ChipPanelLinks } from "./ChipPanelLinks.js";
-const chipPanel = "chipPanel__38895031";
+const chipPanel = "chipPanel__70dfe145";
 const styles = {
   chipPanel
 };

package/components/Table/ChipPanelLinks.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 chipPanelLinks = "chipPanelLinks__cee341d9";
+const chipPanelLinks = "chipPanelLinks__fa039882";
 const styles = {
   chipPanelLinks
 };

package/components/Table/FilterPanel.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const filterPanel = "filterPanel__8827a557";
+const filterPanel = "filterPanel__7155c739";
 const styles = {
   filterPanel
 };
@@ -9,7 +9,7 @@ const FilterPanel = ({ children, className, ...htmlDivAttributes }) => /* @__PUR
   {
     className: clsx(styles.filterPanel, className),
     ...htmlDivAttributes,
-    "data-tx": "1.43.0",
+    "data-tx": "1.44.0",
     children
   }
 );

package/components/Table/MasterTable.js

@@ -15,7 +15,7 @@ import "./TableFooter/components/TableFooterSummaryAmount.js";
 import "./TableFooter/components/TableFooterSummarySelectAllButton.js";
 import "./TableFooter/components/TableFooterSummarySelectedCount.js";
 import "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
-const masterTable = "masterTable__48937b88";
+const masterTable = "masterTable__b2605826";
 const styles = {
   masterTable
 };
@@ -34,7 +34,7 @@ const MasterTable = ({ children, className, loading = false, ...htmlDivAttribute
         {
           className: clsx(styles.masterTable, className),
           ...htmlDivAttributes,
-          "data-tx": "1.43.0",
+          "data-tx": "1.44.0",
           children
         }
       )

package/components/Table/NoColumns.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__38bcabf8";
-const content = "content__fde27fa9";
+const noColumns = "noColumns__42df659c";
+const content = "content__5e69d56a";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const paginationPanel = "paginationPanel__63ec5cad";
+const paginationPanel = "paginationPanel__e84b42d8";
 const styles = {
   paginationPanel
 };
@@ -9,7 +9,7 @@ const PaginationPanel = ({ children, className, ...htmlDivAttributes }) => /* @_
   {
     className: clsx(styles.paginationPanel, className),
     ...htmlDivAttributes,
-    "data-tx": "1.43.0",
+    "data-tx": "1.44.0",
     children
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -1,69 +1,69 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext, useEffect } from "react";
+import React__default, { useContext, useEffect } from "react";
 import { i as isEqual } from "../../../chunks/vendor-D4wvHis9.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-B25Ic6iq.js";
+import { s as styles } from "../../../chunks/utils-BL5AUOKS.js";
 import { TableBasicHeader } from "./components/TableBasicHeader.js";
 import { TableBasicBody } from "./components/TableBasicBody.js";
 import { LoaderMiddle } from "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const TableBasic = ({
-  columns,
-  data,
-  highlightRowOnHover,
-  onOrderBy,
-  onClickRow,
-  renderNoColumns,
-  renderNoData,
-  headless,
-  ...htmlTableAttributes
-}) => {
-  const context = useContext(MasterTableContext);
-  const isEmptyData = data.length === 0;
-  useEffect(() => {
-    if (!isEqual(columns, context.columns)) {
-      context.setColumns(columns);
-    }
-  }, [columns, context]);
-  const renderTable = () => {
-    if (columns.every((c) => c.hidden) && renderNoColumns) {
-      return renderNoColumns();
-    }
-    return /* @__PURE__ */ jsxs("table", { ...htmlTableAttributes, children: [
-      headless || /* @__PURE__ */ jsx(TableBasicHeader, { columns, onOrderBy }),
-      /* @__PURE__ */ jsx(
-        TableBasicBody,
-        {
-          columns,
-          data,
-          onClickRow,
-          highlightRowOnHover
-        }
-      )
-    ] }, "table");
-  };
-  const renderFooter = (isEmptyData2) => {
-    const { loading } = context;
-    if (loading && isEmptyData2) {
-      return renderFooterEmptyData(renderNoDataLoading());
-    } else if (!loading && isEmptyData2) {
-      return renderFooterEmptyData(renderNoData());
-    } else if (loading && !isEmptyData2) {
-      return /* @__PURE__ */ jsx("div", { className: styles.spinnerWrapper, children: /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.tableLoaderScreen }) });
-    } else {
+const TableBasic = React__default.forwardRef(
+  ({
+    columns,
+    data,
+    highlightRowOnHover,
+    onOrderBy,
+    onClickRow,
+    renderNoColumns,
+    renderNoData,
+    headless,
+    ...htmlTableAttributes
+  }, ref) => {
+    const { columns: contextColumns, loading, setColumns } = useContext(MasterTableContext);
+    const isEmptyData = data.length === 0;
+    useEffect(() => {
+      if (!isEqual(columns, contextColumns)) {
+        setColumns(columns);
+      }
+    }, [columns, contextColumns, setColumns]);
+    const renderTable = () => {
+      if (columns.every((column) => column.hidden) && renderNoColumns) {
+        return renderNoColumns();
+      }
+      return /* @__PURE__ */ jsxs("table", { ...htmlTableAttributes, ref, children: [
+        headless || /* @__PURE__ */ jsx(TableBasicHeader, { columns, onOrderBy }),
+        /* @__PURE__ */ jsx(
+          TableBasicBody,
+          {
+            columns,
+            data,
+            onClickRow,
+            highlightRowOnHover
+          }
+        )
+      ] });
+    };
+    const renderFooter = () => {
+      if (loading && isEmptyData) {
+        return /* @__PURE__ */ jsxs("div", { className: styles.footerEmptyData, children: [
+          /* @__PURE__ */ jsx("div", { className: styles.overlayCover }),
+          /* @__PURE__ */ jsx(LoaderMiddle, {})
+        ] });
+      }
+      if (isEmptyData) {
+        return /* @__PURE__ */ jsx("div", { className: styles.footerEmptyData, children: renderNoData() });
+      }
+      if (loading) {
+        return /* @__PURE__ */ jsx("div", { className: styles.spinnerWrapper, children: /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.tableLoaderScreen }) });
+      }
       return null;
-    }
-  };
-  const renderFooterEmptyData = (content) => /* @__PURE__ */ jsx("div", { className: styles.footerEmptyData, children: content });
-  const renderNoDataLoading = () => [
-    /* @__PURE__ */ jsx("div", { className: styles.overlayCover }, "overlay"),
-    /* @__PURE__ */ jsx(LoaderMiddle, {}, "spinner")
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: styles.tableBasic, children: [
-    renderTable(),
-    renderFooter(isEmptyData)
-  ] });
-};
+    };
+    return /* @__PURE__ */ jsxs("div", { className: styles.tableBasic, children: [
+      renderTable(),
+      renderFooter()
+    ] });
+  }
+);
 TableBasic.displayName = "TableBasic";
 export {
   TableBasic

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

@@ -1 +1 @@
-{"version":3,"file":"TableBasic.js","sources":["../../../../src/components/Table/TableBasic/TableBasic.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport isEqual from \"lodash-es/isEqual\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport styles from \"./styles/TableBasic.module.less\";\nimport { TableBasicHeader } from \"@sberbusiness/triplex-next/components/Table/TableBasic/components/TableBasicHeader\";\nimport { TableBasicBody } from \"@sberbusiness/triplex-next/components/Table/TableBasic/components/TableBasicBody\";\nimport { ITableBasicProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { LoaderMiddle } from \"@sberbusiness/triplex-next/components/Loader/LoaderMiddle/LoaderMiddle\";\nimport { LoaderScreen } from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\n\n/** Компонент обычной таблицы. */\nexport const TableBasic = ({\n    columns,\n    data,\n    highlightRowOnHover,\n    onOrderBy,\n    onClickRow,\n    renderNoColumns,\n    renderNoData,\n    headless,\n    ...htmlTableAttributes\n}: ITableBasicProps) => {\n    const context = useContext(MasterTableContext);\n    const isEmptyData = data.length === 0;\n\n    useEffect(() => {\n        if (!isEqual(columns, context.columns)) {\n            context.setColumns(columns);\n        }\n    }, [columns, context]);\n\n    const renderTable = () => {\n        if (columns.every((c) => c.hidden) && renderNoColumns) {\n            return renderNoColumns();\n        }\n\n        return (\n            <table key=\"table\" {...htmlTableAttributes}>\n                {headless || <TableBasicHeader columns={columns} onOrderBy={onOrderBy} />}\n                <TableBasicBody\n                    columns={columns}\n                    data={data}\n                    onClickRow={onClickRow}\n                    highlightRowOnHover={highlightRowOnHover}\n                />\n            </table>\n        );\n    };\n\n    const renderFooter = (isEmptyData: boolean) => {\n        const { loading } = context;\n\n        if (loading && isEmptyData) {\n            return renderFooterEmptyData(renderNoDataLoading());\n        } else if (!loading && isEmptyData) {\n            return renderFooterEmptyData(renderNoData());\n        } else if (loading && !isEmptyData) {\n            return (\n                <div className={styles.spinnerWrapper}>\n                    <LoaderScreen type=\"middle\" className={styles.tableLoaderScreen} />\n                </div>\n            );\n        } else {\n            return null;\n        }\n    };\n\n    const renderFooterEmptyData = (content: React.JSX.Element | React.JSX.Element[]) => (\n        <div className={styles.footerEmptyData}>{content}</div>\n    );\n    const renderNoDataLoading = () => [\n        <div className={styles.overlayCover} key=\"overlay\" />,\n        <LoaderMiddle key=\"spinner\" />,\n    ];\n\n    return (\n        <div className={styles.tableBasic}>\n            {renderTable()}\n            {renderFooter(isEmptyData)}\n        </div>\n    );\n};\n\nTableBasic.displayName = \"TableBasic\";\n"],"names":["isEmptyData"],"mappings":";;;;;;;;;AAWO,MAAM,aAAa,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAwB;AACpB,QAAM,UAAU,WAAW,kBAAkB;AAC7C,QAAM,cAAc,KAAK,WAAW;AAEpC,YAAU,MAAM;AACZ,QAAI,CAAC,QAAQ,SAAS,QAAQ,OAAO,GAAG;AACpC,cAAQ,WAAW,OAAO;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,cAAc,MAAM;AACtB,QAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,KAAK,iBAAiB;AACnD,aAAO,gBAAA;AAAA,IACX;AAEA,WACI,qBAAC,SAAA,EAAmB,GAAG,qBAClB,UAAA;AAAA,MAAA,YAAY,oBAAC,kBAAA,EAAiB,SAAkB,UAAA,CAAsB;AAAA,MACvE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAAA,GAPO,OAQX;AAAA,EAER;AAEA,QAAM,eAAe,CAACA,iBAAyB;AAC3C,UAAM,EAAE,YAAY;AAEpB,QAAI,WAAWA,cAAa;AACxB,aAAO,sBAAsB,qBAAqB;AAAA,IACtD,WAAW,CAAC,WAAWA,cAAa;AAChC,aAAO,sBAAsB,cAAc;AAAA,IAC/C,WAAW,WAAW,CAACA,cAAa;AAChC,aACI,oBAAC,OAAA,EAAI,WAAW,OAAO,gBACnB,UAAA,oBAAC,cAAA,EAAa,MAAK,UAAS,WAAW,OAAO,kBAAA,CAAmB,GACrE;AAAA,IAER,OAAO;AACH,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,QAAM,wBAAwB,CAAC,YAC3B,oBAAC,SAAI,WAAW,OAAO,iBAAkB,UAAA,QAAA,CAAQ;AAErD,QAAM,sBAAsB,MAAM;AAAA,IAC9B,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAkB,SAAU;AAAA,IACnD,oBAAC,kBAAiB,SAAU;AAAA,EAAA;AAGhC,SACI,qBAAC,OAAA,EAAI,WAAW,OAAO,YAClB,UAAA;AAAA,IAAA,YAAA;AAAA,IACA,aAAa,WAAW;AAAA,EAAA,GAC7B;AAER;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"TableBasic.js","sources":["../../../../src/components/Table/TableBasic/TableBasic.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport isEqual from \"lodash-es/isEqual\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport styles from \"./styles/TableBasic.module.less\";\nimport { TableBasicHeader } from \"@sberbusiness/triplex-next/components/Table/TableBasic/components/TableBasicHeader\";\nimport { TableBasicBody } from \"@sberbusiness/triplex-next/components/Table/TableBasic/components/TableBasicBody\";\nimport { ITableBasicProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { LoaderMiddle } from \"@sberbusiness/triplex-next/components/Loader/LoaderMiddle/LoaderMiddle\";\nimport { LoaderScreen } from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\n\n/**\n * Компонент обычной таблицы.\n * Состояние загрузки и общий для таблицы набор колонок берутся из контекста MasterTable.\n * Ref пробрасывается на элемент table — туда же, куда попадают остальные HTML-атрибуты.\n * Если все колонки скрыты и задан renderNoColumns, вместо таблицы рендерится заглушка,\n * и ref остаётся пустым — элемента table в этот момент нет.\n */\nexport const TableBasic = React.forwardRef<HTMLTableElement, ITableBasicProps>(\n    (\n        {\n            columns,\n            data,\n            highlightRowOnHover,\n            onOrderBy,\n            onClickRow,\n            renderNoColumns,\n            renderNoData,\n            headless,\n            ...htmlTableAttributes\n        },\n        ref,\n    ) => {\n        const { columns: contextColumns, loading, setColumns } = useContext(MasterTableContext);\n        const isEmptyData = data.length === 0;\n\n        useEffect(() => {\n            if (!isEqual(columns, contextColumns)) {\n                setColumns(columns);\n            }\n        }, [columns, contextColumns, setColumns]);\n\n        /** Рендер таблицы или заглушки, если пользователь скрыл все колонки. */\n        const renderTable = () => {\n            if (columns.every((column) => column.hidden) && renderNoColumns) {\n                return renderNoColumns();\n            }\n\n            return (\n                <table {...htmlTableAttributes} ref={ref}>\n                    {headless || <TableBasicHeader columns={columns} onOrderBy={onOrderBy} />}\n                    <TableBasicBody\n                        columns={columns}\n                        data={data}\n                        onClickRow={onClickRow}\n                        highlightRowOnHover={highlightRowOnHover}\n                    />\n                </table>\n            );\n        };\n\n        /** Рендер подвала: заглушка при отсутствии данных и индикаторы загрузки. */\n        const renderFooter = () => {\n            if (loading && isEmptyData) {\n                return (\n                    <div className={styles.footerEmptyData}>\n                        <div className={styles.overlayCover} />\n                        <LoaderMiddle />\n                    </div>\n                );\n            }\n\n            if (isEmptyData) {\n                return <div className={styles.footerEmptyData}>{renderNoData()}</div>;\n            }\n\n            if (loading) {\n                return (\n                    <div className={styles.spinnerWrapper}>\n                        <LoaderScreen type=\"middle\" className={styles.tableLoaderScreen} />\n                    </div>\n                );\n            }\n\n            return null;\n        };\n\n        return (\n            <div className={styles.tableBasic}>\n                {renderTable()}\n                {renderFooter()}\n            </div>\n        );\n    },\n);\n\nTableBasic.displayName = \"TableBasic\";\n"],"names":["React"],"mappings":";;;;;;;;;AAiBO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,SAAS,gBAAgB,SAAS,WAAA,IAAe,WAAW,kBAAkB;AACtF,UAAM,cAAc,KAAK,WAAW;AAEpC,cAAU,MAAM;AACZ,UAAI,CAAC,QAAQ,SAAS,cAAc,GAAG;AACnC,mBAAW,OAAO;AAAA,MACtB;AAAA,IACJ,GAAG,CAAC,SAAS,gBAAgB,UAAU,CAAC;AAGxC,UAAM,cAAc,MAAM;AACtB,UAAI,QAAQ,MAAM,CAAC,WAAW,OAAO,MAAM,KAAK,iBAAiB;AAC7D,eAAO,gBAAA;AAAA,MACX;AAEA,aACI,qBAAC,SAAA,EAAO,GAAG,qBAAqB,KAC3B,UAAA;AAAA,QAAA,YAAY,oBAAC,kBAAA,EAAiB,SAAkB,UAAA,CAAsB;AAAA,QACvE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,GACJ;AAAA,IAER;AAGA,UAAM,eAAe,MAAM;AACvB,UAAI,WAAW,aAAa;AACxB,eACI,qBAAC,OAAA,EAAI,WAAW,OAAO,iBACnB,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,aAAA,CAAc;AAAA,8BACpC,cAAA,CAAA,CAAa;AAAA,QAAA,GAClB;AAAA,MAER;AAEA,UAAI,aAAa;AACb,mCAAQ,OAAA,EAAI,WAAW,OAAO,iBAAkB,0BAAe;AAAA,MACnE;AAEA,UAAI,SAAS;AACT,eACI,oBAAC,OAAA,EAAI,WAAW,OAAO,gBACnB,UAAA,oBAAC,cAAA,EAAa,MAAK,UAAS,WAAW,OAAO,kBAAA,CAAmB,GACrE;AAAA,MAER;AAEA,aAAO;AAAA,IACX;AAEA,WACI,qBAAC,OAAA,EAAI,WAAW,OAAO,YAClB,UAAA;AAAA,MAAA,YAAA;AAAA,MACA,aAAA;AAAA,IAAa,GAClB;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TableBasicRow } from "./TableBasicRow.js";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/utils-B25Ic6iq.js";
+import { s as styles } from "../../../../chunks/utils-BL5AUOKS.js";
 const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
   if (data.length === 0) {
     return null;
@@ -12,8 +12,7 @@ const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
     [styles.clickable]: clickEnabled,
     [styles.hoverable]: hoverable
   });
-  const rows = data.map((rowData) => /* @__PURE__ */ jsx(TableBasicRow, { columns, data: rowData, onClickRow }, rowData.rowKey));
-  return /* @__PURE__ */ jsx("tbody", { className, children: rows });
+  return /* @__PURE__ */ jsx("tbody", { className, children: data.map((rowData) => /* @__PURE__ */ jsx(TableBasicRow, { columns, data: rowData, onClickRow }, rowData.rowKey)) });
 };
 TableBasicBody.displayName = "TableBasicBody";
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"TableBasicBody.js","sources":["../../../../../src/components/Table/TableBasic/components/TableBasicBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITableBasicColumn, ITableBasicRow } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { TableBasicRow } from \"@sberbusiness/triplex-next/components/Table/TableBasic/components/TableBasicRow\";\nimport { clsx } from \"clsx\";\nimport styles from \"../styles/TableBasic.module.less\";\n\n/**\n * @prop {ITableBasicColumn} columns Структура заголовков таблицы.\n * @prop {ITableBasicRow[]} data Массив значений для вывода в теле таблицы.\n * @prop {boolean} [highlightRowOnHover] Подсветка строк при наведении мышки.\n * @prop {Function} [onClickRow] Функция обработки клика по строке таблицы.\n */\nexport interface ITableBasicBodyProps {\n    columns: ITableBasicColumn[];\n    data: ITableBasicRow[];\n    highlightRowOnHover?: boolean;\n    onClickRow?: (rowKey: string) => void;\n}\n\n/** Компонент тела таблицы. */\nexport const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }: ITableBasicBodyProps) => {\n    if (data.length === 0) {\n        return null;\n    }\n\n    const clickEnabled = Boolean(onClickRow);\n    const hoverable = clickEnabled || Boolean(highlightRowOnHover);\n    const className = clsx({\n        [styles.clickable]: clickEnabled,\n        [styles.hoverable]: hoverable,\n    });\n\n    const rows = data.map((rowData) => (\n        <TableBasicRow columns={columns} data={rowData} onClickRow={onClickRow} key={rowData.rowKey} />\n    ));\n    return <tbody className={className}>{rows}</tbody>;\n};\n\nTableBasicBody.displayName = \"TableBasicBody\";\n"],"names":[],"mappings":";;;;AAoBO,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAM,qBAAqB,iBAAuC;AACxG,MAAI,KAAK,WAAW,GAAG;AACnB,WAAO;AAAA,EACX;AAEA,QAAM,eAAe,QAAQ,UAAU;AACvC,QAAM,YAAY,gBAAgB,QAAQ,mBAAmB;AAC7D,QAAM,YAAY,KAAK;AAAA,IACnB,CAAC,OAAO,SAAS,GAAG;AAAA,IACpB,CAAC,OAAO,SAAS,GAAG;AAAA,EAAA,CACvB;AAED,QAAM,OAAO,KAAK,IAAI,CAAC,YACnB,oBAAC,eAAA,EAAc,SAAkB,MAAM,SAAS,WAAA,GAA6B,QAAQ,MAAQ,CAChG;AACD,SAAO,oBAAC,SAAA,EAAM,WAAuB,UAAA,KAAA,CAAK;AAC9C;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"TableBasicBody.js","sources":["../../../../../src/components/Table/TableBasic/components/TableBasicBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITableBasicColumn, ITableBasicRow } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { TableBasicRow } from \"@sberbusiness/triplex-next/components/Table/TableBasic/components/TableBasicRow\";\nimport { clsx } from \"clsx\";\nimport styles from \"../styles/TableBasic.module.less\";\n\n/** Свойства компонента TableBasicBody. */\nexport interface ITableBasicBodyProps {\n    /** Структура заголовков таблицы. */\n    columns: ITableBasicColumn[];\n    /** Массив значений для вывода в теле таблицы. */\n    data: ITableBasicRow[];\n    /** Подсветка строк при наведении мышки. */\n    highlightRowOnHover?: boolean;\n    /** Функция обработки клика по строке таблицы. */\n    onClickRow?: (rowKey: string) => void;\n}\n\n/** Компонент тела таблицы. */\nexport const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }: ITableBasicBodyProps) => {\n    if (data.length === 0) {\n        return null;\n    }\n\n    const clickEnabled = Boolean(onClickRow);\n    // Кликабельные строки подсвечиваются при наведении всегда, без отдельного highlightRowOnHover.\n    const hoverable = clickEnabled || Boolean(highlightRowOnHover);\n    const className = clsx({\n        [styles.clickable]: clickEnabled,\n        [styles.hoverable]: hoverable,\n    });\n\n    return (\n        <tbody className={className}>\n            {data.map((rowData) => (\n                <TableBasicRow columns={columns} data={rowData} onClickRow={onClickRow} key={rowData.rowKey} />\n            ))}\n        </tbody>\n    );\n};\n\nTableBasicBody.displayName = \"TableBasicBody\";\n"],"names":[],"mappings":";;;;AAmBO,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAM,qBAAqB,iBAAuC;AACxG,MAAI,KAAK,WAAW,GAAG;AACnB,WAAO;AAAA,EACX;AAEA,QAAM,eAAe,QAAQ,UAAU;AAEvC,QAAM,YAAY,gBAAgB,QAAQ,mBAAmB;AAC7D,QAAM,YAAY,KAAK;AAAA,IACnB,CAAC,OAAO,SAAS,GAAG;AAAA,IACpB,CAAC,OAAO,SAAS,GAAG;AAAA,EAAA,CACvB;AAED,6BACK,SAAA,EAAM,WACF,UAAA,KAAK,IAAI,CAAC,YACP,oBAAC,eAAA,EAAc,SAAkB,MAAM,SAAS,WAAA,GAA6B,QAAQ,MAAQ,CAChG,GACL;AAER;AAEA,eAAe,cAAc;"}