@lobehub/ui 6.0.0-beta.6 → 6.0.0-beta.8

package/es/Table/render/Summary.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { TableCell } from "../atoms/cells.mjs";
+import { TableSummaryFoot } from "../atoms/layout.mjs";
+import { getFixedInfo } from "../engine/fixed.mjs";
+import { createContext, use, useMemo } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region src/Table/render/Summary.tsx
+const SummaryContext = createContext(null);
+const SummaryProvider = SummaryContext.Provider;
+const TableSummaryRoot = ({ children }) => /* @__PURE__ */ jsx(Fragment$1, { children });
+const TableSummaryRow = (props) => /* @__PURE__ */ jsx("tr", { ...props });
+const TableSummaryCell = ({ align, children, className, colSpan = 1, index, rowSpan, scope, style }) => {
+	const summary = use(SummaryContext);
+	const mergedColSpan = summary?.scrollColumnIndex !== void 0 && index + colSpan === summary.scrollColumnIndex ? colSpan + 1 : colSpan;
+	const fixedInfo = summary ? getFixedInfo(index, index + mergedColSpan - 1, summary.leaves, summary.offsets) : void 0;
+	return /* @__PURE__ */ jsx(TableCell, {
+		align,
+		className,
+		colSpan: mergedColSpan,
+		fixEnd: fixedInfo?.fixEnd,
+		fixStart: fixedInfo?.fixStart,
+		rowSpan,
+		scope,
+		shadowEnd: fixedInfo?.shadowEnd,
+		shadowStart: fixedInfo?.shadowStart,
+		style,
+		zIndex: fixedInfo?.zIndex,
+		zIndexReverse: fixedInfo?.zIndexReverse,
+		children
+	});
+};
+const TableSummary = TableSummaryRoot;
+TableSummary.Row = TableSummaryRow;
+TableSummary.Cell = TableSummaryCell;
+const SummaryFooter = ({ children, scrollbar = 0 }) => {
+	const summary = use(SummaryContext);
+	const value = useMemo(() => {
+		if (!summary || !scrollbar) return summary;
+		const leaves = [...summary.leaves, { fixed: summary.leaves.at(-1)?.fixed }];
+		return {
+			leaves,
+			offsets: {
+				...summary.offsets,
+				end: [...summary.offsets.end.map((width) => width + scrollbar), 0],
+				widths: [...summary.offsets.widths, scrollbar]
+			},
+			scrollColumnIndex: leaves.length - 1
+		};
+	}, [summary, scrollbar]);
+	return /* @__PURE__ */ jsx(SummaryContext, {
+		value,
+		children: /* @__PURE__ */ jsx(TableSummaryFoot, { children })
+	});
+};
+//#endregion
+export { SummaryFooter, SummaryProvider, TableSummary };
+
+//# sourceMappingURL=Summary.mjs.map

package/es/Table/render/Summary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.mjs","names":[],"sources":["../../../src/Table/render/Summary.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, type ReactNode, use, useMemo } from 'react';\n\nimport { TableCell, TableSummaryFoot } from '../atoms';\nimport { getFixedInfo, type StickyOffsets } from '../engine/fixed';\nimport type { EngineColumn } from '../engine/types';\nimport type { TableSummaryCellProps, TableSummaryProps, TableSummaryRowProps } from '../type';\n\ninterface SummaryContextValue {\n  leaves: readonly Pick<EngineColumn, 'fixed'>[];\n  offsets: StickyOffsets;\n  scrollColumnIndex?: number;\n}\n\nconst SummaryContext = createContext<SummaryContextValue | null>(null);\n\nexport const SummaryProvider = SummaryContext.Provider;\n\nconst TableSummaryRoot = ({ children }: TableSummaryProps) => <>{children}</>;\n\nconst TableSummaryRow = (props: TableSummaryRowProps) => <tr {...props} />;\n\nconst TableSummaryCell = ({\n  align,\n  children,\n  className,\n  colSpan = 1,\n  index,\n  rowSpan,\n  scope,\n  style,\n}: TableSummaryCellProps) => {\n  const summary = use(SummaryContext);\n  const mergedColSpan =\n    summary?.scrollColumnIndex !== undefined && index + colSpan === summary.scrollColumnIndex\n      ? colSpan + 1\n      : colSpan;\n  const fixedInfo = summary\n    ? getFixedInfo(index, index + mergedColSpan - 1, summary.leaves, summary.offsets)\n    : undefined;\n  return (\n    <TableCell\n      align={align}\n      className={className}\n      colSpan={mergedColSpan}\n      fixEnd={fixedInfo?.fixEnd}\n      fixStart={fixedInfo?.fixStart}\n      rowSpan={rowSpan}\n      scope={scope}\n      shadowEnd={fixedInfo?.shadowEnd}\n      shadowStart={fixedInfo?.shadowStart}\n      style={style}\n      zIndex={fixedInfo?.zIndex}\n      zIndexReverse={fixedInfo?.zIndexReverse}\n    >\n      {children}\n    </TableCell>\n  );\n};\n\ntype TableSummaryComponent = typeof TableSummaryRoot & {\n  Cell: typeof TableSummaryCell;\n  Row: typeof TableSummaryRow;\n};\n\nexport const TableSummary = TableSummaryRoot as TableSummaryComponent;\nTableSummary.Row = TableSummaryRow;\nTableSummary.Cell = TableSummaryCell;\n\nexport const SummaryFooter = ({\n  children,\n  scrollbar = 0,\n}: {\n  children: ReactNode;\n  scrollbar?: number;\n}) => {\n  const summary = use(SummaryContext);\n  const value = useMemo(() => {\n    if (!summary || !scrollbar) return summary;\n    const leaves = [...summary.leaves, { fixed: summary.leaves.at(-1)?.fixed }];\n    return {\n      leaves,\n      offsets: {\n        ...summary.offsets,\n        end: [...summary.offsets.end.map((width) => width + scrollbar), 0],\n        widths: [...summary.offsets.widths, scrollbar],\n      },\n      scrollColumnIndex: leaves.length - 1,\n    };\n  }, [summary, scrollbar]);\n  return (\n    <SummaryContext value={value}>\n      <TableSummaryFoot>{children}</TableSummaryFoot>\n    </SummaryContext>\n  );\n};\n"],"mappings":";;;;;;;AAeA,MAAM,iBAAiB,cAA0C,IAAI;AAErE,MAAa,kBAAkB,eAAe;AAE9C,MAAM,oBAAoB,EAAE,eAAkC,oBAAA,YAAA,EAAG,SAAW,CAAA;AAE5E,MAAM,mBAAmB,UAAgC,oBAAC,MAAD,EAAI,GAAI,MAAQ,CAAA;AAEzE,MAAM,oBAAoB,EACxB,OACA,UACA,WACA,UAAU,GACV,OACA,SACA,OACA,YAC2B;CAC3B,MAAM,UAAU,IAAI,cAAc;CAClC,MAAM,gBACJ,SAAS,sBAAsB,KAAA,KAAa,QAAQ,YAAY,QAAQ,oBACpE,UAAU,IACV;CACN,MAAM,YAAY,UACd,aAAa,OAAO,QAAQ,gBAAgB,GAAG,QAAQ,QAAQ,QAAQ,OAAO,IAC9E,KAAA;CACJ,OACE,oBAAC,WAAD;EACS;EACI;EACX,SAAS;EACT,QAAQ,WAAW;EACnB,UAAU,WAAW;EACZ;EACF;EACP,WAAW,WAAW;EACtB,aAAa,WAAW;EACjB;EACP,QAAQ,WAAW;EACnB,eAAe,WAAW;EAEzB;CACQ,CAAA;AAEf;AAOA,MAAa,eAAe;AAC5B,aAAa,MAAM;AACnB,aAAa,OAAO;AAEpB,MAAa,iBAAiB,EAC5B,UACA,YAAY,QAIR;CACJ,MAAM,UAAU,IAAI,cAAc;CAClC,MAAM,QAAQ,cAAc;EAC1B,IAAI,CAAC,WAAW,CAAC,WAAW,OAAO;EACnC,MAAM,SAAS,CAAC,GAAG,QAAQ,QAAQ,EAAE,OAAO,QAAQ,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC;EAC1E,OAAO;GACL;GACA,SAAS;IACP,GAAG,QAAQ;IACX,KAAK,CAAC,GAAG,QAAQ,QAAQ,IAAI,KAAK,UAAU,QAAQ,SAAS,GAAG,CAAC;IACjE,QAAQ,CAAC,GAAG,QAAQ,QAAQ,QAAQ,SAAS;GAC/C;GACA,mBAAmB,OAAO,SAAS;EACrC;CACF,GAAG,CAAC,SAAS,SAAS,CAAC;CACvB,OACE,oBAAC,gBAAD;EAAuB;EACrB,UAAA,oBAAC,kBAAD,EAAmB,SAA2B,CAAA;CAChC,CAAA;AAEpB"}

