@infomaximum/ui-kit 0.15.9 → 0.16.0

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

@@ -0,0 +1,69 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useContext, useState, useMemo } from "react";
+import { isUndefined, isObject, isNumber } from "lodash-es";
+import { getCellStyle, getBorderedCellStyle, 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";
+import { useTableStaticContext } from "../../features/tableStaticContext/contexts/tableStaticContext/useTableStaticContext/useTableStaticContext.js";
+import { getRefValue } from "../../utils/ref/ref.js";
+import { useSubscribe } from "../../features/typedEventBus/hooks.js";
+import { Empty } from "../../../Empty/Empty.js";
+const EmptyDataRowComponent = () => {
+  const {
+    renderEmpty
+  } = useContext(ConfigContext);
+  const {
+    flattedColumns,
+    bordered,
+    tableTokens,
+    horizonScroll
+  } = useTableContext();
+  const staticContextRef = useTableStaticContext();
+  const [clientWidth, setClientWidth] = useState(() => {
+    const clientWidth2 = getRefValue(staticContextRef, "scrollableTableSectionInfo.clientWidth");
+    const verticalScrollBarWidth = getRefValue(staticContextRef, "scrollableTableSectionInfo.verticalScrollBarWidth");
+    const {
+      hasEndRange
+    } = getEndRangeInfo(staticContextRef);
+    return hasEndRange ? clientWidth2 + verticalScrollBarWidth : void 0;
+  });
+  const [cellOverflowX, setCellOverflowX] = useState(() => {
+    const {
+      hasEndRange
+    } = getEndRangeInfo(staticContextRef);
+    return hasEndRange ? void 0 : "hidden";
+  });
+  useSubscribe("table-visual-params:change", (value) => {
+    const {
+      clientWidth: clientWidth2,
+      horizontalScrollPositionRange
+    } = value;
+    if (isUndefined(clientWidth2) || !horizontalScrollPositionRange) {
+      return;
+    }
+    const {
+      hasEndRange
+    } = getEndRangeInfo(horizontalScrollPositionRange);
+    setClientWidth(hasEndRange ? clientWidth2 : void 0);
+    setCellOverflowX(hasEndRange ? void 0 : "hidden");
+  }, false, [], true);
+  const empty = useMemo(() => {
+    if (renderEmpty) {
+      return renderEmpty();
+    }
+    return /* @__PURE__ */ jsx(Empty, {});
+  }, [renderEmpty]);
+  const hasInlineBorder = Boolean(bordered && bordered.emptyInline);
+  const hasBlockEndBorder = !isObject(bordered) || Boolean(bordered && 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9FbXB0eURhdGFSb3cvRW1wdHlEYXRhUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRVEiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0VtcHR5RGF0YVJvdy9FbXB0eURhdGFSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ29udGV4dCwgdXNlTWVtbywgdXNlU3RhdGUsIHR5cGUgQ1NTUHJvcGVydGllcywgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBFbXB0eURhdGFSb3dQcm9wcyB9IGZyb20gXCIuL0VtcHR5RGF0YVJvdy50eXBlc1wiO1xuaW1wb3J0IHsgdXNlU3Vic2NyaWJlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdHlwZWRFdmVudEJ1c1wiO1xuaW1wb3J0IHsgaXNOdW1iZXIsIGlzT2JqZWN0LCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IEVtcHR5IH0gZnJvbSBcImNvbXBvbmVudHMvRW1wdHlcIjtcbmltcG9ydCB7IHVzZVRhYmxlU3RhdGljQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2ZlYXR1cmVzL3RhYmxlU3RhdGljQ29udGV4dFwiO1xuaW1wb3J0IHsgZ2V0UmVmVmFsdWUgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IGdldEJvcmRlcmVkQ2VsbFN0eWxlLCBnZXRDZWxsU3R5bGUsIGVtcHR5V3JhcHBlclN0eWxlIH0gZnJvbSBcIi4vRW1wdHlEYXRhUm93LnN0eWxlc1wiO1xuaW1wb3J0IHsgQ29uZmlnQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL0NvbmZpZ1Byb3ZpZGVyXCI7XG5pbXBvcnQgeyBnZXRFbmRSYW5nZUluZm8gfSBmcm9tIFwiLi9FbXB0eURhdGFSb3cudXRpbHNcIjtcblxuY29uc3QgRW1wdHlEYXRhUm93Q29tcG9uZW50OiBGQzxFbXB0eURhdGFSb3dQcm9wcz4gPSAoKSA9PiB7XG4gIGNvbnN0IHsgcmVuZGVyRW1wdHkgfSA9IHVzZUNvbnRleHQoQ29uZmlnQ29udGV4dCk7XG4gIGNvbnN0IHsgZmxhdHRlZENvbHVtbnMsIGJvcmRlcmVkLCB0YWJsZVRva2VucywgaG9yaXpvblNjcm9sbCB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IHN0YXRpY0NvbnRleHRSZWYgPSB1c2VUYWJsZVN0YXRpY0NvbnRleHQoKTtcblxuICBjb25zdCBbY2xpZW50V2lkdGgsIHNldENsaWVudFdpZHRoXSA9IHVzZVN0YXRlKCgpID0+IHtcbiAgICBjb25zdCBjbGllbnRXaWR0aCA9IGdldFJlZlZhbHVlKHN0YXRpY0NvbnRleHRSZWYsIFwic2Nyb2xsYWJsZVRhYmxlU2VjdGlvbkluZm8uY2xpZW50V2lkdGhcIik7XG4gICAgY29uc3QgdmVydGljYWxTY3JvbGxCYXJXaWR0aCA9IGdldFJlZlZhbHVlKFxuICAgICAgc3RhdGljQ29udGV4dFJlZixcbiAgICAgIFwic2Nyb2xsYWJsZVRhYmxlU2VjdGlvbkluZm8udmVydGljYWxTY3JvbGxCYXJXaWR0aFwiXG4gICAgKTtcbiAgICBjb25zdCB7IGhhc0VuZFJhbmdlIH0gPSBnZXRFbmRSYW5nZUluZm8oc3RhdGljQ29udGV4dFJlZik7XG5cbiAgICByZXR1cm4gaGFzRW5kUmFuZ2UgPyBjbGllbnRXaWR0aCArIHZlcnRpY2FsU2Nyb2xsQmFyV2lkdGggOiB1bmRlZmluZWQ7XG4gIH0pO1xuICBjb25zdCBbY2VsbE92ZXJmbG93WCwgc2V0Q2VsbE92ZXJmbG93WF0gPSB1c2VTdGF0ZTxDU1NQcm9wZXJ0aWVzW1wib3ZlcmZsb3dYXCJdPigoKSA9PiB7XG4gICAgY29uc3QgeyBoYXNFbmRSYW5nZSB9ID0gZ2V0RW5kUmFuZ2VJbmZvKHN0YXRpY0NvbnRleHRSZWYpO1xuXG4gICAgcmV0dXJuIGhhc0VuZFJhbmdlID8gdW5kZWZpbmVkIDogXCJoaWRkZW5cIjtcbiAgfSk7XG5cbiAgdXNlU3Vic2NyaWJlKFxuICAgIFwidGFibGUtdmlzdWFsLXBhcmFtczpjaGFuZ2VcIixcbiAgICAodmFsdWUpID0+IHtcbiAgICAgIGNvbnN0IHsgY2xpZW50V2lkdGgsIGhvcml6b250YWxTY3JvbGxQb3NpdGlvblJhbmdlIH0gPSB2YWx1ZTtcblxuICAgICAgaWYgKGlzVW5kZWZpbmVkKGNsaWVudFdpZHRoKSB8fCAhaG9yaXpvbnRhbFNjcm9sbFBvc2l0aW9uUmFuZ2UpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjb25zdCB7IGhhc0VuZFJhbmdlIH0gPSBnZXRFbmRSYW5nZUluZm8oaG9yaXpvbnRhbFNjcm9sbFBvc2l0aW9uUmFuZ2UpO1xuXG4gICAgICBzZXRDbGllbnRXaWR0aChoYXNFbmRSYW5nZSA/IGNsaWVudFdpZHRoIDogdW5kZWZpbmVkKTtcbiAgICAgIHNldENlbGxPdmVyZmxvd1goaGFzRW5kUmFuZ2UgPyB1bmRlZmluZWQgOiBcImhpZGRlblwiKTtcbiAgICB9LFxuICAgIGZhbHNlLFxuICAgIFtdLFxuICAgIHRydWVcbiAgKTtcblxuICBjb25zdCBlbXB0eSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChyZW5kZXJFbXB0eSkge1xuICAgICAgcmV0dXJuIHJlbmRlckVtcHR5KCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIDxFbXB0eSAvPjtcbiAgfSwgW3JlbmRlckVtcHR5XSk7XG5cbiAgY29uc3QgaGFzSW5saW5lQm9yZGVyID0gQm9vbGVhbihib3JkZXJlZCAmJiBib3JkZXJlZC5lbXB0eUlubGluZSk7XG4gIGNvbnN0IGhhc0Jsb2NrRW5kQm9yZGVyID0gIWlzT2JqZWN0KGJvcmRlcmVkKSB8fCBCb29sZWFuKGJvcmRlcmVkICYmIGJvcmRlcmVkLmVtcHR5QmxvY2tFbmQpO1xuXG4gIHJldHVybiAoXG4gICAgPHRyPlxuICAgICAgPHRkXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNlbGxPdmVyZmxvd1ggPyB7IG92ZXJmbG93WDogY2VsbE92ZXJmbG93WCB9IDogdW5kZWZpbmVkLFxuICAgICAgICAgIGdldENlbGxTdHlsZSh0YWJsZVRva2VucywgaGFzQmxvY2tFbmRCb3JkZXIpLFxuICAgICAgICAgIGJvcmRlcmVkID8gZ2V0Qm9yZGVyZWRDZWxsU3R5bGUoaGFzSW5saW5lQm9yZGVyKSA6IHVuZGVmaW5lZCxcbiAgICAgICAgXX1cbiAgICAgICAgY29sU3Bhbj17ZmxhdHRlZENvbHVtbnMubGVuZ3RofVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgc3R5bGU9e1xuICAgICAgICAgICAgaG9yaXpvblNjcm9sbFxuICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgIHdpZHRoOlxuICAgICAgICAgICAgICAgICAgICBpc051bWJlcihjbGllbnRXaWR0aCkgJiYgY2xpZW50V2lkdGggPiAwICYmIGhhc0lubGluZUJvcmRlclxuICAgICAgICAgICAgICAgICAgICAgID8gY2xpZW50V2lkdGggLSAyXG4gICAgICAgICAgICAgICAgICAgICAgOiBjbGllbnRXaWR0aCxcbiAgICAgICAgICAgICAgICAgIGxlZnQ6IGhhc0lubGluZUJvcmRlciA/IDEgOiAwLFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICB9XG4gICAgICAgICAgY3NzPXtob3Jpem9uU2Nyb2xsID8gZW1wdHlXcmFwcGVyU3R5bGUgOiB1bmRlZmluZWR9XG4gICAgICAgID5cbiAgICAgICAgICB7ZW1wdHl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC90ZD5cbiAgICA8L3RyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEVtcHR5RGF0YVJvdyA9IEVtcHR5RGF0YVJvd0NvbXBvbmVudDtcbiJdfQ== */"], 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 }) }) });
+};
+const EmptyDataRow = EmptyDataRowComponent;
+export {
+  EmptyDataRow
+};

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

@@ -0,0 +1,15 @@
+import { TableTokens } from 'components/Table/Table.tokens';
+export declare const getCellStyle: (tableTokens: TableTokens, hasBlockEndBorder: boolean) => {
+    borderBlockEndWidth?: number | undefined;
+    padding: number;
+    borderStyle: string;
+    borderColor: "#E5E5E5";
+    borderWidth: number;
+};
+export declare const getBorderedCellStyle: (hasInlineBorder: boolean) => {
+    borderInlineStartWidth: number;
+    borderInlineEndWidth: number;
+} | undefined;
+export declare const emptyWrapperStyle: {
+    readonly position: "sticky";
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { useTableStaticContext } from 'components/Table/features/tableStaticContext';
+type TableStaticContextValue = ReturnType<typeof useTableStaticContext>;
+type Range = TableStaticContextValue["current"]["scrollableTableSectionInfo"]["horizontalScrollPositionRange"];
+export declare const getEndRangeInfo: (arg: Range | TableStaticContextValue) => {
+    hasEndRange: boolean;
+};
+export {};

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

@@ -0,0 +1,17 @@
+import { getRefValue } from "../../utils/ref/ref.js";
+const getEndRangeInfo = (arg) => {
+  let range;
+  if ("current" in arg) {
+    range = getRefValue(arg, "scrollableTableSectionInfo.horizontalScrollPositionRange");
+  } else {
+    range = arg;
+  }
+  const endRange = range[1];
+  const hasEndRange = endRange > 0;
+  return {
+    hasEndRange
+  };
+};
+export {
+  getEndRangeInfo
+};

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

@@ -0,0 +1,2 @@
+import { FixedHeaderProps } from './FixedHeader.types';
+export declare const FixedHeader: import('react').ForwardRefExoticComponent<FixedHeaderProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { Header } from "../Header/Header.js";
+import { FixedHeaderColGroup } from "./components/FixedHeaderColGroup/FixedHeaderColGroup.js";
+import { getTableComponentWrapperStyle, getTableComponentStyle } from "../../Table.styles.js";
+import { useTableContext } from "../../contexts/tableContext/useTableContext/useTableContext.js";
+const FixedHeaderComponent = (props, ref) => {
+  const {
+    scrollX,
+    onScroll
+  } = props;
+  const {
+    getComponent,
+    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: [
+    /* @__PURE__ */ jsx(FixedHeaderColGroup, {}),
+    /* @__PURE__ */ jsx(Header, { fixedHeader: true })
+  ] }) });
+};
+const FixedHeader = forwardRef(FixedHeaderComponent);
+export {
+  FixedHeader
+};

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

