@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/Table/atoms/layout.d.mts

@@ -0,0 +1,44 @@
+import { TableCustomizeComponent, TableSize, TableVariant } from "../type.mjs";
+import { HTMLAttributes, Ref, TableHTMLAttributes } from "react";
+//#region src/Table/atoms/layout.d.ts
+export interface TableRootProps extends HTMLAttributes<HTMLDivElement> {
+  grouped?: boolean;
+  hoverable?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  size?: TableSize;
+  variant?: TableVariant;
+}
+export declare const TableRoot: ({ className, grouped, hoverable, size, variant, ...rest }: TableRootProps) => import("react").JSX.Element;
+export interface TablePartProps extends HTMLAttributes<HTMLDivElement> {
+  ref?: Ref<HTMLDivElement>;
+}
+export declare const TableContainer: ({ className, ...rest }: TablePartProps) => import("react").JSX.Element;
+export interface TableScrollProps extends TablePartProps {
+  part?: 'body' | 'content' | 'header' | 'summary';
+}
+export declare const TableScroll: ({ className, part, ...rest }: TableScrollProps) => import("react").JSX.Element;
+export declare const TableTitle: ({ className, ...rest }: TablePartProps) => import("react").JSX.Element;
+export declare const TableFooter: ({ className, ...rest }: TablePartProps) => import("react").JSX.Element;
+export interface TableElementProps extends TableHTMLAttributes<HTMLTableElement> {
+  component?: TableCustomizeComponent;
+  ref?: Ref<HTMLTableElement>;
+}
+export declare const TableElement: ({ component, ...rest }: TableElementProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface TableColGroupColumn {
+  className?: string;
+  minWidth?: number | string;
+  width?: number | string;
+}
+export interface TableColGroupProps {
+  columns: readonly TableColGroupColumn[];
+}
+export declare const TableColGroup: ({ columns }: TableColGroupProps) => import("react").JSX.Element | null;
+export interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElement> {
+  component?: TableCustomizeComponent;
+  ref?: Ref<HTMLTableSectionElement>;
+}
+export declare const TableHeader: ({ className, component, ...rest }: TableSectionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const TableBody: ({ className, component, ...rest }: TableSectionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const TableSummaryFoot: ({ className, ...rest }: TableSectionProps) => import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=layout.d.mts.map

package/es/Table/atoms/layout.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { PREFIX_CLS, SIZE_CLASS } from "../constants.mjs";
+import { createElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/atoms/layout.tsx
+const TableRoot = ({ className, grouped, hoverable = true, size = "middle", variant = "borderless", ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: clsx$1(PREFIX_CLS, SIZE_CLASS[size], `${PREFIX_CLS}-${variant}`, grouped && `lobe-table-grouped`, hoverable && `lobe-table-hoverable`, className)
+});
+const TableContainer = ({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: clsx$1(`${PREFIX_CLS}-container`, className)
+});
+const TableScroll = ({ className, part = "content", ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: clsx$1(`${PREFIX_CLS}-${part}`, className)
+});
+const TableTitle = ({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: clsx$1(`${PREFIX_CLS}-title`, className)
+});
+const TableFooter = ({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: clsx$1(`${PREFIX_CLS}-footer`, className)
+});
+const TableElement = ({ component = "table", ...rest }) => createElement(component, rest);
+const TableColGroup = ({ columns }) => {
+	const cols = [];
+	let mustInsert = false;
+	for (let index = columns.length - 1; index >= 0; index -= 1) {
+		const { className, minWidth, width } = columns[index];
+		if (width || minWidth || className || mustInsert) {
+			const style = {
+				minWidth,
+				width
+			};
+			cols.unshift(/* @__PURE__ */ jsx("col", {
+				className,
+				style
+			}, index));
+			mustInsert = true;
+		}
+	}
+	return cols.length > 0 ? /* @__PURE__ */ jsx("colgroup", { children: cols }) : null;
+};
+const TableHeader = ({ className, component = "thead", ...rest }) => createElement(component, {
+	...rest,
+	className: clsx$1(`${PREFIX_CLS}-thead`, className)
+});
+const TableBody = ({ className, component = "tbody", ...rest }) => createElement(component, {
+	...rest,
+	className: clsx$1(`${PREFIX_CLS}-tbody`, className)
+});
+const TableSummaryFoot = ({ className, ...rest }) => /* @__PURE__ */ jsx("tfoot", {
+	...rest,
+	className: clsx$1(`${PREFIX_CLS}-summary`, className)
+});
+//#endregion
+export { TableBody, TableColGroup, TableContainer, TableElement, TableFooter, TableHeader, TableRoot, TableScroll, TableSummaryFoot, TableTitle };
+
+//# sourceMappingURL=layout.mjs.map

package/es/Table/atoms/layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.mjs","names":["clsx"],"sources":["../../../src/Table/atoms/layout.tsx"],"sourcesContent":["'use client';\n\nimport '../style.css';\n\nimport clsx from 'clsx';\nimport {\n  createElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type TableHTMLAttributes,\n} from 'react';\n\nimport { PREFIX_CLS, SIZE_CLASS } from '../constants';\nimport type { TableCustomizeComponent, TableSize, TableVariant } from '../type';\n\nexport interface TableRootProps extends HTMLAttributes<HTMLDivElement> {\n  grouped?: boolean;\n  hoverable?: boolean;\n  ref?: Ref<HTMLDivElement>;\n  size?: TableSize;\n  variant?: TableVariant;\n}\n\nexport const TableRoot = ({\n  className,\n  grouped,\n  hoverable = true,\n  size = 'middle',\n  variant = 'borderless',\n  ...rest\n}: TableRootProps) => (\n  <div\n    {...rest}\n    className={clsx(\n      PREFIX_CLS,\n      SIZE_CLASS[size],\n      `${PREFIX_CLS}-${variant}`,\n      grouped && `${PREFIX_CLS}-grouped`,\n      hoverable && `${PREFIX_CLS}-hoverable`,\n      className,\n    )}\n  />\n);\n\nexport interface TablePartProps extends HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const TableContainer = ({ className, ...rest }: TablePartProps) => (\n  <div {...rest} className={clsx(`${PREFIX_CLS}-container`, className)} />\n);\n\nexport interface TableScrollProps extends TablePartProps {\n  part?: 'body' | 'content' | 'header' | 'summary';\n}\n\nexport const TableScroll = ({ className, part = 'content', ...rest }: TableScrollProps) => (\n  <div {...rest} className={clsx(`${PREFIX_CLS}-${part}`, className)} />\n);\n\nexport const TableTitle = ({ className, ...rest }: TablePartProps) => (\n  <div {...rest} className={clsx(`${PREFIX_CLS}-title`, className)} />\n);\n\nexport const TableFooter = ({ className, ...rest }: TablePartProps) => (\n  <div {...rest} className={clsx(`${PREFIX_CLS}-footer`, className)} />\n);\n\nexport interface TableElementProps extends TableHTMLAttributes<HTMLTableElement> {\n  component?: TableCustomizeComponent;\n  ref?: Ref<HTMLTableElement>;\n}\n\nexport const TableElement = ({ component = 'table', ...rest }: TableElementProps) =>\n  createElement(component, rest);\n\nexport interface TableColGroupColumn {\n  className?: string;\n  minWidth?: number | string;\n  width?: number | string;\n}\n\nexport interface TableColGroupProps {\n  columns: readonly TableColGroupColumn[];\n}\n\nexport const TableColGroup = ({ columns }: TableColGroupProps) => {\n  const cols: ReactNode[] = [];\n  let mustInsert = false;\n  for (let index = columns.length - 1; index >= 0; index -= 1) {\n    const { className, minWidth, width } = columns[index];\n    if (width || minWidth || className || mustInsert) {\n      const style: CSSProperties = { minWidth, width };\n      cols.unshift(<col className={className} key={index} style={style} />);\n      mustInsert = true;\n    }\n  }\n  return cols.length > 0 ? <colgroup>{cols}</colgroup> : null;\n};\n\nexport interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElement> {\n  component?: TableCustomizeComponent;\n  ref?: Ref<HTMLTableSectionElement>;\n}\n\nexport const TableHeader = ({ className, component = 'thead', ...rest }: TableSectionProps) =>\n  createElement(component, { ...rest, className: clsx(`${PREFIX_CLS}-thead`, className) });\n\nexport const TableBody = ({ className, component = 'tbody', ...rest }: TableSectionProps) =>\n  createElement(component, { ...rest, className: clsx(`${PREFIX_CLS}-tbody`, className) });\n\nexport const TableSummaryFoot = ({ className, ...rest }: TableSectionProps) => (\n  <tfoot {...rest} className={clsx(`${PREFIX_CLS}-summary`, className)} />\n);\n"],"mappings":";;;;;;AAyBA,MAAa,aAAa,EACxB,WACA,SACA,YAAY,MACZ,OAAO,UACP,UAAU,cACV,GAAG,WAEH,oBAAC,OAAD;CACE,GAAI;CACJ,WAAWA,OACT,YACA,WAAW,OACX,GAAG,WAAW,GAAG,WACjB,WAAW,sBACX,aAAa,wBACb,SACF;AACD,CAAA;AAOH,MAAa,kBAAkB,EAAE,WAAW,GAAG,WAC7C,oBAAC,OAAD;CAAK,GAAI;CAAM,WAAWA,OAAK,GAAG,WAAW,aAAa,SAAS;AAAI,CAAA;AAOzE,MAAa,eAAe,EAAE,WAAW,OAAO,WAAW,GAAG,WAC5D,oBAAC,OAAD;CAAK,GAAI;CAAM,WAAWA,OAAK,GAAG,WAAW,GAAG,QAAQ,SAAS;AAAI,CAAA;AAGvE,MAAa,cAAc,EAAE,WAAW,GAAG,WACzC,oBAAC,OAAD;CAAK,GAAI;CAAM,WAAWA,OAAK,GAAG,WAAW,SAAS,SAAS;AAAI,CAAA;AAGrE,MAAa,eAAe,EAAE,WAAW,GAAG,WAC1C,oBAAC,OAAD;CAAK,GAAI;CAAM,WAAWA,OAAK,GAAG,WAAW,UAAU,SAAS;AAAI,CAAA;AAQtE,MAAa,gBAAgB,EAAE,YAAY,SAAS,GAAG,WACrD,cAAc,WAAW,IAAI;AAY/B,MAAa,iBAAiB,EAAE,cAAkC;CAChE,MAAM,OAAoB,CAAC;CAC3B,IAAI,aAAa;CACjB,KAAK,IAAI,QAAQ,QAAQ,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG;EAC3D,MAAM,EAAE,WAAW,UAAU,UAAU,QAAQ;EAC/C,IAAI,SAAS,YAAY,aAAa,YAAY;GAChD,MAAM,QAAuB;IAAE;IAAU;GAAM;GAC/C,KAAK,QAAQ,oBAAC,OAAD;IAAgB;IAA8B;GAAQ,GAAtB,KAAsB,CAAC;GACpE,aAAa;EACf;CACF;CACA,OAAO,KAAK,SAAS,IAAI,oBAAC,YAAD,EAAA,UAAW,KAAe,CAAA,IAAI;AACzD;AAOA,MAAa,eAAe,EAAE,WAAW,YAAY,SAAS,GAAG,WAC/D,cAAc,WAAW;CAAE,GAAG;CAAM,WAAWA,OAAK,GAAG,WAAW,SAAS,SAAS;AAAE,CAAC;AAEzF,MAAa,aAAa,EAAE,WAAW,YAAY,SAAS,GAAG,WAC7D,cAAc,WAAW;CAAE,GAAG;CAAM,WAAWA,OAAK,GAAG,WAAW,SAAS,SAAS;AAAE,CAAC;AAEzF,MAAa,oBAAoB,EAAE,WAAW,GAAG,WAC/C,oBAAC,SAAD;CAAO,GAAI;CAAM,WAAWA,OAAK,GAAG,WAAW,WAAW,SAAS;AAAI,CAAA"}

package/es/Table/constants.mjs

@@ -0,0 +1,16 @@
+//#region src/Table/constants.ts
+const PREFIX_CLS = "lobe-table";
+const VIRTUAL_ROW_HEIGHT = {
+	large: 55,
+	middle: 47,
+	small: 39
+};
+const SIZE_CLASS = {
+	large: `${PREFIX_CLS}-large`,
+	middle: `${PREFIX_CLS}-medium`,
+	small: `${PREFIX_CLS}-small`
+};
+//#endregion
+export { PREFIX_CLS, SIZE_CLASS, VIRTUAL_ROW_HEIGHT };
+
+//# sourceMappingURL=constants.mjs.map

package/es/Table/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/Table/constants.ts"],"sourcesContent":["import type { TableSize } from './type';\n\nexport const PREFIX_CLS = 'lobe-table';\n\nexport const EXPAND_COLUMN_WIDTH = 48;\nexport const SELECTION_COLUMN_WIDTH = 32;\nexport const SELECTION_DROPDOWN_WIDTH = 24;\nexport const DEFAULT_INDENT_SIZE = 15;\n\nexport const VIRTUAL_ROW_HEIGHT: Record<TableSize, number> = {\n  large: 16 * 2 + 22 + 1,\n  middle: 12 * 2 + 22 + 1,\n  small: 8 * 2 + 22 + 1,\n};\n\nexport const SIZE_CLASS: Record<TableSize, string> = {\n  large: `${PREFIX_CLS}-large`,\n  middle: `${PREFIX_CLS}-medium`,\n  small: `${PREFIX_CLS}-small`,\n};\n"],"mappings":";AAEA,MAAa,aAAa;AAO1B,MAAa,qBAAgD;CAC3D,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAEA,MAAa,aAAwC;CACnD,OAAO,GAAG,WAAW;CACrB,QAAQ,GAAG,WAAW;CACtB,OAAO,GAAG,WAAW;AACvB"}

package/es/Table/engine/fixed.d.mts

@@ -0,0 +1 @@
+import "./types.mjs";

package/es/Table/engine/fixed.mjs

@@ -0,0 +1,53 @@
+//#region src/Table/engine/fixed.ts
+const getStickyOffsets = (widths, leaves) => {
+	const count = leaves.length;
+	const collect = (from, to, step) => {
+		const offsets = [];
+		let total = 0;
+		for (let index = from; index !== to; index += step) {
+			offsets.push(total);
+			if (leaves[index].fixed) total += widths[index] || 0;
+		}
+		return offsets;
+	};
+	return {
+		end: collect(count - 1, -1, -1).reverse(),
+		start: collect(0, count, 1),
+		widths
+	};
+};
+const isStart = (column) => column?.fixed === "start";
+const isEnd = (column) => column?.fixed === "end";
+const getFixedInfo = (colStart, colEnd, leaves, offsets) => {
+	const count = leaves.length;
+	const info = {
+		offsetFixedEndShadow: 0,
+		offsetFixedStartShadow: 0,
+		shadowEnd: false,
+		shadowStart: false,
+		zIndex: 0,
+		zIndexReverse: 0
+	};
+	if (isStart(leaves[colStart]) && isStart(leaves[colEnd])) {
+		info.fixStart = offsets.start[colStart];
+		info.shadowStart = !isStart(leaves[colEnd + 1]);
+		info.zIndex = count * 2 - colStart;
+		info.zIndexReverse = count + colStart;
+	} else if (isEnd(leaves[colEnd]) && isEnd(leaves[colStart])) {
+		info.fixEnd = offsets.end[colEnd];
+		info.shadowEnd = !isEnd(leaves[colStart - 1]);
+		info.zIndex = colEnd;
+		info.zIndexReverse = count - colEnd;
+	}
+	if (info.shadowStart) {
+		for (let index = 0; index < colStart; index += 1) if (!isStart(leaves[index])) info.offsetFixedStartShadow += offsets.widths[index] || 0;
+	}
+	if (info.shadowEnd) {
+		for (let index = count - 1; index > colEnd; index -= 1) if (!isEnd(leaves[index])) info.offsetFixedEndShadow += offsets.widths[index] || 0;
+	}
+	return info;
+};
+//#endregion
+export { getFixedInfo, getStickyOffsets };
+
+//# sourceMappingURL=fixed.mjs.map

package/es/Table/engine/fixed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed.mjs","names":[],"sources":["../../../src/Table/engine/fixed.ts"],"sourcesContent":["import type { EngineColumn, FixedInfo } from './types';\n\nexport interface StickyOffsets {\n  end: number[];\n  start: number[];\n  widths: readonly number[];\n}\n\nexport const getStickyOffsets = (\n  widths: readonly number[],\n  leaves: readonly Pick<EngineColumn, 'fixed'>[],\n): StickyOffsets => {\n  const count = leaves.length;\n  const collect = (from: number, to: number, step: number) => {\n    const offsets: number[] = [];\n    let total = 0;\n    for (let index = from; index !== to; index += step) {\n      offsets.push(total);\n      if (leaves[index].fixed) total += widths[index] || 0;\n    }\n    return offsets;\n  };\n  return { end: collect(count - 1, -1, -1).reverse(), start: collect(0, count, 1), widths };\n};\n\nconst isStart = (column?: Pick<EngineColumn, 'fixed'>) => column?.fixed === 'start';\nconst isEnd = (column?: Pick<EngineColumn, 'fixed'>) => column?.fixed === 'end';\n\nexport const getFixedInfo = (\n  colStart: number,\n  colEnd: number,\n  leaves: readonly Pick<EngineColumn, 'fixed'>[],\n  offsets: StickyOffsets,\n): FixedInfo => {\n  const count = leaves.length;\n  const info: FixedInfo = {\n    offsetFixedEndShadow: 0,\n    offsetFixedStartShadow: 0,\n    shadowEnd: false,\n    shadowStart: false,\n    zIndex: 0,\n    zIndexReverse: 0,\n  };\n\n  if (isStart(leaves[colStart]) && isStart(leaves[colEnd])) {\n    info.fixStart = offsets.start[colStart];\n    info.shadowStart = !isStart(leaves[colEnd + 1]);\n    info.zIndex = count * 2 - colStart;\n    info.zIndexReverse = count + colStart;\n  } else if (isEnd(leaves[colEnd]) && isEnd(leaves[colStart])) {\n    info.fixEnd = offsets.end[colEnd];\n    info.shadowEnd = !isEnd(leaves[colStart - 1]);\n    info.zIndex = colEnd;\n    info.zIndexReverse = count - colEnd;\n  }\n\n  if (info.shadowStart) {\n    for (let index = 0; index < colStart; index += 1) {\n      if (!isStart(leaves[index])) info.offsetFixedStartShadow += offsets.widths[index] || 0;\n    }\n  }\n  if (info.shadowEnd) {\n    for (let index = count - 1; index > colEnd; index -= 1) {\n      if (!isEnd(leaves[index])) info.offsetFixedEndShadow += offsets.widths[index] || 0;\n    }\n  }\n  return info;\n};\n"],"mappings":";AAQA,MAAa,oBACX,QACA,WACkB;CAClB,MAAM,QAAQ,OAAO;CACrB,MAAM,WAAW,MAAc,IAAY,SAAiB;EAC1D,MAAM,UAAoB,CAAC;EAC3B,IAAI,QAAQ;EACZ,KAAK,IAAI,QAAQ,MAAM,UAAU,IAAI,SAAS,MAAM;GAClD,QAAQ,KAAK,KAAK;GAClB,IAAI,OAAO,MAAM,CAAC,OAAO,SAAS,OAAO,UAAU;EACrD;EACA,OAAO;CACT;CACA,OAAO;EAAE,KAAK,QAAQ,QAAQ,GAAG,IAAI,EAAE,CAAC,CAAC,QAAQ;EAAG,OAAO,QAAQ,GAAG,OAAO,CAAC;EAAG;CAAO;AAC1F;AAEA,MAAM,WAAW,WAAyC,QAAQ,UAAU;AAC5E,MAAM,SAAS,WAAyC,QAAQ,UAAU;AAE1E,MAAa,gBACX,UACA,QACA,QACA,YACc;CACd,MAAM,QAAQ,OAAO;CACrB,MAAM,OAAkB;EACtB,sBAAsB;EACtB,wBAAwB;EACxB,WAAW;EACX,aAAa;EACb,QAAQ;EACR,eAAe;CACjB;CAEA,IAAI,QAAQ,OAAO,SAAS,KAAK,QAAQ,OAAO,OAAO,GAAG;EACxD,KAAK,WAAW,QAAQ,MAAM;EAC9B,KAAK,cAAc,CAAC,QAAQ,OAAO,SAAS,EAAE;EAC9C,KAAK,SAAS,QAAQ,IAAI;EAC1B,KAAK,gBAAgB,QAAQ;CAC/B,OAAO,IAAI,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,SAAS,GAAG;EAC3D,KAAK,SAAS,QAAQ,IAAI;EAC1B,KAAK,YAAY,CAAC,MAAM,OAAO,WAAW,EAAE;EAC5C,KAAK,SAAS;EACd,KAAK,gBAAgB,QAAQ;CAC/B;CAEA,IAAI,KAAK,aACF;OAAA,IAAI,QAAQ,GAAG,QAAQ,UAAU,SAAS,GAC7C,IAAI,CAAC,QAAQ,OAAO,MAAM,GAAG,KAAK,0BAA0B,QAAQ,OAAO,UAAU;CAAA;CAGzF,IAAI,KAAK,WACF;OAAA,IAAI,QAAQ,QAAQ,GAAG,QAAQ,QAAQ,SAAS,GACnD,IAAI,CAAC,MAAM,OAAO,MAAM,GAAG,KAAK,wBAAwB,QAAQ,OAAO,UAAU;CAAA;CAGrF,OAAO;AACT"}

package/es/Table/engine/types.d.mts

@@ -0,0 +1 @@
+import { Key } from "react";

package/es/Table/engine/useTableEngine.mjs

@@ -0,0 +1,180 @@
+import { getFixedInfo, getStickyOffsets } from "./fixed.mjs";
+import { useCallback, useMemo } from "react";
+import { createExpandedRowModel, rowExpandingFeature, tableFeatures, useTable } from "@tanstack/react-table";
+import { measureElement, observeElementRect, useVirtualizer } from "@tanstack/react-virtual";
+//#region src/Table/engine/useTableEngine.ts
+const features = tableFeatures({
+	expandedRowModel: createExpandedRowModel(),
+	rowExpandingFeature
+});
+const flattenLeaves = (columns, inheritedFixed) => columns.flatMap((column) => {
+	const fixed = column.fixed ?? inheritedFixed;
+	if (column.children?.length) return flattenLeaves(column.children, fixed);
+	return [{
+		...column,
+		fixed
+	}];
+});
+const toColumnDefs = (columns) => columns.map((column) => column.children?.length ? {
+	columns: toColumnDefs(column.children),
+	id: column.key,
+	meta: column
+} : {
+	id: column.key,
+	meta: column
+});
+const useHeaderRows = (table, columns, leaves, offsets) => useMemo(() => {
+	const leafIndex = new Map(leaves.map((leaf, index) => [leaf.key, index]));
+	const fixedByKey = /* @__PURE__ */ new Map();
+	const collectFixed = (list, inherited) => list.forEach((column) => {
+		const fixed = column.fixed ?? inherited;
+		fixedByKey.set(column.key, fixed);
+		if (column.children) collectFixed(column.children, fixed);
+	});
+	collectFixed(columns);
+	return table.getHeaderGroups().map((group) => group.headers.flatMap((header) => {
+		if (header.rowSpan === 0) return [];
+		const column = header.column.columnDef.meta;
+		const leafHeader = header.getLeafHeaders().find((leaf) => !leaf.subHeaders.length);
+		const colStart = leafIndex.get(leafHeader?.column.id) ?? 0;
+		const colSpan = column.headerColSpan ?? header.colSpan;
+		if (colSpan === 0) return [];
+		const colEnd = colStart + colSpan - 1;
+		return [{
+			colEnd,
+			colSpan,
+			colStart,
+			column: {
+				...column,
+				fixed: fixedByKey.get(column.key)
+			},
+			fixedInfo: getFixedInfo(colStart, colEnd, leaves, offsets),
+			isLeaf: !column.children?.length,
+			key: column.key,
+			rowSpan: header.rowSpan
+		}];
+	}));
+}, [
+	table,
+	columns,
+	leaves,
+	offsets
+]);
+const useVirtualModel = (virtual, rows) => {
+	const { rowHeight } = virtual;
+	const fallbackHeight = virtual.initialHeight ?? 0;
+	const observeRect = useCallback((instance, callback) => observeElementRect(instance, (rect) => callback({
+		height: rect.height || fallbackHeight,
+		width: rect.width
+	})), [fallbackHeight]);
+	const estimateSize = useCallback(() => rowHeight, [rowHeight]);
+	const measure = useCallback((element, entry, instance) => measureElement(element, entry, instance) || rowHeight, [rowHeight]);
+	const getItemKey = useCallback((index) => rows[index]?.key ?? index, [rows]);
+	const virtualizer = useVirtualizer({
+		count: rows.length,
+		estimateSize,
+		getItemKey,
+		getScrollElement: virtual.getScrollElement,
+		initialRect: {
+			height: fallbackHeight,
+			width: 0
+		},
+		measureElement: measure,
+		observeElementRect: observeRect,
+		overscan: virtual.overscan ?? 6
+	});
+	const scrollTo = ({ align = "nearest", index, key, offset = 0, top }) => {
+		const element = virtual.getScrollElement();
+		if (!element) return;
+		if (typeof top === "number") {
+			element.scrollTop = top;
+			return;
+		}
+		const target = key === void 0 ? index : rows.findIndex((row) => String(row.key) === String(key));
+		if (target === void 0 || target < 0) return;
+		const item = virtualizer.measurementsCache[target];
+		if (!item) return;
+		const viewport = element.clientHeight;
+		let next = element.scrollTop;
+		if (align === "start") next = item.start;
+		else if (align === "end") next = item.end - viewport;
+		else if (item.start < next) next = item.start;
+		else if (item.end > next + viewport) next = item.end - viewport;
+		element.scrollTop = Math.max(0, next + offset);
+	};
+	return {
+		getRange: (index) => {
+			const item = virtualizer.measurementsCache[index];
+			return item ? {
+				end: item.end,
+				start: item.start
+			} : void 0;
+		},
+		items: virtualizer.getVirtualItems().map((item) => ({
+			index: item.index,
+			key: item.key,
+			size: item.size,
+			start: item.start
+		})),
+		measureElement: virtualizer.measureElement,
+		scrollTo,
+		totalSize: virtualizer.getTotalSize()
+	};
+};
+const useTableEngine = ({ columnWidths, columns, data, expandedKeys, getChildren, getRowKey }) => {
+	const columnDefs = useMemo(() => toColumnDefs(columns), [columns]);
+	const leaves = useMemo(() => flattenLeaves(columns), [columns]);
+	const expanded = useMemo(() => {
+		const state = {};
+		expandedKeys.forEach((key) => {
+			state[String(key)] = true;
+		});
+		return state;
+	}, [expandedKeys]);
+	const table = useTable({
+		columns: columnDefs,
+		data,
+		features,
+		getRowId: (record, index) => String(getRowKey(record, index)),
+		getSubRows: getChildren ? (record) => {
+			const children = getChildren(record);
+			return children?.length ? children : void 0;
+		} : void 0,
+		state: { expanded }
+	}, () => null);
+	const offsets = useMemo(() => getStickyOffsets(columnWidths, leaves), [columnWidths, leaves]);
+	const leafColumns = useMemo(() => leaves.map((column, index) => ({
+		column,
+		fixed: column.fixed,
+		fixedInfo: getFixedInfo(index, index, leaves, offsets),
+		index,
+		key: column.key
+	})), [leaves, offsets]);
+	const headerRows = useHeaderRows(table, columns, leaves, offsets);
+	const coreRows = table.getRowModel().rows;
+	return {
+		headerRows,
+		leafColumns,
+		rows: useMemo(() => coreRows.map((row, index) => {
+			const key = getRowKey(row.original, row.index);
+			return {
+				depth: row.depth,
+				expanded: expandedKeys.has(key),
+				hasChildren: Boolean(getChildren?.(row.original)),
+				index,
+				key,
+				record: row.original,
+				renderIndex: row.index
+			};
+		}), [
+			coreRows,
+			expandedKeys,
+			getChildren,
+			getRowKey
+		])
+	};
+};
+//#endregion
+export { useTableEngine, useVirtualModel };
+
+//# sourceMappingURL=useTableEngine.mjs.map

package/es/Table/engine/useTableEngine.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableEngine.mjs","names":[],"sources":["../../../src/Table/engine/useTableEngine.ts"],"sourcesContent":["import {\n  type ColumnDef,\n  createExpandedRowModel,\n  type ExpandedState,\n  rowExpandingFeature,\n  tableFeatures,\n  useTable,\n} from '@tanstack/react-table';\nimport {\n  measureElement,\n  observeElementRect,\n  useVirtualizer,\n  type Virtualizer,\n} from '@tanstack/react-virtual';\nimport { type Key, useCallback, useMemo } from 'react';\n\nimport { getFixedInfo, getStickyOffsets } from './fixed';\nimport type {\n  EngineColumn,\n  HeaderCellModel,\n  LeafColumnModel,\n  RowModel,\n  TableEngineInput,\n  TableModel,\n  VirtualInput,\n  VirtualModel,\n  VirtualScrollConfig,\n} from './types';\n\nconst features = tableFeatures({\n  expandedRowModel: createExpandedRowModel(),\n  rowExpandingFeature,\n});\n\ntype Features = typeof features;\n\nconst flattenLeaves = <C>(\n  columns: readonly EngineColumn<C>[],\n  inheritedFixed?: EngineColumn<C>['fixed'],\n): EngineColumn<C>[] =>\n  columns.flatMap((column) => {\n    const fixed = column.fixed ?? inheritedFixed;\n    if (column.children?.length) return flattenLeaves(column.children, fixed);\n    return [{ ...column, fixed }];\n  });\n\nconst toColumnDefs = <C>(columns: readonly EngineColumn<C>[]): ColumnDef<Features, any>[] =>\n  columns.map((column) =>\n    column.children?.length\n      ? { columns: toColumnDefs(column.children), id: column.key, meta: column }\n      : { id: column.key, meta: column },\n  ) as ColumnDef<Features, any>[];\n\nconst useHeaderRows = <C>(\n  table: { getHeaderGroups: () => any[] },\n  columns: readonly EngineColumn<C>[],\n  leaves: readonly EngineColumn<C>[],\n  offsets: ReturnType<typeof getStickyOffsets>,\n): HeaderCellModel<C>[][] =>\n  useMemo(() => {\n    const leafIndex = new Map(leaves.map((leaf, index) => [leaf.key, index]));\n    const fixedByKey = new Map<string, EngineColumn<C>['fixed']>();\n    const collectFixed = (list: readonly EngineColumn<C>[], inherited?: EngineColumn<C>['fixed']) =>\n      list.forEach((column) => {\n        const fixed = column.fixed ?? inherited;\n        fixedByKey.set(column.key, fixed);\n        if (column.children) collectFixed(column.children, fixed);\n      });\n    collectFixed(columns);\n\n    return table.getHeaderGroups().map((group) =>\n      group.headers.flatMap((header: any): HeaderCellModel<C>[] => {\n        if (header.rowSpan === 0) return [];\n        const column = header.column.columnDef.meta as EngineColumn<C>;\n        const leafHeader = header.getLeafHeaders().find((leaf: any) => !leaf.subHeaders.length);\n        const colStart = leafIndex.get(leafHeader?.column.id) ?? 0;\n        const colSpan = column.headerColSpan ?? header.colSpan;\n        if (colSpan === 0) return [];\n        const colEnd = colStart + colSpan - 1;\n        return [\n          {\n            colEnd,\n            colSpan,\n            colStart,\n            column: { ...column, fixed: fixedByKey.get(column.key) },\n            fixedInfo: getFixedInfo(colStart, colEnd, leaves, offsets),\n            isLeaf: !column.children?.length,\n            key: column.key,\n            rowSpan: header.rowSpan,\n          },\n        ];\n      }),\n    );\n  }, [table, columns, leaves, offsets]);\n\nexport const useVirtualModel = <T>(\n  virtual: VirtualInput,\n  rows: readonly RowModel<T>[],\n): VirtualModel => {\n  const { rowHeight } = virtual;\n  const fallbackHeight = virtual.initialHeight ?? 0;\n  const observeRect = useCallback(\n    (\n      instance: Virtualizer<HTMLElement, Element>,\n      callback: (rect: { height: number; width: number }) => void,\n    ) =>\n      observeElementRect(instance, (rect) =>\n        callback({ height: rect.height || fallbackHeight, width: rect.width }),\n      ),\n    [fallbackHeight],\n  );\n  const estimateSize = useCallback(() => rowHeight, [rowHeight]);\n  const measure = useCallback(\n    (\n      element: Element,\n      entry: ResizeObserverEntry | undefined,\n      instance: Virtualizer<HTMLElement, Element>,\n    ) => measureElement(element, entry, instance) || rowHeight,\n    [rowHeight],\n  );\n  const getItemKey = useCallback((index: number) => rows[index]?.key ?? index, [rows]);\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize,\n    getItemKey,\n    getScrollElement: virtual.getScrollElement,\n    initialRect: { height: fallbackHeight, width: 0 },\n    measureElement: measure,\n    observeElementRect: observeRect,\n    overscan: virtual.overscan ?? 6,\n  });\n\n  const scrollTo = ({ align = 'nearest', index, key, offset = 0, top }: VirtualScrollConfig) => {\n    const element = virtual.getScrollElement();\n    if (!element) return;\n    if (typeof top === 'number') {\n      element.scrollTop = top;\n      return;\n    }\n    const target =\n      key === undefined ? index : rows.findIndex((row) => String(row.key) === String(key));\n    if (target === undefined || target < 0) return;\n    const item = virtualizer.measurementsCache[target];\n    if (!item) return;\n    const viewport = element.clientHeight;\n    let next = element.scrollTop;\n    if (align === 'start') next = item.start;\n    else if (align === 'end') next = item.end - viewport;\n    else if (item.start < next) next = item.start;\n    else if (item.end > next + viewport) next = item.end - viewport;\n    element.scrollTop = Math.max(0, next + offset);\n  };\n\n  return {\n    getRange: (index) => {\n      const item = virtualizer.measurementsCache[index];\n      return item ? { end: item.end, start: item.start } : undefined;\n    },\n    items: virtualizer.getVirtualItems().map((item) => ({\n      index: item.index,\n      key: item.key as Key,\n      size: item.size,\n      start: item.start,\n    })),\n    measureElement: virtualizer.measureElement,\n    scrollTo,\n    totalSize: virtualizer.getTotalSize(),\n  };\n};\n\nexport const useTableEngine = <T, C = unknown>({\n  columnWidths,\n  columns,\n  data,\n  expandedKeys,\n  getChildren,\n  getRowKey,\n}: TableEngineInput<T, C>): TableModel<T, C> => {\n  const columnDefs = useMemo(() => toColumnDefs(columns), [columns]);\n  const leaves = useMemo(() => flattenLeaves(columns), [columns]);\n\n  const expanded = useMemo(() => {\n    const state: Record<string, boolean> = {};\n    expandedKeys.forEach((key) => {\n      state[String(key)] = true;\n    });\n    return state as ExpandedState;\n  }, [expandedKeys]);\n\n  const table = useTable(\n    {\n      columns: columnDefs,\n      data: data as T[],\n      features,\n      getRowId: (record: T, index: number) => String(getRowKey(record, index)),\n      getSubRows: getChildren\n        ? (record: T) => {\n            const children = getChildren(record);\n            return children?.length ? children : undefined;\n          }\n        : undefined,\n      state: { expanded },\n    } as any,\n    () => null,\n  );\n\n  const offsets = useMemo(() => getStickyOffsets(columnWidths, leaves), [columnWidths, leaves]);\n\n  const leafColumns = useMemo(\n    (): LeafColumnModel<C>[] =>\n      leaves.map((column, index) => ({\n        column,\n        fixed: column.fixed,\n        fixedInfo: getFixedInfo(index, index, leaves, offsets),\n        index,\n        key: column.key,\n      })),\n    [leaves, offsets],\n  );\n\n  const headerRows = useHeaderRows(table as any, columns, leaves, offsets);\n\n  const coreRows = (table as any).getRowModel().rows as any[];\n  const rows = useMemo(\n    (): RowModel<T>[] =>\n      coreRows.map((row, index) => {\n        const key = getRowKey(row.original, row.index);\n        return {\n          depth: row.depth,\n          expanded: expandedKeys.has(key),\n          hasChildren: Boolean(getChildren?.(row.original)),\n          index,\n          key,\n          record: row.original,\n          renderIndex: row.index,\n        };\n      }),\n    [coreRows, expandedKeys, getChildren, getRowKey],\n  );\n\n  return { headerRows, leafColumns, rows };\n};\n"],"mappings":";;;;;AA6BA,MAAM,WAAW,cAAc;CAC7B,kBAAkB,uBAAuB;CACzC;AACF,CAAC;AAID,MAAM,iBACJ,SACA,mBAEA,QAAQ,SAAS,WAAW;CAC1B,MAAM,QAAQ,OAAO,SAAS;CAC9B,IAAI,OAAO,UAAU,QAAQ,OAAO,cAAc,OAAO,UAAU,KAAK;CACxE,OAAO,CAAC;EAAE,GAAG;EAAQ;CAAM,CAAC;AAC9B,CAAC;AAEH,MAAM,gBAAmB,YACvB,QAAQ,KAAK,WACX,OAAO,UAAU,SACb;CAAE,SAAS,aAAa,OAAO,QAAQ;CAAG,IAAI,OAAO;CAAK,MAAM;AAAO,IACvE;CAAE,IAAI,OAAO;CAAK,MAAM;AAAO,CACrC;AAEF,MAAM,iBACJ,OACA,SACA,QACA,YAEA,cAAc;CACZ,MAAM,YAAY,IAAI,IAAI,OAAO,KAAK,MAAM,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;CACxE,MAAM,6BAAa,IAAI,IAAsC;CAC7D,MAAM,gBAAgB,MAAkC,cACtD,KAAK,SAAS,WAAW;EACvB,MAAM,QAAQ,OAAO,SAAS;EAC9B,WAAW,IAAI,OAAO,KAAK,KAAK;EAChC,IAAI,OAAO,UAAU,aAAa,OAAO,UAAU,KAAK;CAC1D,CAAC;CACH,aAAa,OAAO;CAEpB,OAAO,MAAM,gBAAgB,CAAC,CAAC,KAAK,UAClC,MAAM,QAAQ,SAAS,WAAsC;EAC3D,IAAI,OAAO,YAAY,GAAG,OAAO,CAAC;EAClC,MAAM,SAAS,OAAO,OAAO,UAAU;EACvC,MAAM,aAAa,OAAO,eAAe,CAAC,CAAC,MAAM,SAAc,CAAC,KAAK,WAAW,MAAM;EACtF,MAAM,WAAW,UAAU,IAAI,YAAY,OAAO,EAAE,KAAK;EACzD,MAAM,UAAU,OAAO,iBAAiB,OAAO;EAC/C,IAAI,YAAY,GAAG,OAAO,CAAC;EAC3B,MAAM,SAAS,WAAW,UAAU;EACpC,OAAO,CACL;GACE;GACA;GACA;GACA,QAAQ;IAAE,GAAG;IAAQ,OAAO,WAAW,IAAI,OAAO,GAAG;GAAE;GACvD,WAAW,aAAa,UAAU,QAAQ,QAAQ,OAAO;GACzD,QAAQ,CAAC,OAAO,UAAU;GAC1B,KAAK,OAAO;GACZ,SAAS,OAAO;EAClB,CACF;CACF,CAAC,CACH;AACF,GAAG;CAAC;CAAO;CAAS;CAAQ;AAAO,CAAC;AAEtC,MAAa,mBACX,SACA,SACiB;CACjB,MAAM,EAAE,cAAc;CACtB,MAAM,iBAAiB,QAAQ,iBAAiB;CAChD,MAAM,cAAc,aAEhB,UACA,aAEA,mBAAmB,WAAW,SAC5B,SAAS;EAAE,QAAQ,KAAK,UAAU;EAAgB,OAAO,KAAK;CAAM,CAAC,CACvE,GACF,CAAC,cAAc,CACjB;CACA,MAAM,eAAe,kBAAkB,WAAW,CAAC,SAAS,CAAC;CAC7D,MAAM,UAAU,aAEZ,SACA,OACA,aACG,eAAe,SAAS,OAAO,QAAQ,KAAK,WACjD,CAAC,SAAS,CACZ;CACA,MAAM,aAAa,aAAa,UAAkB,KAAK,MAAM,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC;CACnF,MAAM,cAAc,eAAe;EACjC,OAAO,KAAK;EACZ;EACA;EACA,kBAAkB,QAAQ;EAC1B,aAAa;GAAE,QAAQ;GAAgB,OAAO;EAAE;EAChD,gBAAgB;EAChB,oBAAoB;EACpB,UAAU,QAAQ,YAAY;CAChC,CAAC;CAED,MAAM,YAAY,EAAE,QAAQ,WAAW,OAAO,KAAK,SAAS,GAAG,UAA+B;EAC5F,MAAM,UAAU,QAAQ,iBAAiB;EACzC,IAAI,CAAC,SAAS;EACd,IAAI,OAAO,QAAQ,UAAU;GAC3B,QAAQ,YAAY;GACpB;EACF;EACA,MAAM,SACJ,QAAQ,KAAA,IAAY,QAAQ,KAAK,WAAW,QAAQ,OAAO,IAAI,GAAG,MAAM,OAAO,GAAG,CAAC;EACrF,IAAI,WAAW,KAAA,KAAa,SAAS,GAAG;EACxC,MAAM,OAAO,YAAY,kBAAkB;EAC3C,IAAI,CAAC,MAAM;EACX,MAAM,WAAW,QAAQ;EACzB,IAAI,OAAO,QAAQ;EACnB,IAAI,UAAU,SAAS,OAAO,KAAK;OAC9B,IAAI,UAAU,OAAO,OAAO,KAAK,MAAM;OACvC,IAAI,KAAK,QAAQ,MAAM,OAAO,KAAK;OACnC,IAAI,KAAK,MAAM,OAAO,UAAU,OAAO,KAAK,MAAM;EACvD,QAAQ,YAAY,KAAK,IAAI,GAAG,OAAO,MAAM;CAC/C;CAEA,OAAO;EACL,WAAW,UAAU;GACnB,MAAM,OAAO,YAAY,kBAAkB;GAC3C,OAAO,OAAO;IAAE,KAAK,KAAK;IAAK,OAAO,KAAK;GAAM,IAAI,KAAA;EACvD;EACA,OAAO,YAAY,gBAAgB,CAAC,CAAC,KAAK,UAAU;GAClD,OAAO,KAAK;GACZ,KAAK,KAAK;GACV,MAAM,KAAK;GACX,OAAO,KAAK;EACd,EAAE;EACF,gBAAgB,YAAY;EAC5B;EACA,WAAW,YAAY,aAAa;CACtC;AACF;AAEA,MAAa,kBAAkC,EAC7C,cACA,SACA,MACA,cACA,aACA,gBAC8C;CAC9C,MAAM,aAAa,cAAc,aAAa,OAAO,GAAG,CAAC,OAAO,CAAC;CACjE,MAAM,SAAS,cAAc,cAAc,OAAO,GAAG,CAAC,OAAO,CAAC;CAE9D,MAAM,WAAW,cAAc;EAC7B,MAAM,QAAiC,CAAC;EACxC,aAAa,SAAS,QAAQ;GAC5B,MAAM,OAAO,GAAG,KAAK;EACvB,CAAC;EACD,OAAO;CACT,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,QAAQ,SACZ;EACE,SAAS;EACH;EACN;EACA,WAAW,QAAW,UAAkB,OAAO,UAAU,QAAQ,KAAK,CAAC;EACvE,YAAY,eACP,WAAc;GACb,MAAM,WAAW,YAAY,MAAM;GACnC,OAAO,UAAU,SAAS,WAAW,KAAA;EACvC,IACA,KAAA;EACJ,OAAO,EAAE,SAAS;CACpB,SACM,IACR;CAEA,MAAM,UAAU,cAAc,iBAAiB,cAAc,MAAM,GAAG,CAAC,cAAc,MAAM,CAAC;CAE5F,MAAM,cAAc,cAEhB,OAAO,KAAK,QAAQ,WAAW;EAC7B;EACA,OAAO,OAAO;EACd,WAAW,aAAa,OAAO,OAAO,QAAQ,OAAO;EACrD;EACA,KAAK,OAAO;CACd,EAAE,GACJ,CAAC,QAAQ,OAAO,CAClB;CAEA,MAAM,aAAa,cAAc,OAAc,SAAS,QAAQ,OAAO;CAEvE,MAAM,WAAY,MAAc,YAAY,CAAC,CAAC;CAkB9C,OAAO;EAAE;EAAY;EAAa,MAjBrB,cAET,SAAS,KAAK,KAAK,UAAU;GAC3B,MAAM,MAAM,UAAU,IAAI,UAAU,IAAI,KAAK;GAC7C,OAAO;IACL,OAAO,IAAI;IACX,UAAU,aAAa,IAAI,GAAG;IAC9B,aAAa,QAAQ,cAAc,IAAI,QAAQ,CAAC;IAChD;IACA;IACA,QAAQ,IAAI;IACZ,aAAa,IAAI;GACnB;EACF,CAAC,GACH;GAAC;GAAU;GAAc;GAAa;EAAS,CAGZ;CAAE;AACzC"}

package/es/Table/index.d.mts

@@ -1,3 +1,8 @@
-import { FilterValue, SortOrder, TableColumn, TableFilters, TablePaginationConfig, TableProps, TableSemanticName, TableSorterResult } from "./type.mjs";
+import { FilterValue, SortOrder, TableBreakpoint, TableCellAttributes, TableClassNames, TableColumn, TableColumnAlign, TableColumnEllipsis, TableColumnFilterItem, TableColumnFixed, TableColumnGroupType, TableColumnSorter, TableColumnTitle, TableColumnTitleProps, TableColumnType, TableColumnsType, TableCompareFn, TableComponents, TableComponentsSemanticName, TableCurrentDataSource, TableCustomizeComponent, TableDataIndex, TableExpandIconProps, TableExpandableConfig, TableExpandedRowRender, TableFilterDropdownPopupProps, TableFilterDropdownProps, TableFilters, TableHeaderCellAttributes, TableLoadingConfig, TableLocale, TableMultipleSorterResult, TablePaginationConfig, TablePaginationPlacement, TableProps, TableRef, TableRenderedCell, TableRowClassName, TableRowSelectMethod, TableRowSelection, TableRowSelectionCheckboxProps, TableRowSelectionType, TableScrollToConfig, TableSelectionItem, TableSelectionPreset, TableSemanticInfo, TableSemanticName, TableSize, TableSorterResult, TableSorterTooltipProps, TableSticky, TableStyles, TableSummaryCellProps, TableSummaryProps, TableSummaryRowProps, TableVariant } from "./type.mjs";
+import { TableCell, TableCellProps, TableExpandedRow, TableExpandedRowProps, TableHeaderCell, TableRow, TableRowProps } from "./atoms/cells.mjs";
+import { TableBody, TableColGroup, TableColGroupColumn, TableColGroupProps, TableContainer, TableElement, TableElementProps, TableFooter, TableHeader, TablePartProps, TableRoot, TableRootProps, TableScroll, TableScrollProps, TableSectionProps, TableSummaryFoot, TableTitle } from "./atoms/layout.mjs";
+import "./atoms/index.mjs";
+import { TableColumnProps } from "./Column.mjs";
+import { TableColumnGroupProps } from "./ColumnGroup.mjs";
 import Table from "./Table.mjs";
-export { type FilterValue, type SortOrder, type TableColumn, type TableFilters, type TablePaginationConfig, type TableProps, type TableSemanticName, type TableSorterResult, Table as default };
+export { type FilterValue, type SortOrder, TableBody, type TableBreakpoint, TableCell, type TableCellAttributes, type TableCellProps, type TableClassNames, TableColGroup, type TableColGroupColumn, type TableColGroupProps, type TableColumn, type TableColumnAlign, type TableColumnEllipsis, type TableColumnFilterItem, type TableColumnFixed, type TableColumnGroupProps, type TableColumnGroupType, type TableColumnProps, type TableColumnSorter, type TableColumnTitle, type TableColumnTitleProps, type TableColumnType, type TableColumnsType, type TableCompareFn, type TableComponents, type TableComponentsSemanticName, TableContainer, type TableCurrentDataSource, type TableCustomizeComponent, type TableDataIndex, TableElement, type TableElementProps, type TableExpandIconProps, type TableExpandableConfig, TableExpandedRow, type TableExpandedRowProps, type TableExpandedRowRender, type TableFilterDropdownPopupProps, type TableFilterDropdownProps, type TableFilters, TableFooter, TableHeader, TableHeaderCell, type TableHeaderCellAttributes, type TableLoadingConfig, type TableLocale, type TableMultipleSorterResult, type TablePaginationConfig, type TablePaginationPlacement, type TablePartProps, type TableProps, type TableRef, type TableRenderedCell, TableRoot, type TableRootProps, TableRow, type TableRowClassName, type TableRowProps, type TableRowSelectMethod, type TableRowSelection, type TableRowSelectionCheckboxProps, type TableRowSelectionType, TableScroll, type TableScrollProps, type TableScrollToConfig, type TableSectionProps, type TableSelectionItem, type TableSelectionPreset, type TableSemanticInfo, type TableSemanticName, type TableSize, type TableSorterResult, type TableSorterTooltipProps, type TableSticky, type TableStyles, type TableSummaryCellProps, TableSummaryFoot, type TableSummaryProps, type TableSummaryRowProps, TableTitle, type TableVariant, Table as default };

package/es/Table/index.mjs

@@ -1 +1,4 @@
-export { default } from "./Table.mjs";
+import { TableCell, TableExpandedRow, TableHeaderCell, TableRow } from "./atoms/cells.mjs";
+import { TableBody, TableColGroup, TableContainer, TableElement, TableFooter, TableHeader, TableRoot, TableScroll, TableSummaryFoot, TableTitle } from "./atoms/layout.mjs";
+import Table from "./Table.mjs";
+export { TableBody, TableCell, TableColGroup, TableContainer, TableElement, TableExpandedRow, TableFooter, TableHeader, TableHeaderCell, TableRoot, TableRow, TableScroll, TableSummaryFoot, TableTitle, Table as default };

package/es/Table/internal.d.mts

@@ -0,0 +1,3 @@
+import "./type.mjs";
+import "./store/createTableStore.mjs";
+import { Ref } from "react";

package/es/Table/pipeline/columnUtils.d.mts

@@ -0,0 +1,5 @@
+import { TableColumn } from "../type.mjs";
+//#region src/Table/pipeline/columnUtils.d.ts
+export declare const EXPAND_COLUMN: TableColumn<any>;
+//#endregion
+//# sourceMappingURL=columnUtils.d.mts.map

package/es/Table/pipeline/columnUtils.mjs

@@ -0,0 +1,58 @@
+import { SELECTION_COLUMN } from "./selectionUtils.mjs";
+//#region src/Table/pipeline/columnUtils.ts
+const EXPAND_COLUMN = {};
+const isColumnGroup = (column) => "children" in column && Array.isArray(column.children);
+const dataIndexOf = (column) => "dataIndex" in column ? column.dataIndex : void 0;
+const getColumnPos = (index, parentPos) => parentPos === void 0 ? String(index) : `${parentPos}-${index}`;
+const getColumnId = (column, pos) => {
+	if (column.key != null) return String(column.key);
+	const dataIndex = dataIndexOf(column);
+	if (Array.isArray(dataIndex)) {
+		if (dataIndex.length > 0) return dataIndex.join(".");
+	} else if (dataIndex != null && dataIndex !== "") return String(dataIndex);
+	return `__column_${pos}`;
+};
+const getPathValue = (record, path) => {
+	if (path == null || path === "") return void 0;
+	const keys = Array.isArray(path) ? path : [path];
+	let value = record;
+	for (const key of keys) {
+		if (value == null) return void 0;
+		value = value[key];
+	}
+	return value;
+};
+const getCellValue = (record, column) => getPathValue(record, dataIndexOf(column));
+const flattenColumns = (columns, parentPos) => {
+	const list = [];
+	columns.forEach((column, index) => {
+		if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return;
+		const pos = getColumnPos(index, parentPos);
+		list.push({
+			column,
+			id: getColumnId(column, pos)
+		});
+		if (isColumnGroup(column)) list.push(...flattenColumns(column.children, pos));
+	});
+	return list;
+};
+const assertColumnKeys = (columns) => {
+	for (const { column } of flattenColumns(columns)) if ((Boolean(column.sorter) || Boolean(column.filters) || column.filterDropdown !== void 0) && column.key == null && dataIndexOf(column) == null) throw new Error("[Table] sortable or filterable columns need a `key` or `dataIndex`");
+};
+const fillColumns = (columns, defaults) => {
+	if (!defaults) return columns;
+	const { children: _children, ...base } = defaults;
+	return columns.map((column) => {
+		if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return column;
+		const merged = { ...base };
+		for (const [key, value] of Object.entries(column)) if (value !== void 0) merged[key] = value;
+		if (isColumnGroup(column)) merged.children = fillColumns(column.children, defaults);
+		return merged;
+	});
+};
+const isColumnVisibleAt = (column, screens) => !column.responsive || !screens || column.responsive.some((point) => screens.has(point));
+const renderColumnTitle = (title, props) => typeof title === "function" ? title(props) : title;
+//#endregion
+export { EXPAND_COLUMN, assertColumnKeys, fillColumns, flattenColumns, getCellValue, getColumnId, getColumnPos, getPathValue, isColumnGroup, isColumnVisibleAt, renderColumnTitle };
+
+//# sourceMappingURL=columnUtils.mjs.map

package/es/Table/pipeline/columnUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnUtils.mjs","names":[],"sources":["../../../src/Table/pipeline/columnUtils.ts"],"sourcesContent":["import type {\n  TableBreakpoint,\n  TableColumn,\n  TableColumnGroupType,\n  TableColumnTitle,\n  TableColumnTitleProps,\n  TableColumnType,\n} from '../type';\nimport { SELECTION_COLUMN } from './selectionUtils';\n\ntype DataIndexOf<T> = TableColumnType<T>['dataIndex'];\n\nexport const EXPAND_COLUMN = {} as TableColumn<any>;\n\nexport const isColumnGroup = <T>(column: TableColumn<T>): column is TableColumnGroupType<T> =>\n  'children' in column && Array.isArray(column.children);\n\nconst dataIndexOf = <T>(column: TableColumn<T>): DataIndexOf<T> =>\n  'dataIndex' in column ? column.dataIndex : undefined;\n\nexport const getColumnPos = (index: number, parentPos?: string) =>\n  parentPos === undefined ? String(index) : `${parentPos}-${index}`;\n\nexport const getColumnId = (column: TableColumn<any>, pos: number | string): string => {\n  if (column.key != null) return String(column.key);\n  const dataIndex = dataIndexOf(column);\n  if (Array.isArray(dataIndex)) {\n    if (dataIndex.length > 0) return dataIndex.join('.');\n  } else if (dataIndex != null && dataIndex !== '') {\n    return String(dataIndex);\n  }\n  return `__column_${pos}`;\n};\n\nexport const getPathValue = (record: unknown, path: DataIndexOf<any>): unknown => {\n  if (path == null || path === '') return undefined;\n  const keys = Array.isArray(path) ? path : [path];\n  let value: any = record;\n  for (const key of keys) {\n    if (value == null) return undefined;\n    value = value[key as PropertyKey];\n  }\n  return value;\n};\n\nexport const getCellValue = <T>(record: T, column: TableColumn<T>): unknown =>\n  getPathValue(record, dataIndexOf(column));\n\nexport interface FlatColumn<T> {\n  column: TableColumn<T>;\n  id: string;\n}\n\nexport const flattenColumns = <T>(columns: readonly TableColumn<T>[], parentPos?: string) => {\n  const list: FlatColumn<T>[] = [];\n  columns.forEach((column, index) => {\n    if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return;\n    const pos = getColumnPos(index, parentPos);\n    list.push({ column, id: getColumnId(column, pos) });\n    if (isColumnGroup(column)) list.push(...flattenColumns(column.children, pos));\n  });\n  return list;\n};\n\nexport const assertColumnKeys = (columns: readonly TableColumn<any>[]) => {\n  for (const { column } of flattenColumns(columns)) {\n    const needsStableId =\n      Boolean(column.sorter) || Boolean(column.filters) || column.filterDropdown !== undefined;\n    if (needsStableId && column.key == null && dataIndexOf(column) == null) {\n      throw new Error('[Table] sortable or filterable columns need a `key` or `dataIndex`');\n    }\n  }\n};\n\nexport const fillColumns = <T>(\n  columns: readonly TableColumn<T>[],\n  defaults: Partial<TableColumnType<T>> | undefined,\n): TableColumn<T>[] => {\n  if (!defaults) return columns as TableColumn<T>[];\n  const { children: _children, ...base } = defaults as Partial<TableColumnGroupType<T>>;\n  return columns.map((column) => {\n    if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return column;\n    const merged = { ...base } as Record<string, unknown>;\n    for (const [key, value] of Object.entries(column)) {\n      if (value !== undefined) merged[key] = value;\n    }\n    if (isColumnGroup(column)) merged.children = fillColumns(column.children, defaults);\n    return merged as unknown as TableColumn<T>;\n  });\n};\n\nexport const isColumnVisibleAt = (\n  column: TableColumn<any>,\n  screens: ReadonlySet<TableBreakpoint> | null,\n) => !column.responsive || !screens || column.responsive.some((point) => screens.has(point));\n\nexport const renderColumnTitle = <T>(\n  title: TableColumnTitle<T>,\n  props: TableColumnTitleProps<T>,\n) => (typeof title === 'function' ? title(props) : title);\n"],"mappings":";;AAYA,MAAa,gBAAgB,CAAC;AAE9B,MAAa,iBAAoB,WAC/B,cAAc,UAAU,MAAM,QAAQ,OAAO,QAAQ;AAEvD,MAAM,eAAkB,WACtB,eAAe,SAAS,OAAO,YAAY,KAAA;AAE7C,MAAa,gBAAgB,OAAe,cAC1C,cAAc,KAAA,IAAY,OAAO,KAAK,IAAI,GAAG,UAAU,GAAG;AAE5D,MAAa,eAAe,QAA0B,QAAiC;CACrF,IAAI,OAAO,OAAO,MAAM,OAAO,OAAO,OAAO,GAAG;CAChD,MAAM,YAAY,YAAY,MAAM;CACpC,IAAI,MAAM,QAAQ,SAAS,GACrB;MAAA,UAAU,SAAS,GAAG,OAAO,UAAU,KAAK,GAAG;CAAA,OAC9C,IAAI,aAAa,QAAQ,cAAc,IAC5C,OAAO,OAAO,SAAS;CAEzB,OAAO,YAAY;AACrB;AAEA,MAAa,gBAAgB,QAAiB,SAAoC;CAChF,IAAI,QAAQ,QAAQ,SAAS,IAAI,OAAO,KAAA;CACxC,MAAM,OAAO,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;CAC/C,IAAI,QAAa;CACjB,KAAK,MAAM,OAAO,MAAM;EACtB,IAAI,SAAS,MAAM,OAAO,KAAA;EAC1B,QAAQ,MAAM;CAChB;CACA,OAAO;AACT;AAEA,MAAa,gBAAmB,QAAW,WACzC,aAAa,QAAQ,YAAY,MAAM,CAAC;AAO1C,MAAa,kBAAqB,SAAoC,cAAuB;CAC3F,MAAM,OAAwB,CAAC;CAC/B,QAAQ,SAAS,QAAQ,UAAU;EACjC,IAAI,WAAW,iBAAiB,WAAW,kBAAkB;EAC7D,MAAM,MAAM,aAAa,OAAO,SAAS;EACzC,KAAK,KAAK;GAAE;GAAQ,IAAI,YAAY,QAAQ,GAAG;EAAE,CAAC;EAClD,IAAI,cAAc,MAAM,GAAG,KAAK,KAAK,GAAG,eAAe,OAAO,UAAU,GAAG,CAAC;CAC9E,CAAC;CACD,OAAO;AACT;AAEA,MAAa,oBAAoB,YAAyC;CACxE,KAAK,MAAM,EAAE,YAAY,eAAe,OAAO,GAG7C,KADE,QAAQ,OAAO,MAAM,KAAK,QAAQ,OAAO,OAAO,KAAK,OAAO,mBAAmB,KAAA,MAC5D,OAAO,OAAO,QAAQ,YAAY,MAAM,KAAK,MAChE,MAAM,IAAI,MAAM,oEAAoE;AAG1F;AAEA,MAAa,eACX,SACA,aACqB;CACrB,IAAI,CAAC,UAAU,OAAO;CACtB,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,OAAO,QAAQ,KAAK,WAAW;EAC7B,IAAI,WAAW,iBAAiB,WAAW,kBAAkB,OAAO;EACpE,MAAM,SAAS,EAAE,GAAG,KAAK;EACzB,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,GAC9C,IAAI,UAAU,KAAA,GAAW,OAAO,OAAO;EAEzC,IAAI,cAAc,MAAM,GAAG,OAAO,WAAW,YAAY,OAAO,UAAU,QAAQ;EAClF,OAAO;CACT,CAAC;AACH;AAEA,MAAa,qBACX,QACA,YACG,CAAC,OAAO,cAAc,CAAC,WAAW,OAAO,WAAW,MAAM,UAAU,QAAQ,IAAI,KAAK,CAAC;AAE3F,MAAa,qBACX,OACA,UACI,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI"}

package/es/Table/pipeline/convertChildrenToColumns.mjs

@@ -0,0 +1,24 @@
+import { Children, Fragment, isValidElement } from "react";
+//#region src/Table/pipeline/convertChildrenToColumns.ts
+const toElements = (children) => {
+	const list = [];
+	Children.forEach(children, (child) => {
+		if (!isValidElement(child)) return;
+		if (child.type === Fragment) list.push(...toElements(child.props.children));
+		else list.push(child);
+	});
+	return list;
+};
+const convertChildrenToColumns = (children) => toElements(children).map((node) => {
+	const { children: nodeChildren, ...rest } = node.props;
+	const column = {
+		key: node.key ?? void 0,
+		...rest
+	};
+	if (nodeChildren) column.children = convertChildrenToColumns(nodeChildren);
+	return column;
+});
+//#endregion
+export { convertChildrenToColumns };
+
+//# sourceMappingURL=convertChildrenToColumns.mjs.map

package/es/Table/pipeline/convertChildrenToColumns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertChildrenToColumns.mjs","names":[],"sources":["../../../src/Table/pipeline/convertChildrenToColumns.ts"],"sourcesContent":["import { Children, Fragment, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport type { TableColumn } from '../type';\n\nconst toElements = (children: ReactNode): ReactElement[] => {\n  const list: ReactElement[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    if (child.type === Fragment) {\n      list.push(...toElements((child.props as { children?: ReactNode }).children));\n    } else {\n      list.push(child);\n    }\n  });\n  return list;\n};\n\nexport const convertChildrenToColumns = <T>(children: ReactNode): TableColumn<T>[] =>\n  toElements(children).map((node) => {\n    const { children: nodeChildren, ...rest } = node.props as Record<string, unknown>;\n    const column: Record<string, unknown> = { key: node.key ?? undefined, ...rest };\n    if (nodeChildren) column.children = convertChildrenToColumns<T>(nodeChildren as ReactNode);\n    return column as unknown as TableColumn<T>;\n  });\n"],"mappings":";;AAIA,MAAM,cAAc,aAAwC;CAC1D,MAAM,OAAuB,CAAC;CAC9B,SAAS,QAAQ,WAAW,UAAU;EACpC,IAAI,CAAC,eAAe,KAAK,GAAG;EAC5B,IAAI,MAAM,SAAS,UACjB,KAAK,KAAK,GAAG,WAAY,MAAM,MAAmC,QAAQ,CAAC;OAE3E,KAAK,KAAK,KAAK;CAEnB,CAAC;CACD,OAAO;AACT;AAEA,MAAa,4BAA+B,aAC1C,WAAW,QAAQ,CAAC,CAAC,KAAK,SAAS;CACjC,MAAM,EAAE,UAAU,cAAc,GAAG,SAAS,KAAK;CACjD,MAAM,SAAkC;EAAE,KAAK,KAAK,OAAO,KAAA;EAAW,GAAG;CAAK;CAC9E,IAAI,cAAc,OAAO,WAAW,yBAA4B,YAAyB;CACzF,OAAO;AACT,CAAC"}