package/es/Table/render/TableView.mjs

@@ -0,0 +1,215 @@
+"use client";
+import { TableContainer, TableElement, TableFooter, TableRoot, TableScroll, TableTitle } from "../atoms/layout.mjs";
+import { useTableView } from "./context.mjs";
+import { SummaryFooter, SummaryProvider } from "./Summary.mjs";
+import { HeaderRows } from "./Header.mjs";
+import { Body } from "./Body.mjs";
+import { FixedHolder } from "./FixedHolder.mjs";
+import StickyScrollBar from "./StickyScrollBar.mjs";
+import { useColGroups } from "./useColGroups.mjs";
+import { useScrollSync } from "./useScrollSync.mjs";
+import VirtualBody from "./VirtualBody.mjs";
+import { useCallback } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/render/TableView.tsx
+const TableView = ({ bodyRef, className, colWidths, emptyNode, fixFooter, fixHeader, footer, grouped, headerRows, hoverable, offsets, onColumnResize, onScroll, ref, rows, scrollX, scrollY, showHeader, size, sticky, style, summaryNode, tableLayout, title, variant, virtual, virtualScrollRef }) => {
+	const view = useTableView();
+	const { horizonScroll, leafColumns, prefixCls, semanticClassNames, semanticStyles } = view;
+	const { headerRef, onInternalScroll, rootRef, scrollbarSize, stickyRef, summaryRef } = useScrollSync({
+		bodyRef,
+		columnCount: leafColumns.length,
+		fixHeader,
+		horizonScroll,
+		prefixCls,
+		rows,
+		sticky: sticky.isSticky
+	});
+	const onBodyScroll = (event) => {
+		onInternalScroll({ currentTarget: event.currentTarget });
+		onScroll?.(event);
+	};
+	const setRootRef = useCallback((element) => {
+		rootRef.current = element;
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+	}, [ref]);
+	const headerScrollbar = sticky.isSticky && !fixHeader ? 0 : scrollbarSize;
+	const { bodyColGroup, holderColGroup } = useColGroups({
+		colWidths,
+		headerScrollbar,
+		leafColumns,
+		rowCount: rows.length,
+		tableLayout,
+		virtualWidths: view.virtualWidths
+	});
+	const scrollTableStyle = horizonScroll ? {
+		minWidth: "100%",
+		width: scrollX === true ? "auto" : scrollX
+	} : void 0;
+	const scrollXStyle = horizonScroll ? { overflowX: "auto" } : void 0;
+	const scrollYStyle = fixHeader ? {
+		maxHeight: scrollY,
+		overflowY: rows.length > 0 ? "scroll" : "auto"
+	} : horizonScroll ? { overflowY: "hidden" } : void 0;
+	const summary = summaryNode ? /* @__PURE__ */ jsx(SummaryFooter, { children: summaryNode }) : null;
+	const holderSummary = summaryNode ? /* @__PURE__ */ jsx(SummaryFooter, {
+		scrollbar: headerScrollbar,
+		children: summaryNode
+	}) : null;
+	const stickyHolderClass = sticky.isSticky ? `${prefixCls}-sticky-holder` : void 0;
+	const headerRowsNode = /* @__PURE__ */ jsx(HeaderRows, {
+		rows: headerRows,
+		scrollbar: headerScrollbar
+	});
+	let content;
+	if (fixHeader || sticky.isSticky || virtual) {
+		const bodyNode = virtual ? /* @__PURE__ */ jsx(VirtualBody, {
+			emptyNode,
+			holderRef: bodyRef,
+			input: virtual,
+			maxHeight: scrollY,
+			rows,
+			scrollRef: virtualScrollRef,
+			scrollX,
+			onScroll: onBodyScroll
+		}) : /* @__PURE__ */ jsx(TableScroll, {
+			part: "body",
+			ref: bodyRef,
+			style: {
+				...scrollXStyle,
+				...scrollYStyle
+			},
+			onScroll: onBodyScroll,
+			children: /* @__PURE__ */ jsxs(TableElement, {
+				component: view.components.table,
+				style: {
+					...scrollTableStyle,
+					tableLayout
+				},
+				children: [
+					bodyColGroup,
+					/* @__PURE__ */ jsx(Body, {
+						measure: true,
+						emptyNode,
+						rows,
+						onColumnResize
+					}),
+					!fixFooter && summary
+				]
+			})
+		});
+		content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			showHeader && /* @__PURE__ */ jsxs(FixedHolder, {
+				className: clsx$1(`${prefixCls}-header`, stickyHolderClass),
+				colGroup: holderColGroup,
+				holderRef: headerRef,
+				scrollX,
+				tableLayout,
+				stickyStyle: sticky.isSticky ? {
+					position: "sticky",
+					top: sticky.offsetHeader
+				} : void 0,
+				onWheelX: (target, scrollLeft) => onInternalScroll({
+					currentTarget: target,
+					scrollLeft
+				}),
+				children: [headerRowsNode, fixFooter === "top" && holderSummary]
+			}),
+			bodyNode,
+			fixFooter && fixFooter !== "top" && /* @__PURE__ */ jsx(FixedHolder, {
+				className: clsx$1(`${prefixCls}-summary`, stickyHolderClass),
+				colGroup: holderColGroup,
+				holderRef: summaryRef,
+				scrollX,
+				tableLayout,
+				stickyStyle: sticky.isSticky ? {
+					bottom: sticky.offsetSummary,
+					position: "sticky"
+				} : void 0,
+				onWheelX: (target, scrollLeft) => onInternalScroll({
+					currentTarget: target,
+					scrollLeft
+				}),
+				children: holderSummary
+			}),
+			sticky.isSticky && bodyRef.current && /* @__PURE__ */ jsx(StickyScrollBar, {
+				bodyRef,
+				container: sticky.container,
+				offsetScroll: sticky.offsetScroll,
+				prefixCls,
+				ref: stickyRef,
+				onScroll: onInternalScroll
+			})
+		] });
+	} else content = /* @__PURE__ */ jsx(TableScroll, {
+		className: semanticClassNames.content,
+		part: "content",
+		ref: bodyRef,
+		style: {
+			...scrollXStyle,
+			...scrollYStyle,
+			...semanticStyles.content
+		},
+		onScroll: onBodyScroll,
+		children: /* @__PURE__ */ jsxs(TableElement, {
+			component: view.components.table,
+			style: {
+				...scrollTableStyle,
+				tableLayout
+			},
+			children: [
+				bodyColGroup,
+				showHeader && headerRowsNode,
+				/* @__PURE__ */ jsx(Body, {
+					emptyNode,
+					measure: horizonScroll,
+					rows,
+					onColumnResize
+				}),
+				summary
+			]
+		})
+	});
+	const first = leafColumns[0];
+	const last = leafColumns.at(-1);
+	return /* @__PURE__ */ jsx(SummaryProvider, {
+		value: {
+			leaves: leafColumns,
+			offsets
+		},
+		children: /* @__PURE__ */ jsxs(TableRoot, {
+			grouped,
+			hoverable,
+			ref: setRootRef,
+			size,
+			variant,
+			className: clsx$1(className, horizonScroll && [`${prefixCls}-fix-start-shadow`, `${prefixCls}-fix-end-shadow`], tableLayout === "fixed" && `${prefixCls}-layout-fixed`, fixHeader && `${prefixCls}-fixed-header`, horizonScroll && leafColumns.some((leaf) => leaf.fixed) && `${prefixCls}-fixed-column`, horizonScroll && `${prefixCls}-scroll-horizontal`, first?.fixed && `${prefixCls}-has-fix-start`, last?.fixed === "end" && `${prefixCls}-has-fix-end`, virtual && `${prefixCls}-virtual`),
+			style: sticky.isSticky ? {
+				...style,
+				"--columns-count": leafColumns.length
+			} : style,
+			children: [
+				title !== void 0 && /* @__PURE__ */ jsx(TableTitle, {
+					className: semanticClassNames.title,
+					style: semanticStyles.title,
+					children: title
+				}),
+				/* @__PURE__ */ jsx(TableContainer, {
+					className: semanticClassNames.section,
+					style: semanticStyles.section,
+					children: content
+				}),
+				footer !== void 0 && /* @__PURE__ */ jsx(TableFooter, {
+					className: semanticClassNames.footer,
+					style: semanticStyles.footer,
+					children: footer
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { TableView as default };
+
+//# sourceMappingURL=TableView.mjs.map

package/es/Table/render/TableView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableView.mjs","names":["clsx"],"sources":["../../../src/Table/render/TableView.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { type CSSProperties, type ReactNode, type UIEvent, useCallback } from 'react';\n\nimport {\n  TableContainer,\n  TableElement,\n  TableFooter,\n  TableRoot,\n  TableScroll,\n  TableTitle,\n} from '../atoms';\nimport { Body } from './Body';\nimport { useTableView } from './context';\nimport { FixedHolder } from './FixedHolder';\nimport { HeaderRows } from './Header';\nimport StickyScrollBar from './StickyScrollBar';\nimport { SummaryFooter, SummaryProvider } from './Summary';\nimport { useColGroups } from './useColGroups';\nimport { useScrollSync } from './useScrollSync';\nimport type { TableViewProps } from './viewTypes';\nimport VirtualBody from './VirtualBody';\n\nconst TableView = <T,>({\n  bodyRef,\n  className,\n  colWidths,\n  emptyNode,\n  fixFooter,\n  fixHeader,\n  footer,\n  grouped,\n  headerRows,\n  hoverable,\n  offsets,\n  onColumnResize,\n  onScroll,\n  ref,\n  rows,\n  scrollX,\n  scrollY,\n  showHeader,\n  size,\n  sticky,\n  style,\n  summaryNode,\n  tableLayout,\n  title,\n  variant,\n  virtual,\n  virtualScrollRef,\n}: TableViewProps<T>) => {\n  const view = useTableView<T>();\n  const { horizonScroll, leafColumns, prefixCls, semanticClassNames, semanticStyles } = view;\n  const { headerRef, onInternalScroll, rootRef, scrollbarSize, stickyRef, summaryRef } =\n    useScrollSync({\n      bodyRef,\n      columnCount: leafColumns.length,\n      fixHeader,\n      horizonScroll,\n      prefixCls,\n      rows,\n      sticky: sticky.isSticky,\n    });\n\n  const onBodyScroll = (event: UIEvent<HTMLDivElement>) => {\n    onInternalScroll({ currentTarget: event.currentTarget });\n    onScroll?.(event);\n  };\n\n  const setRootRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      rootRef.current = element;\n      if (typeof ref === 'function') ref(element);\n      else if (ref) ref.current = element;\n    },\n    [ref],\n  );\n\n  const headerScrollbar = sticky.isSticky && !fixHeader ? 0 : scrollbarSize;\n  const { bodyColGroup, holderColGroup } = useColGroups({\n    colWidths,\n    headerScrollbar,\n    leafColumns,\n    rowCount: rows.length,\n    tableLayout,\n    virtualWidths: view.virtualWidths,\n  });\n\n  const scrollTableStyle: CSSProperties | undefined = horizonScroll\n    ? { minWidth: '100%', width: scrollX === true ? 'auto' : scrollX }\n    : undefined;\n  const scrollXStyle: CSSProperties | undefined = horizonScroll ? { overflowX: 'auto' } : undefined;\n  const scrollYStyle: CSSProperties | undefined = fixHeader\n    ? { maxHeight: scrollY, overflowY: rows.length > 0 ? 'scroll' : 'auto' }\n    : horizonScroll\n      ? { overflowY: 'hidden' }\n      : undefined;\n\n  const summary = summaryNode ? <SummaryFooter>{summaryNode}</SummaryFooter> : null;\n  const holderSummary = summaryNode ? (\n    <SummaryFooter scrollbar={headerScrollbar}>{summaryNode}</SummaryFooter>\n  ) : null;\n  const stickyHolderClass = sticky.isSticky ? `${prefixCls}-sticky-holder` : undefined;\n  const headerRowsNode = <HeaderRows rows={headerRows} scrollbar={headerScrollbar} />;\n\n  let content: ReactNode;\n  if (fixHeader || sticky.isSticky || virtual) {\n    const bodyNode = virtual ? (\n      <VirtualBody\n        emptyNode={emptyNode}\n        holderRef={bodyRef}\n        input={virtual}\n        maxHeight={scrollY}\n        rows={rows}\n        scrollRef={virtualScrollRef}\n        scrollX={scrollX}\n        onScroll={onBodyScroll}\n      />\n    ) : (\n      <TableScroll\n        part=\"body\"\n        ref={bodyRef}\n        style={{ ...scrollXStyle, ...scrollYStyle }}\n        onScroll={onBodyScroll}\n      >\n        <TableElement\n          component={view.components.table}\n          style={{ ...scrollTableStyle, tableLayout }}\n        >\n          {bodyColGroup}\n          <Body measure emptyNode={emptyNode} rows={rows} onColumnResize={onColumnResize} />\n          {!fixFooter && summary}\n        </TableElement>\n      </TableScroll>\n    );\n\n    content = (\n      <>\n        {showHeader && (\n          <FixedHolder\n            className={clsx(`${prefixCls}-header`, stickyHolderClass)}\n            colGroup={holderColGroup}\n            holderRef={headerRef}\n            scrollX={scrollX}\n            tableLayout={tableLayout}\n            stickyStyle={\n              sticky.isSticky ? { position: 'sticky', top: sticky.offsetHeader } : undefined\n            }\n            onWheelX={(target, scrollLeft) =>\n              onInternalScroll({ currentTarget: target, scrollLeft })\n            }\n          >\n            {headerRowsNode}\n            {fixFooter === 'top' && holderSummary}\n          </FixedHolder>\n        )}\n        {bodyNode}\n        {fixFooter && fixFooter !== 'top' && (\n          <FixedHolder\n            className={clsx(`${prefixCls}-summary`, stickyHolderClass)}\n            colGroup={holderColGroup}\n            holderRef={summaryRef}\n            scrollX={scrollX}\n            tableLayout={tableLayout}\n            stickyStyle={\n              sticky.isSticky ? { bottom: sticky.offsetSummary, position: 'sticky' } : undefined\n            }\n            onWheelX={(target, scrollLeft) =>\n              onInternalScroll({ currentTarget: target, scrollLeft })\n            }\n          >\n            {holderSummary}\n          </FixedHolder>\n        )}\n        {sticky.isSticky && bodyRef.current && (\n          <StickyScrollBar\n            bodyRef={bodyRef}\n            container={sticky.container}\n            offsetScroll={sticky.offsetScroll}\n            prefixCls={prefixCls}\n            ref={stickyRef}\n            onScroll={onInternalScroll}\n          />\n        )}\n      </>\n    );\n  } else {\n    content = (\n      <TableScroll\n        className={semanticClassNames.content}\n        part=\"content\"\n        ref={bodyRef}\n        style={{ ...scrollXStyle, ...scrollYStyle, ...semanticStyles.content }}\n        onScroll={onBodyScroll}\n      >\n        <TableElement\n          component={view.components.table}\n          style={{ ...scrollTableStyle, tableLayout }}\n        >\n          {bodyColGroup}\n          {showHeader && headerRowsNode}\n          <Body\n            emptyNode={emptyNode}\n            measure={horizonScroll}\n            rows={rows}\n            onColumnResize={onColumnResize}\n          />\n          {summary}\n        </TableElement>\n      </TableScroll>\n    );\n  }\n\n  const first = leafColumns[0];\n  const last = leafColumns.at(-1);\n\n  return (\n    <SummaryProvider value={{ leaves: leafColumns, offsets }}>\n      <TableRoot\n        grouped={grouped}\n        hoverable={hoverable}\n        ref={setRootRef}\n        size={size}\n        variant={variant}\n        className={clsx(\n          className,\n          horizonScroll && [`${prefixCls}-fix-start-shadow`, `${prefixCls}-fix-end-shadow`],\n          tableLayout === 'fixed' && `${prefixCls}-layout-fixed`,\n          fixHeader && `${prefixCls}-fixed-header`,\n          horizonScroll && leafColumns.some((leaf) => leaf.fixed) && `${prefixCls}-fixed-column`,\n          horizonScroll && `${prefixCls}-scroll-horizontal`,\n          first?.fixed && `${prefixCls}-has-fix-start`,\n          last?.fixed === 'end' && `${prefixCls}-has-fix-end`,\n          virtual && `${prefixCls}-virtual`,\n        )}\n        style={\n          sticky.isSticky\n            ? ({ ...style, '--columns-count': leafColumns.length } as CSSProperties)\n            : style\n        }\n      >\n        {title !== undefined && (\n          <TableTitle className={semanticClassNames.title} style={semanticStyles.title}>\n            {title}\n          </TableTitle>\n        )}\n        <TableContainer className={semanticClassNames.section} style={semanticStyles.section}>\n          {content}\n        </TableContainer>\n        {footer !== undefined && (\n          <TableFooter className={semanticClassNames.footer} style={semanticStyles.footer}>\n            {footer}\n          </TableFooter>\n        )}\n      </TableRoot>\n    </SummaryProvider>\n  );\n};\n\nexport type { StickyConfig, TableViewProps } from './viewTypes';\n\nexport default TableView;\n"],"mappings":"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"}

package/es/Table/render/VirtualBody.mjs

@@ -0,0 +1,101 @@
+"use client";
+import { useTableView } from "./context.mjs";
+import { BodyRow } from "./Body.mjs";
+import { useVirtualModel } from "../engine/useTableEngine.mjs";
+import { useLayoutEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/render/VirtualBody.tsx
+const getRowSpan = (leaf, row) => {
+	if (!row) return 1;
+	return leaf.column.source.column.onCell?.(row.record, row.index)?.rowSpan ?? 1;
+};
+const collectSpanLines = (leaves, rows, start, end) => {
+	const spanning = leaves.filter((leaf) => leaf.column.source.column.onCell);
+	if (spanning.length === 0 || end < 0) return [];
+	let first = start;
+	let covered = spanning.filter((leaf) => getRowSpan(leaf, rows[start]) === 0);
+	for (let index = start; index >= 0 && covered.length > 0; index -= 1) {
+		covered = covered.filter((leaf) => getRowSpan(leaf, rows[index]) === 0);
+		first = index;
+	}
+	const lines = [];
+	for (let index = first; index <= end; index += 1) if (spanning.some((leaf) => getRowSpan(leaf, rows[index]) > 1)) lines.push(index);
+	return lines;
+};
+const VirtualBody = ({ emptyNode, holderRef, input, maxHeight, onScroll, rows, scrollRef, scrollX }) => {
+	const virtual = useVirtualModel(input, rows);
+	useLayoutEffect(() => {
+		scrollRef.current = virtual.scrollTo;
+	});
+	const { leafColumns, prefixCls, semanticClassNames, semanticStyles } = useTableView();
+	const width = scrollX === true ? "auto" : scrollX;
+	const offset = virtual.items[0]?.start ?? 0;
+	const spanLines = collectSpanLines(leafColumns, rows, virtual.items[0]?.index ?? 0, virtual.items.at(-1)?.index ?? -1);
+	return /* @__PURE__ */ jsx("div", {
+		style: semanticStyles.body.wrapper,
+		className: [`${prefixCls}-tbody-virtual`, semanticClassNames.body.wrapper].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-tbody-virtual-holder`,
+			ref: holderRef,
+			style: {
+				maxHeight,
+				overflow: "auto"
+			},
+			onScroll,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: `${prefixCls}-tbody-virtual-holder-inner`,
+				style: {
+					height: virtual.totalSize,
+					minWidth: "100%",
+					position: "relative",
+					width
+				},
+				children: [rows.length === 0 ? /* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}-placeholder`,
+					children: emptyNode
+				}) : /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "relative",
+						top: offset
+					},
+					children: virtual.items.map((item) => {
+						const row = rows[item.index];
+						if (!row) return null;
+						return /* @__PURE__ */ jsx("div", {
+							"data-index": item.index,
+							ref: virtual.measureElement,
+							children: /* @__PURE__ */ jsx(BodyRow, {
+								depth: row.depth,
+								hasChildren: row.hasChildren,
+								index: row.index,
+								record: row.record,
+								renderIndex: row.renderIndex,
+								rowKey: row.key
+							})
+						}, item.key);
+					})
+				}), spanLines.map((index) => {
+					const row = rows[index];
+					const top = virtual.getRange(index)?.start ?? 0;
+					const getHeight = (rowSpan) => (virtual.getRange(Math.min(index + rowSpan - 1, rows.length - 1))?.end ?? top) - top;
+					return /* @__PURE__ */ jsx(BodyRow, {
+						depth: row.depth,
+						extra: {
+							getHeight,
+							top
+						},
+						hasChildren: row.hasChildren,
+						index: row.index,
+						record: row.record,
+						renderIndex: row.renderIndex,
+						rowKey: row.key
+					}, `extra-${row.key}`);
+				})]
+			})
+		})
+	});
+};
+//#endregion
+export { VirtualBody as default };
+
+//# sourceMappingURL=VirtualBody.mjs.map

