@infomaximum/ui-kit 0.17.1 → 0.17.3

package/dist/components/Table/components/FixedHeader/components/FixedHeaderColGroup/FixedHeaderColGroup.js

@@ -2,30 +2,36 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import { useState } from "react";
 import { useSubscribe } from "../../../../features/typedEventBus/hooks.js";
 import { isNumber } from "lodash-es";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
 import { useTableStaticContext } from "../../../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
-import { getRefValue } from "../../../../utils/ref/ref.js";
+import { getRefValue, updateRefValue } from "../../../../utils/ref/ref.js";
 const FixedHeaderColGroupComponent = () => {
+  const {
+    flattedColumns
+  } = useTableContext();
   const staticContextRef = useTableStaticContext();
-  const [widths, setWidths] = useState(() => getRefValue(staticContextRef, "measureCellsInfo.widths"));
   const [verticalScrollBarWidth, setVerticalScrollBarWidth] = useState(() => getRefValue(staticContextRef, "scrollableTableSectionInfo.verticalScrollBarWidth"));
   useSubscribe("table-visual-params:change", (value) => {
     const {
-      measureCellsInfo,
       verticalScrollBarWidth: verticalScrollBarWidth2
     } = value;
     if (isNumber(verticalScrollBarWidth2)) {
       setVerticalScrollBarWidth(verticalScrollBarWidth2);
     }
-    if (measureCellsInfo) {
-      const {
-        widths: widths2
-      } = measureCellsInfo;
-      setWidths(widths2);
-    }
   }, false, [], true);
-  return /* @__PURE__ */ jsx("colgroup", { children: widths.map((width, i, arr) => /* @__PURE__ */ jsx("col", { style: {
-    width: arr.length - 1 === i ? width + verticalScrollBarWidth : width
-  } }, i)) });
+  const setColgroupRef = (el) => {
+    updateRefValue(staticContextRef, {
+      headerColgroupRef: el
+    });
+  };
+  return /* @__PURE__ */ jsx("colgroup", { ref: setColgroupRef, children: Array.from({
+    length: flattedColumns.length
+  }).map((_, i, arr) => {
+    const baseTemplate = `var(--col${i}-width)`;
+    return /* @__PURE__ */ jsx("col", { style: {
+      width: arr.length - 1 === i ? `calc(${baseTemplate} + ${verticalScrollBarWidth}px)` : baseTemplate
+    } }, i);
+  }) });
 };
 const FixedHeaderColGroup = FixedHeaderColGroupComponent;
 export {

package/dist/components/Table/components/Footer/FooterWrapper.d.ts

@@ -0,0 +1,3 @@
+import { DefaultRecord } from 'components/Table/Table.types';
+import { FooterWrapperProps } from './FooterWrapper.types';
+export declare const FooterWrapper: <T extends DefaultRecord>(props: FooterWrapperProps<T>) => import('react').ReactNode;

package/dist/components/Table/components/Footer/FooterWrapper.js

@@ -0,0 +1,36 @@
+import { useState, useMemo } from "react";
+import { useSubscribe } from "../../features/typedEventBus/hooks.js";
+import { isNumber } from "lodash-es";
+import { getEndRangeInfo } from "../EmptyDataRow/EmptyDataRow.utils.js";
+import { useTableStaticContext } from "../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
+import { getRefValue } from "../../utils/ref/ref.js";
+const FooterWrapperComponent = (props) => {
+  const {
+    footer: footerProp,
+    sortedData
+  } = props;
+  const staticContextRef = useTableStaticContext();
+  const [verticalScrollBarWidth, setVerticalScrollBarWidth] = useState(() => getRefValue(staticContextRef, "scrollableTableSectionInfo.verticalScrollBarWidth"));
+  const [hasHorizontalScroll, setHorizontalScroll] = useState(() => getEndRangeInfo(staticContextRef).hasEndRange);
+  useSubscribe("table-visual-params:change", (value) => {
+    const {
+      verticalScrollBarWidth: verticalScrollBarWidth2,
+      horizontalScrollPositionRange
+    } = value;
+    if (isNumber(verticalScrollBarWidth2)) {
+      setVerticalScrollBarWidth(verticalScrollBarWidth2);
+    }
+    if (horizontalScrollPositionRange) {
+      setHorizontalScroll(getEndRangeInfo(horizontalScrollPositionRange).hasEndRange);
+    }
+  }, false, [], true);
+  const footer = useMemo(() => footerProp(sortedData, {
+    verticalScrollBarWidth,
+    hasHorizontalScroll
+  }), [footerProp, hasHorizontalScroll, sortedData, verticalScrollBarWidth]);
+  return footer;
+};
+const FooterWrapper = FooterWrapperComponent;
+export {
+  FooterWrapper
+};

package/dist/components/Table/components/Footer/FooterWrapper.types.d.ts

@@ -0,0 +1,5 @@
+import { DefaultRecord, TableProps } from 'components/Table/Table.types';
+export interface FooterWrapperProps<T extends DefaultRecord> {
+    footer: NonNullable<TableProps<T>["footer"]>;
+    sortedData: NonNullable<TableProps<T>["dataSource"]>;
+}

package/dist/components/Table/components/Header/Header.js

@@ -15,7 +15,7 @@ const HeaderComponent = (props) => {
   } = useTableContext();
   const HeaderWrapperComponent = getComponent(["header", "wrapper"], "thead");
   const rows = useMemo(() => parseHeaderRows(columns), [columns]);
-  return /* @__PURE__ */ jsx(HeaderWrapperComponent, { css: tHeadStyle(tableTokens), className: "rc-table-thead", children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx(HeaderRow, { index: rowIndex, cells: row, fixedHeader }, rowIndex)) });
+  return /* @__PURE__ */ jsx(HeaderWrapperComponent, { css: tHeadStyle(tableTokens), className: "ui-kit-table-thead", children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx(HeaderRow, { index: rowIndex, cells: row, fixedHeader }, rowIndex)) });
 };
 const Header = memo(HeaderComponent);
 export {

package/dist/components/Table/components/Header/components/HeaderCell/HeaderCell.js

@@ -44,7 +44,7 @@ const HeaderCellComponent = (props) => {
     colStart,
     colEnd
   });
