@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Table/NoColumns.js

@@ -1,17 +1,20 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../chunks/vendor-D5cfSbgz.js";
-import { Gap as l } from "../Gap/Gap.js";
-import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
-const i = "noColumns__80160310", a = "content__221209c0", s = {
-  noColumns: i,
-  content: a
-}, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [
-  /* @__PURE__ */ o(r, {}),
-  /* @__PURE__ */ o(l, { size: 8 }),
-  /* @__PURE__ */ o("div", { className: s.content, children: n })
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { Gap } from "../Gap/Gap.js";
+import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
+const noColumns = "noColumns__9ca2e3fb";
+const content = "content__6b06cfa0";
+const styles = {
+  noColumns,
+  content
+};
+const NoColumns = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.noColumns, className), ...htmlDivAttributes, children: [
+  /* @__PURE__ */ jsx(ServicesetupSysIcon96, {}),
+  /* @__PURE__ */ jsx(Gap, { size: 8 }),
+  /* @__PURE__ */ jsx("div", { className: styles.content, children })
 ] });
-p.displayName = "NoColumns";
+NoColumns.displayName = "NoColumns";
 export {
-  p as NoColumns
+  NoColumns
 };
 //# sourceMappingURL=NoColumns.js.map

package/components/Table/NoColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoColumns.js","sources":["../../../src/components/Table/NoColumns.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport { INoColumnsProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { Gap } from \"@sberbusiness/triplex-next/components/Gap\";\nimport styles from \"./styles/NoColumns.module.less\";\nimport { ServicesetupSysIcon96 } from \"@sberbusiness/icons-next\";\n\n/** Компонент отображающий информацию, когда скрыты все колонки таблицы. */\nexport const NoColumns: React.FC<INoColumnsProps> = ({ children, className, ...htmlDivAttributes }) => (\n    <div className={clsx(styles.noColumns, className)} {...htmlDivAttributes}>\n        <ServicesetupSysIcon96 />\n        <Gap size={8} />\n        <div className={styles.content}>{children}</div>\n    </div>\n);\n\nNoColumns.displayName = \"NoColumns\";\n"],"names":[],"mappings":";;;;;;;;;;AAQO,MAAM,YAAuC,CAAC,EAAE,UAAU,WAAW,GAAG,kBAAA,MAC3E,qBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,WAAW,SAAS,GAAI,GAAG,mBACnD,UAAA;AAAA,EAAA,oBAAC,uBAAA,EAAsB;AAAA,EACvB,oBAAC,KAAA,EAAI,MAAM,EAAA,CAAG;AAAA,EACd,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,EAAA,CAC9C;AAGJ,UAAU,cAAc;"}

package/components/Table/PaginationPanel.js

@@ -1,18 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../chunks/vendor-D5cfSbgz.js";
-const s = "paginationPanel__460287d7", e = {
-  paginationPanel: s
-}, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const paginationPanel = "paginationPanel__6ff7200d";
+const styles = {
+  paginationPanel
+};
+const PaginationPanel = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: o(e.paginationPanel, n),
-    ...i,
-    "data-tx": "1.34.0",
-    children: a
+    className: clsx(styles.paginationPanel, className),
+    ...htmlDivAttributes,
+    "data-tx": "1.35.0",
+    children
   }
 );
-l.displayName = "PaginationPanel";
+PaginationPanel.displayName = "PaginationPanel";
 export {
-  l as PaginationPanel
+  PaginationPanel
 };
 //# sourceMappingURL=PaginationPanel.js.map

package/components/Table/PaginationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPanel.js","sources":["../../../src/components/Table/PaginationPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport styles from \"./styles/PaginationPanel.module.less\";\nimport { IPaginationPanelProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\n\n/** Компонент панели под элементы пагинации таблицы. */\nexport const PaginationPanel: React.FC<IPaginationPanelProps> = ({ children, className, ...htmlDivAttributes }) => (\n    <div\n        className={clsx(styles.paginationPanel, className)}\n        {...htmlDivAttributes}\n        data-tx={process.env.npm_package_version}\n    >\n        {children}\n    </div>\n);\n\nPaginationPanel.displayName = \"PaginationPanel\";\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,wBACvF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,IAChD,GAAG;AAAA,IACJ,WAAS;AAAA,IAER;AAAA,EAAA;AACL;AAGJ,gBAAgB,cAAc;"}

package/components/Table/TableBasic/TableBasic.js