@@ -0,0 +1,6 @@
+import { UIEventHandler } from 'react';
+import { TableProps } from '../../Table.types';
+export interface FixedHeaderProps {
+    scrollX: NonNullable<TableProps["scroll"]>["x"];
+    onScroll: UIEventHandler<HTMLDivElement>;
+}

package/dist/components/Table/components/FixedHeader/components/FixedHeaderColGroup/FixedHeaderColGroup.d.ts

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

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

@@ -0,0 +1,33 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useState } from "react";
+import { isNumber } from "lodash-es";
+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 FixedHeaderColGroupComponent = () => {
+  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 FixedHeaderColGroup = FixedHeaderColGroupComponent;
+export {
+  FixedHeaderColGroup
+};

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { HeaderRow } from "./components/HeaderRow/HeaderRow.js";
+import { tHeadStyle } from "./Header.styles.js";
+import { useTableContext } from "../../contexts/tableContext/useTableContext/useTableContext.js";
+import { parseHeaderRows } from "./utils/parseHeaderRows/parseHeaderRows.js";
+const HeaderComponent = (props) => {
+  const {
+    fixedHeader
+  } = props;
+  const {
+    getComponent,
+    columns,
+    tableTokens
+  } = 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)) });
+};
+const Header = memo(HeaderComponent);
+export {
+  Header
+};

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

