@infomaximum/ui-kit 0.15.9 → 0.16.0

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

@@ -0,0 +1,3 @@
+import { BodyCellProps } from './BodyCell.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const BodyCell: <Record extends DefaultRecord>(props: BodyCellProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,117 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { 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 { useTheme } from "../../../../../../hooks/useTheme/useTheme.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { ExpandIconWrapper } from "../../../../features/tableExpand/components/ExpandIconWrapper/ExpandIconWrapper.js";
+const BodyCellComponent = (props) => {
+  var _a;
+  const {
+    column,
+    record,
+    index,
+    colIndex,
+    rowKey,
+    intent,
+    renderIndex,
+    isRowSelected
+  } = props;
+  const {
+    rowScope,
+    dataIndex,
+    render
+  } = column;
+  const theme = useTheme();
+  const {
+    getComponent,
+    isSomeRecordHasChildren,
+    indentSize,
+    expandIconColumnIndex,
+    bordered,
+    tableTokens,
+    showHeader
+  } = useTableContext();
+  const {
+    isFixStart,
+    isFixEnd,
+    fixStart,
+    fixEnd,
+    zIndexReverse,
+    fixedStartShadow,
+    fixedEndShadow,
+    showFixStartShadow,
+    showFixEndShadow
+  } = useCellFixedInfo({
+    colStart: colIndex,
+    colEnd: colIndex
+  });
+  const {
+    rowSpan: cellRowSpan,
+    colSpan: cellColSpan,
+    onMouseEnter: cellOnMouseEnter,
+    onMouseLeave: cellOnMouseLeave,
+    css: cellCss,
+    ...restAdditionalCellProps
+  } = ((_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 {
+    isHovered,
+    emitCellHover
+  } = useCellHover({
+    index,
+    rowSpan,
+    skipSubscribe: notRenderedCell
+  });
+  const {
+    children
+  } = useBodyCellRender({
+    record,
+    dataIndex,
+    renderIndex,
+    render
+  });
+  const handleMouseEnter = (e) => {
+    emitCellHover({
+      start: index,
+      end: index + rowSpan - 1
+    });
+    cellOnMouseEnter == null ? void 0 : cellOnMouseEnter(e);
+  };
+  const handleMouseLeave = (e) => {
+    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({
+    columnKey: column.key,
+    isFixStart,
+    isFixEnd,
+    fixStart,
+    fixEnd,
+    zIndexReverse,
+    fixedStartShadow,
+    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
+  ] }) });
+};
+const BodyCell = BodyCellComponent;
+export {
+  BodyCell
+};

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

@@ -0,0 +1,27 @@
+import { TableTokens } from 'components/Table/Table.tokens';
+import { BorderedConfig } from 'components/Table/Table.types';
+import { Theme } from 'themes';
+export declare const getCellInnerWrapperStyle: (indentSize: number, intent: number) => (theme: Theme) => {
+    display: string;
+    columnGap: 4;
+    marginLeft: number;
+};
+export declare const bodyCellStyle: (tableTokens: TableTokens) => {
+    borderColor: "#E5E5E5";
+    backgroundColor: "#FFFFFF";
+};
+export declare const getBorderedBodyCellStyle: (borderedConfig: Required<BorderedConfig>) => {
+    ":last-of-type": {
+        borderInlineEndWidth: number;
+    };
+    ":first-of-type"?: {
+        borderInlineStartWidth: number;
+    } | undefined;
+    borderInlineEndWidth: number;
+};
+export declare const nonHeaderBorderedBodyCellStyle: (tableTokens: TableTokens) => {
+    "tr:first-of-type > &": {
+        paddingTop: number;
+        borderTopWidth: number;
+    };
+};

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

@@ -0,0 +1,32 @@
+const getCellInnerWrapperStyle = (indentSize, intent) => (theme) => ({
+  display: "flex",
+  columnGap: theme.spaceXS,
+  marginLeft: indentSize * intent
+});
+const bodyCellStyle = (tableTokens) => ({
+  borderColor: tableTokens.tableRowBorder,
+  backgroundColor: tableTokens.tableRowBg
+});
+const getBorderedBodyCellStyle = (borderedConfig) => ({
+  borderInlineEndWidth: 1,
+  ...borderedConfig.firstColumnCellInlineStart ? {
+    ":first-of-type": {
+      borderInlineStartWidth: 1
+    }
+  } : {},
+  ":last-of-type": {
+    borderInlineEndWidth: borderedConfig.lastColumnCellInlineEnd ? 1 : 0
+  }
+});
+const nonHeaderBorderedBodyCellStyle = (tableTokens) => ({
+  "tr:first-of-type > &": {
+    paddingTop: tableTokens.tableCellPaddingVertical - 1,
+    borderTopWidth: 1
+  }
+});
+export {
+  bodyCellStyle,
+  getBorderedBodyCellStyle,
+  getCellInnerWrapperStyle,
+  nonHeaderBorderedBodyCellStyle
+};

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