package/es/Table/render/VirtualBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualBody.mjs","names":[],"sources":["../../../src/Table/render/VirtualBody.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, type Ref, type RefObject, type UIEvent, useLayoutEffect } from 'react';\n\nimport type { LeafColumnModel, RowModel, VirtualInput, VirtualScrollConfig } from '../engine/types';\nimport { useVirtualModel } from '../engine/useTableEngine';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\nimport type { TableColumnType } from '../type';\nimport { BodyRow } from './Body';\nimport { useTableView } from './context';\n\ninterface VirtualBodyProps<T> {\n  emptyNode: ReactNode;\n  holderRef: Ref<HTMLDivElement>;\n  input: VirtualInput;\n  maxHeight?: number | string;\n  onScroll: (event: UIEvent<HTMLDivElement>) => void;\n  rows: readonly RowModel<T>[];\n  scrollRef: RefObject<((config: VirtualScrollConfig) => void) | undefined>;\n  scrollX?: number | string | true;\n}\n\nconst getRowSpan = <T,>(leaf: LeafColumnModel<ColumnSource<T>>, row: RowModel<T> | undefined) => {\n  if (!row) return 1;\n  const column = leaf.column.source.column as TableColumnType<T>;\n  return column.onCell?.(row.record, row.index)?.rowSpan ?? 1;\n};\n\nconst collectSpanLines = <T,>(\n  leaves: readonly LeafColumnModel<ColumnSource<T>>[],\n  rows: readonly RowModel<T>[],\n  start: number,\n  end: number,\n) => {\n  const spanning = leaves.filter(\n    (leaf) => (leaf.column.source.column as TableColumnType<T>).onCell,\n  );\n  if (spanning.length === 0 || end < 0) return [];\n\n  let first = start;\n  let covered = spanning.filter((leaf) => getRowSpan(leaf, rows[start]) === 0);\n  for (let index = start; index >= 0 && covered.length > 0; index -= 1) {\n    covered = covered.filter((leaf) => getRowSpan(leaf, rows[index]) === 0);\n    first = index;\n  }\n\n  const lines: number[] = [];\n  for (let index = first; index <= end; index += 1) {\n    if (spanning.some((leaf) => getRowSpan(leaf, rows[index]) > 1)) lines.push(index);\n  }\n  return lines;\n};\n\nconst VirtualBody = <T,>({\n  emptyNode,\n  holderRef,\n  input,\n  maxHeight,\n  onScroll,\n  rows,\n  scrollRef,\n  scrollX,\n}: VirtualBodyProps<T>) => {\n  const virtual = useVirtualModel(input, rows);\n  useLayoutEffect(() => {\n    scrollRef.current = virtual.scrollTo;\n  });\n  const { leafColumns, prefixCls, semanticClassNames, semanticStyles } = useTableView<T>();\n  const width = scrollX === true ? 'auto' : scrollX;\n  const offset = virtual.items[0]?.start ?? 0;\n  const spanLines = collectSpanLines(\n    leafColumns,\n    rows,\n    virtual.items[0]?.index ?? 0,\n    virtual.items.at(-1)?.index ?? -1,\n  );\n\n  return (\n    <div\n      style={semanticStyles.body.wrapper}\n      className={[`${prefixCls}-tbody-virtual`, semanticClassNames.body.wrapper]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div\n        className={`${prefixCls}-tbody-virtual-holder`}\n        ref={holderRef}\n        style={{ maxHeight, overflow: 'auto' }}\n        onScroll={onScroll}\n      >\n        <div\n          className={`${prefixCls}-tbody-virtual-holder-inner`}\n          style={{ height: virtual.totalSize, minWidth: '100%', position: 'relative', width }}\n        >\n          {rows.length === 0 ? (\n            <div className={`${prefixCls}-placeholder`}>{emptyNode}</div>\n          ) : (\n            // Not a transform: that opens a stacking context and FixedFrost's rail would\n            // cover the fixed cells inside it.\n            <div style={{ position: 'relative', top: offset }}>\n              {virtual.items.map((item) => {\n                const row = rows[item.index];\n                if (!row) return null;\n                return (\n                  <div data-index={item.index} key={item.key} ref={virtual.measureElement}>\n                    <BodyRow\n                      depth={row.depth}\n                      hasChildren={row.hasChildren}\n                      index={row.index}\n                      record={row.record}\n                      renderIndex={row.renderIndex}\n                      rowKey={row.key}\n                    />\n                  </div>\n                );\n              })}\n            </div>\n          )}\n          {spanLines.map((index) => {\n            const row = rows[index];\n            const top = virtual.getRange(index)?.start ?? 0;\n            const getHeight = (rowSpan: number) =>\n              (virtual.getRange(Math.min(index + rowSpan - 1, rows.length - 1))?.end ?? top) - top;\n            return (\n              <BodyRow\n                depth={row.depth}\n                extra={{ getHeight, top }}\n                hasChildren={row.hasChildren}\n                index={row.index}\n                key={`extra-${row.key}`}\n                record={row.record}\n                renderIndex={row.renderIndex}\n                rowKey={row.key}\n              />\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default VirtualBody;\n"],"mappings":";;;;;;;AAsBA,MAAM,cAAkB,MAAwC,QAAiC;CAC/F,IAAI,CAAC,KAAK,OAAO;CAEjB,OADe,KAAK,OAAO,OAAO,OACpB,SAAS,IAAI,QAAQ,IAAI,KAAK,CAAC,EAAE,WAAW;AAC5D;AAEA,MAAM,oBACJ,QACA,MACA,OACA,QACG;CACH,MAAM,WAAW,OAAO,QACrB,SAAU,KAAK,OAAO,OAAO,OAA8B,MAC9D;CACA,IAAI,SAAS,WAAW,KAAK,MAAM,GAAG,OAAO,CAAC;CAE9C,IAAI,QAAQ;CACZ,IAAI,UAAU,SAAS,QAAQ,SAAS,WAAW,MAAM,KAAK,MAAM,MAAM,CAAC;CAC3E,KAAK,IAAI,QAAQ,OAAO,SAAS,KAAK,QAAQ,SAAS,GAAG,SAAS,GAAG;EACpE,UAAU,QAAQ,QAAQ,SAAS,WAAW,MAAM,KAAK,MAAM,MAAM,CAAC;EACtE,QAAQ;CACV;CAEA,MAAM,QAAkB,CAAC;CACzB,KAAK,IAAI,QAAQ,OAAO,SAAS,KAAK,SAAS,GAC7C,IAAI,SAAS,MAAM,SAAS,WAAW,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,MAAM,KAAK,KAAK;CAElF,OAAO;AACT;AAEA,MAAM,eAAmB,EACvB,WACA,WACA,OACA,WACA,UACA,MACA,WACA,cACyB;CACzB,MAAM,UAAU,gBAAgB,OAAO,IAAI;CAC3C,sBAAsB;EACpB,UAAU,UAAU,QAAQ;CAC9B,CAAC;CACD,MAAM,EAAE,aAAa,WAAW,oBAAoB,mBAAmB,aAAgB;CACvF,MAAM,QAAQ,YAAY,OAAO,SAAS;CAC1C,MAAM,SAAS,QAAQ,MAAM,EAAE,EAAE,SAAS;CAC1C,MAAM,YAAY,iBAChB,aACA,MACA,QAAQ,MAAM,EAAE,EAAE,SAAS,GAC3B,QAAQ,MAAM,GAAG,EAAE,CAAC,EAAE,SAAS,EACjC;CAEA,OACE,oBAAC,OAAD;EACE,OAAO,eAAe,KAAK;EAC3B,WAAW,CAAC,GAAG,UAAU,iBAAiB,mBAAmB,KAAK,OAAO,CAAC,CACvE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EAEX,UAAA,oBAAC,OAAD;GACE,WAAW,GAAG,UAAU;GACxB,KAAK;GACL,OAAO;IAAE;IAAW,UAAU;GAAO;GAC3B;GAEV,UAAA,qBAAC,OAAD;IACE,WAAW,GAAG,UAAU;IACxB,OAAO;KAAE,QAAQ,QAAQ;KAAW,UAAU;KAAQ,UAAU;KAAY;IAAM;IAFpF,UAAA,CAIG,KAAK,WAAW,IACf,oBAAC,OAAD;KAAK,WAAW,GAAG,UAAU;KAAgB,UAAA;IAAe,CAAA,IAI5D,oBAAC,OAAD;KAAK,OAAO;MAAE,UAAU;MAAY,KAAK;KAAO;KAC7C,UAAA,QAAQ,MAAM,KAAK,SAAS;MAC3B,MAAM,MAAM,KAAK,KAAK;MACtB,IAAI,CAAC,KAAK,OAAO;MACjB,OACE,oBAAC,OAAD;OAAK,cAAY,KAAK;OAAsB,KAAK,QAAQ;OACvD,UAAA,oBAAC,SAAD;QACE,OAAO,IAAI;QACX,aAAa,IAAI;QACjB,OAAO,IAAI;QACX,QAAQ,IAAI;QACZ,aAAa,IAAI;QACjB,QAAQ,IAAI;OACb,CAAA;MACE,GAT6B,KAAK,GASlC;KAET,CAAC;IACE,CAAA,GAEN,UAAU,KAAK,UAAU;KACxB,MAAM,MAAM,KAAK;KACjB,MAAM,MAAM,QAAQ,SAAS,KAAK,CAAC,EAAE,SAAS;KAC9C,MAAM,aAAa,aAChB,QAAQ,SAAS,KAAK,IAAI,QAAQ,UAAU,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,OAAO;KACnF,OACE,oBAAC,SAAD;MACE,OAAO,IAAI;MACX,OAAO;OAAE;OAAW;MAAI;MACxB,aAAa,IAAI;MACjB,OAAO,IAAI;MAEX,QAAQ,IAAI;MACZ,aAAa,IAAI;MACjB,QAAQ,IAAI;KACb,GAJM,SAAS,IAAI,KAInB;IAEL,CAAC,CACE;;EACF,CAAA;CACF,CAAA;AAET"}

package/es/Table/render/context.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/Table/render/context.ts
+const TableViewContext = createContext(null);
+const useTableView = () => use(TableViewContext);
+const SelectionContext = createContext(null);
+const useSelectionView = () => use(SelectionContext);
+const HeaderContext = createContext(null);
+const useHeaderView = () => use(HeaderContext);
+const MeasureRowContext = createContext(false);
+const VirtualCellContext = createContext({ inverse: false });
+//#endregion
+export { HeaderContext, MeasureRowContext, SelectionContext, TableViewContext, VirtualCellContext, useHeaderView, useSelectionView, useTableView };
+
+//# sourceMappingURL=context.mjs.map

package/es/Table/render/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/Table/render/context.ts"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  type CSSProperties,\n  type HTMLAttributes,\n  type Key,\n  type ReactNode,\n  use,\n} from 'react';\n\nimport type { LeafColumnModel } from '../engine/types';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\nimport type { ExpandType } from '../pipeline/useExpandable';\nimport type { FilterKeys, FilterState } from '../pipeline/useFilter';\nimport type { MergedSelectionItem, SelectionActions } from '../pipeline/useSelection';\nimport type { SortState } from '../pipeline/useSorter';\nimport type { NormalizedSemantic } from '../semantic';\nimport type {\n  SortOrder,\n  TableColumn,\n  TableColumnTitleProps,\n  TableCustomizeComponent,\n  TableExpandIconProps,\n  TableLocale,\n  TableRowClassName,\n  TableRowSelection,\n  TableRowSelectionCheckboxProps,\n  TableSorterTooltipProps,\n} from '../type';\n\nexport interface TableComponentSet {\n  bodyCell?: TableCustomizeComponent;\n  bodyRow?: TableCustomizeComponent;\n  bodyWrapper?: TableCustomizeComponent;\n  headerCell?: TableCustomizeComponent;\n  headerRow?: TableCustomizeComponent;\n  headerTable?: TableCustomizeComponent;\n  headerWrapper?: TableCustomizeComponent;\n  table?: TableCustomizeComponent;\n}\n\nexport interface ExpandView<T> {\n  expandedRowClassName?: string | TableRowClassName<T>;\n  expandedRowRender?: (record: T, index: number, indent: number, expanded: boolean) => ReactNode;\n  expandIcon: (props: TableExpandIconProps<T>) => ReactNode;\n  expandRowByClick?: boolean;\n  forceRender?: boolean;\n  indentSize: number;\n  nestIconColumnIndex: number;\n  rowExpandable?: (record: T) => boolean;\n  toggle: (record: T, event?: unknown) => void;\n  type: ExpandType;\n}\n\nexport interface TableViewValue<T = any> {\n  components: TableComponentSet;\n  expand: ExpandView<T>;\n  fixColumn: boolean;\n  getRowKey: (record: T, index?: number) => Key;\n  horizonScroll: boolean;\n  leafColumns: LeafColumnModel<ColumnSource<T>>[];\n  onRow?: (record: T, index: number) => HTMLAttributes<HTMLTableRowElement>;\n  prefixCls: string;\n  rowClassName?: string | TableRowClassName<T>;\n  rowHoverable: boolean;\n  semanticClassNames: NormalizedSemantic<string>;\n  semanticStyles: NormalizedSemantic<CSSProperties>;\n  virtualWidths?: readonly number[];\n}\n\nexport const TableViewContext = createContext<TableViewValue | null>(null);\n\nexport const useTableView = <T>() => use(TableViewContext) as TableViewValue<T>;\n\nexport interface SelectionView<T = any> {\n  actions: SelectionActions;\n  checkboxPropsMap: ReadonlyMap<Key, TableRowSelectionCheckboxProps>;\n  expandType: ExpandType;\n  getRowKey: (record: T, index?: number) => Key;\n  getTitleCheckboxProps?: () => TableRowSelectionCheckboxProps;\n  hideSelectAll?: boolean;\n  locale: TableLocale;\n  renderCell?: TableRowSelection<T>['renderCell'];\n  selections: MergedSelectionItem[] | null;\n  title?: TableRowSelection<T>['columnTitle'];\n  type: 'checkbox' | 'radio';\n}\n\nexport const SelectionContext = createContext<SelectionView | null>(null);\n\nexport const useSelectionView = <T>() => use(SelectionContext) as SelectionView<T>;\n\nexport interface HeaderView<T = any> {\n  filterStates: readonly FilterState<T>[];\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  locale: TableLocale;\n  onHeaderRow?: (\n    columns: readonly TableColumn<T>[],\n    index?: number,\n  ) => HTMLAttributes<HTMLTableRowElement>;\n  showSorterTooltip: boolean | TableSorterTooltipProps;\n  sortDirections: SortOrder[];\n  sortStates: readonly SortState<T>[];\n  titleProps: TableColumnTitleProps<T>;\n  triggerFilter: (columnKey: string, filteredKeys: FilterKeys) => void;\n  triggerSort: (state: SortState<T>) => void;\n}\n\nexport const HeaderContext = createContext<HeaderView | null>(null);\n\nexport const useHeaderView = <T>() => use(HeaderContext) as HeaderView<T>;\n\nexport const MeasureRowContext = createContext(false);\n\nexport interface VirtualCellValue {\n  getHeight?: (rowSpan: number) => number;\n  inverse: boolean;\n}\n\nexport const VirtualCellContext = createContext<VirtualCellValue>({ inverse: false });\n"],"mappings":";;;AAuEA,MAAa,mBAAmB,cAAqC,IAAI;AAEzE,MAAa,qBAAwB,IAAI,gBAAgB;AAgBzD,MAAa,mBAAmB,cAAoC,IAAI;AAExE,MAAa,yBAA4B,IAAI,gBAAgB;AAkB7D,MAAa,gBAAgB,cAAiC,IAAI;AAElE,MAAa,sBAAyB,IAAI,aAAa;AAEvD,MAAa,oBAAoB,cAAc,KAAK;AAOpD,MAAa,qBAAqB,cAAgC,EAAE,SAAS,MAAM,CAAC"}

package/es/Table/render/filterUtils.mjs

@@ -0,0 +1,22 @@
+import { PREFIX_CLS } from "../constants.mjs";
+import { getAllKeys } from "../../Tree/utils.mjs";
+import * as stylex from "@stylexjs/stylex";
+//#region src/Table/render/filterUtils.ts
+const sx = (...list) => stylex.props(...list).className;
+const FILTER_CLS = `${PREFIX_CLS}-filter`;
+const sameKeys = (a, b) => (a ?? null) === (b ?? null) || Boolean(a) && Boolean(b) && a.length === b.length && a.every((key, i) => key === b[i]);
+const textMatches = (search, text) => (typeof text === "string" || typeof text === "number") && String(text).toLowerCase().includes(search);
+const findLineage = (nodes, key, ancestors = []) => {
+	for (const node of nodes) {
+		if (node.key === key) return {
+			ancestors,
+			subtree: getAllKeys([node])
+		};
+		const found = node.children && findLineage(node.children, key, [...ancestors, node.key]);
+		if (found) return found;
+	}
+};
+//#endregion
+export { FILTER_CLS, findLineage, sameKeys, sx, textMatches };
+
+//# sourceMappingURL=filterUtils.mjs.map

package/es/Table/render/filterUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterUtils.mjs","names":[],"sources":["../../../src/Table/render/filterUtils.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport type { Key, ReactNode } from 'react';\n\nimport { getAllKeys, type TreeDataNode } from '@/Tree';\n\nimport { PREFIX_CLS } from '../constants';\n\nexport const sx = (...list: (stylex.StyleXStyles | false | null | undefined)[]) =>\n  stylex.props(...list).className;\n\nexport const FILTER_CLS = `${PREFIX_CLS}-filter`;\n\nexport const sameKeys = (\n  a: readonly Key[] | null | undefined,\n  b: readonly Key[] | null | undefined,\n) =>\n  (a ?? null) === (b ?? null) ||\n  (Boolean(a) && Boolean(b) && a!.length === b!.length && a!.every((key, i) => key === b![i]));\n\nexport const textMatches = (search: string, text: ReactNode) =>\n  (typeof text === 'string' || typeof text === 'number') &&\n  String(text).toLowerCase().includes(search);\n\nexport const findLineage = (\n  nodes: readonly TreeDataNode[],\n  key: string,\n  ancestors: string[] = [],\n): { ancestors: string[]; subtree: string[] } | undefined => {\n  for (const node of nodes) {\n    if (node.key === key) return { ancestors, subtree: getAllKeys([node]) };\n    const found = node.children && findLineage(node.children, key, [...ancestors, node.key]);\n    if (found) return found;\n  }\n};\n"],"mappings":";;;;AAIA,MAAa,MAAM,GAAG,SAA6D,OAAO,MAAM,GAAG,IAAI,CAAC,CAAC;AACzG,MAAa,aAAa,GAAG,WAAW;AACxC,MAAa,YAAY,GAAsC,OAA0C,KAAK,WAAW,KAAK,SAAS,QAAQ,CAAC,KAAK,QAAQ,CAAC,KAAK,EAAG,WAAW,EAAG,UAAU,EAAG,OAAO,KAAK,MAAM,QAAQ,EAAG,EAAE;AAChO,MAAa,eAAe,QAAgB,UAAqB,OAAO,SAAS,YAAY,OAAO,SAAS,aAAa,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,MAAM;AACpK,MAAa,eAAe,OAAgC,KAAa,YAAsB,CAAC,MAG/E;CACf,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,QAAQ,KAAK,OAAO;GAC3B;GACA,SAAS,WAAW,CAAC,IAAI,CAAC;EAC5B;EACA,MAAM,QAAQ,KAAK,YAAY,YAAY,KAAK,UAAU,KAAK,CAAC,GAAG,WAAW,KAAK,GAAG,CAAC;EACvF,IAAI,OAAO,OAAO;CACpB;AACF"}

package/es/Table/render/tableHelpers.mjs

@@ -0,0 +1,27 @@
+//#region src/Table/render/tableHelpers.ts
+const toTableRef = (element, scrollTo) => {
+	const extra = {
+		nativeElement: element,
+		scrollTo
+	};
+	return new Proxy(element, { get(target, prop) {
+		if (prop in extra) return extra[prop];
+		const value = Reflect.get(target, prop, target);
+		return typeof value === "function" ? value.bind(target) : value;
+	} });
+};
+const resolveSticky = (sticky) => {
+	const config = typeof sticky === "object" ? sticky : {};
+	const fallback = typeof window === "undefined" ? void 0 : window;
+	return {
+		container: config.getContainer?.() || fallback,
+		isSticky: Boolean(sticky),
+		offsetHeader: config.offsetHeader ?? 0,
+		offsetScroll: config.offsetScroll ?? 0,
+		offsetSummary: config.offsetSummary ?? 0
+	};
+};
+//#endregion
+export { resolveSticky, toTableRef };
+
+//# sourceMappingURL=tableHelpers.mjs.map

package/es/Table/render/tableHelpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHelpers.mjs","names":[],"sources":["../../../src/Table/render/tableHelpers.ts"],"sourcesContent":["import type { TableProps, TableRef, TableScrollToConfig } from '../type';\nimport type { StickyConfig } from './viewTypes';\n\nexport const toTableRef = (\n  element: HTMLDivElement,\n  scrollTo: (config: TableScrollToConfig) => void,\n): TableRef => {\n  const extra = { nativeElement: element, scrollTo };\n  return new Proxy(element, {\n    get(target, prop) {\n      if (prop in extra) return extra[prop as keyof typeof extra];\n      const value = Reflect.get(target, prop, target);\n      return typeof value === 'function' ? value.bind(target) : value;\n    },\n  }) as TableRef;\n};\n\nexport const resolveSticky = (sticky: TableProps<unknown>['sticky']): StickyConfig => {\n  const config = typeof sticky === 'object' ? sticky : {};\n  const fallback = typeof window === 'undefined' ? (undefined as any) : window;\n  return {\n    container: config.getContainer?.() || fallback,\n    isSticky: Boolean(sticky),\n    offsetHeader: config.offsetHeader ?? 0,\n    offsetScroll: config.offsetScroll ?? 0,\n    offsetSummary: config.offsetSummary ?? 0,\n  };\n};\n"],"mappings":";AAGA,MAAa,cACX,SACA,aACa;CACb,MAAM,QAAQ;EAAE,eAAe;EAAS;CAAS;CACjD,OAAO,IAAI,MAAM,SAAS,EACxB,IAAI,QAAQ,MAAM;EAChB,IAAI,QAAQ,OAAO,OAAO,MAAM;EAChC,MAAM,QAAQ,QAAQ,IAAI,QAAQ,MAAM,MAAM;EAC9C,OAAO,OAAO,UAAU,aAAa,MAAM,KAAK,MAAM,IAAI;CAC5D,EACF,CAAC;AACH;AAEA,MAAa,iBAAiB,WAAwD;CACpF,MAAM,SAAS,OAAO,WAAW,WAAW,SAAS,CAAC;CACtD,MAAM,WAAW,OAAO,WAAW,cAAe,KAAA,IAAoB;CACtE,OAAO;EACL,WAAW,OAAO,eAAe,KAAK;EACtC,UAAU,QAAQ,MAAM;EACxB,cAAc,OAAO,gBAAgB;EACrC,cAAc,OAAO,gBAAgB;EACrC,eAAe,OAAO,iBAAiB;CACzC;AACF"}

package/es/Table/render/useColGroups.mjs

@@ -0,0 +1,23 @@
+import { TableColGroup } from "../atoms/layout.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/Table/render/useColGroups.tsx
+const useColGroups = ({ colWidths, headerScrollbar, leafColumns, rowCount, tableLayout, virtualWidths }) => {
+	const colGroupColumns = leafColumns.map((leaf, index) => ({
+		className: leaf.column.source.colClassName,
+		minWidth: tableLayout === "auto" ? leaf.column.source.column.minWidth : void 0,
+		width: virtualWidths ? virtualWidths[index] : leaf.column.width
+	}));
+	const bodyColGroup = /* @__PURE__ */ jsx(TableColGroup, { columns: colGroupColumns });
+	const allMeasured = rowCount > 0 && colWidths.length === leafColumns.length && colWidths.every((width) => width !== void 0) && !colWidths.every((width) => !width);
+	return {
+		bodyColGroup,
+		holderColGroup: allMeasured || headerScrollbar ? /* @__PURE__ */ jsx(TableColGroup, { columns: [...allMeasured ? colWidths.map((width, index) => ({
+			...colGroupColumns[index],
+			width
+		})) : colGroupColumns, ...headerScrollbar ? [{ width: headerScrollbar }] : []] }) : bodyColGroup
+	};
+};
+//#endregion
+export { useColGroups };
+
+//# sourceMappingURL=useColGroups.mjs.map

package/es/Table/render/useColGroups.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColGroups.mjs","names":[],"sources":["../../../src/Table/render/useColGroups.tsx"],"sourcesContent":["import { TableColGroup, type TableColGroupColumn } from '../atoms';\nimport type { LeafColumnModel } from '../engine/types';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\n\ninterface ColGroupsOptions<T> {\n  colWidths: readonly number[];\n  headerScrollbar: number;\n  leafColumns: readonly LeafColumnModel<ColumnSource<T>>[];\n  rowCount: number;\n  tableLayout: 'auto' | 'fixed';\n  virtualWidths?: readonly number[];\n}\n\nexport const useColGroups = <T,>({\n  colWidths,\n  headerScrollbar,\n  leafColumns,\n  rowCount,\n  tableLayout,\n  virtualWidths,\n}: ColGroupsOptions<T>) => {\n  const colGroupColumns: TableColGroupColumn[] = leafColumns.map((leaf, index) => ({\n    className: leaf.column.source.colClassName,\n    minWidth:\n      tableLayout === 'auto'\n        ? (leaf.column.source.column as { minWidth?: number }).minWidth\n        : undefined,\n    width: virtualWidths ? virtualWidths[index] : leaf.column.width,\n  }));\n  const bodyColGroup = <TableColGroup columns={colGroupColumns} />;\n\n  const allMeasured =\n    rowCount > 0 &&\n    colWidths.length === leafColumns.length &&\n    colWidths.every((width) => width !== undefined) &&\n    !colWidths.every((width) => !width);\n  const holderColGroup =\n    allMeasured || headerScrollbar ? (\n      <TableColGroup\n        columns={[\n          ...(allMeasured\n            ? colWidths.map((width, index) => ({ ...colGroupColumns[index], width }))\n            : colGroupColumns),\n          ...(headerScrollbar ? [{ width: headerScrollbar }] : []),\n        ]}\n      />\n    ) : (\n      bodyColGroup\n    );\n\n  return { bodyColGroup, holderColGroup };\n};\n"],"mappings":";;;AAaA,MAAa,gBAAoB,EAC/B,WACA,iBACA,aACA,UACA,aACA,oBACyB;CACzB,MAAM,kBAAyC,YAAY,KAAK,MAAM,WAAW;EAC/E,WAAW,KAAK,OAAO,OAAO;EAC9B,UACE,gBAAgB,SACX,KAAK,OAAO,OAAO,OAAiC,WACrD,KAAA;EACN,OAAO,gBAAgB,cAAc,SAAS,KAAK,OAAO;CAC5D,EAAE;CACF,MAAM,eAAe,oBAAC,eAAD,EAAe,SAAS,gBAAkB,CAAA;CAE/D,MAAM,cACJ,WAAW,KACX,UAAU,WAAW,YAAY,UACjC,UAAU,OAAO,UAAU,UAAU,KAAA,CAAS,KAC9C,CAAC,UAAU,OAAO,UAAU,CAAC,KAAK;CAepC,OAAO;EAAE;EAAc,gBAbrB,eAAe,kBACb,oBAAC,eAAD,EACE,SAAS,CACP,GAAI,cACA,UAAU,KAAK,OAAO,WAAW;GAAE,GAAG,gBAAgB;GAAQ;EAAM,EAAE,IACtE,iBACJ,GAAI,kBAAkB,CAAC,EAAE,OAAO,gBAAgB,CAAC,IAAI,CAAC,CACxD,EACD,CAAA,IAED;CAGkC;AACxC"}