@@ -0,0 +1,4 @@
+import { TableTokens } from 'components/Table/Table.tokens';
+export declare const tHeadStyle: (tableTokens: TableTokens) => {
+    color: "#595959";
+};

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

@@ -0,0 +1,6 @@
+const tHeadStyle = (tableTokens) => ({
+  color: tableTokens.tableHeaderText
+});
+export {
+  tHeadStyle
+};

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

@@ -0,0 +1,15 @@
+import { Column } from 'components/Table/interfaces/tableColumns.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export interface HeaderProps {
+    fixedHeader?: boolean;
+}
+export interface HeaderCell<Record extends DefaultRecord> {
+    key: Column<Record>["key"];
+    hasSubColumns?: boolean;
+    children?: Column<Record>["title"];
+    column: Column<Record>;
+    rowSpan?: number;
+    colSpan: number;
+    colStart: number;
+    colEnd: number;
+}

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

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

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

@@ -0,0 +1,63 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Cell } from "../../../Cell/Cell.js";
+import { useCellFixedInfo } from "../../../../hooks/useCellFixedInfo/useCellFixedInfo.js";
+import { getFixedCellStyle } from "../../../../hooks/useCellFixedInfo/useCellFixedInfo.styles.js";
+import { headerCellStyle, borderedHeaderCellStyle } from "./HeaderCell.styles.js";
+import { getHeaderCellScope } from "./HeaderCell.utils.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+const HeaderCellComponent = (props) => {
+  var _a;
+  const {
+    cell
+  } = props;
+  const {
+    children,
+    colSpan: cellColSpan,
+    rowSpan: cellRowSpan,
+    colStart,
+    colEnd,
+    column
+  } = cell;
+  const {
+    getComponent,
+    bordered,
+    tableTokens
+  } = useTableContext();
+  const HeaderCellComponent2 = getComponent(["header", "cell"], "th");
+  const {
+    colSpan,
+    rowSpan,
+    css: headerCellCss,
+    ...restAdditionalHeaderCellProps
+  } = ((_a = column.onHeaderCell) == null ? void 0 : _a.call(column, column)) || {};
+  const {
+    isFixStart,
+    isFixEnd,
+    fixStart,
+    fixEnd,
+    zIndexReverse,
+    fixedStartShadow,
+    fixedEndShadow,
+    showFixStartShadow,
+    showFixEndShadow
+  } = useCellFixedInfo({
+    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({
+    columnKey: column.key,
+    isFixStart,
+    isFixEnd,
+    fixStart,
+    fixEnd,
+    zIndexReverse,
+    fixedStartShadow,
+    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 });
+};
+const HeaderCell = HeaderCellComponent;
+export {
+  HeaderCell
+};

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

@@ -0,0 +1,21 @@
+import { TableTokens } from 'components/Table/Table.tokens';
+import { BorderedConfig } 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>) => {
+    "tr:first-of-type > &:last-of-type": {
+        borderInlineEndWidth: number;
+    };
+    "tr:first-of-type > &:first-of-type"?: {
+        borderInlineStartWidth: number;
+    } | undefined;
+    borderInlineEndWidth: number;
+    "tr:first-of-type > &": {
+        paddingTop: number;
+        borderTopWidth: number;
+    };
+};

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

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

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { DefaultRecord } from 'components/Table/Table.types';
+import { HeaderCell } from '../../Header.types';
+export interface HeaderCellProps<Record extends DefaultRecord> extends PropsWithChildren {
+    cell: HeaderCell<Record>;
+}

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

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const getHeaderCellScope: (columnTitle: ReactNode | undefined, colSpan: number) => "col" | "colgroup" | undefined;

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