@@ -0,0 +1,12 @@
+import { Column } from 'components/Table/interfaces/tableColumns.types';
+import { Key } from 'components/Table/Table.types';
+export interface BodyCellProps<Record> {
+    column: Column<Record>;
+    record: Record;
+    index: number;
+    colIndex: number;
+    rowKey: Key;
+    intent: number;
+    renderIndex: number;
+    isRowSelected: boolean;
+}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { BodyColGroupProps } from './BodyColGroup.types';
+export declare const BodyColGroup: FC<BodyColGroupProps>;

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

@@ -0,0 +1,35 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useMemo } from "react";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+const BodyColGroupComponent = () => {
+  const {
+    tableLayout,
+    flattedColumns
+  } = useTableContext();
+  const flattedColumnsLength = flattedColumns.length;
+  const cols = useMemo(() => {
+    const result = [];
+    let mustInsert = false;
+    for (let i = flattedColumnsLength - 1; i >= 0; i -= 1) {
+      const column = flattedColumns[i];
+      const width = column.width;
+      let minWidth;
+      if (column && tableLayout === "auto") {
+        minWidth = column.minWidth;
+      }
+      if (width || minWidth || mustInsert) {
+        result.unshift(/* @__PURE__ */ jsx("col", { style: {
+          width,
+          minWidth
+        } }, i));
+        mustInsert = true;
+      }
+    }
+    return result;
+  }, [flattedColumns, flattedColumnsLength, tableLayout]);
+  return cols.length > 0 && /* @__PURE__ */ jsx("colgroup", { children: cols });
+};
+const BodyColGroup = BodyColGroupComponent;
+export {
+  BodyColGroup
+};

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

@@ -0,0 +1,2 @@
+export interface BodyColGroupProps {
+}

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

@@ -0,0 +1,3 @@
+import { BodyRowProps } from './BodyRow.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const BodyRow: import('react').MemoExoticComponent<(<Record extends DefaultRecord>(props: BodyRowProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element)>;

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

@@ -0,0 +1,41 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { memo, useState } from "react";
+import { BodyCell } from "../BodyCell/BodyCell.js";
+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 { useSubscribe } from "../../../../features/typedEventBus/hooks.js";
+const BodyRowComponent = (props) => {
+  const {
+    record,
+    index,
+    rowKey,
+    intent,
+    renderIndex
+  } = props;
+  const {
+    getComponent,
+    flattedColumns,
+    onRow
+  } = useTableContext();
+  const staticContextRef = useTableStaticContext();
+  const BodyRowComponent2 = getComponent(["body", "row"], "tr");
+  const [isRowSelected, setRowSelected] = useState(() => {
+    const staticSelectedKeySet = getRefValue(staticContextRef, "staticSelectedKeySet");
+    return staticSelectedKeySet.has(rowKey);
+  });
+  useSubscribe("row:select", (value) => {
+    const {
+      selectedKeySet
+    } = value;
+    setRowSelected(selectedKeySet.has(rowKey));
+  }, false, [rowKey]);
+  const rowProps = onRow == null ? void 0 : onRow(record, index);
+  return /* @__PURE__ */ jsx(BodyRowComponent2, { ...rowProps, "data-row-key": rowKey, children: flattedColumns.map((column, colIndex) => {
+    return /* @__PURE__ */ jsx(BodyCell, { colIndex, column, record, index, rowKey, intent, renderIndex, isRowSelected }, colIndex);
+  }) });
+};
+const BodyRow = memo(BodyRowComponent);
+export {
+  BodyRow
+};

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

@@ -0,0 +1,8 @@
+import { Key } from 'components/Table/Table.types';
+export interface BodyRowProps<Record> {
+    index: number;
+    renderIndex: number;
+    intent: number;
+    rowKey: Key;
+    record: Record;
+}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { MeasureCellProps } from './MeasureCell.types';
+export declare const MeasureCell: FC<MeasureCellProps>;

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