-  return /* @__PURE__ */ jsx(Cell, { component: HeaderCellComponent2, align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [headerCellStyle(tableTokens), bordered ? borderedHeaderCellStyle(tableTokens, bordered) : void 0, ...getFixedCellStyle({
+  return /* @__PURE__ */ jsx(Cell, { component: HeaderCellComponent2, align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [headerCellStyle(tableTokens), bordered.baseBorder ? borderedHeaderCellStyle(tableTokens, bordered) : void 0, ...getFixedCellStyle({
     columnKey: column.key,
     isFixStart,
     isFixEnd,
@@ -55,7 +55,7 @@ const HeaderCellComponent = (props) => {
     fixedEndShadow,
     showFixStartShadow,
     showFixEndShadow
-  }), headerCellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9IZWFkZXIvY29tcG9uZW50cy9IZWFkZXJDZWxsL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvSGVhZGVyL2NvbXBvbmVudHMvSGVhZGVyQ2VsbC9IZWFkZXJDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSGVhZGVyQ2VsbFByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbC50eXBlc1wiO1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gXCIuLi8uLi8uLi9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VDZWxsRml4ZWRJbmZvLCBnZXRGaXhlZENlbGxTdHlsZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2hvb2tzL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB0eXBlIHsgRGVmYXVsdFJlY29yZCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL1RhYmxlLnR5cGVzXCI7XG5pbXBvcnQgeyBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSwgaGVhZGVyQ2VsbFN0eWxlIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IGdldEhlYWRlckNlbGxTY29wZSB9IGZyb20gXCIuL0hlYWRlckNlbGwudXRpbHNcIjtcblxuY29uc3QgSGVhZGVyQ2VsbENvbXBvbmVudCA9IDxSZWNvcmQgZXh0ZW5kcyBEZWZhdWx0UmVjb3JkPihwcm9wczogSGVhZGVyQ2VsbFByb3BzPFJlY29yZD4pID0+IHtcbiAgY29uc3QgeyBjZWxsIH0gPSBwcm9wcztcbiAgY29uc3QgeyBjaGlsZHJlbiwgY29sU3BhbjogY2VsbENvbFNwYW4sIHJvd1NwYW46IGNlbGxSb3dTcGFuLCBjb2xTdGFydCwgY29sRW5kLCBjb2x1bW4gfSA9IGNlbGw7XG4gIGNvbnN0IHsgZ2V0Q29tcG9uZW50LCBib3JkZXJlZCwgdGFibGVUb2tlbnMgfSA9IHVzZVRhYmxlQ29udGV4dCgpO1xuICBjb25zdCBIZWFkZXJDZWxsQ29tcG9uZW50ID0gZ2V0Q29tcG9uZW50KFtcImhlYWRlclwiLCBcImNlbGxcIl0sIFwidGhcIik7XG5cbiAgY29uc3Qge1xuICAgIGNvbFNwYW4sXG4gICAgcm93U3BhbixcbiAgICBjc3M6IGhlYWRlckNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxIZWFkZXJDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkhlYWRlckNlbGw/Lihjb2x1bW4pIHx8IHt9O1xuXG4gIGNvbnN0IHtcbiAgICBpc0ZpeFN0YXJ0LFxuICAgIGlzRml4RW5kLFxuICAgIGZpeFN0YXJ0LFxuICAgIGZpeEVuZCxcbiAgICB6SW5kZXhSZXZlcnNlLFxuICAgIGZpeGVkU3RhcnRTaGFkb3csXG4gICAgZml4ZWRFbmRTaGFkb3csXG4gICAgc2hvd0ZpeFN0YXJ0U2hhZG93LFxuICAgIHNob3dGaXhFbmRTaGFkb3csXG4gIH0gPSB1c2VDZWxsRml4ZWRJbmZvKHtcbiAgICBjb2xTdGFydCxcbiAgICBjb2xFbmQsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPENlbGxcbiAgICAgIGNvbXBvbmVudD17SGVhZGVyQ2VsbENvbXBvbmVudH1cbiAgICAgIGFsaWduPXtjb2x1bW4uYWxpZ259XG4gICAgICBlbGxpcHNpcz17Y29sdW1uLmVsbGlwc2lzfVxuICAgICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgICAgdGFibGVUb2tlbnM9e3RhYmxlVG9rZW5zfVxuICAgICAgY3NzPXtbXG4gICAgICAgIGhlYWRlckNlbGxTdHlsZSh0YWJsZVRva2VucyksXG4gICAgICAgIGJvcmRlcmVkID8gYm9yZGVyZWRIZWFkZXJDZWxsU3R5bGUodGFibGVUb2tlbnMsIGJvcmRlcmVkKSA6IHVuZGVmaW5lZCxcbiAgICAgICAgLi4uZ2V0Rml4ZWRDZWxsU3R5bGUoe1xuICAgICAgICAgIGNvbHVtbktleTogY29sdW1uLmtleSxcbiAgICAgICAgICBpc0ZpeFN0YXJ0LFxuICAgICAgICAgIGlzRml4RW5kLFxuICAgICAgICAgIGZpeFN0YXJ0LFxuICAgICAgICAgIGZpeEVuZCxcbiAgICAgICAgICB6SW5kZXhSZXZlcnNlLFxuICAgICAgICAgIGZpeGVkU3RhcnRTaGFkb3csXG4gICAgICAgICAgZml4ZWRFbmRTaGFkb3csXG4gICAgICAgICAgc2hvd0ZpeFN0YXJ0U2hhZG93LFxuICAgICAgICAgIHNob3dGaXhFbmRTaGFkb3csXG4gICAgICAgIH0pLFxuICAgICAgICBoZWFkZXJDZWxsQ3NzLFxuICAgICAgXX1cbiAgICAgIHsuLi5yZXN0QWRkaXRpb25hbEhlYWRlckNlbGxQcm9wc31cbiAgICAgIGNvbFNwYW49e2NvbFNwYW4gPz8gY2VsbENvbFNwYW59XG4gICAgICByb3dTcGFuPXtyb3dTcGFuID8/IGNlbGxSb3dTcGFufVxuICAgICAgc2NvcGU9e2dldEhlYWRlckNlbGxTY29wZShjb2x1bW4udGl0bGUsIGNlbGxDb2xTcGFuKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9DZWxsPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSBIZWFkZXJDZWxsQ29tcG9uZW50O1xuIl19 */"], ...restAdditionalHeaderCellProps, colSpan: colSpan ?? cellColSpan, rowSpan: rowSpan ?? cellRowSpan, scope: getHeaderCellScope(column.title, cellColSpan), children });
+  }), headerCellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9IZWFkZXIvY29tcG9uZW50cy9IZWFkZXJDZWxsL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvSGVhZGVyL2NvbXBvbmVudHMvSGVhZGVyQ2VsbC9IZWFkZXJDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSGVhZGVyQ2VsbFByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbC50eXBlc1wiO1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gXCIuLi8uLi8uLi9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VDZWxsRml4ZWRJbmZvLCBnZXRGaXhlZENlbGxTdHlsZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2hvb2tzL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB0eXBlIHsgRGVmYXVsdFJlY29yZCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL1RhYmxlLnR5cGVzXCI7XG5pbXBvcnQgeyBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSwgaGVhZGVyQ2VsbFN0eWxlIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IGdldEhlYWRlckNlbGxTY29wZSB9IGZyb20gXCIuL0hlYWRlckNlbGwudXRpbHNcIjtcblxuY29uc3QgSGVhZGVyQ2VsbENvbXBvbmVudCA9IDxSZWNvcmQgZXh0ZW5kcyBEZWZhdWx0UmVjb3JkPihwcm9wczogSGVhZGVyQ2VsbFByb3BzPFJlY29yZD4pID0+IHtcbiAgY29uc3QgeyBjZWxsIH0gPSBwcm9wcztcbiAgY29uc3QgeyBjaGlsZHJlbiwgY29sU3BhbjogY2VsbENvbFNwYW4sIHJvd1NwYW46IGNlbGxSb3dTcGFuLCBjb2xTdGFydCwgY29sRW5kLCBjb2x1bW4gfSA9IGNlbGw7XG4gIGNvbnN0IHsgZ2V0Q29tcG9uZW50LCBib3JkZXJlZCwgdGFibGVUb2tlbnMgfSA9IHVzZVRhYmxlQ29udGV4dCgpO1xuICBjb25zdCBIZWFkZXJDZWxsQ29tcG9uZW50ID0gZ2V0Q29tcG9uZW50KFtcImhlYWRlclwiLCBcImNlbGxcIl0sIFwidGhcIik7XG5cbiAgY29uc3Qge1xuICAgIGNvbFNwYW4sXG4gICAgcm93U3BhbixcbiAgICBjc3M6IGhlYWRlckNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxIZWFkZXJDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkhlYWRlckNlbGw/Lihjb2x1bW4pIHx8IHt9O1xuXG4gIGNvbnN0IHtcbiAgICBpc0ZpeFN0YXJ0LFxuICAgIGlzRml4RW5kLFxuICAgIGZpeFN0YXJ0LFxuICAgIGZpeEVuZCxcbiAgICB6SW5kZXhSZXZlcnNlLFxuICAgIGZpeGVkU3RhcnRTaGFkb3csXG4gICAgZml4ZWRFbmRTaGFkb3csXG4gICAgc2hvd0ZpeFN0YXJ0U2hhZG93LFxuICAgIHNob3dGaXhFbmRTaGFkb3csXG4gIH0gPSB1c2VDZWxsRml4ZWRJbmZvKHtcbiAgICBjb2xTdGFydCxcbiAgICBjb2xFbmQsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPENlbGxcbiAgICAgIGNvbXBvbmVudD17SGVhZGVyQ2VsbENvbXBvbmVudH1cbiAgICAgIGFsaWduPXtjb2x1bW4uYWxpZ259XG4gICAgICBlbGxpcHNpcz17Y29sdW1uLmVsbGlwc2lzfVxuICAgICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgICAgdGFibGVUb2tlbnM9e3RhYmxlVG9rZW5zfVxuICAgICAgY3NzPXtbXG4gICAgICAgIGhlYWRlckNlbGxTdHlsZSh0YWJsZVRva2VucyksXG4gICAgICAgIGJvcmRlcmVkLmJhc2VCb3JkZXIgPyBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSh0YWJsZVRva2VucywgYm9yZGVyZWQpIDogdW5kZWZpbmVkLFxuICAgICAgICAuLi5nZXRGaXhlZENlbGxTdHlsZSh7XG4gICAgICAgICAgY29sdW1uS2V5OiBjb2x1bW4ua2V5LFxuICAgICAgICAgIGlzRml4U3RhcnQsXG4gICAgICAgICAgaXNGaXhFbmQsXG4gICAgICAgICAgZml4U3RhcnQsXG4gICAgICAgICAgZml4RW5kLFxuICAgICAgICAgIHpJbmRleFJldmVyc2UsXG4gICAgICAgICAgZml4ZWRTdGFydFNoYWRvdyxcbiAgICAgICAgICBmaXhlZEVuZFNoYWRvdyxcbiAgICAgICAgICBzaG93Rml4U3RhcnRTaGFkb3csXG4gICAgICAgICAgc2hvd0ZpeEVuZFNoYWRvdyxcbiAgICAgICAgfSksXG4gICAgICAgIGhlYWRlckNlbGxDc3MsXG4gICAgICBdfVxuICAgICAgey4uLnJlc3RBZGRpdGlvbmFsSGVhZGVyQ2VsbFByb3BzfVxuICAgICAgY29sU3Bhbj17Y29sU3BhbiA/PyBjZWxsQ29sU3Bhbn1cbiAgICAgIHJvd1NwYW49e3Jvd1NwYW4gPz8gY2VsbFJvd1NwYW59XG4gICAgICBzY29wZT17Z2V0SGVhZGVyQ2VsbFNjb3BlKGNvbHVtbi50aXRsZSwgY2VsbENvbFNwYW4pfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0NlbGw+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9IEhlYWRlckNlbGxDb21wb25lbnQ7XG4iXX0= */"], ...restAdditionalHeaderCellProps, colSpan: colSpan ?? cellColSpan, rowSpan: rowSpan ?? cellRowSpan, scope: getHeaderCellScope(column.title, cellColSpan), children });
 };
 const HeaderCell = HeaderCellComponent;
 export {

package/dist/components/Table/components/Header/components/HeaderCell/HeaderCell.styles.d.ts

@@ -1,12 +1,12 @@
 import { TableTokens } from 'components/Table/Table.tokens';
-import { BorderedConfig } from 'components/Table/Table.types';
+import { Bordered } from 'components/Table/Table.types';
 export declare const headerCellStyle: (tableTokens: TableTokens) => {
     readonly fontWeight: 400;
     readonly textAlign: "left";
     readonly borderColor: "#D9D9D9";
     readonly backgroundColor: "#FAFAFA";
 };
-export declare const borderedHeaderCellStyle: (tableTokens: TableTokens, borderedConfig: Required<BorderedConfig>) => {
+export declare const borderedHeaderCellStyle: (tableTokens: TableTokens, bordered: Bordered) => {
     "tr:first-of-type > &:last-of-type": {
         borderInlineEndWidth: number;
     };

package/dist/components/Table/components/Header/components/HeaderCell/HeaderCell.styles.js

@@ -4,19 +4,19 @@ const headerCellStyle = (tableTokens) => ({
   borderColor: tableTokens.tableHeaderBorder,
   backgroundColor: tableTokens.tableHeaderBg
 });
-const borderedHeaderCellStyle = (tableTokens, borderedConfig) => ({
+const borderedHeaderCellStyle = (tableTokens, bordered) => ({
   borderInlineEndWidth: 1,
   "tr:first-of-type > &": {
     paddingTop: tableTokens.tableCellPaddingVertical - 1,
     borderTopWidth: 1
   },
-  ...borderedConfig.firstColumnCellInlineStart ? {
+  ...bordered.firstColumnCellInlineStart ? {
     "tr:first-of-type > &:first-of-type": {
       borderInlineStartWidth: 1
     }
   } : {},
   "tr:first-of-type > &:last-of-type": {
-    borderInlineEndWidth: borderedConfig.lastColumnCellInlineEnd ? 1 : 0
+    borderInlineEndWidth: bordered.lastColumnCellInlineEnd ? 1 : 0
   }
 });
 export {

package/dist/components/Table/contexts/tableContext/TableContext.js

@@ -13,7 +13,15 @@ const createTableContext = once(() => {
     sortDirections: [],
     tableLayout: "auto",
     tableTokens: {},
-    showHeader: true
+    showHeader: true,
+    rowHoverable: true,
+    bordered: {
+      baseBorder: false,
+      firstColumnCellInlineStart: false,
+      lastColumnCellInlineEnd: false,
+      emptyInline: false,
+      emptyBlockEnd: false
+    }
   });
 });
 export {

package/dist/components/Table/contexts/tableContext/TableContext.types.d.ts

@@ -2,7 +2,7 @@ import { TableTokens } from 'components/Table/Table.tokens';
 import { useTableExpand } from '../../features/tableExpand';
 import { useTableColumns } from '../../hooks/useTableColumns';
 import { useTableComponents } from '../../hooks/useTableComponents';
-import { BorderedConfig, DefaultRecord, TableProps } from 'components/Table/Table.types';
+import { Bordered, DefaultRecord, TableProps } from 'components/Table/Table.types';
 type UseTableComponentsReturnType = ReturnType<typeof useTableComponents>;
 type UseTableColumnsReturnType<Record extends DefaultRecord> = ReturnType<typeof useTableColumns<Record>>;
 type UseTableExpandReturnType<Record extends DefaultRecord> = ReturnType<typeof useTableExpand<Record>>;
@@ -21,7 +21,8 @@ export interface TableContextValue<Record extends DefaultRecord> {
     tableLayout: Exclude<TableProps["tableLayout"], undefined>;
     onHeaderRow?: TableProps<Record>["onHeaderRow"];
     onRow?: TableProps<Record>["onRow"];
-    bordered?: false | Required<BorderedConfig>;
+    bordered: Bordered;
+    rowHoverable: TableProps<Record>["rowHoverable"];
     horizonScroll?: boolean;
 }
 export {};

package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.js

@@ -70,8 +70,9 @@ const CheckboxCellContentWrapperComponent = (props) => {
     (_a = checkboxProps == null ? void 0 : checkboxProps.onChange) == null ? void 0 : _a.call(checkboxProps, event);
   });
   const Wrapper = RenderCell ?? Fragment;
-  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:CheckboxCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IGFyckFkZCwgYXJyRGVsIH0gZnJvbSBcIi4vQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudXRpbHNcIjtcbmltcG9ydCB7IENoZWNrYm94LCB0eXBlIENoZWNrYm94UHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuaW1wb3J0IHR5cGUgeyBEZWZhdWx0UmVjb3JkIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcblxuY29uc3QgQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXJDb21wb25lbnQgPSA8UmVjb3JkIGV4dGVuZHMgRGVmYXVsdFJlY29yZD4oXG4gIHByb3BzOiBDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IHJlbmRlckNlbGw6IFJlbmRlckNlbGwsIHJlY29yZCB9ID0gcHJvcHM7XG4gIGNvbnN0IHtcbiAgICBjaGVja2JveFByb3BzTWFwLFxuICAgIGRlcml2ZWRTZWxlY3RlZEtleVNldCxcbiAgICBkZXJpdmVkU2VsZWN0ZWRLZXlzLFxuICAgIGRlcml2ZWRIYWxmU2VsZWN0ZWRLZXlTZXQsXG4gICAgcmVjb3JkS2V5cyxcbiAgICBzZXRTZWxlY3RlZEtleXMsXG4gICAgdHJpZ2dlclNpbmdsZVNlbGVjdGlvbixcbiAgICBtdWx0aXBsZVNlbGVjdCxcbiAgICB1cGRhdGVQcmV2U2VsZWN0ZWRJbmRleCxcbiAgfSA9IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCgpO1xuICBjb25zdCB7IGlzU29tZVJlY29yZEhhc0NoaWxkcmVuLCBib3JkZXJlZCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IGluZGV0ZXJtaW5hdGUgPSBkZXJpdmVkSGFsZlNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpO1xuICBjb25zdCBjaGVja2JveFByb3BzID0gY2hlY2tib3hQcm9wc01hcC5nZXQoa2V5KTtcblxuICBsZXQgbWVyZ2VkSW5kZXRlcm1pbmF0ZTogYm9vbGVhbjtcblxuICBpZiAoaXNTb21lUmVjb3JkSGFzQ2hpbGRyZW4pIHtcbiAgICBtZXJnZWRJbmRldGVybWluYXRlID0gaW5kZXRlcm1pbmF0ZTtcbiAgfSBlbHNlIHtcbiAgICBtZXJnZWRJbmRldGVybWluYXRlID0gY2hlY2tib3hQcm9wcz8uaW5kZXRlcm1pbmF0ZSA/PyBpbmRldGVybWluYXRlO1xuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VFdmVudCgoKGUpID0+IHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGNoZWNrYm94UHJvcHM/Lm9uQ2xpY2s/LihlKTtcbiAgfSkgc2F0aXNmaWVzIENoZWNrYm94UHJvcHNbXCJvbkNsaWNrXCJdKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VFdmVudCgoKGV2ZW50KSA9PiB7XG4gICAgY29uc3QgeyBuYXRpdmVFdmVudCB9ID0gZXZlbnQ7XG4gICAgY29uc3QgeyBzaGlmdEtleSB9ID0gbmF0aXZlRXZlbnQ7XG5cbiAgICBjb25zdCBjdXJyZW50U2VsZWN0ZWRJbmRleCA9IHJlY29yZEtleXMuaW5kZXhPZihrZXkpO1xuICAgIGNvbnN0IGlzTXVsdGlwbGUgPSBkZXJpdmVkU2VsZWN0ZWRLZXlzLnNvbWUoKGl0ZW0pID0+IHJlY29yZEtleXMuaW5jbHVkZXMoaXRlbSkpO1xuXG4gICAgaWYgKHNoaWZ0S2V5ICYmIGlzTXVsdGlwbGUpIHtcbiAgICAgIGNvbnN0IGtleVNldCA9IG5ldyBTZXQoZGVyaXZlZFNlbGVjdGVkS2V5U2V0KTtcbiAgICAgIG11bHRpcGxlU2VsZWN0KGN1cnJlbnRTZWxlY3RlZEluZGV4LCByZWNvcmRLZXlzLCBrZXlTZXQpO1xuXG4gICAgICBjb25zdCBrZXlzID0gQXJyYXkuZnJvbShrZXlTZXQpO1xuXG4gICAgICBzZXRTZWxlY3RlZEtleXMoa2V5cywgXCJtdWx0aXBsZVwiKTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3Qgb3JpZ2luQ2hlY2tlZEtleXMgPSBkZXJpdmVkU2VsZWN0ZWRLZXlzO1xuXG4gICAgICBjb25zdCBjaGVja2VkS2V5cyA9IGNoZWNrZWQgPyBhcnJEZWwob3JpZ2luQ2hlY2tlZEtleXMsIGtleSkgOiBhcnJBZGQob3JpZ2luQ2hlY2tlZEtleXMsIGtleSk7XG5cbiAgICAgIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24oa2V5LCAhY2hlY2tlZCwgY2hlY2tlZEtleXMsIG5hdGl2ZUV2ZW50KTtcbiAgICB9XG5cbiAgICBpZiAoY2hlY2tlZCkge1xuICAgICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgobnVsbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHVwZGF0ZVByZXZTZWxlY3RlZEluZGV4KGN1cnJlbnRTZWxlY3RlZEluZGV4KTtcbiAgICB9XG5cbiAgICBjaGVja2JveFByb3BzPy5vbkNoYW5nZT8uKGV2ZW50KTtcbiAgfSkgc2F0aXNmaWVzIENoZWNrYm94UHJvcHNbXCJvbkNoYW5nZVwiXSk7XG5cbiAgY29uc3QgV3JhcHBlciA9IFJlbmRlckNlbGwgPz8gRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgc2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJlZCA/IGdldEJvcmRlcmVkU2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlKCkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyIHsuLi4oUmVuZGVyQ2VsbCA/IHsgc2VsZWN0aW9uVHlwZTogXCJjaGVja2JveFwiIH0gOiB7fSl9PlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICB7Li4uY2hlY2tib3hQcm9wc31cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGluZGV0ZXJtaW5hdGU9e21lcmdlZEluZGV0ZXJtaW5hdGV9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveENlbGxDb250ZW50V3JhcHBlciA9IENoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
-    selectionType: "checkbox"
+  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered.baseBorder ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:CheckboxCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci9DaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IGFyckFkZCwgYXJyRGVsIH0gZnJvbSBcIi4vQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudXRpbHNcIjtcbmltcG9ydCB7IENoZWNrYm94LCB0eXBlIENoZWNrYm94UHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuaW1wb3J0IHR5cGUgeyBEZWZhdWx0UmVjb3JkIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcblxuY29uc3QgQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXJDb21wb25lbnQgPSA8UmVjb3JkIGV4dGVuZHMgRGVmYXVsdFJlY29yZD4oXG4gIHByb3BzOiBDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IHJlbmRlckNlbGw6IFJlbmRlckNlbGwsIHJlY29yZCB9ID0gcHJvcHM7XG4gIGNvbnN0IHtcbiAgICBjaGVja2JveFByb3BzTWFwLFxuICAgIGRlcml2ZWRTZWxlY3RlZEtleVNldCxcbiAgICBkZXJpdmVkU2VsZWN0ZWRLZXlzLFxuICAgIGRlcml2ZWRIYWxmU2VsZWN0ZWRLZXlTZXQsXG4gICAgcmVjb3JkS2V5cyxcbiAgICBzZXRTZWxlY3RlZEtleXMsXG4gICAgdHJpZ2dlclNpbmdsZVNlbGVjdGlvbixcbiAgICBtdWx0aXBsZVNlbGVjdCxcbiAgICB1cGRhdGVQcmV2U2VsZWN0ZWRJbmRleCxcbiAgfSA9IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCgpO1xuICBjb25zdCB7IGlzU29tZVJlY29yZEhhc0NoaWxkcmVuLCBib3JkZXJlZCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IGluZGV0ZXJtaW5hdGUgPSBkZXJpdmVkSGFsZlNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpO1xuICBjb25zdCBjaGVja2JveFByb3BzID0gY2hlY2tib3hQcm9wc01hcC5nZXQoa2V5KTtcblxuICBsZXQgbWVyZ2VkSW5kZXRlcm1pbmF0ZTogYm9vbGVhbjtcblxuICBpZiAoaXNTb21lUmVjb3JkSGFzQ2hpbGRyZW4pIHtcbiAgICBtZXJnZWRJbmRldGVybWluYXRlID0gaW5kZXRlcm1pbmF0ZTtcbiAgfSBlbHNlIHtcbiAgICBtZXJnZWRJbmRldGVybWluYXRlID0gY2hlY2tib3hQcm9wcz8uaW5kZXRlcm1pbmF0ZSA/PyBpbmRldGVybWluYXRlO1xuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VFdmVudCgoKGUpID0+IHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGNoZWNrYm94UHJvcHM/Lm9uQ2xpY2s/LihlKTtcbiAgfSkgc2F0aXNmaWVzIENoZWNrYm94UHJvcHNbXCJvbkNsaWNrXCJdKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VFdmVudCgoKGV2ZW50KSA9PiB7XG4gICAgY29uc3QgeyBuYXRpdmVFdmVudCB9ID0gZXZlbnQ7XG4gICAgY29uc3QgeyBzaGlmdEtleSB9ID0gbmF0aXZlRXZlbnQ7XG5cbiAgICBjb25zdCBjdXJyZW50U2VsZWN0ZWRJbmRleCA9IHJlY29yZEtleXMuaW5kZXhPZihrZXkpO1xuICAgIGNvbnN0IGlzTXVsdGlwbGUgPSBkZXJpdmVkU2VsZWN0ZWRLZXlzLnNvbWUoKGl0ZW0pID0+IHJlY29yZEtleXMuaW5jbHVkZXMoaXRlbSkpO1xuXG4gICAgaWYgKHNoaWZ0S2V5ICYmIGlzTXVsdGlwbGUpIHtcbiAgICAgIGNvbnN0IGtleVNldCA9IG5ldyBTZXQoZGVyaXZlZFNlbGVjdGVkS2V5U2V0KTtcbiAgICAgIG11bHRpcGxlU2VsZWN0KGN1cnJlbnRTZWxlY3RlZEluZGV4LCByZWNvcmRLZXlzLCBrZXlTZXQpO1xuXG4gICAgICBjb25zdCBrZXlzID0gQXJyYXkuZnJvbShrZXlTZXQpO1xuXG4gICAgICBzZXRTZWxlY3RlZEtleXMoa2V5cywgXCJtdWx0aXBsZVwiKTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3Qgb3JpZ2luQ2hlY2tlZEtleXMgPSBkZXJpdmVkU2VsZWN0ZWRLZXlzO1xuXG4gICAgICBjb25zdCBjaGVja2VkS2V5cyA9IGNoZWNrZWQgPyBhcnJEZWwob3JpZ2luQ2hlY2tlZEtleXMsIGtleSkgOiBhcnJBZGQob3JpZ2luQ2hlY2tlZEtleXMsIGtleSk7XG5cbiAgICAgIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24oa2V5LCAhY2hlY2tlZCwgY2hlY2tlZEtleXMsIG5hdGl2ZUV2ZW50KTtcbiAgICB9XG5cbiAgICBpZiAoY2hlY2tlZCkge1xuICAgICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgobnVsbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHVwZGF0ZVByZXZTZWxlY3RlZEluZGV4KGN1cnJlbnRTZWxlY3RlZEluZGV4KTtcbiAgICB9XG5cbiAgICBjaGVja2JveFByb3BzPy5vbkNoYW5nZT8uKGV2ZW50KTtcbiAgfSkgc2F0aXNmaWVzIENoZWNrYm94UHJvcHNbXCJvbkNoYW5nZVwiXSk7XG5cbiAgY29uc3QgV3JhcHBlciA9IFJlbmRlckNlbGwgPz8gRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgc2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJlZC5iYXNlQm9yZGVyID8gZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUoKSA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAgPFdyYXBwZXIgey4uLihSZW5kZXJDZWxsID8geyBzZWxlY3Rpb25UeXBlOiBcImNoZWNrYm94XCIsIHJlY29yZCB9IDoge30pfT5cbiAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgey4uLmNoZWNrYm94UHJvcHN9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBpbmRldGVybWluYXRlPXttZXJnZWRJbmRldGVybWluYXRlfVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIgPSBDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
+    selectionType: "checkbox",
+    record
   } : {}, children: /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps, checked, indeterminate: mergedIndeterminate, onClick: handleClick, onChange: handleChange }) }) });
 };
 const CheckboxCellContentWrapper = CheckboxCellContentWrapperComponent;

package/dist/components/Table/features/tableRowSelection/components/HeaderCheckboxCellContentWrapper/HeaderCheckboxCellContentWrapper.js

@@ -64,7 +64,7 @@ const HeaderCheckboxCellContentWrapperComponent = (props) => {
     updatePrevSelectedIndex(null);
   };
   const Wrapper = ColumnTitle ?? Fragment;
-  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered ? getBorderedSelectionItemContainerStyle(true) : void 0, process.env.NODE_ENV === "production" ? "" : ";label:HeaderCheckboxCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgS2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyBnZXRSb3dLZXkgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuXG5jb25zdCBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudCA9IDxSZWNvcmQsPihcbiAgcHJvcHM6IEhlYWRlckNoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyUHJvcHM8UmVjb3JkPlxuKSA9PiB7XG4gIGNvbnN0IHsgY29sdW1uVGl0bGU6IENvbHVtblRpdGxlLCBnZXRUaXRsZUNoZWNrYm94UHJvcHMsIG9uU2VsZWN0QWxsIH0gPSBwcm9wcztcbiAgY29uc3QgeyBib3JkZXJlZCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IHtcbiAgICBjaGVja2JveFByb3BzTWFwLFxuICAgIGZsYXR0ZWREYXRhLFxuICAgIGNoZWNrZWRDdXJyZW50QWxsLFxuICAgIGNoZWNrZWRDdXJyZW50U29tZSxcbiAgICBrZXlTZXQsXG4gICAgcmVjb3JkS2V5cyxcbiAgICBzZXRTZWxlY3RlZEtleXMsXG4gICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgsXG4gIH0gPSB1c2VUYWJsZVJvd1NlbGVjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZERhdGEgPSBmbGF0dGVkRGF0YVxuICAgIC5tYXAoKHJlY29yZCkgPT4ge1xuICAgICAgY29uc3Qga2V5ID0gZ2V0Um93S2V5KHJlY29yZCk7XG4gICAgICBjb25zdCBjaGVja2JveFByb3BzID0gY2hlY2tib3hQcm9wc01hcC5nZXQoa2V5KSB8fCB7fTtcblxuICAgICAgcmV0dXJuIHsgY2hlY2tlZDoga2V5U2V0LmhhcyhrZXkpLCAuLi5jaGVja2JveFByb3BzIH07XG4gICAgfSlcbiAgICAuZmlsdGVyKCh7IGRpc2FibGVkIH0pID0+IGRpc2FibGVkKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZCA9ICEhYWxsRGlzYWJsZWREYXRhLmxlbmd0aCAmJiBhbGxEaXNhYmxlZERhdGEubGVuZ3RoID09PSBmbGF0dGVkRGF0YS5sZW5ndGg7XG5cbiAgY29uc3QgYWxsRGlzYWJsZWRBbmRDaGVja2VkID0gYWxsRGlzYWJsZWQgJiYgYWxsRGlzYWJsZWREYXRhLmV2ZXJ5KCh7IGNoZWNrZWQgfSkgPT4gY2hlY2tlZCk7XG4gIGNvbnN0IGFsbERpc2FibGVkU29tZUNoZWNrZWQgPSBhbGxEaXNhYmxlZCAmJiBhbGxEaXNhYmxlZERhdGEuc29tZSgoeyBjaGVja2VkIH0pID0+IGNoZWNrZWQpO1xuICBjb25zdCBjdXN0b21DaGVja2JveFByb3BzID0gZ2V0VGl0bGVDaGVja2JveFByb3BzPy4oKSB8fCB7fTtcbiAgY29uc3QgeyBvbkNoYW5nZSwgZGlzYWJsZWQgfSA9IGN1c3RvbUNoZWNrYm94UHJvcHM7XG5cbiAgY29uc3Qgb25TZWxlY3RBbGxDaGFuZ2UgPSAoKSA9PiB7XG4gICAgY29uc3QgY2hhbmdlS2V5czogS2V5W10gPSBbXTtcblxuICAgIGlmIChjaGVja2VkQ3VycmVudEFsbCkge1xuICAgICAgcmVjb3JkS2V5cy5mb3JFYWNoKChrZXkpID0+IHtcbiAgICAgICAga2V5U2V0LmRlbGV0ZShrZXkpO1xuICAgICAgICBjaGFuZ2VLZXlzLnB1c2goa2V5KTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICByZWNvcmRLZXlzLmZvckVhY2goKGtleSkgPT4ge1xuICAgICAgICBpZiAoIWtleVNldC5oYXMoa2V5KSkge1xuICAgICAgICAgIGtleVNldC5hZGQoa2V5KTtcbiAgICAgICAgICBjaGFuZ2VLZXlzLnB1c2goa2V5KTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgY29uc3Qga2V5cyA9IEFycmF5LmZyb20oa2V5U2V0KTtcblxuICAgIG9uU2VsZWN0QWxsPy4oIWNoZWNrZWRDdXJyZW50QWxsKTtcblxuICAgIHNldFNlbGVjdGVkS2V5cyhrZXlzLCBcImFsbFwiKTtcbiAgICB1cGRhdGVQcmV2U2VsZWN0ZWRJbmRleChudWxsKTtcbiAgfTtcblxuICBjb25zdCBXcmFwcGVyID0gQ29sdW1uVGl0bGUgPz8gRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgc2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJlZCA/IGdldEJvcmRlcmVkU2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlKHRydWUpIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICA+XG4gICAgICA8V3JhcHBlcj5cbiAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgYXJpYS1sYWJlbD1cIlNlbGVjdCBhbGxcIlxuICAgICAgICAgIHsuLi5jdXN0b21DaGVja2JveFByb3BzfVxuICAgICAgICAgIGNoZWNrZWQ9eyFhbGxEaXNhYmxlZCA/ICEhZmxhdHRlZERhdGEubGVuZ3RoICYmIGNoZWNrZWRDdXJyZW50QWxsIDogYWxsRGlzYWJsZWRBbmRDaGVja2VkfVxuICAgICAgICAgIGluZGV0ZXJtaW5hdGU9e1xuICAgICAgICAgICAgIWFsbERpc2FibGVkXG4gICAgICAgICAgICAgID8gIWNoZWNrZWRDdXJyZW50QWxsICYmIGNoZWNrZWRDdXJyZW50U29tZVxuICAgICAgICAgICAgICA6ICFhbGxEaXNhYmxlZEFuZENoZWNrZWQgJiYgYWxsRGlzYWJsZWRTb21lQ2hlY2tlZFxuICAgICAgICAgIH1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIG9uU2VsZWN0QWxsQ2hhbmdlKCk7XG4gICAgICAgICAgICBvbkNoYW5nZT8uKGUpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkID8/IChmbGF0dGVkRGF0YS5sZW5ndGggPT09IDAgfHwgYWxsRGlzYWJsZWQpfVxuICAgICAgICAvPlxuICAgICAgPC9XcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlckNoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyID0gSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXJDb21wb25lbnQ7XG4iXX0= */"], children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Checkbox, { "aria-label": "Select all", ...customCheckboxProps, checked: !allDisabled ? !!flattedData.length && checkedCurrentAll : allDisabledAndChecked, indeterminate: !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked, onChange: (e) => {
+  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered.baseBorder ? getBorderedSelectionItemContainerStyle(true) : void 0, process.env.NODE_ENV === "production" ? "" : ";label:HeaderCheckboxCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci9IZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgS2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyBnZXRSb3dLZXkgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tIFwiY29tcG9uZW50cy9DaGVja2JveFwiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlUm93U2VsZWN0aW9uQ29udGV4dCB9IGZyb20gXCIuLi8uLi9jb250ZXh0c1wiO1xuXG5jb25zdCBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudCA9IDxSZWNvcmQsPihcbiAgcHJvcHM6IEhlYWRlckNoZWNrYm94Q2VsbENvbnRlbnRXcmFwcGVyUHJvcHM8UmVjb3JkPlxuKSA9PiB7XG4gIGNvbnN0IHsgY29sdW1uVGl0bGU6IENvbHVtblRpdGxlLCBnZXRUaXRsZUNoZWNrYm94UHJvcHMsIG9uU2VsZWN0QWxsIH0gPSBwcm9wcztcbiAgY29uc3QgeyBib3JkZXJlZCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IHtcbiAgICBjaGVja2JveFByb3BzTWFwLFxuICAgIGZsYXR0ZWREYXRhLFxuICAgIGNoZWNrZWRDdXJyZW50QWxsLFxuICAgIGNoZWNrZWRDdXJyZW50U29tZSxcbiAgICBrZXlTZXQsXG4gICAgcmVjb3JkS2V5cyxcbiAgICBzZXRTZWxlY3RlZEtleXMsXG4gICAgdXBkYXRlUHJldlNlbGVjdGVkSW5kZXgsXG4gIH0gPSB1c2VUYWJsZVJvd1NlbGVjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZERhdGEgPSBmbGF0dGVkRGF0YVxuICAgIC5tYXAoKHJlY29yZCkgPT4ge1xuICAgICAgY29uc3Qga2V5ID0gZ2V0Um93S2V5KHJlY29yZCk7XG4gICAgICBjb25zdCBjaGVja2JveFByb3BzID0gY2hlY2tib3hQcm9wc01hcC5nZXQoa2V5KSB8fCB7fTtcblxuICAgICAgcmV0dXJuIHsgY2hlY2tlZDoga2V5U2V0LmhhcyhrZXkpLCAuLi5jaGVja2JveFByb3BzIH07XG4gICAgfSlcbiAgICAuZmlsdGVyKCh7IGRpc2FibGVkIH0pID0+IGRpc2FibGVkKTtcblxuICBjb25zdCBhbGxEaXNhYmxlZCA9ICEhYWxsRGlzYWJsZWREYXRhLmxlbmd0aCAmJiBhbGxEaXNhYmxlZERhdGEubGVuZ3RoID09PSBmbGF0dGVkRGF0YS5sZW5ndGg7XG5cbiAgY29uc3QgYWxsRGlzYWJsZWRBbmRDaGVja2VkID0gYWxsRGlzYWJsZWQgJiYgYWxsRGlzYWJsZWREYXRhLmV2ZXJ5KCh7IGNoZWNrZWQgfSkgPT4gY2hlY2tlZCk7XG4gIGNvbnN0IGFsbERpc2FibGVkU29tZUNoZWNrZWQgPSBhbGxEaXNhYmxlZCAmJiBhbGxEaXNhYmxlZERhdGEuc29tZSgoeyBjaGVja2VkIH0pID0+IGNoZWNrZWQpO1xuICBjb25zdCBjdXN0b21DaGVja2JveFByb3BzID0gZ2V0VGl0bGVDaGVja2JveFByb3BzPy4oKSB8fCB7fTtcbiAgY29uc3QgeyBvbkNoYW5nZSwgZGlzYWJsZWQgfSA9IGN1c3RvbUNoZWNrYm94UHJvcHM7XG5cbiAgY29uc3Qgb25TZWxlY3RBbGxDaGFuZ2UgPSAoKSA9PiB7XG4gICAgY29uc3QgY2hhbmdlS2V5czogS2V5W10gPSBbXTtcblxuICAgIGlmIChjaGVja2VkQ3VycmVudEFsbCkge1xuICAgICAgcmVjb3JkS2V5cy5mb3JFYWNoKChrZXkpID0+IHtcbiAgICAgICAga2V5U2V0LmRlbGV0ZShrZXkpO1xuICAgICAgICBjaGFuZ2VLZXlzLnB1c2goa2V5KTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICByZWNvcmRLZXlzLmZvckVhY2goKGtleSkgPT4ge1xuICAgICAgICBpZiAoIWtleVNldC5oYXMoa2V5KSkge1xuICAgICAgICAgIGtleVNldC5hZGQoa2V5KTtcbiAgICAgICAgICBjaGFuZ2VLZXlzLnB1c2goa2V5KTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgY29uc3Qga2V5cyA9IEFycmF5LmZyb20oa2V5U2V0KTtcblxuICAgIG9uU2VsZWN0QWxsPy4oIWNoZWNrZWRDdXJyZW50QWxsKTtcblxuICAgIHNldFNlbGVjdGVkS2V5cyhrZXlzLCBcImFsbFwiKTtcbiAgICB1cGRhdGVQcmV2U2VsZWN0ZWRJbmRleChudWxsKTtcbiAgfTtcblxuICBjb25zdCBXcmFwcGVyID0gQ29sdW1uVGl0bGUgPz8gRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgc2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlLFxuICAgICAgICBib3JkZXJlZC5iYXNlQm9yZGVyID8gZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUodHJ1ZSkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyPlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiU2VsZWN0IGFsbFwiXG4gICAgICAgICAgey4uLmN1c3RvbUNoZWNrYm94UHJvcHN9XG4gICAgICAgICAgY2hlY2tlZD17IWFsbERpc2FibGVkID8gISFmbGF0dGVkRGF0YS5sZW5ndGggJiYgY2hlY2tlZEN1cnJlbnRBbGwgOiBhbGxEaXNhYmxlZEFuZENoZWNrZWR9XG4gICAgICAgICAgaW5kZXRlcm1pbmF0ZT17XG4gICAgICAgICAgICAhYWxsRGlzYWJsZWRcbiAgICAgICAgICAgICAgPyAhY2hlY2tlZEN1cnJlbnRBbGwgJiYgY2hlY2tlZEN1cnJlbnRTb21lXG4gICAgICAgICAgICAgIDogIWFsbERpc2FibGVkQW5kQ2hlY2tlZCAmJiBhbGxEaXNhYmxlZFNvbWVDaGVja2VkXG4gICAgICAgICAgfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgb25TZWxlY3RBbGxDaGFuZ2UoKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlPy4oZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgPz8gKGZsYXR0ZWREYXRhLmxlbmd0aCA9PT0gMCB8fCBhbGxEaXNhYmxlZCl9XG4gICAgICAgIC8+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2hlY2tib3hDZWxsQ29udGVudFdyYXBwZXIgPSBIZWFkZXJDaGVja2JveENlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"], children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Checkbox, { "aria-label": "Select all", ...customCheckboxProps, checked: !allDisabled ? !!flattedData.length && checkedCurrentAll : allDisabledAndChecked, indeterminate: !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked, onChange: (e) => {
     onSelectAllChange();
     onChange == null ? void 0 : onChange(e);
   }, disabled: disabled ?? (flattedData.length === 0 || allDisabled) }) }) });