@@ -0,0 +1,4 @@
+const getHeaderCellScope = (columnTitle, colSpan) => columnTitle ? colSpan > 1 ? "colgroup" : "col" : void 0;
+export {
+  getHeaderCellScope
+};

package/dist/components/Table/components/Header/components/HeaderRow/HeaderRow.d.ts

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

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

@@ -0,0 +1,34 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HeaderCell } from "../HeaderCell/HeaderCell.js";
+import { HeaderCellWithSort } from "../../../../features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.js";
+import { flickeringFixStyle } from "./HeaderRow.styles.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+const HeaderRowComponent = (props) => {
+  const {
+    cells,
+    index,
+    fixedHeader
+  } = props;
+  const {
+    getComponent,
+    onHeaderRow
+  } = useTableContext();
+  const HeaderRowComponent2 = getComponent(["header", "row"], "tr");
+  const {
+    css: headerRowCss,
+    ...restRowProps
+  } = (onHeaderRow == null ? void 0 : onHeaderRow(cells.map((cell) => cell.column), index)) || {};
+  return /* @__PURE__ */ jsx(HeaderRowComponent2, { ...restRowProps, css: [fixedHeader && flickeringFixStyle, headerRowCss, process.env.NODE_ENV === "production" ? "" : ";label:HeaderRowComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9IZWFkZXIvY29tcG9uZW50cy9IZWFkZXJSb3cvSGVhZGVyUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjBDIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9IZWFkZXIvY29tcG9uZW50cy9IZWFkZXJSb3cvSGVhZGVyUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSGVhZGVyUm93UHJvcHMgfSBmcm9tIFwiLi9IZWFkZXJSb3cudHlwZXNcIjtcbmltcG9ydCB7IEhlYWRlckNlbGwgfSBmcm9tIFwiLi4vSGVhZGVyQ2VsbC9IZWFkZXJDZWxsXCI7XG5pbXBvcnQgeyBIZWFkZXJDZWxsV2l0aFNvcnQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9mZWF0dXJlcy90YWJsZVNvcnQvY29tcG9uZW50cy9IZWFkZXJDZWxsV2l0aFNvcnQvSGVhZGVyQ2VsbFdpdGhTb3J0XCI7XG5pbXBvcnQgdHlwZSB7IERlZmF1bHRSZWNvcmQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9UYWJsZS50eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IGZsaWNrZXJpbmdGaXhTdHlsZSB9IGZyb20gXCIuL0hlYWRlclJvdy5zdHlsZXNcIjtcblxuY29uc3QgSGVhZGVyUm93Q29tcG9uZW50ID0gPFJlY29yZCBleHRlbmRzIERlZmF1bHRSZWNvcmQ+KHByb3BzOiBIZWFkZXJSb3dQcm9wczxSZWNvcmQ+KSA9PiB7XG4gIGNvbnN0IHsgY2VsbHMsIGluZGV4LCBmaXhlZEhlYWRlciB9ID0gcHJvcHM7XG4gIGNvbnN0IHsgZ2V0Q29tcG9uZW50LCBvbkhlYWRlclJvdyB9ID0gdXNlVGFibGVDb250ZXh0PFJlY29yZD4oKTtcbiAgY29uc3QgSGVhZGVyUm93Q29tcG9uZW50ID0gZ2V0Q29tcG9uZW50KFtcImhlYWRlclwiLCBcInJvd1wiXSwgXCJ0clwiKTtcblxuICBjb25zdCB7IGNzczogaGVhZGVyUm93Q3NzLCAuLi5yZXN0Um93UHJvcHMgfSA9XG4gICAgb25IZWFkZXJSb3c/LihcbiAgICAgIGNlbGxzLm1hcCgoY2VsbCkgPT4gY2VsbC5jb2x1bW4pLFxuICAgICAgaW5kZXhcbiAgICApIHx8IHt9O1xuXG4gIHJldHVybiAoXG4gICAgPEhlYWRlclJvd0NvbXBvbmVudCB7Li4ucmVzdFJvd1Byb3BzfSBjc3M9e1tmaXhlZEhlYWRlciAmJiBmbGlja2VyaW5nRml4U3R5bGUsIGhlYWRlclJvd0Nzc119PlxuICAgICAge2NlbGxzLm1hcCgoY2VsbCwgY2VsbEluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY29sdW1uIH0gPSBjZWxsO1xuXG4gICAgICAgIGlmIChjb2x1bW4uc29ydGVyKSB7XG4gICAgICAgICAgcmV0dXJuIDxIZWFkZXJDZWxsV2l0aFNvcnQga2V5PXtjZWxsSW5kZXh9IGNlbGw9e2NlbGx9IC8+O1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIDxIZWFkZXJDZWxsIGtleT17Y2VsbEluZGV4fSBjZWxsPXtjZWxsfSAvPjtcbiAgICAgIH0pfVxuICAgIDwvSGVhZGVyUm93Q29tcG9uZW50PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlclJvdyA9IEhlYWRlclJvd0NvbXBvbmVudDtcbiJdfQ== */"], children: cells.map((cell, cellIndex) => {
+    const {
+      column
+    } = cell;
+    if (column.sorter) {
+      return /* @__PURE__ */ jsx(HeaderCellWithSort, { cell }, cellIndex);
+    }
+    return /* @__PURE__ */ jsx(HeaderCell, { cell }, cellIndex);
+  }) });
+};
+const HeaderRow = HeaderRowComponent;
+export {
+  HeaderRow
+};

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