@@ -0,0 +1,33 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useRef, useLayoutEffect } from "react";
+import ResizeObserver from "rc-resize-observer";
+import { measureCellStyle, titleWrapperStyle } from "./MeasureCell.styles.js";
+import { useTableStaticContext } from "../../../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
+import { getRefValue } from "../../../../utils/ref/ref.js";
+const MeasureCellComponent = (props) => {
+  const {
+    columnKey,
+    title
+  } = props;
+  const staticContextRef = useTableStaticContext();
+  const tdRef = useRef(null);
+  useLayoutEffect(() => {
+    const td = tdRef.current;
+    const colsWidthsMap = getRefValue(staticContextRef, "colsWidthsMap");
+    if (!td) {
+      return;
+    }
+    const {
+      width
+    } = td.getBoundingClientRect();
+    colsWidthsMap.set(columnKey, 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 MeasureCell = MeasureCellComponent;
+export {
+  MeasureCell
+};

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

@@ -0,0 +1,10 @@
+export declare const titleWrapperStyle: {
+    height: number;
+    overflow: string;
+};
+export declare const measureCellStyle: {
+    "&&": {
+        padding: number;
+        border: number;
+    };
+};

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

@@ -0,0 +1,14 @@
+const titleWrapperStyle = {
+  height: 0,
+  overflow: "hidden"
+};
+const measureCellStyle = {
+  "&&": {
+    padding: 0,
+    border: 0
+  }
+};
+export {
+  measureCellStyle,
+  titleWrapperStyle
+};

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

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

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

@@ -0,0 +1,5 @@
+import { FC, Key } from 'react';
+import { MeasureRowProps } from './MeasureRow.types';
+export type ColumnKey = Key;
+export type OffsetWidth = number;
+export declare const MeasureRow: FC<MeasureRowProps>;

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

@@ -0,0 +1,87 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useMemo, useCallback, useLayoutEffect, useRef } from "react";
+import { MeasureCell } from "../MeasureCell/MeasureCell.js";
+import ResizeObserver from "rc-resize-observer";
+import { useEvent } from "../../../../../../hooks/useEvent/useEvent.js";
+import { getColumnsKeys } from "./MeasureRow.utils.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { useTableStaticContext } from "../../../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
+import { useEmitter } from "../../../../features/typedEventBus/hooks.js";
+import { getRefValue, updateRefValue } from "../../../../utils/ref/ref.js";
+const MeasureRowComponent = () => {
+  const {
+    flattedColumns
+  } = useTableContext();
+  const staticContextRef = useTableStaticContext();
+  const emitTableVisualParamsChange = useEvent(useEmitter("table-visual-params:change"));
+  const colsKeys = useMemo(() => getColumnsKeys(flattedColumns), [flattedColumns]);
+  const updateMeasureCellsInfo = useCallback((resizeInfo) => {
+    const colsWidthsMap = getRefValue(staticContextRef, "colsWidthsMap");
+    resizeInfo.forEach(({
+      data,
+      size
+    }) => {
+      const {
+        offsetWidth
+      } = size;
+      if (!colsWidthsMap.has(data)) {
+        colsWidthsMap.set(data, offsetWidth);
+      }
+      if (offsetWidth !== colsWidthsMap.get(data)) {
+        colsWidthsMap.set(data, offsetWidth);
+      }
+    });
+    const colWidths = colsKeys.map((columnKey) => colsWidthsMap.get(columnKey) ?? -1);
+    const columnCount = flattedColumns.length;
+    const getOffsets = (startIndex, endIndex, offset) => {
+      const offsets = [];
+      let total = 0;
+      for (let i = startIndex; i !== endIndex; i += offset) {
+        offsets.push(total);
+        if (flattedColumns[i].fixed) {
+          total += colWidths[i] || 0;
+        }
+      }
+      return offsets;
+    };
+    const startOffsets = getOffsets(0, columnCount, 1);
+    const endOffsets = getOffsets(columnCount - 1, -1, -1).reverse();
+    const measureCellsInfo = {
+      start: startOffsets,
+      end: endOffsets,
+      widths: colWidths
+    };
+    updateRefValue(staticContextRef, {
+      measureCellsInfo
+    });
+    return measureCellsInfo;
+  }, [colsKeys, flattedColumns, staticContextRef]);
+  useLayoutEffect(() => {
+    const isTableFirstMount = getRefValue(staticContextRef, "isTableFirstMount");
+    const measureCellsInfo = updateMeasureCellsInfo([]);
+    if (isTableFirstMount) {
+      return;
+    }
+    emitTableVisualParamsChange({
+      measureCellsInfo
+    });
+  }, [emitTableVisualParamsChange, staticContextRef, updateMeasureCellsInfo]);
+  const firstCallRef = useRef(true);
+  const handleBatchResize = useCallback((resizeInfo) => {
+    if (firstCallRef.current) {
+      firstCallRef.current = false;
+      return;
+    }
+    const measureCellsInfo = updateMeasureCellsInfo(resizeInfo);
+    emitTableVisualParamsChange({
+      measureCellsInfo
+    });
+  }, [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);
+  }) }) });
+};
+const MeasureRow = MeasureRowComponent;
+export {
+  MeasureRow
+};

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