package/dist/components/Table/features/tableRowSelection/components/RadioCellContentWrapper/RadioCellContentWrapper.js

@@ -35,8 +35,9 @@ const RadioCellContentWrapperComponent = (props) => {
     (_a = radioProps == null ? void 0 : radioProps.onChange) == null ? void 0 : _a.call(radioProps, e);
   });
   const Wrapper = RenderCell ?? Fragment;
-  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:RadioCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSYWRpb0NlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vUmFkaW9DZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IFJhZGlvLCB0eXBlIFJhZGlvUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9SYWRpb1wiO1xuaW1wb3J0IHsgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0IH0gZnJvbSBcIi4uLy4uL2NvbnRleHRzXCI7XG5pbXBvcnQgdHlwZSB7IFJvd1NlbGVjdGlvbkl0ZW1Qcm9wcyB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRGVmYXVsdFJlY29yZCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL1RhYmxlLnR5cGVzXCI7XG5cbmNvbnN0IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50ID0gPFJlY29yZCBleHRlbmRzIERlZmF1bHRSZWNvcmQ+KFxuICBwcm9wczogUmFkaW9DZWxsQ29udGVudFdyYXBwZXJQcm9wczxSZWNvcmQ+XG4pID0+IHtcbiAgY29uc3QgeyByZW5kZXJDZWxsOiBSZW5kZXJDZWxsLCByZWNvcmQgfSA9IHByb3BzO1xuICBjb25zdCB7IGJvcmRlcmVkIH0gPSB1c2VUYWJsZUNvbnRleHQoKTtcbiAgY29uc3QgeyBjaGVja2JveFByb3BzTWFwLCBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQsIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24gfSA9XG4gICAgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IHJhZGlvUHJvcHMgPSBjaGVja2JveFByb3BzTWFwLmdldChrZXkpIGFzIFJvd1NlbGVjdGlvbkl0ZW1Qcm9wczxSYWRpb1Byb3BzPjtcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgcmFkaW9Qcm9wcz8ub25DbGljaz8uKGUpO1xuICB9KSBzYXRpc2ZpZXMgUmFkaW9Qcm9wc1tcIm9uQ2xpY2tcIl0pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGlmICghZGVyaXZlZFNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpKSB7XG4gICAgICB0cmlnZ2VyU2luZ2xlU2VsZWN0aW9uKGtleSwgdHJ1ZSwgW2tleV0sIGUubmF0aXZlRXZlbnQpO1xuICAgIH1cblxuICAgIHJhZGlvUHJvcHM/Lm9uQ2hhbmdlPy4oZSk7XG4gIH0pIHNhdGlzZmllcyBSYWRpb1Byb3BzW1wib25DaGFuZ2VcIl0pO1xuXG4gIGNvbnN0IFdyYXBwZXIgPSBSZW5kZXJDZWxsID8/IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSxcbiAgICAgICAgYm9yZGVyZWQgPyBnZXRCb3JkZXJlZFNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSgpIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICA+XG4gICAgICA8V3JhcHBlciB7Li4uKFJlbmRlckNlbGwgPyB7IHNlbGVjdGlvblR5cGU6IFwicmFkaW9cIiB9IDoge30pfT5cbiAgICAgICAgPFJhZGlvIHsuLi5yYWRpb1Byb3BzfSBjaGVja2VkPXtjaGVja2VkfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gLz5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBSYWRpb0NlbGxDb250ZW50V3JhcHBlciA9IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
-    selectionType: "radio"
+  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered.baseBorder ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:RadioCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSYWRpb0NlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vUmFkaW9DZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IFJhZGlvLCB0eXBlIFJhZGlvUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9SYWRpb1wiO1xuaW1wb3J0IHsgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0IH0gZnJvbSBcIi4uLy4uL2NvbnRleHRzXCI7XG5pbXBvcnQgdHlwZSB7IFJvd1NlbGVjdGlvbkl0ZW1Qcm9wcyB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRGVmYXVsdFJlY29yZCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL1RhYmxlLnR5cGVzXCI7XG5cbmNvbnN0IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50ID0gPFJlY29yZCBleHRlbmRzIERlZmF1bHRSZWNvcmQ+KFxuICBwcm9wczogUmFkaW9DZWxsQ29udGVudFdyYXBwZXJQcm9wczxSZWNvcmQ+XG4pID0+IHtcbiAgY29uc3QgeyByZW5kZXJDZWxsOiBSZW5kZXJDZWxsLCByZWNvcmQgfSA9IHByb3BzO1xuICBjb25zdCB7IGJvcmRlcmVkIH0gPSB1c2VUYWJsZUNvbnRleHQoKTtcbiAgY29uc3QgeyBjaGVja2JveFByb3BzTWFwLCBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQsIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24gfSA9XG4gICAgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IHJhZGlvUHJvcHMgPSBjaGVja2JveFByb3BzTWFwLmdldChrZXkpIGFzIFJvd1NlbGVjdGlvbkl0ZW1Qcm9wczxSYWRpb1Byb3BzPjtcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgcmFkaW9Qcm9wcz8ub25DbGljaz8uKGUpO1xuICB9KSBzYXRpc2ZpZXMgUmFkaW9Qcm9wc1tcIm9uQ2xpY2tcIl0pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGlmICghZGVyaXZlZFNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpKSB7XG4gICAgICB0cmlnZ2VyU2luZ2xlU2VsZWN0aW9uKGtleSwgdHJ1ZSwgW2tleV0sIGUubmF0aXZlRXZlbnQpO1xuICAgIH1cblxuICAgIHJhZGlvUHJvcHM/Lm9uQ2hhbmdlPy4oZSk7XG4gIH0pIHNhdGlzZmllcyBSYWRpb1Byb3BzW1wib25DaGFuZ2VcIl0pO1xuXG4gIGNvbnN0IFdyYXBwZXIgPSBSZW5kZXJDZWxsID8/IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSxcbiAgICAgICAgYm9yZGVyZWQuYmFzZUJvcmRlciA/IGdldEJvcmRlcmVkU2VsZWN0aW9uSXRlbUNvbnRhaW5lclN0eWxlKCkgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIDxXcmFwcGVyIHsuLi4oUmVuZGVyQ2VsbCA/IHsgc2VsZWN0aW9uVHlwZTogXCJyYWRpb1wiLCByZWNvcmQgfSA6IHt9KX0+XG4gICAgICAgIDxSYWRpbyB7Li4ucmFkaW9Qcm9wc30gY2hlY2tlZD17Y2hlY2tlZH0gb25DbGljaz17aGFuZGxlQ2xpY2t9IG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9IC8+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUmFkaW9DZWxsQ29udGVudFdyYXBwZXIgPSBSYWRpb0NlbGxDb250ZW50V3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"], children: /* @__PURE__ */ jsx(Wrapper, { ...RenderCell ? {
+    selectionType: "radio",
+    record
   } : {}, children: /* @__PURE__ */ jsx(Radio, { ...radioProps, checked, onClick: handleClick, onChange: handleChange }) }) });
 };
 const RadioCellContentWrapper = RadioCellContentWrapperComponent;