@@ -0,0 +1,6 @@
+/** https://jira.office.infomaximum.com/browse/BID-1472 */
+export declare const flickeringFixStyle: {
+    "::after": {
+        content: string;
+    };
+};

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

@@ -0,0 +1,8 @@
+const flickeringFixStyle = {
+  "::after": {
+    content: "''"
+  }
+};
+export {
+  flickeringFixStyle
+};

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

@@ -0,0 +1,6 @@
+import { DefaultRecord } from 'components/Table/Table.types';
+import { HeaderCell, HeaderProps } from '../../Header.types';
+export interface HeaderRowProps<Record extends DefaultRecord> extends Pick<HeaderProps, "fixedHeader"> {
+    index: number;
+    cells: HeaderCell<Record>[];
+}

package/dist/components/Table/components/Header/utils/index.d.ts

@@ -0,0 +1 @@
+export { parseHeaderRows } from './parseHeaderRows/parseHeaderRows';

package/dist/components/Table/components/Header/utils/parseHeaderRows/parseHeaderRows.d.ts

@@ -0,0 +1,4 @@
+import { Columns } from 'components/Table/interfaces/tableColumns.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+import { HeaderCell } from '../../Header.types';
+export declare function parseHeaderRows<Record extends DefaultRecord>(rootColumns: Columns<Record>): HeaderCell<Record>[][];

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