@@ -0,0 +1,2 @@
+export interface MeasureRowProps {
+}

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

@@ -0,0 +1,4 @@
+import { Key } from 'components/Table/Table.types';
+export declare function getColumnsKeys(columns: readonly {
+    key: Key;
+}[]): import('react').Key[];

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

@@ -0,0 +1,13 @@
+function getColumnsKeys(columns) {
+  const columnKeys = [];
+  columns.forEach((column) => {
+    const {
+      key
+    } = column;
+    columnKeys.push(key);
+  });
+  return columnKeys;
+}
+export {
+  getColumnsKeys
+};

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

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

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

@@ -0,0 +1,25 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { getCellStyle, getCellBackgroundStyle, ellipsisStyle } from "./Cell.styles.js";
+const CellComponent = (props) => {
+  const {
+    component: Component,
+    colSpan,
+    rowSpan,
+    children,
+    isHovered,
+    isRowSelected,
+    align,
+    bordered,
+    tableTokens,
+    ellipsis,
+    ...rest
+  } = 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 });
+};
+const Cell = CellComponent;
+export {
+  Cell
+};

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

@@ -0,0 +1,28 @@
+import { TableTokens } from 'components/Table/Table.tokens';
+import { BorderedConfig } from 'components/Table/Table.types';
+export declare const getCellStyle: (tableTokens: TableTokens, bordered?: false | Required<BorderedConfig>) => {
+    readonly boxSizing: "border-box";
+    readonly padding: 0;
+    readonly borderWidth: 0;
+    readonly borderStyle: "solid";
+    readonly borderBottomWidth: 1;
+    readonly paddingTop: 8;
+    readonly paddingBottom: number;
+    readonly paddingInline: number;
+    readonly ":first-of-type": {
+        readonly paddingInlineStart: number;
+    };
+    readonly ":last-of-type": {
+        readonly paddingInlineEnd: number;
+    };
+};
+export declare const getCellBackgroundStyle: (tableTokens: TableTokens, isRowSelected: boolean | undefined, isHovered: boolean | undefined) => {
+    "&": {
+        backgroundColor: "#F0F0F0" | "#C3F4ED" | "#E1FAF6" | undefined;
+    };
+};
+export declare const ellipsisStyle: {
+    textOverflow: string;
+    whiteSpace: string;
+    overflow: string;
+};

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

@@ -0,0 +1,31 @@
+const getCellStyle = (tableTokens, bordered) => ({
+  boxSizing: "border-box",
+  padding: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderBottomWidth: 1,
+  paddingTop: tableTokens.tableCellPaddingVertical,
+  paddingBottom: tableTokens.tableCellPaddingVertical - 1,
+  paddingInline: bordered ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal,
+  ":first-of-type": {
+    paddingInlineStart: bordered && bordered.firstColumnCellInlineStart ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal
+  },
+  ":last-of-type": {
+    paddingInlineEnd: bordered && bordered.lastColumnCellInlineEnd ? tableTokens.tableCellPaddingHorizontal - 1 : tableTokens.tableCellPaddingHorizontal
+  }
+});
+const getCellBackgroundStyle = (tableTokens, isRowSelected, isHovered) => ({
+  "&": {
+    backgroundColor: isRowSelected && isHovered ? tableTokens.tableRowSelectedBgHover : isRowSelected ? tableTokens.tableRowSelectedBg : isHovered ? tableTokens.tableRowBgHover : void 0
+  }
+});
+const ellipsisStyle = {
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  overflow: "hidden"
+};
+export {
+  ellipsisStyle,
+  getCellBackgroundStyle,
+  getCellStyle
+};

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

@@ -0,0 +1,16 @@
+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';
+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;
+    rowSpan?: number;
+    scope?: ScopeType;
+    isHovered?: boolean;
+    isRowSelected?: boolean;
+    align?: CSSProperties["textAlign"];
+    ellipsis?: CellEllipsisType;
+    bordered?: false | Required<BorderedConfig>;
+    tableTokens: TableTokens;
+}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { EmptyDataRowProps } from './EmptyDataRow.types';
+export declare const EmptyDataRow: FC<EmptyDataRowProps>;