@infomaximum/ui-kit 0.17.1 → 0.17.3

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

@@ -1,19 +1,32 @@
-import { ComponentProps, CSSProperties, ReactNode, UIEventHandler } from 'react';
+import { ComponentProps, CSSProperties, ReactNode } from 'react';
 import { GetComponentProps, TableComponents } from './interfaces/tableComponents.types';
 import { Column, Columns } from './interfaces/tableColumns.types';
 import { SortOrder, SorterResult } from './features/tableSort';
 import { TableRowSelection } from './features/tableRowSelection';
 import { ExpandableConfig } from './features/tableExpand';
-import { Theme } from 'themes';
+import { Theme } from '../../themes';
 import { Interpolation } from '@emotion/react';
 import { TableTokens } from './Table.tokens';
 import { SpinProps } from 'components/Spin';
+import { ScrollParams } from './hooks/useTableVisualParamsChange';
 export type Key = string | number;
+export interface Bordered {
+    baseBorder: boolean;
+    firstColumnCellInlineStart: boolean;
+    lastColumnCellInlineEnd: boolean;
+    emptyInline: boolean;
+    emptyBlockEnd: boolean;
+}
 export interface BorderedConfig {
-    emptyInline?: boolean;
-    emptyBlockEnd?: boolean;
-    firstColumnCellInlineStart?: boolean;
-    lastColumnCellInlineEnd?: boolean;
+    table?: boolean | {
+        baseBorder?: boolean;
+        firstColumnCellInlineStart?: boolean;
+        lastColumnCellInlineEnd?: boolean;
+    };
+    empty?: boolean | {
+        inline?: boolean;
+        blockEnd?: boolean;
+    };
 }
 type GetStyle = (tableTokens: TableTokens, theme: Theme) => Interpolation;
 export interface DefaultRecord<R extends DefaultRecord<R> = any> extends Record<string | number | symbol, any> {
@@ -35,16 +48,24 @@ export interface TableProps<Record extends DefaultRecord | null = DefaultRecord>
         x?: CSSProperties["width"] | true;
         y?: CSSProperties["maxHeight"];
     };
+    /** @default true */
     showHeader?: boolean;
-    onScroll?: UIEventHandler<HTMLDivElement>;
+    onScroll?: (params: ScrollParams) => void;
     bordered?: boolean | BorderedConfig;
     styles?: {
         table?: GetStyle;
         tableContainer?: GetStyle;
         tableBodyComponentWrapper?: GetStyle;
+        tableContentComponent?: GetStyle;
     };
-    footer?: (data: readonly Record[]) => ReactNode;
+    footer?: (data: readonly Record[], info: {
+        verticalScrollBarWidth: number;
+        hasHorizontalScroll: boolean;
+    }) => ReactNode;
+    /** @default false */
     loading?: boolean | Omit<SpinProps, "children" | "fullscreen">;
+    /** @default true */
+    rowHoverable?: boolean;
 }
 export type TableLayout = "auto" | "fixed";
 export {};

package/dist/components/Table/components/Body/Body.js

@@ -14,6 +14,7 @@ const BodyComponent = (props) => {
     sortedData,
     needMeasureColumnWidth,
     expandable,
+    spinning,
     renderNullifyBody
   } = props;
   const theme = useTheme();