@@ -0,0 +1,50 @@
+import { isNumber } from "lodash-es";
+function parseHeaderRows(rootColumns) {
+  const rows = [];
+  function fillRowCells(columns, colIndex, rowIndex = 0) {
+    rows[rowIndex] = rows[rowIndex] || [];
+    let currentColIndex = colIndex;
+    const colSpans = columns.map((column) => {
+      const cell = {
+        key: column.key,
+        column,
+        colStart: currentColIndex
+      };
+      if (column.title) {
+        cell.children = column.title;
+      }
+      let colSpan = 1;
+      const subColumns = "children" in column ? column.children : [];
+      if (subColumns.length > 0) {
+        colSpan = fillRowCells(subColumns, currentColIndex, rowIndex + 1).reduce((total, count) => total + count, 0);
+        cell.hasSubColumns = true;
+      }
+      if (isNumber(column.colSpan)) {
+        colSpan = column.colSpan;
+      }
+      if (isNumber(column.rowSpan)) {
+        cell.rowSpan = column.rowSpan;
+      }
+      cell.colSpan = colSpan;
+      cell.colEnd = cell.colStart + colSpan - 1;
+      rows[rowIndex].push(cell);
+      currentColIndex += colSpan;
+      return colSpan;
+    });
+    return colSpans;
+  }
+  fillRowCells(rootColumns, 0);
+  const rowCount = rows.length;
+  for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
+    rows[rowIndex].forEach((cell) => {
+      if (isNumber(cell.rowSpan) || cell.hasSubColumns) {
+        return;
+      }
+      cell.rowSpan = rowCount - rowIndex;
+    });
+  }
+  return rows;
+}
+export {
+  parseHeaderRows
+};