package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.js

@@ -1,5 +1,5 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { useCallback, Fragment } from "react";
+import { useMemo, useCallback, Fragment } from "react";
 import { addDefinedValueKeys } from "./useTransformColumns.utils.js";
 import { RadioCellContentWrapper } from "../../components/RadioCellContentWrapper/RadioCellContentWrapper.js";
 import { CheckboxCellContentWrapper } from "../../components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.js";
@@ -11,46 +11,57 @@ const useTransformColumns = (options) => {
   const {
     rowSelection
   } = options;
-  const transformColumns = useCallback(
-    (columns) => {
-      if (!rowSelection) {
-        return columns;
-      }
-      const {
-        columnTitle,
-        columnWidth = defaultRowSelectionColumnWidth,
-        hideSelectAll,
-        onCell,
-        getTitleCheckboxProps,
-        onSelectAll,
-        renderCell,
-        type = "checkbox"
-      } = rowSelection;
-      const Title = type === "checkbox" && !hideSelectAll ? HeaderCheckboxCellContentWrapper : Fragment;
-      const title = (() => {
-        if (isUndefined(columnTitle) || typeof columnTitle === "function") {
-          if (Title === Fragment) {
-            return;
-          }
-          return /* @__PURE__ */ jsx(Title, { columnTitle, getTitleCheckboxProps, onSelectAll });
-        }
-        return columnTitle;
-      })();
-      const selectionColumn = {
-        key: selectionColumnKey,
-        title,
-        render: (_, record) => type === "checkbox" ? /* @__PURE__ */ jsx(CheckboxCellContentWrapper, { renderCell, record }) : /* @__PURE__ */ jsx(RadioCellContentWrapper, { renderCell, record })
-      };
-      addDefinedValueKeys(selectionColumn, {
-        onCell,
-        width: columnWidth
-      });
-      columns.unshift(selectionColumn);
-      return columns;
-    },
-    // TODO: проверить стабильность ссылки во время внедрения (часто зависит от selectedKeys) PT-16172
-    [rowSelection]
+  const {
+    columnTitle,
+    columnWidth,
+    hideSelectAll,
+    onCell,
+    getTitleCheckboxProps,
+    onSelectAll,
+    renderCell,
+    type
+  } = rowSelection || {};
+  const stableRefRowSelection = useMemo(
+    () => rowSelection,
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
+    [columnTitle, columnWidth, hideSelectAll, onCell, getTitleCheckboxProps, onSelectAll, renderCell, type]
   );
+  const transformColumns = useCallback((columns) => {
+    if (!stableRefRowSelection) {
+      return columns;
+    }
+    const {
+      columnTitle: columnTitle2,
+      columnWidth: columnWidth2 = defaultRowSelectionColumnWidth,
+      hideSelectAll: hideSelectAll2,
+      onCell: onCell2,
+      getTitleCheckboxProps: getTitleCheckboxProps2,
+      onSelectAll: onSelectAll2,
+      renderCell: renderCell2,
+      type: type2 = "checkbox"
+    } = stableRefRowSelection;
+    const Title = type2 === "checkbox" && !hideSelectAll2 ? HeaderCheckboxCellContentWrapper : Fragment;
+    const title = (() => {
+      if (isUndefined(columnTitle2) || typeof columnTitle2 === "function") {
+        if (Title === Fragment) {
+          return;
+        }
+        return /* @__PURE__ */ jsx(Title, { columnTitle: columnTitle2, getTitleCheckboxProps: getTitleCheckboxProps2, onSelectAll: onSelectAll2 });
+      }
+      return columnTitle2;
+    })();
+    const selectionColumn = {
+      key: selectionColumnKey,
+      title,
+      render: (_, record) => type2 === "checkbox" ? /* @__PURE__ */ jsx(CheckboxCellContentWrapper, { renderCell: renderCell2, record }) : /* @__PURE__ */ jsx(RadioCellContentWrapper, { renderCell: renderCell2, record })
+    };
+    addDefinedValueKeys(selectionColumn, {
+      onCell: onCell2,
+      width: columnWidth2
+    });
+    columns.unshift(selectionColumn);
+    return columns;
+  }, [stableRefRowSelection]);
   return {
     transformColumns
   };

package/dist/components/Table/features/tableRowSelection/types.d.ts

@@ -5,8 +5,9 @@ import { AriaAttributes, ComponentType, PropsWithChildren, ReactNode } from 'rea
 type RowSelectionType = "checkbox" | "radio";
 export type RowSelectMethod = "all" | "none" | "invert" | "single" | "multiple";
 type SelectionSelectFn<T = DefaultRecord> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
-interface RenderCellProps extends PropsWithChildren {
+interface RenderCellProps<T> extends PropsWithChildren {
     selectionType?: RowSelectionType;
+    record?: T;
 }
 export interface TableRowSelection<T = DefaultRecord> {
     type?: RowSelectionType;
@@ -22,7 +23,7 @@ export interface TableRowSelection<T = DefaultRecord> {
     hideSelectAll?: boolean;
     columnWidth?: string | number;
     columnTitle?: ReactNode | ComponentType;
-    renderCell?: ComponentType<RenderCellProps>;
+    renderCell?: ComponentType<RenderCellProps<T>>;
     onCell?: GetComponentProps<T>;
 }
 export {};

package/dist/components/Table/features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.js

@@ -56,7 +56,7 @@ const HeaderCellWithSortComponent = (props) => {
     colStart,
     colEnd
   });
-  return /* @__PURE__ */ jsx(Cell, { component: HeaderCellComponent, align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [headerCellStyle(tableTokens), headerCellWithSortStyle(tableTokens), bordered ? borderedHeaderCellStyle(tableTokens, bordered) : void 0, ...getFixedCellStyle({
+  return /* @__PURE__ */ jsx(Cell, { component: HeaderCellComponent, align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [headerCellStyle(tableTokens), headerCellWithSortStyle(tableTokens), bordered.baseBorder ? borderedHeaderCellStyle(tableTokens, bordered) : void 0, ...getFixedCellStyle({
     columnKey: column.key,
     isFixStart,
     isFixEnd,
@@ -67,7 +67,7 @@ const HeaderCellWithSortComponent = (props) => {
     fixedEndShadow,
     showFixStartShadow,
     showFixEndShadow
-  }), headerCellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhlYWRlckNlbGxXaXRoU29ydFByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbFdpdGhTb3J0LnR5cGVzXCI7XG5pbXBvcnQgdHlwZSB7IERlZmF1bHRSZWNvcmQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9UYWJsZS50eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IHVzZUNlbGxGaXhlZEluZm8gfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9ob29rcy91c2VDZWxsRml4ZWRJbmZvL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB7IGdldEZpeGVkQ2VsbFN0eWxlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvaG9va3MvdXNlQ2VsbEZpeGVkSW5mby91c2VDZWxsRml4ZWRJbmZvLnN0eWxlc1wiO1xuaW1wb3J0IHsgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUgfSBmcm9tIFwiLi9IZWFkZXJDZWxsV2l0aFNvcnQuc3R5bGVzXCI7XG5pbXBvcnQgeyBDZWxsIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IGdldEhlYWRlckNlbGxTY29wZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvSGVhZGVyL2NvbXBvbmVudHMvSGVhZGVyQ2VsbC9IZWFkZXJDZWxsLnV0aWxzXCI7XG5pbXBvcnQge1xuICBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSxcbiAgaGVhZGVyQ2VsbFN0eWxlLFxufSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0hlYWRlci9jb21wb25lbnRzL0hlYWRlckNlbGwvSGVhZGVyQ2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUhlYWRlckNlbGxTb3J0IH0gZnJvbSBcIi4uLy4uL2hvb2tzXCI7XG5cbmNvbnN0IEhlYWRlckNlbGxXaXRoU29ydENvbXBvbmVudCA9IDxSZWNvcmQgZXh0ZW5kcyBEZWZhdWx0UmVjb3JkPihcbiAgcHJvcHM6IEhlYWRlckNlbGxXaXRoU29ydFByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IGNlbGwgfSA9IHByb3BzO1xuICBjb25zdCB7IGNoaWxkcmVuLCBjb2xTcGFuOiBjZWxsQ29sU3Bhbiwgcm93U3BhbjogY2VsbFJvd1NwYW4sIGNvbFN0YXJ0LCBjb2xFbmQsIGNvbHVtbiB9ID0gY2VsbDtcbiAgY29uc3QgeyBnZXRDb21wb25lbnQsIGJvcmRlcmVkLCB0YWJsZVRva2VucyB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IEhlYWRlckNlbGxDb21wb25lbnQgPSBnZXRDb21wb25lbnQoW1wiaGVhZGVyXCIsIFwiY2VsbFwiXSwgXCJ0aFwiKTtcblxuICBjb25zdCB7XG4gICAgY29sU3BhbixcbiAgICByb3dTcGFuLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgICBjc3M6IGhlYWRlckNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxIZWFkZXJDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkhlYWRlckNlbGw/Lihjb2x1bW4pIHx8IHt9O1xuXG4gIGNvbnN0IHsgb25DbGljaywgb25LZXlEb3duIH0gPSB1c2VIZWFkZXJDZWxsU29ydCh7XG4gICAgY29sdW1uLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgfSk7XG5cbiAgY29uc3Qge1xuICAgIGlzRml4U3RhcnQsXG4gICAgaXNGaXhFbmQsXG4gICAgZml4U3RhcnQsXG4gICAgZml4RW5kLFxuICAgIHpJbmRleFJldmVyc2UsXG4gICAgZml4ZWRTdGFydFNoYWRvdyxcbiAgICBmaXhlZEVuZFNoYWRvdyxcbiAgICBzaG93Rml4U3RhcnRTaGFkb3csXG4gICAgc2hvd0ZpeEVuZFNoYWRvdyxcbiAgfSA9IHVzZUNlbGxGaXhlZEluZm8oe1xuICAgIGNvbFN0YXJ0LFxuICAgIGNvbEVuZCxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2VsbFxuICAgICAgY29tcG9uZW50PXtIZWFkZXJDZWxsQ29tcG9uZW50fVxuICAgICAgYWxpZ249e2NvbHVtbi5hbGlnbn1cbiAgICAgIGVsbGlwc2lzPXtjb2x1bW4uZWxsaXBzaXN9XG4gICAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgICB0YWJsZVRva2Vucz17dGFibGVUb2tlbnN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgaGVhZGVyQ2VsbFN0eWxlKHRhYmxlVG9rZW5zKSxcbiAgICAgICAgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUodGFibGVUb2tlbnMpLFxuICAgICAgICBib3JkZXJlZCA/IGJvcmRlcmVkSGVhZGVyQ2VsbFN0eWxlKHRhYmxlVG9rZW5zLCBib3JkZXJlZCkgOiB1bmRlZmluZWQsXG4gICAgICAgIC4uLmdldEZpeGVkQ2VsbFN0eWxlKHtcbiAgICAgICAgICBjb2x1bW5LZXk6IGNvbHVtbi5rZXksXG4gICAgICAgICAgaXNGaXhTdGFydCxcbiAgICAgICAgICBpc0ZpeEVuZCxcbiAgICAgICAgICBmaXhTdGFydCxcbiAgICAgICAgICBmaXhFbmQsXG4gICAgICAgICAgekluZGV4UmV2ZXJzZSxcbiAgICAgICAgICBmaXhlZFN0YXJ0U2hhZG93LFxuICAgICAgICAgIGZpeGVkRW5kU2hhZG93LFxuICAgICAgICAgIHNob3dGaXhTdGFydFNoYWRvdyxcbiAgICAgICAgICBzaG93Rml4RW5kU2hhZG93LFxuICAgICAgICB9KSxcbiAgICAgICAgaGVhZGVyQ2VsbENzcyxcbiAgICAgIF19XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBvbktleURvd249e29uS2V5RG93bn1cbiAgICAgIHsuLi5yZXN0QWRkaXRpb25hbEhlYWRlckNlbGxQcm9wc31cbiAgICAgIGNvbFNwYW49e2NvbFNwYW4gPz8gY2VsbENvbFNwYW59XG4gICAgICByb3dTcGFuPXtyb3dTcGFuID8/IGNlbGxSb3dTcGFufVxuICAgICAgc2NvcGU9e2dldEhlYWRlckNlbGxTY29wZShjb2x1bW4udGl0bGUsIGNlbGxDb2xTcGFuKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9DZWxsPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGxXaXRoU29ydCA9IEhlYWRlckNlbGxXaXRoU29ydENvbXBvbmVudDtcbiJdfQ== */"], tabIndex: 0, onClick, onKeyDown, ...restAdditionalHeaderCellProps, colSpan: colSpan ?? cellColSpan, rowSpan: rowSpan ?? cellRowSpan, scope: getHeaderCellScope(column.title, cellColSpan), children });
+  }), headerCellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhlYWRlckNlbGxXaXRoU29ydFByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbFdpdGhTb3J0LnR5cGVzXCI7XG5pbXBvcnQgdHlwZSB7IERlZmF1bHRSZWNvcmQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9UYWJsZS50eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IHVzZUNlbGxGaXhlZEluZm8gfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9ob29rcy91c2VDZWxsRml4ZWRJbmZvL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB7IGdldEZpeGVkQ2VsbFN0eWxlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvaG9va3MvdXNlQ2VsbEZpeGVkSW5mby91c2VDZWxsRml4ZWRJbmZvLnN0eWxlc1wiO1xuaW1wb3J0IHsgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUgfSBmcm9tIFwiLi9IZWFkZXJDZWxsV2l0aFNvcnQuc3R5bGVzXCI7XG5pbXBvcnQgeyBDZWxsIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IGdldEhlYWRlckNlbGxTY29wZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvSGVhZGVyL2NvbXBvbmVudHMvSGVhZGVyQ2VsbC9IZWFkZXJDZWxsLnV0aWxzXCI7XG5pbXBvcnQge1xuICBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSxcbiAgaGVhZGVyQ2VsbFN0eWxlLFxufSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0hlYWRlci9jb21wb25lbnRzL0hlYWRlckNlbGwvSGVhZGVyQ2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUhlYWRlckNlbGxTb3J0IH0gZnJvbSBcIi4uLy4uL2hvb2tzXCI7XG5cbmNvbnN0IEhlYWRlckNlbGxXaXRoU29ydENvbXBvbmVudCA9IDxSZWNvcmQgZXh0ZW5kcyBEZWZhdWx0UmVjb3JkPihcbiAgcHJvcHM6IEhlYWRlckNlbGxXaXRoU29ydFByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IGNlbGwgfSA9IHByb3BzO1xuICBjb25zdCB7IGNoaWxkcmVuLCBjb2xTcGFuOiBjZWxsQ29sU3Bhbiwgcm93U3BhbjogY2VsbFJvd1NwYW4sIGNvbFN0YXJ0LCBjb2xFbmQsIGNvbHVtbiB9ID0gY2VsbDtcbiAgY29uc3QgeyBnZXRDb21wb25lbnQsIGJvcmRlcmVkLCB0YWJsZVRva2VucyB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IEhlYWRlckNlbGxDb21wb25lbnQgPSBnZXRDb21wb25lbnQoW1wiaGVhZGVyXCIsIFwiY2VsbFwiXSwgXCJ0aFwiKTtcblxuICBjb25zdCB7XG4gICAgY29sU3BhbixcbiAgICByb3dTcGFuLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgICBjc3M6IGhlYWRlckNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxIZWFkZXJDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkhlYWRlckNlbGw/Lihjb2x1bW4pIHx8IHt9O1xuXG4gIGNvbnN0IHsgb25DbGljaywgb25LZXlEb3duIH0gPSB1c2VIZWFkZXJDZWxsU29ydCh7XG4gICAgY29sdW1uLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgfSk7XG5cbiAgY29uc3Qge1xuICAgIGlzRml4U3RhcnQsXG4gICAgaXNGaXhFbmQsXG4gICAgZml4U3RhcnQsXG4gICAgZml4RW5kLFxuICAgIHpJbmRleFJldmVyc2UsXG4gICAgZml4ZWRTdGFydFNoYWRvdyxcbiAgICBmaXhlZEVuZFNoYWRvdyxcbiAgICBzaG93Rml4U3RhcnRTaGFkb3csXG4gICAgc2hvd0ZpeEVuZFNoYWRvdyxcbiAgfSA9IHVzZUNlbGxGaXhlZEluZm8oe1xuICAgIGNvbFN0YXJ0LFxuICAgIGNvbEVuZCxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2VsbFxuICAgICAgY29tcG9uZW50PXtIZWFkZXJDZWxsQ29tcG9uZW50fVxuICAgICAgYWxpZ249e2NvbHVtbi5hbGlnbn1cbiAgICAgIGVsbGlwc2lzPXtjb2x1bW4uZWxsaXBzaXN9XG4gICAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgICB0YWJsZVRva2Vucz17dGFibGVUb2tlbnN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgaGVhZGVyQ2VsbFN0eWxlKHRhYmxlVG9rZW5zKSxcbiAgICAgICAgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUodGFibGVUb2tlbnMpLFxuICAgICAgICBib3JkZXJlZC5iYXNlQm9yZGVyID8gYm9yZGVyZWRIZWFkZXJDZWxsU3R5bGUodGFibGVUb2tlbnMsIGJvcmRlcmVkKSA6IHVuZGVmaW5lZCxcbiAgICAgICAgLi4uZ2V0Rml4ZWRDZWxsU3R5bGUoe1xuICAgICAgICAgIGNvbHVtbktleTogY29sdW1uLmtleSxcbiAgICAgICAgICBpc0ZpeFN0YXJ0LFxuICAgICAgICAgIGlzRml4RW5kLFxuICAgICAgICAgIGZpeFN0YXJ0LFxuICAgICAgICAgIGZpeEVuZCxcbiAgICAgICAgICB6SW5kZXhSZXZlcnNlLFxuICAgICAgICAgIGZpeGVkU3RhcnRTaGFkb3csXG4gICAgICAgICAgZml4ZWRFbmRTaGFkb3csXG4gICAgICAgICAgc2hvd0ZpeFN0YXJ0U2hhZG93LFxuICAgICAgICAgIHNob3dGaXhFbmRTaGFkb3csXG4gICAgICAgIH0pLFxuICAgICAgICBoZWFkZXJDZWxsQ3NzLFxuICAgICAgXX1cbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgey4uLnJlc3RBZGRpdGlvbmFsSGVhZGVyQ2VsbFByb3BzfVxuICAgICAgY29sU3Bhbj17Y29sU3BhbiA/PyBjZWxsQ29sU3Bhbn1cbiAgICAgIHJvd1NwYW49e3Jvd1NwYW4gPz8gY2VsbFJvd1NwYW59XG4gICAgICBzY29wZT17Z2V0SGVhZGVyQ2VsbFNjb3BlKGNvbHVtbi50aXRsZSwgY2VsbENvbFNwYW4pfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0NlbGw+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbFdpdGhTb3J0ID0gSGVhZGVyQ2VsbFdpdGhTb3J0Q29tcG9uZW50O1xuIl19 */"], tabIndex: 0, onClick, onKeyDown, ...restAdditionalHeaderCellProps, colSpan: colSpan ?? cellColSpan, rowSpan: rowSpan ?? cellRowSpan, scope: getHeaderCellScope(column.title, cellColSpan), children });
 };
 const HeaderCellWithSort = HeaderCellWithSortComponent;
 export {

package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.d.ts

@@ -17,5 +17,7 @@ export declare const initialTableStaticContextValue: {
         readonly verticalScrollBarWidth: 0;
     };
     readonly initialSortState: undefined;
+    readonly emitCellHover: (...args: any[]) => void;
+    readonly headerColgroupRef: null;
 };
 export declare const createTableStaticContext: <Record extends DefaultRecord>() => import('react').Context<TableStaticContextValue<Record>>;

package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.js

@@ -16,7 +16,9 @@ const initialTableStaticContextValue = {
     horizontalScrollPositionRange: [0, 0],
     verticalScrollBarWidth: 0
   },
-  initialSortState: void 0
+  initialSortState: void 0,
+  emitCellHover: noop,
+  headerColgroupRef: null
 };
 const createTableStaticContext = once(() => {
   return createContext({

package/dist/components/Table/features/tableStaticContext/contexts/tableStaticContext/TableStaticContext.types.d.ts

@@ -2,6 +2,7 @@ import { MutableRefObject } from 'react';
 import { DefaultRecord, Key } from 'components/Table/Table.types';
 import { ColumnKey, OffsetWidth } from 'components/Table/components/Body/components/MeasureRow/MeasureRow';
 import { SortState } from 'components/Table/features/tableSort';
+import { useEmitter } from 'components/Table/features/typedEventBus';
 export type TableStaticValue<Record extends DefaultRecord> = {
     staticSelectedKeySet: Set<Key>;
     scrollableTableSectionInfo: {
@@ -19,6 +20,8 @@ export type TableStaticValue<Record extends DefaultRecord> = {
     initialSortState: SortState<Record> | undefined;
     sortState: SortState<Record> | undefined;
     triggerSorter: (sortState: SortState<Record>) => void;
+    emitCellHover: ReturnType<typeof useEmitter<"cell:hover">>;
+    headerColgroupRef: HTMLTableColElement | null;
 };
 export interface TableStaticContextValue<Record extends DefaultRecord> extends MutableRefObject<TableStaticValue<Record>> {
 }

package/dist/components/Table/features/tableStaticContext/hocs/withTableStaticContext.js

@@ -3,11 +3,16 @@ import { forwardRef } from "react";
 import { useStatic } from "../../../../../hooks/useStatic/useStatic.js";
 import { createTableStaticContext, initialTableStaticContextValue } from "../contexts/tableStaticContext/TableStaticContext.js";
 import { cloneDeep } from "lodash-es";
+import { useEmitter } from "../../typedEventBus/hooks.js";
 const withTableStaticContext = (Component) => {
   const WithTableStaticContext = forwardRef((props, ref) => {
+    const emitCellHover = useEmitter("cell:hover");
     const TableStaticContext = useStatic(() => createTableStaticContext());
     const tableStaticContextValueRef = useStatic(() => ({
-      current: cloneDeep(initialTableStaticContextValue)
+      current: {
+        ...cloneDeep(initialTableStaticContextValue),
+        emitCellHover
+      }
     }));
     return /* @__PURE__ */ jsx(TableStaticContext.Provider, { value: tableStaticContextValueRef, children: /* @__PURE__ */ jsx(Component, { ref, ...props }) });
   });

package/dist/components/Table/hooks/useBodyCellRender/useBodyCellRender.js

@@ -1,5 +1,5 @@
-import { get } from "lodash-es";
-import { useMemo } from "react";
+import { useMemo, isValidElement } from "react";
+import { get, isObjectLike } from "lodash-es";
 const useBodyCellRender = (options) => {
   const {
     record,
@@ -18,6 +18,9 @@ const useBodyCellRender = (options) => {
     if (render) {
       result = render(value, record, renderIndex);
     }
+    if (isObjectLike(result) && !Array.isArray(result) && !isValidElement(result)) {
+      result = null;
+    }
     return result;
   }, [record, dataIndex, renderIndex, render]);
   return {

package/dist/components/Table/hooks/useCellFixedInfo/useCellFixedInfo.js

@@ -1,9 +1,11 @@
-import { useState, useRef } from "react";
+import { useState } from "react";
 import { isNumber } from "lodash-es";
 import { useSubscribe } from "../../features/typedEventBus/hooks.js";
-import { getCellFixedMinimalInfo, getCellFixedInfo } from "./useCellFixedInfo.utils.js";
+import { initInfoRef, getCellFixedMinimalInfo, getCellFixedInfo } from "./useCellFixedInfo.utils.js";
+import { useStatic } from "../../../../hooks/useStatic/useStatic.js";
 import { useTableContext } from "../../contexts/tableContext/useTableContext/useTableContext.js";
-import { updateRefValue, getRefValue } from "../../utils/ref/ref.js";
+import { useTableStaticContext } from "../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
+import { getRefValue, updateRefValue } from "../../utils/ref/ref.js";
 const useCellFixedInfo = (options) => {
   const {
     colStart,
@@ -13,27 +15,23 @@ const useCellFixedInfo = (options) => {
     flattedColumns,
     isAllColumnsFixedStart
   } = useTableContext();
-  const [fixStart, setFixStart] = useState(null);
-  const [fixEnd, setFixEnd] = useState(null);
+  const staticContextRef = useTableStaticContext();
+  const infoRef = useStatic(() => initInfoRef({
+    staticContextRef,
+    colStart,
+    colEnd,
+    flattedColumns,
+    isAllColumnsFixedStart
+  }));
+  const [fixStart, setFixStart] = useState(() => getRefValue(infoRef, "fixStart"));
+  const [fixEnd, setFixEnd] = useState(() => getRefValue(infoRef, "fixEnd"));
   const isFixStart = isNumber(fixStart) && !isAllColumnsFixedStart;
   const isFixEnd = isNumber(fixEnd) && !isAllColumnsFixedStart;
-  const [fixedStartShadow, setFixedStartShadow] = useState(false);
-  const [fixedEndShadow, setFixedEndShadow] = useState(false);
-  const [zIndexReverse, setZIndexReverse] = useState(0);
-  const [showFixStartShadow, setShowFixStartShadow] = useState(false);
-  const [showFixEndShadow, setShowFixEndShadow] = useState(false);
-  const infoRef = useRef({
-    fixStart: null,
-    fixEnd: null,
-    fixedStartShadow: false,
-    fixedEndShadow: false,
-    offsetFixedStartShadow: 0,
-    offsetFixedEndShadow: 0,
-    zIndex: 0,
-    zIndexReverse: 0,
-    showStartShadow: false,
-    showEndShadow: false
-  });
+  const [fixedStartShadow, setFixedStartShadow] = useState(() => getRefValue(infoRef, "fixedStartShadow"));
+  const [fixedEndShadow, setFixedEndShadow] = useState(() => getRefValue(infoRef, "fixedEndShadow"));
+  const [zIndexReverse, setZIndexReverse] = useState(() => getRefValue(infoRef, "zIndexReverse"));
+  const [showFixStartShadow, setShowFixStartShadow] = useState(() => getRefValue(infoRef, "showStartShadow"));
+  const [showFixEndShadow, setShowFixEndShadow] = useState(() => getRefValue(infoRef, "showEndShadow"));
   const {
     skipSubscribe
   } = getCellFixedMinimalInfo(colStart, colEnd, flattedColumns);