@@ -1,52 +1,71 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useContext as B, useEffect as N } from "react";
-import { i as T } from "../../../chunks/vendor-D5cfSbgz.js";
-import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-BWmvhfLt.js";
-import { TableBasicHeader as g } from "./components/TableBasicHeader.js";
-import { TableBasicBody as C } from "./components/TableBasicBody.js";
-import { LoaderMiddle as E } from "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { LoaderScreen as j } from "../../LoaderScreen/LoaderScreen.js";
-const D = ({
-  columns: t,
-  data: i,
-  highlightRowOnHover: c,
-  onOrderBy: m,
-  onClickRow: f,
-  renderNoColumns: n,
-  renderNoData: p,
-  headless: b,
-  ...v
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useContext, useEffect } from "react";
+import { i as isEqual } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { MasterTableContext } from "../MasterTableContext.js";
+import { s as styles } from "../../../chunks/utils-jPa1XaBY.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 o = B(L), y = i.length === 0;
-  N(() => {
-    T(t, o.columns) || o.setColumns(t);
-  }, [t, o]);
-  const u = () => t.every((e) => e.hidden) && n ? n() : /* @__PURE__ */ d("table", { ...v, children: [
-    b || /* @__PURE__ */ r(g, { columns: t, onOrderBy: m }),
-    /* @__PURE__ */ r(
-      C,
-      {
-        columns: t,
-        data: i,
-        onClickRow: f,
-        highlightRowOnHover: c
-      }
-    )
-  ] }, "table"), h = (e) => {
-    const { loading: s } = o;
-    return s && e ? l(x()) : !s && e ? l(p()) : s && !e ? /* @__PURE__ */ r("div", { className: a.spinnerWrapper, children: /* @__PURE__ */ r(j, { type: "middle", className: a.tableLoaderScreen }) }) : null;
-  }, l = (e) => /* @__PURE__ */ r("div", { className: a.footerEmptyData, children: e }), x = () => [
-    /* @__PURE__ */ r("div", { className: a.overlayCover }, "overlay"),
-    /* @__PURE__ */ r(E, {}, "spinner")
+  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 {
+      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__ */ d("div", { className: a.tableBasic, children: [
-    u(),
-    h(y)
+  return /* @__PURE__ */ jsxs("div", { className: styles.tableBasic, children: [
+    renderTable(),
+    renderFooter(isEmptyData)
   ] });
 };
-D.displayName = "TableBasic";
+TableBasic.displayName = "TableBasic";
 export {
-  D as TableBasic
+  TableBasic
 };
 //# sourceMappingURL=TableBasic.js.map

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

@@ -0,0 +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;"}

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

@@ -1,18 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import { TableBasicRow as b } from "./TableBasicRow.js";
-import { c as p } from "../../../../chunks/vendor-D5cfSbgz.js";
-import { s as r } from "../../../../chunks/utils-BWmvhfLt.js";
-const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
-  if (o.length === 0)
+import { jsx } from "react/jsx-runtime";
+import { TableBasicRow } from "./TableBasicRow.js";
+import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../../chunks/utils-jPa1XaBY.js";
+const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
+  if (data.length === 0) {
     return null;
-  const s = !!e, n = s || !!t, i = p({
-    [r.clickable]: s,
-    [r.hoverable]: n
-  }), m = o.map((l) => /* @__PURE__ */ a(b, { columns: c, data: l, onClickRow: e }, l.rowKey));
-  return /* @__PURE__ */ a("tbody", { className: i, children: m });
+  }
+  const clickEnabled = Boolean(onClickRow);
+  const hoverable = clickEnabled || Boolean(highlightRowOnHover);
+  const className = clsx({
+    [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 });
 };
-B.displayName = "TableBasicBody";
+TableBasicBody.displayName = "TableBasicBody";
 export {
-  B as TableBasicBody
+  TableBasicBody
 };
 //# sourceMappingURL=TableBasicBody.js.map

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

@@ -0,0 +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;"}

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -1,84 +1,99 @@
-import { jsx as r, jsxs as m, Fragment as p } from "react/jsx-runtime";
-import { SortdecreaseStrokeSrvIcon16 as x, SortincreaseStrokeSrvIcon16 as I, SortStrokeSrvIcon16 as D } from "@sberbusiness/icons-next";
-import { isNullOrUndefined as b } from "../../../../utils/isNullOrUndefined.js";
-import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
-import { getDataHTMLAttributes as y } from "../../../../utils/html/DataAttributes.js";
-import { ECellType as T, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
-import { c as d } from "../../../../chunks/vendor-D5cfSbgz.js";
-import { s as n, m as z } from "../../../../chunks/utils-BWmvhfLt.js";
-import { Text as B } from "../../../Typography/Text.js";
-import { ETextSize as v } from "../../../Typography/enums.js";
-const w = ({ columns: u, onOrderBy: l }) => {
-  const N = !b(l), f = (e) => {
-    let o;
-    switch (e.orderDirection) {
-      case t.NONE: {
-        o = /* @__PURE__ */ r(D, { paletteIndex: 5 });
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { SortdecreaseStrokeSrvIcon16, SortincreaseStrokeSrvIcon16, SortStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { isNullOrUndefined } from "../../../../utils/isNullOrUndefined.js";
+import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js";
+import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
+import { ECellType, EHorizontalAlign, EOrderDirection } from "../enums.js";
+import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-jPa1XaBY.js";
+import { Text } from "../../../Typography/Text.js";
+import { ETextSize } from "../../../Typography/enums.js";
+const TableBasicHeader = ({ columns, onOrderBy }) => {
+  const hasOrderFunc = !isNullOrUndefined(onOrderBy);
+  const renderOrderIcon = (c) => {
+    let icon;
+    switch (c.orderDirection) {
+      case EOrderDirection.NONE: {
+        icon = /* @__PURE__ */ jsx(SortStrokeSrvIcon16, { paletteIndex: 5 });
         break;
       }
-      case t.ASC: {
-        o = /* @__PURE__ */ r(I, { paletteIndex: 5 });
+      case EOrderDirection.ASC: {
+        icon = /* @__PURE__ */ jsx(SortincreaseStrokeSrvIcon16, { paletteIndex: 5 });
         break;
       }
-      case t.DESC: {
-        o = /* @__PURE__ */ r(x, { paletteIndex: 5 });
+      case EOrderDirection.DESC: {
+        icon = /* @__PURE__ */ jsx(SortdecreaseStrokeSrvIcon16, { paletteIndex: 5 });
         break;
       }
     }
-    const i = d(n.orderButton, {
-      [n.alignLeft]: e.horizontalAlign === s.RIGHT,
-      [n.alignRight]: e.horizontalAlign !== s.RIGHT,
-      [n.sorted]: e.orderDirection !== t.NONE
+    const orderButtonClassName = clsx(styles.orderButton, {
+      [styles.alignLeft]: c.horizontalAlign === EHorizontalAlign.RIGHT,
+      [styles.alignRight]: c.horizontalAlign !== EHorizontalAlign.RIGHT,
+      [styles.sorted]: c.orderDirection !== EOrderDirection.NONE
     });
-    return /* @__PURE__ */ r("span", { className: i, children: o });
-  }, A = (e, o) => {
-    if (e.hidden)
+    return /* @__PURE__ */ jsx("span", { className: orderButtonClassName, children: icon });
+  };
+  const renderTh = (c, hasOrderFunc2) => {
+    if (c.hidden) {
       return null;
-    const i = e.width ? { maxWidth: e.width, minWidth: e.width, width: e.width } : void 0, a = o && !b(e.orderDirection), E = a ? () => {
-      S(e.fieldKey, e.orderDirection);
-    } : void 0, c = a && f(e), C = d(z(e.horizontalAlign), {
-      [n.checkboxType]: e.cellType === T.CHECKBOX
-    }), O = d(n.thBlock, "hoverable", {
-      [n.order]: a
-    }), h = [T.TEXT, void 0].includes(e.cellType) ? /* @__PURE__ */ r(B, { size: v.B3, children: e.label }) : e.label, g = e.horizontalAlign === s.RIGHT ? /* @__PURE__ */ m(p, { children: [
-      c,
-      h
-    ] }) : /* @__PURE__ */ m(p, { children: [
-      h,
-      c
+    }
+    const styleTh = c.width ? { maxWidth: c.width, minWidth: c.width, width: c.width } : void 0;
+    const orderEnabled = hasOrderFunc2 && !isNullOrUndefined(c.orderDirection);
+    const handleClickOrderFunc = orderEnabled ? () => {
+      handleClickOrder(c.fieldKey, c.orderDirection);
+    } : void 0;
+    const orderIcon = orderEnabled && renderOrderIcon(c);
+    const classNameTh = clsx(mapHorizontalAlignToClassName(c.horizontalAlign), {
+      [styles.checkboxType]: c.cellType === ECellType.CHECKBOX
+    });
+    const classNameThBlock = clsx(styles.thBlock, "hoverable", {
+      [styles.order]: orderEnabled
+    });
+    const labelElement = [ECellType.TEXT, void 0].includes(c.cellType) ? /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, children: c.label }) : c.label;
+    const content = c.horizontalAlign === EHorizontalAlign.RIGHT ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      orderIcon,
+      labelElement
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      labelElement,
+      orderIcon
     ] });
-    return /* @__PURE__ */ r("th", { className: C, title: e.title, style: i, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ jsx("th", { className: classNameTh, title: c.title, style: styleTh, children: /* @__PURE__ */ jsx(
       "span",
       {
-        className: O,
-        onClick: E,
-        ...!!e.ariaAttributes && H(e.ariaAttributes),
-        ...!!e.dataAttributes && y(e.dataAttributes),
-        children: g
+        className: classNameThBlock,
+        onClick: handleClickOrderFunc,
+        ...Boolean(c.ariaAttributes) && getAriaHTMLAttributes(c.ariaAttributes),
+        ...Boolean(c.dataAttributes) && getDataHTMLAttributes(c.dataAttributes),
+        children: content
       }
-    ) }, e.fieldKey);
-  }, S = (e, o) => {
-    let i;
-    switch (o) {
-      case t.NONE: {
-        i = t.ASC;
+    ) }, c.fieldKey);
+  };
+  const handleClickOrder = (fieldKey, currentDirection) => {
+    let nextDirection;
+    switch (currentDirection) {
+      case EOrderDirection.NONE: {
+        nextDirection = EOrderDirection.ASC;
         break;
       }
-      case t.ASC: {
-        i = t.DESC;
+      case EOrderDirection.ASC: {
+        nextDirection = EOrderDirection.DESC;
         break;
       }
-      case t.DESC: {
-        i = t.NONE;
+      case EOrderDirection.DESC: {
+        nextDirection = EOrderDirection.NONE;
         break;
       }
     }
-    l && l({ direction: i, fieldKey: e });
-  }, k = u.map((e) => A(e, N));
-  return /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: k }) });
+    if (onOrderBy) {
+      const OrderObj = { direction: nextDirection, fieldKey };
+      onOrderBy(OrderObj);
+    }
+  };
+  const thList = columns.map((c) => renderTh(c, hasOrderFunc));
+  return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: thList }) });
 };
-w.displayName = "TableBasicHeader";
+TableBasicHeader.displayName = "TableBasicHeader";
 export {
-  w as TableBasicHeader
+  TableBasicHeader
 };
 //# sourceMappingURL=TableBasicHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBasicHeader.js","sources":["../../../../../src/components/Table/TableBasic/components/TableBasicHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    SortdecreaseStrokeSrvIcon16,\n    SortincreaseStrokeSrvIcon16,\n    SortStrokeSrvIcon16,\n} from \"@sberbusiness/icons-next\";\nimport { isNullOrUndefined } from \"@sberbusiness/triplex-next/utils/isNullOrUndefined\";\nimport { getAriaHTMLAttributes } from \"@sberbusiness/triplex-next/utils/html/AriaAttributes\";\nimport { getDataHTMLAttributes } from \"@sberbusiness/triplex-next/utils/html/DataAttributes\";\nimport {\n    ECellType,\n    EHorizontalAlign,\n    EOrderDirection,\n} from \"@sberbusiness/triplex-next/components/Table/TableBasic/enums\";\nimport { clsx } from \"clsx\";\nimport styles from \"../styles/TableBasic.module.less\";\nimport { ISortOrder, ITableBasicColumn } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\nimport { mapHorizontalAlignToClassName } from \"@sberbusiness/triplex-next/components/Table/utils\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\n\nexport interface ITableBasicHeaderProps {\n    /** Структура заголовков таблицы. */\n    columns: ITableBasicColumn[];\n    /** Обработчик сортировки. */\n    onOrderBy?: (order: ISortOrder) => void;\n}\n\n/** Компонент заголовка таблицы. */\nexport const TableBasicHeader = ({ columns, onOrderBy }: ITableBasicHeaderProps) => {\n    const hasOrderFunc = !isNullOrUndefined(onOrderBy);\n\n    const renderOrderIcon = (c: ITableBasicColumn) => {\n        let icon;\n        switch (c.orderDirection) {\n            case EOrderDirection.NONE: {\n                icon = <SortStrokeSrvIcon16 paletteIndex={5} />;\n                break;\n            }\n            case EOrderDirection.ASC: {\n                icon = <SortincreaseStrokeSrvIcon16 paletteIndex={5} />;\n                break;\n            }\n            case EOrderDirection.DESC: {\n                icon = <SortdecreaseStrokeSrvIcon16 paletteIndex={5} />;\n                break;\n            }\n        }\n\n        const orderButtonClassName = clsx(styles.orderButton, {\n            [styles.alignLeft]: c.horizontalAlign === EHorizontalAlign.RIGHT,\n            [styles.alignRight]: c.horizontalAlign !== EHorizontalAlign.RIGHT,\n            [styles.sorted]: c.orderDirection !== EOrderDirection.NONE,\n        });\n\n        return <span className={orderButtonClassName}>{icon}</span>;\n    };\n\n    /** Рендер заголовка таблицы. */\n    const renderTh = (c: ITableBasicColumn, hasOrderFunc: boolean) => {\n        // Столбец скрыт.\n        if (c.hidden) {\n            return null;\n        }\n\n        const styleTh = c.width ? { maxWidth: c.width, minWidth: c.width, width: c.width } : undefined;\n        const orderEnabled = hasOrderFunc && !isNullOrUndefined(c.orderDirection);\n        const handleClickOrderFunc = orderEnabled\n            ? () => {\n                  handleClickOrder(c.fieldKey, c.orderDirection!);\n              }\n            : undefined;\n        const orderIcon = orderEnabled && renderOrderIcon(c);\n        const classNameTh = clsx(mapHorizontalAlignToClassName(c.horizontalAlign), {\n            [styles.checkboxType]: c.cellType === ECellType.CHECKBOX,\n        });\n        const classNameThBlock = clsx(styles.thBlock, \"hoverable\", {\n            [styles.order]: orderEnabled,\n        });\n\n        const labelElement = [ECellType.TEXT, undefined].includes(c.cellType) ? (\n            <Text size={ETextSize.B3}>{c.label}</Text>\n        ) : (\n            c.label\n        );\n\n        const content =\n            c.horizontalAlign === EHorizontalAlign.RIGHT ? (\n                <>\n                    {orderIcon}\n                    {labelElement}\n                </>\n            ) : (\n                <>\n                    {labelElement}\n                    {orderIcon}\n                </>\n            );\n\n        return (\n            <th className={classNameTh} title={c.title} key={c.fieldKey} style={styleTh}>\n                <span\n                    className={classNameThBlock}\n                    onClick={handleClickOrderFunc}\n                    {...(Boolean(c.ariaAttributes) && getAriaHTMLAttributes(c.ariaAttributes!))}\n                    {...(Boolean(c.dataAttributes) && getDataHTMLAttributes(c.dataAttributes!))}\n                >\n                    {content}\n                </span>\n            </th>\n        );\n    };\n\n    /** Обработчик клика сортировки столбца. */\n    const handleClickOrder = (fieldKey: string, currentDirection: EOrderDirection) => {\n        let nextDirection;\n        switch (currentDirection) {\n            case EOrderDirection.NONE: {\n                nextDirection = EOrderDirection.ASC;\n                break;\n            }\n            case EOrderDirection.ASC: {\n                nextDirection = EOrderDirection.DESC;\n                break;\n            }\n            case EOrderDirection.DESC: {\n                nextDirection = EOrderDirection.NONE;\n                break;\n            }\n        }\n\n        if (onOrderBy) {\n            const OrderObj: ISortOrder = { direction: nextDirection, fieldKey };\n            onOrderBy(OrderObj);\n        }\n    };\n\n    const thList = columns.map((c) => renderTh(c, hasOrderFunc));\n\n    return (\n        <thead>\n            <tr>{thList}</tr>\n        </thead>\n    );\n};\n\nTableBasicHeader.displayName = \"TableBasicHeader\";\n"],"names":["hasOrderFunc"],"mappings":";;;;;;;;;;AA6BO,MAAM,mBAAmB,CAAC,EAAE,SAAS,gBAAwC;AAChF,QAAM,eAAe,CAAC,kBAAkB,SAAS;AAEjD,QAAM,kBAAkB,CAAC,MAAyB;AAC9C,QAAI;AACJ,YAAQ,EAAE,gBAAA;AAAA,MACN,KAAK,gBAAgB,MAAM;AACvB,eAAO,oBAAC,qBAAA,EAAoB,cAAc,EAAA,CAAG;AAC7C;AAAA,MACJ;AAAA,MACA,KAAK,gBAAgB,KAAK;AACtB,eAAO,oBAAC,6BAAA,EAA4B,cAAc,EAAA,CAAG;AACrD;AAAA,MACJ;AAAA,MACA,KAAK,gBAAgB,MAAM;AACvB,eAAO,oBAAC,6BAAA,EAA4B,cAAc,EAAA,CAAG;AACrD;AAAA,MACJ;AAAA,IAAA;AAGJ,UAAM,uBAAuB,KAAK,OAAO,aAAa;AAAA,MAClD,CAAC,OAAO,SAAS,GAAG,EAAE,oBAAoB,iBAAiB;AAAA,MAC3D,CAAC,OAAO,UAAU,GAAG,EAAE,oBAAoB,iBAAiB;AAAA,MAC5D,CAAC,OAAO,MAAM,GAAG,EAAE,mBAAmB,gBAAgB;AAAA,IAAA,CACzD;AAED,WAAO,oBAAC,QAAA,EAAK,WAAW,sBAAuB,UAAA,MAAK;AAAA,EACxD;AAGA,QAAM,WAAW,CAAC,GAAsBA,kBAA0B;AAE9D,QAAI,EAAE,QAAQ;AACV,aAAO;AAAA,IACX;AAEA,UAAM,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,UAAU,EAAE,OAAO,OAAO,EAAE,UAAU;AACrF,UAAM,eAAeA,iBAAgB,CAAC,kBAAkB,EAAE,cAAc;AACxE,UAAM,uBAAuB,eACvB,MAAM;AACF,uBAAiB,EAAE,UAAU,EAAE,cAAe;AAAA,IAClD,IACA;AACN,UAAM,YAAY,gBAAgB,gBAAgB,CAAC;AACnD,UAAM,cAAc,KAAK,8BAA8B,EAAE,eAAe,GAAG;AAAA,MACvE,CAAC,OAAO,YAAY,GAAG,EAAE,aAAa,UAAU;AAAA,IAAA,CACnD;AACD,UAAM,mBAAmB,KAAK,OAAO,SAAS,aAAa;AAAA,MACvD,CAAC,OAAO,KAAK,GAAG;AAAA,IAAA,CACnB;AAED,UAAM,eAAe,CAAC,UAAU,MAAM,MAAS,EAAE,SAAS,EAAE,QAAQ,IAChE,oBAAC,QAAK,MAAM,UAAU,IAAK,UAAA,EAAE,MAAA,CAAM,IAEnC,EAAE;AAGN,UAAM,UACF,EAAE,oBAAoB,iBAAiB,QACnC,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,EAAA,CACL,IAEA,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACL;AAGR,WACI,oBAAC,QAAG,WAAW,aAAa,OAAO,EAAE,OAAwB,OAAO,SAChE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAI,QAAQ,EAAE,cAAc,KAAK,sBAAsB,EAAE,cAAe;AAAA,QACxE,GAAI,QAAQ,EAAE,cAAc,KAAK,sBAAsB,EAAE,cAAe;AAAA,QAExE,UAAA;AAAA,MAAA;AAAA,IAAA,EACL,GAR6C,EAAE,QASnD;AAAA,EAER;AAGA,QAAM,mBAAmB,CAAC,UAAkB,qBAAsC;AAC9E,QAAI;AACJ,YAAQ,kBAAA;AAAA,MACJ,KAAK,gBAAgB,MAAM;AACvB,wBAAgB,gBAAgB;AAChC;AAAA,MACJ;AAAA,MACA,KAAK,gBAAgB,KAAK;AACtB,wBAAgB,gBAAgB;AAChC;AAAA,MACJ;AAAA,MACA,KAAK,gBAAgB,MAAM;AACvB,wBAAgB,gBAAgB;AAChC;AAAA,MACJ;AAAA,IAAA;AAGJ,QAAI,WAAW;AACX,YAAM,WAAuB,EAAE,WAAW,eAAe,SAAA;AACzD,gBAAU,QAAQ;AAAA,IACtB;AAAA,EACJ;AAEA,QAAM,SAAS,QAAQ,IAAI,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC;AAE3D,SACI,oBAAC,SAAA,EACG,UAAA,oBAAC,MAAA,EAAI,kBAAO,GAChB;AAER;AAEA,iBAAiB,cAAc;"}

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

@@ -1,50 +1,70 @@
-import { jsx as s } from "react/jsx-runtime";
-import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
-import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
-import { DataTestId as L } from "../../../../consts/DataTestId.js";
-import { c as p } from "../../../../chunks/vendor-D5cfSbgz.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-BWmvhfLt.js";
-import { ECellType as a, EVerticalAlign as f } from "../enums.js";
-import { ETextSize as A } from "../../../Typography/enums.js";
-import { Text as N } from "../../../Typography/Text.js";
-const j = ({ columns: y, data: C, onClickRow: d }) => {
-  const { rowKey: b, rowData: n, rowLayout: l, ariaAttributes: c, dataAttributes: r, selected: T = !1 } = C, g = p({ [M.selected]: T, selected: T }), h = d ? () => d(b) : void 0, B = r ? r["test-id"] : void 0, E = (e, t, x, m) => {
-    if (e.hidden)
+import { jsx } from "react/jsx-runtime";
+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-Bco_z_Yi.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-jPa1XaBY.js";
+import { ECellType, EVerticalAlign } from "../enums.js";
+import { ETextSize } from "../../../Typography/enums.js";
+import { Text } from "../../../Typography/Text.js";
+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) => {
+    if (column.hidden) {
       return null;
-    const o = e.renderCell ? e.renderCell(t) : t, i = e.cellType ?? a.TEXT, O = e.verticalAlign ?? (i === a.TEXT ? f.BASELINE : f.TOP), w = p(
-      $(i),
-      X(e.horizontalAlign),
-      S(O)
-    ), z = e.width ? { width: e.width } : void 0, K = () => o ? i === a.CHECKBOX || i === a.COMPONENTS ? o : /* @__PURE__ */ s(N, { size: A.B3, tag: "div", children: o }) : /* @__PURE__ */ s(N, { size: A.B3, tag: "div", children: "---" });
-    return /* @__PURE__ */ s(
+    }
+    const cellNode = column.renderCell ? column.renderCell(value) : value;
+    const cellType = column.cellType ?? ECellType.TEXT;
+    const verticalAlign = column.verticalAlign ?? (cellType === ECellType.TEXT ? EVerticalAlign.BASELINE : EVerticalAlign.TOP);
+    const classNames = clsx(
+      mapCellTypeToClassName(cellType),
+      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: w,
-        ...x,
-        "data-test-id": m && `${m}__${e.fieldKey}${L.Table.TableBasic.td}`,
-        style: z,
-        children: K()
+        className: classNames,
+        ...spanProps,
+        "data-test-id": dataTestId2 && `${dataTestId2}__${column.fieldKey}${DataTestId.Table.TableBasic.td}`,
+        style,
+        children: renderContent()
       },
-      e.fieldKey
+      column.fieldKey
     );
-  }, v = y.map((e) => {
-    const { fieldKey: t } = e;
-    if (Object.keys(n).indexOf(t) !== -1)
-      return E(e, n[t], l == null ? void 0 : l[t], B);
+  };
+  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__ */ s(
+  return /* @__PURE__ */ jsx(
     "tr",
     {
-      className: g,
-      onClick: h,
-      ...!!c && H(c),
-      ...!!r && D(r),
-      children: v
+      className: classNameTr,
+      onClick,
+      ...Boolean(ariaAttributes) && getAriaHTMLAttributes(ariaAttributes),
+      ...Boolean(dataAttributes) && getDataHTMLAttributes(dataAttributes),
+      children: tdList
     }
   );
 };
-j.displayName = "TableBasicRow";
+TableBasicRow.displayName = "TableBasicRow";
 export {
-  j as TableBasicRow
+  TableBasicRow
 };
 //# sourceMappingURL=TableBasicRow.js.map

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

@@ -0,0 +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;"}

package/components/Table/TableBasic/enums.js

@@ -1,8 +1,36 @@
-var t = /* @__PURE__ */ ((T) => (T.NONE = "none", T.ASC = "asc", T.DESC = "desc", T))(t || {}), O = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.CENTER = "center", T))(O || {}), s = /* @__PURE__ */ ((T) => (T.BASELINE = "baseline", T.SUB = "sub", T.SUPER = "super", T.TEXT_TOP = "text-top", T.TEXT_BOTTOM = "text-bottom", T.MIDDLE = "middle", T.TOP = "top", T.BOTTOM = "bottom", T))(s || {}), u = /* @__PURE__ */ ((T) => (T.TEXT = "text", T.COMPONENTS = "components", T.CHECKBOX = "checkbox", T))(u || {});
+var EOrderDirection = /* @__PURE__ */ ((EOrderDirection2) => {
+  EOrderDirection2["NONE"] = "none";
+  EOrderDirection2["ASC"] = "asc";
+  EOrderDirection2["DESC"] = "desc";
+  return EOrderDirection2;
+})(EOrderDirection || {});
+var EHorizontalAlign = /* @__PURE__ */ ((EHorizontalAlign2) => {
+  EHorizontalAlign2["LEFT"] = "left";
+  EHorizontalAlign2["RIGHT"] = "right";
+  EHorizontalAlign2["CENTER"] = "center";
+  return EHorizontalAlign2;
+})(EHorizontalAlign || {});
+var EVerticalAlign = /* @__PURE__ */ ((EVerticalAlign2) => {
+  EVerticalAlign2["BASELINE"] = "baseline";
+  EVerticalAlign2["SUB"] = "sub";
+  EVerticalAlign2["SUPER"] = "super";
+  EVerticalAlign2["TEXT_TOP"] = "text-top";
+  EVerticalAlign2["TEXT_BOTTOM"] = "text-bottom";
+  EVerticalAlign2["MIDDLE"] = "middle";
+  EVerticalAlign2["TOP"] = "top";
+  EVerticalAlign2["BOTTOM"] = "bottom";
+  return EVerticalAlign2;
+})(EVerticalAlign || {});
+var ECellType = /* @__PURE__ */ ((ECellType2) => {
+  ECellType2["TEXT"] = "text";
+  ECellType2["COMPONENTS"] = "components";
+  ECellType2["CHECKBOX"] = "checkbox";
+  return ECellType2;
+})(ECellType || {});
 export {
-  u as ECellType,
-  O as EHorizontalAlign,
-  t as EOrderDirection,
-  s as EVerticalAlign
+  ECellType,
+  EHorizontalAlign,
+  EOrderDirection,
+  EVerticalAlign
 };
 //# sourceMappingURL=enums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../../src/components/Table/TableBasic/enums.ts"],"sourcesContent":["/** Перечисление направлений сортировки колонки. (ASC - по возрастанию, DESC - по убыванию) */\nexport enum EOrderDirection {\n    NONE = \"none\",\n    ASC = \"asc\",\n    DESC = \"desc\",\n}\n\n/** Перечисление горизонтального выравнивания ячейки. */\nexport enum EHorizontalAlign {\n    LEFT = \"left\",\n    RIGHT = \"right\",\n    CENTER = \"center\",\n}\n\n/** Перечисление вертикального выравнивания ячейки. */\nexport enum EVerticalAlign {\n    BASELINE = \"baseline\",\n    SUB = \"sub\",\n    SUPER = \"super\",\n    TEXT_TOP = \"text-top\",\n    TEXT_BOTTOM = \"text-bottom\",\n    MIDDLE = \"middle\",\n    TOP = \"top\",\n    BOTTOM = \"bottom\",\n}\n\n/** Перечисление типов ячейки (для внутренних отступов и т.д.). */\nexport enum ECellType {\n    TEXT = \"text\",\n    COMPONENTS = \"components\",\n    CHECKBOX = \"checkbox\",\n}\n"],"names":["EOrderDirection","EHorizontalAlign","EVerticalAlign","ECellType"],"mappings":"AACO,IAAK,oCAAAA,qBAAL;AACHA,mBAAA,MAAA,IAAO;AACPA,mBAAA,KAAA,IAAM;AACNA,mBAAA,MAAA,IAAO;AAHC,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAOL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,MAAA,IAAO;AACPA,oBAAA,OAAA,IAAQ;AACRA,oBAAA,QAAA,IAAS;AAHD,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAOL,IAAK,mCAAAC,oBAAL;AACHA,kBAAA,UAAA,IAAW;AACXA,kBAAA,KAAA,IAAM;AACNA,kBAAA,OAAA,IAAQ;AACRA,kBAAA,UAAA,IAAW;AACXA,kBAAA,aAAA,IAAc;AACdA,kBAAA,QAAA,IAAS;AACTA,kBAAA,KAAA,IAAM;AACNA,kBAAA,QAAA,IAAS;AARD,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,IAAK,8BAAAC,eAAL;AACHA,aAAA,MAAA,IAAO;AACPA,aAAA,YAAA,IAAa;AACbA,aAAA,UAAA,IAAW;AAHH,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;"}

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

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