@@ -40,16 +41,24 @@ const BodyComponent = (props) => {
   if (renderNullifyBody) {
     return;
   }
-  const rows = flattedData.length ? flattedData.map((item, idx) => {
-    const {
-      record,
-      indent,
-      index: renderIndex,
-      rowKey
-    } = item;
-    return /* @__PURE__ */ jsx(BodyRow, { index: idx, renderIndex, intent: indent, rowKey, record }, rowKey);
-  }) : /* @__PURE__ */ jsx(EmptyDataRow, {});
-  return /* @__PURE__ */ jsx(TableExpandedContext.Provider, { value: tableExpandedContextValue, children: /* @__PURE__ */ jsxs(BodyWrapperComponent, { css: tBodyStyle(theme), className: "rc-table-tbody", children: [
+  const rows = (() => {
+    if (flattedData.length === 0 && spinning) {
+      return null;
+    }
+    if (flattedData.length) {
+      return flattedData.map((item, idx) => {
+        const {
+          record,
+          indent,
+          index: renderIndex,
+          rowKey
+        } = item;
+        return /* @__PURE__ */ jsx(BodyRow, { index: idx, renderIndex, intent: indent, rowKey, record }, rowKey);
+      });
+    }
+    return /* @__PURE__ */ jsx(EmptyDataRow, {});
+  })();
+  return /* @__PURE__ */ jsx(TableExpandedContext.Provider, { value: tableExpandedContextValue, children: /* @__PURE__ */ jsxs(BodyWrapperComponent, { css: tBodyStyle(theme), className: "ui-kit-table-tbody", children: [
     needMeasureColumnWidth && /* @__PURE__ */ jsx(MeasureRow, {}),
     rows
   ] }) });

package/dist/components/Table/components/Body/Body.types.d.ts

@@ -4,4 +4,5 @@ export interface BodyProps<Record extends DefaultRecord> extends Pick<TableProps
     sortedData: ReturnType<typeof useTableSort<Record>>["sortedData"];
     needMeasureColumnWidth?: boolean;
     renderNullifyBody: boolean;
+    spinning?: boolean;
 }

package/dist/components/Table/components/Body/components/BodyCell/BodyCell.js

@@ -1,14 +1,17 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment } from "react";
+import { useMemo, Fragment } from "react";
 import { Cell } from "../../../Cell/Cell.js";
 import { useCellHover } from "../../../../hooks/useCellHover/useCellHover.js";
 import { useBodyCellRender } from "../../../../hooks/useBodyCellRender/useBodyCellRender.js";
 import { useCellFixedInfo } from "../../../../hooks/useCellFixedInfo/useCellFixedInfo.js";
 import { getFixedCellStyle } from "../../../../hooks/useCellFixedInfo/useCellFixedInfo.styles.js";
-import { bodyCellStyle, getBorderedBodyCellStyle, nonHeaderBorderedBodyCellStyle, getCellInnerWrapperStyle } from "./BodyCell.styles.js";
+import { getCellInnerWrapperStyle, bodyCellStyle, getBorderedBodyCellStyle, nonHeaderBorderedBodyCellStyle } from "./BodyCell.styles.js";
+import { useEvent } from "../../../../../../hooks/useEvent/useEvent.js";
 import { useTheme } from "../../../../../../hooks/useTheme/useTheme.js";
 import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { useTableStaticContext } from "../../../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
 import { ExpandIconWrapper } from "../../../../features/tableExpand/components/ExpandIconWrapper/ExpandIconWrapper.js";
+import { getRefValue } from "../../../../utils/ref/ref.js";
 const BodyCellComponent = (props) => {
   var _a;
   const {
@@ -34,8 +37,10 @@ const BodyCellComponent = (props) => {
     expandIconColumnIndex,
     bordered,
     tableTokens,
-    showHeader
+    showHeader,
+    rowHoverable
   } = useTableContext();
+  const staticContextRef = useTableStaticContext();
   const {
     isFixStart,
     isFixEnd,
@@ -60,10 +65,9 @@ const BodyCellComponent = (props) => {
   } = ((_a = column.onCell) == null ? void 0 : _a.call(column, record, index)) || {};
   const notRenderedCell = cellColSpan === 0 || cellRowSpan === 0;
   const rowSpan = cellRowSpan ?? 1;
-  const prefixNode = colIndex === expandIconColumnIndex && isSomeRecordHasChildren && /* @__PURE__ */ jsx(ExpandIconWrapper, { rowKey, record, expandable: record && Boolean(record.children) });
+  const prefixNode = useMemo(() => colIndex === expandIconColumnIndex && isSomeRecordHasChildren && /* @__PURE__ */ jsx(ExpandIconWrapper, { rowKey, record, expandable: record && Boolean(record.children) }), [colIndex, expandIconColumnIndex, isSomeRecordHasChildren, record, rowKey]);
   const {
-    isHovered,
-    emitCellHover
+    isHovered
   } = useCellHover({
     index,
     rowSpan,
@@ -77,22 +81,31 @@ const BodyCellComponent = (props) => {
     renderIndex,
     render
   });
-  const handleMouseEnter = (e) => {
+  const handleMouseEnter = useEvent((e) => {
+    const emitCellHover = getRefValue(staticContextRef, "emitCellHover");
     emitCellHover({
       start: index,
       end: index + rowSpan - 1
     });
     cellOnMouseEnter == null ? void 0 : cellOnMouseEnter(e);
-  };
-  const handleMouseLeave = (e) => {
+  });
+  const handleMouseLeave = useEvent((e) => {
+    const emitCellHover = getRefValue(staticContextRef, "emitCellHover");
     emitCellHover({
       start: -1,
       end: -1
     });
     cellOnMouseLeave == null ? void 0 : cellOnMouseLeave(e);
-  };
+  });
   const CellInnerWrapper = prefixNode ? "div" : Fragment;
-  return /* @__PURE__ */ jsx(Cell, { component: rowScope ? getComponent(["body", "cell"], "th") : getComponent(["body", "cell"], "td"), align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [bodyCellStyle(tableTokens), bordered ? getBorderedBodyCellStyle(bordered) : void 0, bordered && !showHeader ? nonHeaderBorderedBodyCellStyle(tableTokens) : void 0, ...getFixedCellStyle({
+  const content = useMemo(() => /* @__PURE__ */ jsxs(CellInnerWrapper, { ...prefixNode ? {
+    "data-indent-level": intent,
+    css: getCellInnerWrapperStyle(indentSize, intent)(theme)
+  } : {}, children: [
+    prefixNode,
+    children
+  ] }), [CellInnerWrapper, children, indentSize, intent, prefixNode, theme]);
+  return /* @__PURE__ */ jsx(Cell, { component: rowScope ? getComponent(["body", "cell"], "th") : getComponent(["body", "cell"], "td"), align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [bodyCellStyle(tableTokens), bordered.baseBorder ? getBorderedBodyCellStyle(bordered) : void 0, bordered.baseBorder && !showHeader ? nonHeaderBorderedBodyCellStyle(tableTokens) : void 0, ...getFixedCellStyle({
     columnKey: column.key,
     isFixStart,
     isFixEnd,
@@ -103,13 +116,7 @@ const BodyCellComponent = (props) => {
     fixedEndShadow,
     showFixStartShadow,
     showFixEndShadow
-  }), cellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9Cb2R5L2NvbXBvbmVudHMvQm9keUNlbGwvQm9keUNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvQm9keS9jb21wb25lbnRzL0JvZHlDZWxsL0JvZHlDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50LCB0eXBlIE1vdXNlRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJvZHlDZWxsUHJvcHMgfSBmcm9tIFwiLi9Cb2R5Q2VsbC50eXBlc1wiO1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gXCIuLi8uLi8uLi9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IHVzZUNlbGxIb3ZlciB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2hvb2tzL3VzZUNlbGxIb3ZlclwiO1xuaW1wb3J0IHsgdXNlQm9keUNlbGxSZW5kZXIgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9ob29rcy91c2VCb2R5Q2VsbFJlbmRlclwiO1xuaW1wb3J0IHR5cGUgeyBEZWZhdWx0UmVjb3JkIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VDZWxsRml4ZWRJbmZvLCBnZXRGaXhlZENlbGxTdHlsZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2hvb2tzL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQge1xuICBib2R5Q2VsbFN0eWxlLFxuICBnZXRCb3JkZXJlZEJvZHlDZWxsU3R5bGUsXG4gIGdldENlbGxJbm5lcldyYXBwZXJTdHlsZSxcbiAgbm9uSGVhZGVyQm9yZGVyZWRCb2R5Q2VsbFN0eWxlLFxufSBmcm9tIFwiLi9Cb2R5Q2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IEV4cGFuZEljb25XcmFwcGVyIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVFeHBhbmRcIjtcblxuY29uc3QgQm9keUNlbGxDb21wb25lbnQgPSA8UmVjb3JkIGV4dGVuZHMgRGVmYXVsdFJlY29yZD4ocHJvcHM6IEJvZHlDZWxsUHJvcHM8UmVjb3JkPikgPT4ge1xuICBjb25zdCB7IGNvbHVtbiwgcmVjb3JkLCBpbmRleCwgY29sSW5kZXgsIHJvd0tleSwgaW50ZW50LCByZW5kZXJJbmRleCwgaXNSb3dTZWxlY3RlZCB9ID0gcHJvcHM7XG4gIGNvbnN0IHsgcm93U2NvcGUsIGRhdGFJbmRleCwgcmVuZGVyIH0gPSBjb2x1bW47XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3Qge1xuICAgIGdldENvbXBvbmVudCxcbiAgICBpc1NvbWVSZWNvcmRIYXNDaGlsZHJlbixcbiAgICBpbmRlbnRTaXplLFxuICAgIGV4cGFuZEljb25Db2x1bW5JbmRleCxcbiAgICBib3JkZXJlZCxcbiAgICB0YWJsZVRva2VucyxcbiAgICBzaG93SGVhZGVyLFxuICB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG5cbiAgY29uc3Qge1xuICAgIGlzRml4U3RhcnQsXG4gICAgaXNGaXhFbmQsXG4gICAgZml4U3RhcnQsXG4gICAgZml4RW5kLFxuICAgIHpJbmRleFJldmVyc2UsXG4gICAgZml4ZWRTdGFydFNoYWRvdyxcbiAgICBmaXhlZEVuZFNoYWRvdyxcbiAgICBzaG93Rml4U3RhcnRTaGFkb3csXG4gICAgc2hvd0ZpeEVuZFNoYWRvdyxcbiAgfSA9IHVzZUNlbGxGaXhlZEluZm8oe1xuICAgIGNvbFN0YXJ0OiBjb2xJbmRleCxcbiAgICBjb2xFbmQ6IGNvbEluZGV4LFxuICB9KTtcblxuICBjb25zdCB7XG4gICAgcm93U3BhbjogY2VsbFJvd1NwYW4sXG4gICAgY29sU3BhbjogY2VsbENvbFNwYW4sXG4gICAgb25Nb3VzZUVudGVyOiBjZWxsT25Nb3VzZUVudGVyLFxuICAgIG9uTW91c2VMZWF2ZTogY2VsbE9uTW91c2VMZWF2ZSxcbiAgICBjc3M6IGNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkNlbGw/LihyZWNvcmQsIGluZGV4KSB8fCB7fTtcblxuICBjb25zdCBub3RSZW5kZXJlZENlbGwgPSBjZWxsQ29sU3BhbiA9PT0gMCB8fCBjZWxsUm93U3BhbiA9PT0gMDtcbiAgY29uc3Qgcm93U3BhbiA9IGNlbGxSb3dTcGFuID8/IDE7XG5cbiAgY29uc3QgcHJlZml4Tm9kZSA9IGNvbEluZGV4ID09PSBleHBhbmRJY29uQ29sdW1uSW5kZXggJiYgaXNTb21lUmVjb3JkSGFzQ2hpbGRyZW4gJiYgKFxuICAgIDxFeHBhbmRJY29uV3JhcHBlclxuICAgICAgcm93S2V5PXtyb3dLZXl9XG4gICAgICByZWNvcmQ9e3JlY29yZH1cbiAgICAgIGV4cGFuZGFibGU9e3JlY29yZCAmJiBCb29sZWFuKHJlY29yZC5jaGlsZHJlbil9XG4gICAgLz5cbiAgKTtcblxuICBjb25zdCB7IGlzSG92ZXJlZCwgZW1pdENlbGxIb3ZlciB9ID0gdXNlQ2VsbEhvdmVyKHtcbiAgICBpbmRleCxcbiAgICByb3dTcGFuLFxuICAgIHNraXBTdWJzY3JpYmU6IG5vdFJlbmRlcmVkQ2VsbCxcbiAgfSk7XG5cbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gdXNlQm9keUNlbGxSZW5kZXIoe1xuICAgIHJlY29yZCxcbiAgICBkYXRhSW5kZXgsXG4gICAgcmVuZGVySW5kZXgsXG4gICAgcmVuZGVyLFxuICB9KTtcblxuICBjb25zdCBoYW5kbGVNb3VzZUVudGVyOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MVGFibGVDZWxsRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGVtaXRDZWxsSG92ZXIoe1xuICAgICAgc3RhcnQ6IGluZGV4LFxuICAgICAgZW5kOiBpbmRleCArIHJvd1NwYW4gLSAxLFxuICAgIH0pO1xuXG4gICAgY2VsbE9uTW91c2VFbnRlcj8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxUYWJsZUNlbGxFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgZW1pdENlbGxIb3Zlcih7XG4gICAgICBzdGFydDogLTEsXG4gICAgICBlbmQ6IC0xLFxuICAgIH0pO1xuXG4gICAgY2VsbE9uTW91c2VMZWF2ZT8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IENlbGxJbm5lcldyYXBwZXIgPSBwcmVmaXhOb2RlID8gXCJkaXZcIiA6IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPENlbGxcbiAgICAgIGNvbXBvbmVudD17XG4gICAgICAgIHJvd1Njb3BlID8gZ2V0Q29tcG9uZW50KFtcImJvZHlcIiwgXCJjZWxsXCJdLCBcInRoXCIpIDogZ2V0Q29tcG9uZW50KFtcImJvZHlcIiwgXCJjZWxsXCJdLCBcInRkXCIpXG4gICAgICB9XG4gICAgICBhbGlnbj17Y29sdW1uLmFsaWdufVxuICAgICAgZWxsaXBzaXM9e2NvbHVtbi5lbGxpcHNpc31cbiAgICAgIGJvcmRlcmVkPXtib3JkZXJlZH1cbiAgICAgIHRhYmxlVG9rZW5zPXt0YWJsZVRva2Vuc31cbiAgICAgIGNzcz17W1xuICAgICAgICBib2R5Q2VsbFN0eWxlKHRhYmxlVG9rZW5zKSxcbiAgICAgICAgYm9yZGVyZWQgPyBnZXRCb3JkZXJlZEJvZHlDZWxsU3R5bGUoYm9yZGVyZWQpIDogdW5kZWZpbmVkLFxuICAgICAgICBib3JkZXJlZCAmJiAhc2hvd0hlYWRlciA/IG5vbkhlYWRlckJvcmRlcmVkQm9keUNlbGxTdHlsZSh0YWJsZVRva2VucykgOiB1bmRlZmluZWQsXG4gICAgICAgIC4uLmdldEZpeGVkQ2VsbFN0eWxlKHtcbiAgICAgICAgICBjb2x1bW5LZXk6IGNvbHVtbi5rZXksXG4gICAgICAgICAgaXNGaXhTdGFydCxcbiAgICAgICAgICBpc0ZpeEVuZCxcbiAgICAgICAgICBmaXhTdGFydCxcbiAgICAgICAgICBmaXhFbmQsXG4gICAgICAgICAgekluZGV4UmV2ZXJzZSxcbiAgICAgICAgICBmaXhlZFN0YXJ0U2hhZG93LFxuICAgICAgICAgIGZpeGVkRW5kU2hhZG93LFxuICAgICAgICAgIHNob3dGaXhTdGFydFNoYWRvdyxcbiAgICAgICAgICBzaG93Rml4RW5kU2hhZG93LFxuICAgICAgICB9KSxcbiAgICAgICAgY2VsbENzcyxcbiAgICAgIF19XG4gICAgICByb3dTcGFuPXtjZWxsUm93U3Bhbn1cbiAgICAgIGNvbFNwYW49e2NlbGxDb2xTcGFufVxuICAgICAgb25Nb3VzZUVudGVyPXtoYW5kbGVNb3VzZUVudGVyfVxuICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgey4uLnJlc3RBZGRpdGlvbmFsQ2VsbFByb3BzfVxuICAgICAgc2NvcGU9e3Jvd1Njb3BlfVxuICAgICAgaXNIb3ZlcmVkPXtpc0hvdmVyZWR9XG4gICAgICBpc1Jvd1NlbGVjdGVkPXtpc1Jvd1NlbGVjdGVkfVxuICAgID5cbiAgICAgIDxDZWxsSW5uZXJXcmFwcGVyXG4gICAgICAgIHsuLi4ocHJlZml4Tm9kZVxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICBcImRhdGEtaW5kZW50LWxldmVsXCI6IGludGVudCxcbiAgICAgICAgICAgICAgY3NzOiBnZXRDZWxsSW5uZXJXcmFwcGVyU3R5bGUoaW5kZW50U2l6ZSwgaW50ZW50KSh0aGVtZSksXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB7fSl9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXhOb2RlfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0NlbGxJbm5lcldyYXBwZXI+XG4gICAgPC9DZWxsPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEJvZHlDZWxsID0gQm9keUNlbGxDb21wb25lbnQ7XG4iXX0= */"], rowSpan: cellRowSpan, colSpan: cellColSpan, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...restAdditionalCellProps, scope: rowScope, isHovered, isRowSelected, children: /* @__PURE__ */ jsxs(CellInnerWrapper, { ...prefixNode ? {
-    "data-indent-level": intent,
-    css: getCellInnerWrapperStyle(indentSize, intent)(theme)
-  } : {}, children: [
-    prefixNode,
-    children
-  ] }) });
+  }), cellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9Cb2R5L2NvbXBvbmVudHMvQm9keUNlbGwvQm9keUNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJJTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvQm9keS9jb21wb25lbnRzL0JvZHlDZWxsL0JvZHlDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50LCB1c2VNZW1vLCB0eXBlIE1vdXNlRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJvZHlDZWxsUHJvcHMgfSBmcm9tIFwiLi9Cb2R5Q2VsbC50eXBlc1wiO1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gXCIuLi8uLi8uLi9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IHVzZUNlbGxIb3ZlciB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2hvb2tzL3VzZUNlbGxIb3ZlclwiO1xuaW1wb3J0IHsgdXNlQm9keUNlbGxSZW5kZXIgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9ob29rcy91c2VCb2R5Q2VsbFJlbmRlclwiO1xuaW1wb3J0IHR5cGUgeyBEZWZhdWx0UmVjb3JkIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvVGFibGUudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VDZWxsRml4ZWRJbmZvLCBnZXRGaXhlZENlbGxTdHlsZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2hvb2tzL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQge1xuICBib2R5Q2VsbFN0eWxlLFxuICBnZXRCb3JkZXJlZEJvZHlDZWxsU3R5bGUsXG4gIGdldENlbGxJbm5lcldyYXBwZXJTdHlsZSxcbiAgbm9uSGVhZGVyQm9yZGVyZWRCb2R5Q2VsbFN0eWxlLFxufSBmcm9tIFwiLi9Cb2R5Q2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IEV4cGFuZEljb25XcmFwcGVyIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVFeHBhbmRcIjtcbmltcG9ydCB7IHVzZVRhYmxlU3RhdGljQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2ZlYXR1cmVzL3RhYmxlU3RhdGljQ29udGV4dFwiO1xuaW1wb3J0IHsgZ2V0UmVmVmFsdWUgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlRXZlbnQgfSBmcm9tIFwiaG9va3MvdXNlRXZlbnRcIjtcblxuY29uc3QgQm9keUNlbGxDb21wb25lbnQgPSA8UmVjb3JkIGV4dGVuZHMgRGVmYXVsdFJlY29yZD4ocHJvcHM6IEJvZHlDZWxsUHJvcHM8UmVjb3JkPikgPT4ge1xuICBjb25zdCB7IGNvbHVtbiwgcmVjb3JkLCBpbmRleCwgY29sSW5kZXgsIHJvd0tleSwgaW50ZW50LCByZW5kZXJJbmRleCwgaXNSb3dTZWxlY3RlZCB9ID0gcHJvcHM7XG4gIGNvbnN0IHsgcm93U2NvcGUsIGRhdGFJbmRleCwgcmVuZGVyIH0gPSBjb2x1bW47XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3Qge1xuICAgIGdldENvbXBvbmVudCxcbiAgICBpc1NvbWVSZWNvcmRIYXNDaGlsZHJlbixcbiAgICBpbmRlbnRTaXplLFxuICAgIGV4cGFuZEljb25Db2x1bW5JbmRleCxcbiAgICBib3JkZXJlZCxcbiAgICB0YWJsZVRva2VucyxcbiAgICBzaG93SGVhZGVyLFxuICAgIHJvd0hvdmVyYWJsZSxcbiAgfSA9IHVzZVRhYmxlQ29udGV4dCgpO1xuICBjb25zdCBzdGF0aWNDb250ZXh0UmVmID0gdXNlVGFibGVTdGF0aWNDb250ZXh0KCk7XG5cbiAgY29uc3Qge1xuICAgIGlzRml4U3RhcnQsXG4gICAgaXNGaXhFbmQsXG4gICAgZml4U3RhcnQsXG4gICAgZml4RW5kLFxuICAgIHpJbmRleFJldmVyc2UsXG4gICAgZml4ZWRTdGFydFNoYWRvdyxcbiAgICBmaXhlZEVuZFNoYWRvdyxcbiAgICBzaG93Rml4U3RhcnRTaGFkb3csXG4gICAgc2hvd0ZpeEVuZFNoYWRvdyxcbiAgfSA9IHVzZUNlbGxGaXhlZEluZm8oe1xuICAgIGNvbFN0YXJ0OiBjb2xJbmRleCxcbiAgICBjb2xFbmQ6IGNvbEluZGV4LFxuICB9KTtcblxuICBjb25zdCB7XG4gICAgcm93U3BhbjogY2VsbFJvd1NwYW4sXG4gICAgY29sU3BhbjogY2VsbENvbFNwYW4sXG4gICAgb25Nb3VzZUVudGVyOiBjZWxsT25Nb3VzZUVudGVyLFxuICAgIG9uTW91c2VMZWF2ZTogY2VsbE9uTW91c2VMZWF2ZSxcbiAgICBjc3M6IGNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkNlbGw/LihyZWNvcmQsIGluZGV4KSB8fCB7fTtcblxuICBjb25zdCBub3RSZW5kZXJlZENlbGwgPSBjZWxsQ29sU3BhbiA9PT0gMCB8fCBjZWxsUm93U3BhbiA9PT0gMDtcbiAgY29uc3Qgcm93U3BhbiA9IGNlbGxSb3dTcGFuID8/IDE7XG5cbiAgY29uc3QgcHJlZml4Tm9kZSA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGNvbEluZGV4ID09PSBleHBhbmRJY29uQ29sdW1uSW5kZXggJiZcbiAgICAgIGlzU29tZVJlY29yZEhhc0NoaWxkcmVuICYmIChcbiAgICAgICAgPEV4cGFuZEljb25XcmFwcGVyXG4gICAgICAgICAgcm93S2V5PXtyb3dLZXl9XG4gICAgICAgICAgcmVjb3JkPXtyZWNvcmR9XG4gICAgICAgICAgZXhwYW5kYWJsZT17cmVjb3JkICYmIEJvb2xlYW4ocmVjb3JkLmNoaWxkcmVuKX1cbiAgICAgICAgLz5cbiAgICAgICksXG4gICAgW2NvbEluZGV4LCBleHBhbmRJY29uQ29sdW1uSW5kZXgsIGlzU29tZVJlY29yZEhhc0NoaWxkcmVuLCByZWNvcmQsIHJvd0tleV1cbiAgKTtcblxuICBjb25zdCB7IGlzSG92ZXJlZCB9ID0gdXNlQ2VsbEhvdmVyKHtcbiAgICBpbmRleCxcbiAgICByb3dTcGFuLFxuICAgIHNraXBTdWJzY3JpYmU6IG5vdFJlbmRlcmVkQ2VsbCxcbiAgfSk7XG5cbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gdXNlQm9keUNlbGxSZW5kZXIoe1xuICAgIHJlY29yZCxcbiAgICBkYXRhSW5kZXgsXG4gICAgcmVuZGVySW5kZXgsXG4gICAgcmVuZGVyLFxuICB9KTtcblxuICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gdXNlRXZlbnQoKGUpID0+IHtcbiAgICBjb25zdCBlbWl0Q2VsbEhvdmVyID0gZ2V0UmVmVmFsdWUoc3RhdGljQ29udGV4dFJlZiwgXCJlbWl0Q2VsbEhvdmVyXCIpO1xuXG4gICAgZW1pdENlbGxIb3Zlcih7XG4gICAgICBzdGFydDogaW5kZXgsXG4gICAgICBlbmQ6IGluZGV4ICsgcm93U3BhbiAtIDEsXG4gICAgfSk7XG5cbiAgICBjZWxsT25Nb3VzZUVudGVyPy4oZSk7XG4gIH0pIHNhdGlzZmllcyBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MVGFibGVDZWxsRWxlbWVudD47XG5cbiAgY29uc3QgaGFuZGxlTW91c2VMZWF2ZSA9IHVzZUV2ZW50KChlKSA9PiB7XG4gICAgY29uc3QgZW1pdENlbGxIb3ZlciA9IGdldFJlZlZhbHVlKHN0YXRpY0NvbnRleHRSZWYsIFwiZW1pdENlbGxIb3ZlclwiKTtcblxuICAgIGVtaXRDZWxsSG92ZXIoe1xuICAgICAgc3RhcnQ6IC0xLFxuICAgICAgZW5kOiAtMSxcbiAgICB9KTtcblxuICAgIGNlbGxPbk1vdXNlTGVhdmU/LihlKTtcbiAgfSkgc2F0aXNmaWVzIE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxUYWJsZUNlbGxFbGVtZW50PjtcblxuICBjb25zdCBDZWxsSW5uZXJXcmFwcGVyID0gcHJlZml4Tm9kZSA/IFwiZGl2XCIgOiBGcmFnbWVudDtcblxuICBjb25zdCBjb250ZW50ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoXG4gICAgICA8Q2VsbElubmVyV3JhcHBlclxuICAgICAgICB7Li4uKHByZWZpeE5vZGVcbiAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgXCJkYXRhLWluZGVudC1sZXZlbFwiOiBpbnRlbnQsXG4gICAgICAgICAgICAgIGNzczogZ2V0Q2VsbElubmVyV3JhcHBlclN0eWxlKGluZGVudFNpemUsIGludGVudCkodGhlbWUpLFxuICAgICAgICAgICAgfVxuICAgICAgICAgIDoge30pfVxuICAgICAgPlxuICAgICAgICB7cHJlZml4Tm9kZX1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9DZWxsSW5uZXJXcmFwcGVyPlxuICAgICksXG4gICAgW0NlbGxJbm5lcldyYXBwZXIsIGNoaWxkcmVuLCBpbmRlbnRTaXplLCBpbnRlbnQsIHByZWZpeE5vZGUsIHRoZW1lXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPENlbGxcbiAgICAgIGNvbXBvbmVudD17XG4gICAgICAgIHJvd1Njb3BlID8gZ2V0Q29tcG9uZW50KFtcImJvZHlcIiwgXCJjZWxsXCJdLCBcInRoXCIpIDogZ2V0Q29tcG9uZW50KFtcImJvZHlcIiwgXCJjZWxsXCJdLCBcInRkXCIpXG4gICAgICB9XG4gICAgICBhbGlnbj17Y29sdW1uLmFsaWdufVxuICAgICAgZWxsaXBzaXM9e2NvbHVtbi5lbGxpcHNpc31cbiAgICAgIGJvcmRlcmVkPXtib3JkZXJlZH1cbiAgICAgIHRhYmxlVG9rZW5zPXt0YWJsZVRva2Vuc31cbiAgICAgIGNzcz17W1xuICAgICAgICBib2R5Q2VsbFN0eWxlKHRhYmxlVG9rZW5zKSxcbiAgICAgICAgYm9yZGVyZWQuYmFzZUJvcmRlciA/IGdldEJvcmRlcmVkQm9keUNlbGxTdHlsZShib3JkZXJlZCkgOiB1bmRlZmluZWQsXG4gICAgICAgIGJvcmRlcmVkLmJhc2VCb3JkZXIgJiYgIXNob3dIZWFkZXJcbiAgICAgICAgICA/IG5vbkhlYWRlckJvcmRlcmVkQm9keUNlbGxTdHlsZSh0YWJsZVRva2VucylcbiAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgLi4uZ2V0Rml4ZWRDZWxsU3R5bGUoe1xuICAgICAgICAgIGNvbHVtbktleTogY29sdW1uLmtleSxcbiAgICAgICAgICBpc0ZpeFN0YXJ0LFxuICAgICAgICAgIGlzRml4RW5kLFxuICAgICAgICAgIGZpeFN0YXJ0LFxuICAgICAgICAgIGZpeEVuZCxcbiAgICAgICAgICB6SW5kZXhSZXZlcnNlLFxuICAgICAgICAgIGZpeGVkU3RhcnRTaGFkb3csXG4gICAgICAgICAgZml4ZWRFbmRTaGFkb3csXG4gICAgICAgICAgc2hvd0ZpeFN0YXJ0U2hhZG93LFxuICAgICAgICAgIHNob3dGaXhFbmRTaGFkb3csXG4gICAgICAgIH0pLFxuICAgICAgICBjZWxsQ3NzLFxuICAgICAgXX1cbiAgICAgIHJvd1NwYW49e2NlbGxSb3dTcGFufVxuICAgICAgY29sU3Bhbj17Y2VsbENvbFNwYW59XG4gICAgICBvbk1vdXNlRW50ZXI9e3Jvd0hvdmVyYWJsZSA/IGhhbmRsZU1vdXNlRW50ZXIgOiB1bmRlZmluZWR9XG4gICAgICBvbk1vdXNlTGVhdmU9e3Jvd0hvdmVyYWJsZSA/IGhhbmRsZU1vdXNlTGVhdmUgOiB1bmRlZmluZWR9XG4gICAgICB7Li4ucmVzdEFkZGl0aW9uYWxDZWxsUHJvcHN9XG4gICAgICBzY29wZT17cm93U2NvcGV9XG4gICAgICBpc0hvdmVyZWQ9e2lzSG92ZXJlZH1cbiAgICAgIGlzUm93U2VsZWN0ZWQ9e2lzUm93U2VsZWN0ZWR9XG4gICAgPlxuICAgICAge2NvbnRlbnR9XG4gICAgPC9DZWxsPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEJvZHlDZWxsID0gQm9keUNlbGxDb21wb25lbnQ7XG4iXX0= */"], rowSpan: cellRowSpan, colSpan: cellColSpan, onMouseEnter: rowHoverable ? handleMouseEnter : void 0, onMouseLeave: rowHoverable ? handleMouseLeave : void 0, ...restAdditionalCellProps, scope: rowScope, isHovered, isRowSelected, children: content });
 };
 const BodyCell = BodyCellComponent;
 export {

package/dist/components/Table/components/Body/components/BodyCell/BodyCell.styles.d.ts

@@ -1,5 +1,5 @@
 import { TableTokens } from 'components/Table/Table.tokens';
-import { BorderedConfig } from 'components/Table/Table.types';
+import { Bordered } from 'components/Table/Table.types';
 import { Theme } from 'themes';
 export declare const getCellInnerWrapperStyle: (indentSize: number, intent: number) => (theme: Theme) => {
     display: string;
@@ -10,7 +10,7 @@ export declare const bodyCellStyle: (tableTokens: TableTokens) => {
     borderColor: "#E5E5E5";
     backgroundColor: "#FFFFFF";
 };
-export declare const getBorderedBodyCellStyle: (borderedConfig: Required<BorderedConfig>) => {
+export declare const getBorderedBodyCellStyle: (bordered: Bordered) => {
     ":last-of-type": {
         borderInlineEndWidth: number;
     };

package/dist/components/Table/components/Body/components/BodyCell/BodyCell.styles.js

@@ -7,15 +7,15 @@ const bodyCellStyle = (tableTokens) => ({
   borderColor: tableTokens.tableRowBorder,
   backgroundColor: tableTokens.tableRowBg
 });
-const getBorderedBodyCellStyle = (borderedConfig) => ({
+const getBorderedBodyCellStyle = (bordered) => ({
   borderInlineEndWidth: 1,
-  ...borderedConfig.firstColumnCellInlineStart ? {
+  ...bordered.firstColumnCellInlineStart ? {
     ":first-of-type": {
       borderInlineStartWidth: 1
     }
   } : {},
   ":last-of-type": {
-    borderInlineEndWidth: borderedConfig.lastColumnCellInlineEnd ? 1 : 0
+    borderInlineEndWidth: bordered.lastColumnCellInlineEnd ? 1 : 0
   }
 });
 const nonHeaderBorderedBodyCellStyle = (tableTokens) => ({

package/dist/components/Table/components/Body/components/MeasureCell/MeasureCell.js

@@ -1,13 +1,15 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { useRef, useLayoutEffect } from "react";
+import { useRef, useLayoutEffect, useCallback } from "react";
 import ResizeObserver from "rc-resize-observer";
 import { measureCellStyle, titleWrapperStyle } from "./MeasureCell.styles.js";
+import { roundToHundredths } from "../MeasureRow/MeasureRow.utils.js";
 import { useTableStaticContext } from "../../../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
 import { getRefValue } from "../../../../utils/ref/ref.js";
 const MeasureCellComponent = (props) => {
   const {
     columnKey,
-    title
+    title,
+    index
   } = props;
   const staticContextRef = useTableStaticContext();
   const tdRef = useRef(null);
@@ -20,12 +22,19 @@ const MeasureCellComponent = (props) => {
     const {
       width
     } = td.getBoundingClientRect();
-    colsWidthsMap.set(columnKey, width);
+    colsWidthsMap.set(columnKey, roundToHundredths(width));
     return () => {
       colsWidthsMap.delete(columnKey);
     };
   }, [columnKey, staticContextRef]);
-  return /* @__PURE__ */ jsx(ResizeObserver, { data: columnKey, children: /* @__PURE__ */ jsx("td", { ref: tdRef, css: measureCellStyle, children: /* @__PURE__ */ jsx("div", { css: titleWrapperStyle, children: title }) }) });
+  const handleResize = useCallback((size) => {
+    const headerColgroupRef = getRefValue(staticContextRef, "headerColgroupRef");
+    if (!headerColgroupRef) {
+      return;
+    }
+    headerColgroupRef.style.setProperty(`--col${index}-width`, `${roundToHundredths(size.offsetWidth)}px`);
+  }, [index, staticContextRef]);
+  return /* @__PURE__ */ jsx(ResizeObserver, { data: columnKey, onResize: handleResize, children: /* @__PURE__ */ jsx("td", { ref: tdRef, css: measureCellStyle, children: /* @__PURE__ */ jsx("div", { css: titleWrapperStyle, children: title }) }) });
 };
 const MeasureCell = MeasureCellComponent;
 export {

package/dist/components/Table/components/Body/components/MeasureCell/MeasureCell.types.d.ts

@@ -2,5 +2,6 @@ import { Key } from 'components/Table/Table.types';
 import { ReactNode } from 'react';
 export interface MeasureCellProps {
     columnKey: Key;
+    index: number;
     title?: ReactNode;
 }

package/dist/components/Table/components/Body/components/MeasureRow/MeasureRow.js

@@ -4,10 +4,12 @@ import { MeasureCell } from "../MeasureCell/MeasureCell.js";
 import ResizeObserver from "rc-resize-observer";
 import { useEvent } from "../../../../../../hooks/useEvent/useEvent.js";
 import { useEmitter } from "../../../../features/typedEventBus/hooks.js";
-import { getColumnsKeys } from "./MeasureRow.utils.js";
+import { getColumnsKeys, roundToHundredths } from "./MeasureRow.utils.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, updateRefValue } from "../../../../utils/ref/ref.js";
+import { selectionColumnKey } from "../../../../features/tableRowSelection/utils/const.js";
 const MeasureRowComponent = () => {
   const {
     flattedColumns
@@ -24,11 +26,12 @@ const MeasureRowComponent = () => {
       const {
         offsetWidth
       } = size;
+      const roundedOffsetWidth = roundToHundredths(offsetWidth);
       if (!colsWidthsMap.has(data)) {
-        colsWidthsMap.set(data, offsetWidth);
+        colsWidthsMap.set(data, roundedOffsetWidth);
       }
-      if (offsetWidth !== colsWidthsMap.get(data)) {
-        colsWidthsMap.set(data, offsetWidth);
+      if (roundedOffsetWidth !== colsWidthsMap.get(data)) {
+        colsWidthsMap.set(data, roundedOffsetWidth);
       }
     });
     const colWidths = colsKeys.map((columnKey) => colsWidthsMap.get(columnKey) ?? -1);
@@ -57,28 +60,31 @@ const MeasureRowComponent = () => {
     return measureCellsInfo;
   }, [colsKeys, flattedColumns, staticContextRef]);
   useLayoutEffect(() => {
-    const isTableFirstMount = getRefValue(staticContextRef, "isTableFirstMount");
-    const measureCellsInfo = updateMeasureCellsInfo([]);
-    if (isTableFirstMount) {
-      return;
-    }
-    emitTableVisualParamsChange({
-      measureCellsInfo
-    });
-  }, [emitTableVisualParamsChange, staticContextRef, updateMeasureCellsInfo]);
+    updateMeasureCellsInfo([]);
+  }, [updateMeasureCellsInfo]);
   const firstCallRef = useRef(true);
   const handleBatchResize = useCallback((resizeInfo) => {
+    const measureCellsInfo = updateMeasureCellsInfo(resizeInfo);
+    const isTableFirstMount = getRefValue(staticContextRef, "isTableFirstMount");
+    const horizontalScrollPositionRange = getRefValue(staticContextRef, "scrollableTableSectionInfo.horizontalScrollPositionRange");
+    if (!isTableFirstMount) {
+      firstCallRef.current = false;
+    }
     if (firstCallRef.current) {
       firstCallRef.current = false;
       return;
     }
-    const measureCellsInfo = updateMeasureCellsInfo(resizeInfo);
     emitTableVisualParamsChange({
-      measureCellsInfo
+      measureCellsInfo,
+      horizontalScrollPositionRange
     });
-  }, [emitTableVisualParamsChange, updateMeasureCellsInfo]);
-  return /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(ResizeObserver.Collection, { onBatchResize: handleBatchResize, children: flattedColumns.map((flattedColumn) => {
-    return /* @__PURE__ */ jsx(MeasureCell, { columnKey: flattedColumn.key, title: flattedColumn.title }, flattedColumn.key);
+  }, [emitTableVisualParamsChange, staticContextRef, updateMeasureCellsInfo]);
+  return /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(ResizeObserver.Collection, { onBatchResize: handleBatchResize, children: flattedColumns.map(({
+    key,
+    title,
+    colSpan
+  }, index) => {
+    return /* @__PURE__ */ jsx(MeasureCell, { index, columnKey: key, title: key === selectionColumnKey || isNumber(colSpan) && colSpan !== 1 ? void 0 : title }, key);
   }) }) });
 };
 const MeasureRow = MeasureRowComponent;

package/dist/components/Table/components/Body/components/MeasureRow/MeasureRow.utils.d.ts

@@ -2,3 +2,4 @@ import { Key } from 'components/Table/Table.types';
 export declare function getColumnsKeys(columns: readonly {
     key: Key;
 }[]): Key[];
+export declare const roundToHundredths: (number: number) => number;

package/dist/components/Table/components/Body/components/MeasureRow/MeasureRow.utils.js

@@ -8,6 +8,8 @@ function getColumnsKeys(columns) {
   });
   return columnKeys;
 }
+const roundToHundredths = (number) => Math.round((number + Number.EPSILON) * 100) / 100;
 export {
-  getColumnsKeys
+  getColumnsKeys,
+  roundToHundredths
 };

package/dist/components/Table/components/Cell/Cell.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { CellProps } from './Cell.types';
-export declare const Cell: FC<CellProps>;
+export declare const Cell: import('react').NamedExoticComponent<CellProps>;

package/dist/components/Table/components/Cell/Cell.js

@@ -1,5 +1,6 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { getCellStyle, getCellBackgroundStyle, ellipsisStyle } from "./Cell.styles.js";
+import { memo } from "react";
+import { getCellStyle, getCellBackgroundStyle, ellipsisStyle, getAlignStyle } from "./Cell.styles.js";
 const CellComponent = (props) => {
   const {
     component: Component,
@@ -17,9 +18,9 @@ const CellComponent = (props) => {
   if (colSpan === 0 || rowSpan === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Component, { colSpan: colSpan === 1 ? void 0 : colSpan, rowSpan: rowSpan === 1 ? void 0 : rowSpan, ...rest, css: [getCellStyle(tableTokens, bordered), getCellBackgroundStyle(tableTokens, isRowSelected, isHovered), ellipsis ? ellipsisStyle : void 0, process.env.NODE_ENV === "production" ? "" : ";label:CellComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9DZWxsL0NlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvQ2VsbC9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRkMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ2VsbFByb3BzIH0gZnJvbSBcIi4vQ2VsbC50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0Q2VsbFN0eWxlLCBnZXRDZWxsQmFja2dyb3VuZFN0eWxlLCBlbGxpcHNpc1N0eWxlIH0gZnJvbSBcIi4vQ2VsbC5zdHlsZXNcIjtcblxuY29uc3QgQ2VsbENvbXBvbmVudDogRkM8Q2VsbFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgY29tcG9uZW50OiBDb21wb25lbnQsXG4gICAgY29sU3BhbixcbiAgICByb3dTcGFuLFxuICAgIGNoaWxkcmVuLFxuICAgIGlzSG92ZXJlZCxcbiAgICBpc1Jvd1NlbGVjdGVkLFxuICAgIGFsaWduLFxuICAgIGJvcmRlcmVkLFxuICAgIHRhYmxlVG9rZW5zLFxuICAgIGVsbGlwc2lzLFxuICAgIC4uLnJlc3RcbiAgfSA9IHByb3BzO1xuXG4gIGlmIChjb2xTcGFuID09PSAwIHx8IHJvd1NwYW4gPT09IDApIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY29sU3Bhbj17Y29sU3BhbiA9PT0gMSA/IHVuZGVmaW5lZCA6IGNvbFNwYW59XG4gICAgICByb3dTcGFuPXtyb3dTcGFuID09PSAxID8gdW5kZWZpbmVkIDogcm93U3Bhbn1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgY3NzPXtbXG4gICAgICAgIGdldENlbGxTdHlsZSh0YWJsZVRva2VucywgYm9yZGVyZWQpLFxuICAgICAgICBnZXRDZWxsQmFja2dyb3VuZFN0eWxlKHRhYmxlVG9rZW5zLCBpc1Jvd1NlbGVjdGVkLCBpc0hvdmVyZWQpLFxuICAgICAgICBlbGxpcHNpcyA/IGVsbGlwc2lzU3R5bGUgOiB1bmRlZmluZWQsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDZWxsID0gQ2VsbENvbXBvbmVudDtcbiJdfQ== */"], children });
+  return /* @__PURE__ */ jsx(Component, { colSpan: colSpan === 1 ? void 0 : colSpan, rowSpan: rowSpan === 1 ? void 0 : rowSpan, ...rest, css: [getCellStyle(tableTokens, bordered), getCellBackgroundStyle(tableTokens, isRowSelected, isHovered), ellipsis ? ellipsisStyle : void 0, getAlignStyle(align), process.env.NODE_ENV === "production" ? "" : ";label:CellComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9DZWxsL0NlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvQ2VsbC9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1lbW8sIHR5cGUgRkMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ2VsbFByb3BzIH0gZnJvbSBcIi4vQ2VsbC50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QWxpZ25TdHlsZSwgZ2V0Q2VsbFN0eWxlLCBnZXRDZWxsQmFja2dyb3VuZFN0eWxlLCBlbGxpcHNpc1N0eWxlIH0gZnJvbSBcIi4vQ2VsbC5zdHlsZXNcIjtcblxuY29uc3QgQ2VsbENvbXBvbmVudDogRkM8Q2VsbFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgY29tcG9uZW50OiBDb21wb25lbnQsXG4gICAgY29sU3BhbixcbiAgICByb3dTcGFuLFxuICAgIGNoaWxkcmVuLFxuICAgIGlzSG92ZXJlZCxcbiAgICBpc1Jvd1NlbGVjdGVkLFxuICAgIGFsaWduLFxuICAgIGJvcmRlcmVkLFxuICAgIHRhYmxlVG9rZW5zLFxuICAgIGVsbGlwc2lzLFxuICAgIC4uLnJlc3RcbiAgfSA9IHByb3BzO1xuXG4gIGlmIChjb2xTcGFuID09PSAwIHx8IHJvd1NwYW4gPT09IDApIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY29sU3Bhbj17Y29sU3BhbiA9PT0gMSA/IHVuZGVmaW5lZCA6IGNvbFNwYW59XG4gICAgICByb3dTcGFuPXtyb3dTcGFuID09PSAxID8gdW5kZWZpbmVkIDogcm93U3Bhbn1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgY3NzPXtbXG4gICAgICAgIGdldENlbGxTdHlsZSh0YWJsZVRva2VucywgYm9yZGVyZWQpLFxuICAgICAgICBnZXRDZWxsQmFja2dyb3VuZFN0eWxlKHRhYmxlVG9rZW5zLCBpc1Jvd1NlbGVjdGVkLCBpc0hvdmVyZWQpLFxuICAgICAgICBlbGxpcHNpcyA/IGVsbGlwc2lzU3R5bGUgOiB1bmRlZmluZWQsXG4gICAgICAgIGdldEFsaWduU3R5bGUoYWxpZ24pLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2VsbCA9IG1lbW8oQ2VsbENvbXBvbmVudCk7XG4iXX0= */"], children });
 };
-const Cell = CellComponent;
+const Cell = memo(CellComponent);
 export {
   Cell
 };

package/dist/components/Table/components/Cell/Cell.styles.d.ts

@@ -1,6 +1,7 @@
 import { TableTokens } from 'components/Table/Table.tokens';
-import { BorderedConfig } from 'components/Table/Table.types';
-export declare const getCellStyle: (tableTokens: TableTokens, bordered?: false | Required<BorderedConfig>) => {
+import { Bordered } from 'components/Table/Table.types';
+import { CellProps } from './Cell.types';
+export declare const getCellStyle: (tableTokens: TableTokens, bordered: Bordered) => {
     readonly boxSizing: "border-box";
     readonly padding: 0;
     readonly borderWidth: 0;
@@ -26,3 +27,8 @@ export declare const ellipsisStyle: {
     whiteSpace: string;
     overflow: string;
 };
+export declare const getAlignStyle: (align: CellProps["align"]) => {
+    "&": {
+        textAlign: import("csstype").Property.TextAlign | undefined;
+    };
+};

package/dist/components/Table/components/Cell/Cell.styles.js

@@ -6,12 +6,12 @@ const getCellStyle = (tableTokens, bordered) => ({
   borderBottomWidth: 1,
   paddingTop: tableTokens.tableCellPaddingVertical,
   paddingBottom: tableTokens.tableCellPaddingVertical - 1,
-  paddingInline: bordered ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal,
+  paddingInline: bordered.baseBorder ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal,
   ":first-of-type": {
-    paddingInlineStart: bordered && bordered.firstColumnCellInlineStart ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal
+    paddingInlineStart: bordered.baseBorder && bordered.firstColumnCellInlineStart ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal
   },
   ":last-of-type": {
-    paddingInlineEnd: bordered && bordered.lastColumnCellInlineEnd ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal
+    paddingInlineEnd: bordered.baseBorder && bordered.lastColumnCellInlineEnd ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal
   }
 });
 const getCellBackgroundStyle = (tableTokens, isRowSelected, isHovered) => ({
@@ -24,8 +24,14 @@ const ellipsisStyle = {
   whiteSpace: "nowrap",
   overflow: "hidden"
 };
+const getAlignStyle = (align) => ({
+  "&": {
+    textAlign: align
+  }
+});
 export {
   ellipsisStyle,
+  getAlignStyle,
   getCellBackgroundStyle,
   getCellStyle
 };

package/dist/components/Table/components/Cell/Cell.types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentType, CSSProperties, PropsWithChildren, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 import { CellEllipsisType, ScopeType } from '../../interfaces/tableColumns.types';
 import { TableTokens } from 'components/Table/Table.tokens';
-import { BorderedConfig } from 'components/Table/Table.types';
+import { Bordered } from 'components/Table/Table.types';
 export interface CellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align">, Omit<TdHTMLAttributes<HTMLTableCellElement>, "align">, PropsWithChildren {
     component: "th" | "td" | ComponentType<JSX.IntrinsicElements["td"] | JSX.IntrinsicElements["th"]>;
     colSpan?: number;
@@ -11,6 +11,6 @@ export interface CellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>,
     isRowSelected?: boolean;
     align?: CSSProperties["textAlign"];
     ellipsis?: CellEllipsisType;
-    bordered?: false | Required<BorderedConfig>;
+    bordered: Bordered;
     tableTokens: TableTokens;
 }

package/dist/components/Table/components/EmptyDataRow/EmptyDataRow.js

@@ -1,8 +1,8 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { memo, useContext, useState, useMemo } from "react";
 import { useSubscribe } from "../../features/typedEventBus/hooks.js";
-import { isUndefined, isObject, isNumber } from "lodash-es";
-import { getCellStyle, getBorderedCellStyle, emptyWrapperStyle } from "./EmptyDataRow.styles.js";
+import { isUndefined, isNumber } from "lodash-es";
+import { getCellStyle, borderedCellStyle, emptyWrapperStyle } from "./EmptyDataRow.styles.js";
 import { getEndRangeInfo } from "./EmptyDataRow.utils.js";
 import { ConfigContext } from "../../../ConfigProvider/contexts/ConfigContext.js";
 import { useTableContext } from "../../contexts/tableContext/useTableContext/useTableContext.js";
@@ -54,11 +54,11 @@ const EmptyDataRowComponent = () => {
     }
     return /* @__PURE__ */ jsx(Empty, {});
   }, [renderEmpty]);
-  const hasInlineBorder = Boolean(bordered && bordered.emptyInline);
-  const hasBlockEndBorder = !isObject(bordered) || Boolean(bordered && bordered.emptyBlockEnd);
+  const hasInlineBorder = bordered.emptyInline;
+  const hasBlockEndBorder = bordered.emptyBlockEnd;
   return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { css: [cellOverflowX ? {
     overflowX: cellOverflowX
-  } : void 0, getCellStyle(tableTokens, hasBlockEndBorder), bordered ? getBorderedCellStyle(hasInlineBorder) : void 0, process.env.NODE_ENV === "production" ? "" : ";label:EmptyDataRowComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9FbXB0eURhdGFSb3cvRW1wdHlEYXRhUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRVEiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0VtcHR5RGF0YVJvdy9FbXB0eURhdGFSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ29udGV4dCwgdXNlTWVtbywgdXNlU3RhdGUsIHR5cGUgQ1NTUHJvcGVydGllcywgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBFbXB0eURhdGFSb3dQcm9wcyB9IGZyb20gXCIuL0VtcHR5RGF0YVJvdy50eXBlc1wiO1xuaW1wb3J0IHsgdXNlU3Vic2NyaWJlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdHlwZWRFdmVudEJ1c1wiO1xuaW1wb3J0IHsgaXNOdW1iZXIsIGlzT2JqZWN0LCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IEVtcHR5IH0gZnJvbSBcImNvbXBvbmVudHMvRW1wdHlcIjtcbmltcG9ydCB7IHVzZVRhYmxlU3RhdGljQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2ZlYXR1cmVzL3RhYmxlU3RhdGljQ29udGV4dFwiO1xuaW1wb3J0IHsgZ2V0UmVmVmFsdWUgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IGdldEJvcmRlcmVkQ2VsbFN0eWxlLCBnZXRDZWxsU3R5bGUsIGVtcHR5V3JhcHBlclN0eWxlIH0gZnJvbSBcIi4vRW1wdHlEYXRhUm93LnN0eWxlc1wiO1xuaW1wb3J0IHsgQ29uZmlnQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL0NvbmZpZ1Byb3ZpZGVyXCI7XG5pbXBvcnQgeyBnZXRFbmRSYW5nZUluZm8gfSBmcm9tIFwiLi9FbXB0eURhdGFSb3cudXRpbHNcIjtcblxuY29uc3QgRW1wdHlEYXRhUm93Q29tcG9uZW50OiBGQzxFbXB0eURhdGFSb3dQcm9wcz4gPSAoKSA9PiB7XG4gIGNvbnN0IHsgcmVuZGVyRW1wdHkgfSA9IHVzZUNvbnRleHQoQ29uZmlnQ29udGV4dCk7XG4gIGNvbnN0IHsgZmxhdHRlZENvbHVtbnMsIGJvcmRlcmVkLCB0YWJsZVRva2VucywgaG9yaXpvblNjcm9sbCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IHN0YXRpY0NvbnRleHRSZWYgPSB1c2VUYWJsZVN0YXRpY0NvbnRleHQoKTtcblxuICBjb25zdCBbY2xpZW50V2lkdGgsIHNldENsaWVudFdpZHRoXSA9IHVzZVN0YXRlKCgpID0+IHtcbiAgICBjb25zdCBjbGllbnRXaWR0aCA9IGdldFJlZlZhbHVlKHN0YXRpY0NvbnRleHRSZWYsIFwic2Nyb2xsYWJsZVRhYmxlU2VjdGlvbkluZm8uY2xpZW50V2lkdGhcIik7XG4gICAgY29uc3QgdmVydGljYWxTY3JvbGxCYXJXaWR0aCA9IGdldFJlZlZhbHVlKFxuICAgICAgc3RhdGljQ29udGV4dFJlZixcbiAgICAgIFwic2Nyb2xsYWJsZVRhYmxlU2VjdGlvbkluZm8udmVydGljYWxTY3JvbGxCYXJXaWR0aFwiXG4gICAgKTtcbiAgICBjb25zdCB7IGhhc0VuZFJhbmdlIH0gPSBnZXRFbmRSYW5nZUluZm8oc3RhdGljQ29udGV4dFJlZik7XG5cbiAgICByZXR1cm4gaGFzRW5kUmFuZ2UgPyBjbGllbnRXaWR0aCArIHZlcnRpY2FsU2Nyb2xsQmFyV2lkdGggOiB1bmRlZmluZWQ7XG4gIH0pO1xuICBjb25zdCBbY2VsbE92ZXJmbG93WCwgc2V0Q2VsbE92ZXJmbG93WF0gPSB1c2VTdGF0ZTxDU1NQcm9wZXJ0aWVzW1wib3ZlcmZsb3dYXCJdPigoKSA9PiB7XG4gICAgY29uc3QgeyBoYXNFbmRSYW5nZSB9ID0gZ2V0RW5kUmFuZ2VJbmZvKHN0YXRpY0NvbnRleHRSZWYpO1xuXG4gICAgcmV0dXJuIGhhc0VuZFJhbmdlID8gdW5kZWZpbmVkIDogXCJoaWRkZW5cIjtcbiAgfSk7XG5cbiAgdXNlU3Vic2NyaWJlKFxuICAgIFwidGFibGUtdmlzdWFsLXBhcmFtczpjaGFuZ2VcIixcbiAgICAodmFsdWUpID0+IHtcbiAgICAgIGNvbnN0IHsgY2xpZW50V2lkdGgsIGhvcml6b250YWxTY3JvbGxQb3NpdGlvblJhbmdlIH0gPSB2YWx1ZTtcblxuICAgICAgaWYgKGlzVW5kZWZpbmVkKGNsaWVudFdpZHRoKSB8fCAhaG9yaXpvbnRhbFNjcm9sbFBvc2l0aW9uUmFuZ2UpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjb25zdCB7IGhhc0VuZFJhbmdlIH0gPSBnZXRFbmRSYW5nZUluZm8oaG9yaXpvbnRhbFNjcm9sbFBvc2l0aW9uUmFuZ2UpO1xuXG4gICAgICBzZXRDbGllbnRXaWR0aChoYXNFbmRSYW5nZSA/IGNsaWVudFdpZHRoIDogdW5kZWZpbmVkKTtcbiAgICAgIHNldENlbGxPdmVyZmxvd1goaGFzRW5kUmFuZ2UgPyB1bmRlZmluZWQgOiBcImhpZGRlblwiKTtcbiAgICB9LFxuICAgIGZhbHNlLFxuICAgIFtdLFxuICAgIHRydWVcbiAgKTtcblxuICBjb25zdCBlbXB0eSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChyZW5kZXJFbXB0eSkge1xuICAgICAgcmV0dXJuIHJlbmRlckVtcHR5KCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIDxFbXB0eSAvPjtcbiAgfSwgW3JlbmRlckVtcHR5XSk7XG5cbiAgY29uc3QgaGFzSW5saW5lQm9yZGVyID0gQm9vbGVhbihib3JkZXJlZCAmJiBib3JkZXJlZC5lbXB0eUlubGluZSk7XG4gIGNvbnN0IGhhc0Jsb2NrRW5kQm9yZGVyID0gIWlzT2JqZWN0KGJvcmRlcmVkKSB8fCBCb29sZWFuKGJvcmRlcmVkICYmIGJvcmRlcmVkLmVtcHR5QmxvY2tFbmQpO1xuXG4gIHJldHVybiAoXG4gICAgPHRyPlxuICAgICAgPHRkXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNlbGxPdmVyZmxvd1ggPyB7IG92ZXJmbG93WDogY2VsbE92ZXJmbG93WCB9IDogdW5kZWZpbmVkLFxuICAgICAgICAgIGdldENlbGxTdHlsZSh0YWJsZVRva2VucywgaGFzQmxvY2tFbmRCb3JkZXIpLFxuICAgICAgICAgIGJvcmRlcmVkID8gZ2V0Qm9yZGVyZWRDZWxsU3R5bGUoaGFzSW5saW5lQm9yZGVyKSA6IHVuZGVmaW5lZCxcbiAgICAgICAgXX1cbiAgICAgICAgY29sU3Bhbj17ZmxhdHRlZENvbHVtbnMubGVuZ3RofVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgc3R5bGU9e1xuICAgICAgICAgICAgaG9yaXpvblNjcm9sbFxuICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgIHdpZHRoOlxuICAgICAgICAgICAgICAgICAgICBpc051bWJlcihjbGllbnRXaWR0aCkgJiYgY2xpZW50V2lkdGggPiAwICYmIGhhc0lubGluZUJvcmRlclxuICAgICAgICAgICAgICAgICAgICAgID8gY2xpZW50V2lkdGggLSAyXG4gICAgICAgICAgICAgICAgICAgICAgOiBjbGllbnRXaWR0aCxcbiAgICAgICAgICAgICAgICAgIGxlZnQ6IGhhc0lubGluZUJvcmRlciA/IDEgOiAwLFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICB9XG4gICAgICAgICAgY3NzPXtob3Jpem9uU2Nyb2xsID8gZW1wdHlXcmFwcGVyU3R5bGUgOiB1bmRlZmluZWR9XG4gICAgICAgID5cbiAgICAgICAgICB7ZW1wdHl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC90ZD5cbiAgICA8L3RyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEVtcHR5RGF0YVJvdyA9IG1lbW8oRW1wdHlEYXRhUm93Q29tcG9uZW50KTtcbiJdfQ== */"], colSpan: flattedColumns.length, children: /* @__PURE__ */ jsx("div", { style: horizonScroll ? {
+  } : void 0, getCellStyle(tableTokens, hasBlockEndBorder), hasInlineBorder ? borderedCellStyle : void 0, process.env.NODE_ENV === "production" ? "" : ";label:EmptyDataRowComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9FbXB0eURhdGFSb3cvRW1wdHlEYXRhUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRVEiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0VtcHR5RGF0YVJvdy9FbXB0eURhdGFSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ29udGV4dCwgdXNlTWVtbywgdXNlU3RhdGUsIHR5cGUgQ1NTUHJvcGVydGllcywgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBFbXB0eURhdGFSb3dQcm9wcyB9IGZyb20gXCIuL0VtcHR5RGF0YVJvdy50eXBlc1wiO1xuaW1wb3J0IHsgdXNlU3Vic2NyaWJlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdHlwZWRFdmVudEJ1c1wiO1xuaW1wb3J0IHsgaXNOdW1iZXIsIGlzVW5kZWZpbmVkIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgRW1wdHkgfSBmcm9tIFwiY29tcG9uZW50cy9FbXB0eVwiO1xuaW1wb3J0IHsgdXNlVGFibGVTdGF0aWNDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTdGF0aWNDb250ZXh0XCI7XG5pbXBvcnQgeyBnZXRSZWZWYWx1ZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9jb250ZXh0c1wiO1xuaW1wb3J0IHsgZ2V0Q2VsbFN0eWxlLCBlbXB0eVdyYXBwZXJTdHlsZSwgYm9yZGVyZWRDZWxsU3R5bGUgfSBmcm9tIFwiLi9FbXB0eURhdGFSb3cuc3R5bGVzXCI7XG5pbXBvcnQgeyBDb25maWdDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvQ29uZmlnUHJvdmlkZXJcIjtcbmltcG9ydCB7IGdldEVuZFJhbmdlSW5mbyB9IGZyb20gXCIuL0VtcHR5RGF0YVJvdy51dGlsc1wiO1xuXG5jb25zdCBFbXB0eURhdGFSb3dDb21wb25lbnQ6IEZDPEVtcHR5RGF0YVJvd1Byb3BzPiA9ICgpID0+IHtcbiAgY29uc3QgeyByZW5kZXJFbXB0eSB9ID0gdXNlQ29udGV4dChDb25maWdDb250ZXh0KTtcbiAgY29uc3QgeyBmbGF0dGVkQ29sdW1ucywgYm9yZGVyZWQsIHRhYmxlVG9rZW5zLCBob3Jpem9uU2Nyb2xsIH0gPSB1c2VUYWJsZUNvbnRleHQoKTtcbiAgY29uc3Qgc3RhdGljQ29udGV4dFJlZiA9IHVzZVRhYmxlU3RhdGljQ29udGV4dCgpO1xuXG4gIGNvbnN0IFtjbGllbnRXaWR0aCwgc2V0Q2xpZW50V2lkdGhdID0gdXNlU3RhdGUoKCkgPT4ge1xuICAgIGNvbnN0IGNsaWVudFdpZHRoID0gZ2V0UmVmVmFsdWUoc3RhdGljQ29udGV4dFJlZiwgXCJzY3JvbGxhYmxlVGFibGVTZWN0aW9uSW5mby5jbGllbnRXaWR0aFwiKTtcbiAgICBjb25zdCB2ZXJ0aWNhbFNjcm9sbEJhcldpZHRoID0gZ2V0UmVmVmFsdWUoXG4gICAgICBzdGF0aWNDb250ZXh0UmVmLFxuICAgICAgXCJzY3JvbGxhYmxlVGFibGVTZWN0aW9uSW5mby52ZXJ0aWNhbFNjcm9sbEJhcldpZHRoXCJcbiAgICApO1xuICAgIGNvbnN0IHsgaGFzRW5kUmFuZ2UgfSA9IGdldEVuZFJhbmdlSW5mbyhzdGF0aWNDb250ZXh0UmVmKTtcblxuICAgIHJldHVybiBoYXNFbmRSYW5nZSA/IGNsaWVudFdpZHRoICsgdmVydGljYWxTY3JvbGxCYXJXaWR0aCA6IHVuZGVmaW5lZDtcbiAgfSk7XG4gIGNvbnN0IFtjZWxsT3ZlcmZsb3dYLCBzZXRDZWxsT3ZlcmZsb3dYXSA9IHVzZVN0YXRlPENTU1Byb3BlcnRpZXNbXCJvdmVyZmxvd1hcIl0+KCgpID0+IHtcbiAgICBjb25zdCB7IGhhc0VuZFJhbmdlIH0gPSBnZXRFbmRSYW5nZUluZm8oc3RhdGljQ29udGV4dFJlZik7XG5cbiAgICByZXR1cm4gaGFzRW5kUmFuZ2UgPyB1bmRlZmluZWQgOiBcImhpZGRlblwiO1xuICB9KTtcblxuICB1c2VTdWJzY3JpYmUoXG4gICAgXCJ0YWJsZS12aXN1YWwtcGFyYW1zOmNoYW5nZVwiLFxuICAgICh2YWx1ZSkgPT4ge1xuICAgICAgY29uc3QgeyBjbGllbnRXaWR0aCwgaG9yaXpvbnRhbFNjcm9sbFBvc2l0aW9uUmFuZ2UgfSA9IHZhbHVlO1xuXG4gICAgICBpZiAoaXNVbmRlZmluZWQoY2xpZW50V2lkdGgpIHx8ICFob3Jpem9udGFsU2Nyb2xsUG9zaXRpb25SYW5nZSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IHsgaGFzRW5kUmFuZ2UgfSA9IGdldEVuZFJhbmdlSW5mbyhob3Jpem9udGFsU2Nyb2xsUG9zaXRpb25SYW5nZSk7XG5cbiAgICAgIHNldENsaWVudFdpZHRoKGhhc0VuZFJhbmdlID8gY2xpZW50V2lkdGggOiB1bmRlZmluZWQpO1xuICAgICAgc2V0Q2VsbE92ZXJmbG93WChoYXNFbmRSYW5nZSA/IHVuZGVmaW5lZCA6IFwiaGlkZGVuXCIpO1xuICAgIH0sXG4gICAgZmFsc2UsXG4gICAgW10sXG4gICAgdHJ1ZVxuICApO1xuXG4gIGNvbnN0IGVtcHR5ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHJlbmRlckVtcHR5KSB7XG4gICAgICByZXR1cm4gcmVuZGVyRW1wdHkoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gPEVtcHR5IC8+O1xuICB9LCBbcmVuZGVyRW1wdHldKTtcblxuICBjb25zdCBoYXNJbmxpbmVCb3JkZXIgPSBib3JkZXJlZC5lbXB0eUlubGluZTtcbiAgY29uc3QgaGFzQmxvY2tFbmRCb3JkZXIgPSBib3JkZXJlZC5lbXB0eUJsb2NrRW5kO1xuXG4gIHJldHVybiAoXG4gICAgPHRyPlxuICAgICAgPHRkXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNlbGxPdmVyZmxvd1ggPyB7IG92ZXJmbG93WDogY2VsbE92ZXJmbG93WCB9IDogdW5kZWZpbmVkLFxuICAgICAgICAgIGdldENlbGxTdHlsZSh0YWJsZVRva2VucywgaGFzQmxvY2tFbmRCb3JkZXIpLFxuICAgICAgICAgIGhhc0lubGluZUJvcmRlciA/IGJvcmRlcmVkQ2VsbFN0eWxlIDogdW5kZWZpbmVkLFxuICAgICAgICBdfVxuICAgICAgICBjb2xTcGFuPXtmbGF0dGVkQ29sdW1ucy5sZW5ndGh9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBzdHlsZT17XG4gICAgICAgICAgICBob3Jpem9uU2Nyb2xsXG4gICAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgICAgd2lkdGg6XG4gICAgICAgICAgICAgICAgICAgIGlzTnVtYmVyKGNsaWVudFdpZHRoKSAmJiBjbGllbnRXaWR0aCA+IDAgJiYgaGFzSW5saW5lQm9yZGVyXG4gICAgICAgICAgICAgICAgICAgICAgPyBjbGllbnRXaWR0aCAtIDJcbiAgICAgICAgICAgICAgICAgICAgICA6IGNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICAgbGVmdDogaGFzSW5saW5lQm9yZGVyID8gMSA6IDAsXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgIH1cbiAgICAgICAgICBjc3M9e2hvcml6b25TY3JvbGwgPyBlbXB0eVdyYXBwZXJTdHlsZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgPlxuICAgICAgICAgIHtlbXB0eX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L3RkPlxuICAgIDwvdHI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRW1wdHlEYXRhUm93ID0gbWVtbyhFbXB0eURhdGFSb3dDb21wb25lbnQpO1xuIl19 */"], colSpan: flattedColumns.length, children: /* @__PURE__ */ jsx("div", { style: horizonScroll ? {
     width: isNumber(clientWidth) && clientWidth > 0 && hasInlineBorder ? clientWidth - 2 : clientWidth,
     left: hasInlineBorder ? 1 : 0
   } : void 0, css: horizonScroll ? emptyWrapperStyle : void 0, children: empty }) }) });

package/dist/components/Table/components/EmptyDataRow/EmptyDataRow.styles.d.ts

@@ -5,11 +5,12 @@ export declare const getCellStyle: (tableTokens: TableTokens, hasBlockEndBorder:
     borderStyle: string;
     borderColor: "#E5E5E5";
     borderWidth: number;
+    backgroundColor: "#FFFFFF";
 };
-export declare const getBorderedCellStyle: (hasInlineBorder: boolean) => {
+export declare const borderedCellStyle: {
     borderInlineStartWidth: number;
     borderInlineEndWidth: number;
-} | undefined;
+};
 export declare const emptyWrapperStyle: {
     readonly position: "sticky";
 };

package/dist/components/Table/components/EmptyDataRow/EmptyDataRow.styles.js

@@ -3,24 +3,20 @@ const getCellStyle = (tableTokens, hasBlockEndBorder) => ({
   borderStyle: "solid",
   borderColor: tableTokens.tableRowBorder,
   borderWidth: 0,
+  backgroundColor: tableTokens.tableRowBg,
   ...hasBlockEndBorder ? {
     borderBlockEndWidth: 1
   } : {}
 });
-const getBorderedCellStyle = (hasInlineBorder) => {
-  if (!hasInlineBorder) {
-    return;
-  }
-  return {
-    borderInlineStartWidth: 1,
-    borderInlineEndWidth: 1
-  };
+const borderedCellStyle = {
+  borderInlineStartWidth: 1,
+  borderInlineEndWidth: 1
 };
 const emptyWrapperStyle = {
   position: "sticky"
 };
 export {
+  borderedCellStyle,
   emptyWrapperStyle,
-  getBorderedCellStyle,
   getCellStyle
 };

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

@@ -14,7 +14,7 @@ const FixedHeaderComponent = (props, ref) => {
     tableLayout
   } = useTableContext();
   const HeaderTableComponent = getComponent(["header", "table"], "table");
-  return /* @__PURE__ */ jsx("div", { className: "rc-table-header", ref, onScroll, css: getTableComponentWrapperStyle("header"), children: /* @__PURE__ */ jsxs(HeaderTableComponent, { css: getTableComponentStyle("header", tableLayout, scrollX, void 0), children: [
+  return /* @__PURE__ */ jsx("div", { className: "ui-kit-table-header", ref, onScroll, css: getTableComponentWrapperStyle("header"), children: /* @__PURE__ */ jsxs(HeaderTableComponent, { css: getTableComponentStyle("header", tableLayout, scrollX, void 0), children: [
     /* @__PURE__ */ jsx(FixedHeaderColGroup, {}),
     /* @__PURE__ */ jsx(Header, { fixedHeader: true })
   ] }) });