package/dist/components/Table/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export { useTableContext } from './tableContext/useTableContext/useTableContext';
+export { createTableContext } from './tableContext/TableContext';
+export type { TableContextValue } from './tableContext/TableContext.types';

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

@@ -0,0 +1,3 @@
+import { TableContextValue } from './TableContext.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const createTableContext: <Record extends DefaultRecord>() => import('react').Context<TableContextValue<Record>>;

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

@@ -0,0 +1,21 @@
+import { createContext } from "react";
+import { once, identity } from "lodash-es";
+const createTableContext = once(() => {
+  return createContext({
+    getComponent: identity,
+    columns: [],
+    flattedColumns: [],
+    isAllColumnsFixedStart: false,
+    expandIconColumnIndex: 0,
+    ExpandIcon: identity,
+    indentSize: 0,
+    isSomeRecordHasChildren: false,
+    sortDirections: [],
+    tableLayout: "auto",
+    tableTokens: {},
+    showHeader: true
+  });
+});
+export {
+  createTableContext
+};

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

@@ -0,0 +1,27 @@
+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';
+type UseTableComponentsReturnType = ReturnType<typeof useTableComponents>;
+type UseTableColumnsReturnType<Record extends DefaultRecord> = ReturnType<typeof useTableColumns<Record>>;
+type UseTableExpandReturnType<Record extends DefaultRecord> = ReturnType<typeof useTableExpand<Record>>;
+export interface TableContextValue<Record extends DefaultRecord> {
+    showHeader: TableProps<Record>["showHeader"];
+    tableTokens: TableTokens;
+    getComponent: UseTableComponentsReturnType["getComponent"];
+    columns: UseTableColumnsReturnType<Record>["columns"];
+    flattedColumns: UseTableColumnsReturnType<Record>["flattedColumns"];
+    isAllColumnsFixedStart: UseTableColumnsReturnType<Record>["isAllColumnsFixedStart"];
+    expandIconColumnIndex: UseTableExpandReturnType<Record>["expandIconColumnIndex"];
+    ExpandIcon: UseTableExpandReturnType<Record>["ExpandIcon"];
+    indentSize: UseTableExpandReturnType<Record>["indentSize"];
+    isSomeRecordHasChildren: UseTableExpandReturnType<Record>["isSomeRecordHasChildren"];
+    sortDirections: Exclude<TableProps["sortDirections"], undefined>;
+    tableLayout: Exclude<TableProps["tableLayout"], undefined>;
+    onHeaderRow?: TableProps<Record>["onHeaderRow"];
+    onRow?: TableProps<Record>["onRow"];
+    bordered?: false | Required<BorderedConfig>;
+    horizonScroll?: boolean;
+}
+export {};

package/dist/components/Table/contexts/tableContext/useTableContext/useTableContext.d.ts

@@ -0,0 +1,2 @@
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const useTableContext: <Record extends DefaultRecord>() => import('../TableContext.types').TableContextValue<Record>;