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

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"}

package/es/Table/pipeline/normalizeColumns.mjs

@@ -0,0 +1,140 @@
+import { SELECTION_COLUMN } from "./selectionUtils.mjs";
+import { EXPAND_COLUMN, getColumnId, getColumnPos, isColumnGroup, isColumnVisibleAt } from "./columnUtils.mjs";
+//#region src/Table/pipeline/normalizeColumns.ts
+const toEngineFixed = (fixed) => {
+	if (fixed === true || fixed === "left" || fixed === "start") return "start";
+	if (fixed === "right" || fixed === "end") return "end";
+};
+const positionColumns = (columns, screens, parentPos) => columns.flatMap((column, index) => {
+	if (!column || typeof column !== "object") return [];
+	if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return [{
+		column,
+		id: ""
+	}];
+	const pos = getColumnPos(index, parentPos);
+	if (column.hidden || !isColumnVisibleAt(column, screens)) return [];
+	const item = {
+		column,
+		id: getColumnId(column, pos)
+	};
+	if (isColumnGroup(column) && column.children.length > 0) item.children = positionColumns(column.children, screens, pos);
+	return [item];
+});
+const isExpand = (item) => item.column === EXPAND_COLUMN;
+const isSelection = (item) => item.column === SELECTION_COLUMN;
+const insertExpandColumn = (base, { expandable, expandType, prefixCls, rowSelection }, width) => {
+	if (expandType !== "row") return base.filter((item) => !isExpand(item));
+	let index = expandable?.expandIconColumnIndex;
+	if (expandable?.showExpandColumn === false) index = -1;
+	else if ((index ?? 0) > 0 && rowSelection) index = index - 1;
+	let list = [...base];
+	if (!list.some(isExpand)) {
+		const expandIndex = index || 0;
+		const fixed = expandable?.fixed;
+		const insertAt = expandIndex === 0 && (fixed === "right" || fixed === "end") ? base.length : expandIndex;
+		if (insertAt >= 0) list.splice(insertAt, 0, {
+			column: EXPAND_COLUMN,
+			id: ""
+		});
+	}
+	const expandIndex = list.findIndex(isExpand);
+	list = list.filter((item, itemIndex) => !isExpand(item) || itemIndex === expandIndex);
+	if (expandIndex < 0) return list;
+	const fixed = expandable?.fixed ?? base[expandIndex]?.column.fixed;
+	list[expandIndex] = {
+		column: {
+			className: `${prefixCls}-row-expand-icon-cell`,
+			fixed: fixed ?? void 0,
+			key: "__expand_column",
+			title: expandable?.columnTitle,
+			width
+		},
+		id: "__expand_column"
+	};
+	return list;
+};
+const insertSelectionColumn = (list, { prefixCls, rowSelection }, width) => {
+	if (!rowSelection) return list.filter((item) => !isSelection(item));
+	let next = [...list];
+	if (!next.some(isSelection)) next = next.findIndex((item) => item.id === "__expand_column") === 0 ? [
+		next[0],
+		{
+			column: SELECTION_COLUMN,
+			id: ""
+		},
+		...next.slice(1)
+	] : [{
+		column: SELECTION_COLUMN,
+		id: ""
+	}, ...next];
+	const selectionIndex = next.findIndex(isSelection);
+	next = next.filter((item, index) => !isSelection(item) || index === selectionIndex);
+	const prev = next[selectionIndex - 1];
+	const after = next[selectionIndex + 1];
+	let fixed = rowSelection.fixed;
+	if (fixed === void 0) {
+		if (after?.column.fixed !== void 0) fixed = after.column.fixed;
+		else if (prev?.column.fixed !== void 0) fixed = prev.column.fixed;
+	}
+	if (fixed && prev?.id === "__expand_column" && prev.column.fixed == null) next[selectionIndex - 1] = {
+		...prev,
+		column: {
+			...prev.column,
+			fixed
+		}
+	};
+	next[selectionIndex] = {
+		column: {
+			align: rowSelection.align,
+			className: `${prefixCls}-selection-column`,
+			fixed,
+			key: "__selection_column",
+			onCell: rowSelection.onCell,
+			width
+		},
+		id: "__selection_column"
+	};
+	return next;
+};
+const toEngineColumns = (list, options, used) => list.map((item) => {
+	const { column } = item;
+	let key = item.id;
+	while (used.has(key)) key = `${key}_`;
+	used.add(key);
+	const kind = item.id === "__selection_column" ? "selection" : item.id === "__expand_column" ? "expand" : "data";
+	const { prefixCls, rowSelection } = options;
+	const colClassName = kind === "selection" ? [`${prefixCls}-selection-col`, rowSelection?.selections && rowSelection.type !== "radio" && `${prefixCls}-selection-col-with-dropdown`].filter(Boolean).join(" ") : kind === "expand" ? `${prefixCls}-expand-icon-col` : void 0;
+	const engine = {
+		fixed: toEngineFixed(column.fixed),
+		key,
+		source: {
+			colClassName,
+			column,
+			id: item.id,
+			kind
+		},
+		width: column.width
+	};
+	if ("colSpan" in column && column.colSpan !== void 0) engine.headerColSpan = column.colSpan;
+	if (item.children) engine.children = toEngineColumns(item.children, options, used);
+	return engine;
+});
+const PLACEHOLDER_COLUMN = {
+	key: "__placeholder_column",
+	source: {
+		column: { render: () => null },
+		id: "__placeholder_column",
+		kind: "placeholder"
+	}
+};
+const normalizeColumns = (columns, options) => {
+	const positioned = positionColumns(columns, options.screens);
+	const withExpand = insertExpandColumn(positioned, options, options.expandColumnWidth);
+	const withSelection = insertSelectionColumn(withExpand, options, options.selectionColumnWidth);
+	const result = toEngineColumns(withSelection, options, /* @__PURE__ */ new Set());
+	return result.length ? result : [PLACEHOLDER_COLUMN];
+};
+//#endregion
+export { normalizeColumns, toEngineFixed };
+
+//# sourceMappingURL=normalizeColumns.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeColumns.mjs","names":[],"sources":["../../../src/Table/pipeline/normalizeColumns.ts"],"sourcesContent":["import type { EngineColumn, EngineFixed } from '../engine/types';\nimport type {\n  TableBreakpoint,\n  TableColumn,\n  TableColumnFixed,\n  TableExpandableConfig,\n  TableRowSelection,\n} from '../type';\nimport {\n  EXPAND_COLUMN,\n  getColumnId,\n  getColumnPos,\n  isColumnGroup,\n  isColumnVisibleAt,\n} from './columnUtils';\nimport { SELECTION_COLUMN } from './selectionUtils';\nimport type { ExpandType } from './useExpandable';\n\nexport type ColumnKind = 'data' | 'expand' | 'placeholder' | 'selection';\n\nexport interface ColumnSource<T> {\n  colClassName?: string;\n  column: TableColumn<T>;\n  id: string;\n  kind: ColumnKind;\n}\n\nexport type NormalizedColumn<T> = EngineColumn<ColumnSource<T>>;\n\nexport const toEngineFixed = (\n  fixed: TableColumnFixed | null | undefined,\n): EngineFixed | undefined => {\n  if (fixed === true || fixed === 'left' || fixed === 'start') return 'start';\n  if (fixed === 'right' || fixed === 'end') return 'end';\n  return undefined;\n};\n\ninterface PositionedColumn<T> {\n  children?: PositionedColumn<T>[];\n  column: TableColumn<T>;\n  id: string;\n}\n\nconst positionColumns = <T>(\n  columns: readonly TableColumn<T>[],\n  screens: ReadonlySet<TableBreakpoint> | null,\n  parentPos?: string,\n): PositionedColumn<T>[] =>\n  columns.flatMap((column, index) => {\n    if (!column || typeof column !== 'object') return [];\n    if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return [{ column, id: '' }];\n    const pos = getColumnPos(index, parentPos);\n    if (column.hidden || !isColumnVisibleAt(column, screens)) return [];\n    const item: PositionedColumn<T> = { column, id: getColumnId(column, pos) };\n    if (isColumnGroup(column) && column.children.length > 0) {\n      item.children = positionColumns(column.children, screens, pos);\n    }\n    return [item];\n  });\n\nexport interface NormalizeOptions<T> {\n  expandable?: TableExpandableConfig<T>;\n  expandColumnWidth?: number | string;\n  expandType: ExpandType;\n  prefixCls: string;\n  rowSelection?: TableRowSelection<T>;\n  screens: ReadonlySet<TableBreakpoint> | null;\n  selectionColumnWidth?: number | string;\n}\n\nconst isExpand = <T>(item: PositionedColumn<T>) => item.column === EXPAND_COLUMN;\nconst isSelection = <T>(item: PositionedColumn<T>) => item.column === SELECTION_COLUMN;\n\nconst insertExpandColumn = <T>(\n  base: PositionedColumn<T>[],\n  { expandable, expandType, prefixCls, rowSelection }: NormalizeOptions<T>,\n  width: number | string | undefined,\n) => {\n  if (expandType !== 'row') return base.filter((item) => !isExpand(item));\n\n  let index = expandable?.expandIconColumnIndex;\n  if (expandable?.showExpandColumn === false) index = -1;\n  else if ((index ?? 0) > 0 && rowSelection) index = index! - 1;\n\n  let list = [...base];\n  if (!list.some(isExpand)) {\n    const expandIndex = index || 0;\n    const fixed = expandable?.fixed;\n    const insertAt =\n      expandIndex === 0 && (fixed === 'right' || fixed === 'end') ? base.length : expandIndex;\n    if (insertAt >= 0) list.splice(insertAt, 0, { column: EXPAND_COLUMN, id: '' });\n  }\n  const expandIndex = list.findIndex(isExpand);\n  list = list.filter((item, itemIndex) => !isExpand(item) || itemIndex === expandIndex);\n  if (expandIndex < 0) return list;\n\n  const fixed = expandable?.fixed ?? base[expandIndex]?.column.fixed;\n  list[expandIndex] = {\n    column: {\n      className: `${prefixCls}-row-expand-icon-cell`,\n      fixed: fixed ?? undefined,\n      key: '__expand_column',\n      title: expandable?.columnTitle,\n      width,\n    },\n    id: '__expand_column',\n  };\n  return list;\n};\n\nconst insertSelectionColumn = <T>(\n  list: PositionedColumn<T>[],\n  { prefixCls, rowSelection }: NormalizeOptions<T>,\n  width: number | string | undefined,\n) => {\n  if (!rowSelection) return list.filter((item) => !isSelection(item));\n  let next = [...list];\n  if (!next.some(isSelection)) {\n    const leadingExpand = next.findIndex((item) => item.id === '__expand_column') === 0;\n    next = leadingExpand\n      ? [next[0], { column: SELECTION_COLUMN, id: '' }, ...next.slice(1)]\n      : [{ column: SELECTION_COLUMN, id: '' }, ...next];\n  }\n  const selectionIndex = next.findIndex(isSelection);\n  next = next.filter((item, index) => !isSelection(item) || index === selectionIndex);\n\n  const prev = next[selectionIndex - 1];\n  const after = next[selectionIndex + 1];\n  let fixed = rowSelection.fixed;\n  if (fixed === undefined) {\n    if (after?.column.fixed !== undefined) fixed = after.column.fixed;\n    else if (prev?.column.fixed !== undefined) fixed = prev.column.fixed;\n  }\n  if (fixed && prev?.id === '__expand_column' && prev.column.fixed == null) {\n    next[selectionIndex - 1] = { ...prev, column: { ...prev.column, fixed } };\n  }\n  next[selectionIndex] = {\n    column: {\n      align: rowSelection.align,\n      className: `${prefixCls}-selection-column`,\n      fixed,\n      key: '__selection_column',\n      onCell: rowSelection.onCell,\n      width,\n    },\n    id: '__selection_column',\n  };\n  return next;\n};\n\nconst toEngineColumns = <T>(\n  list: readonly PositionedColumn<T>[],\n  options: NormalizeOptions<T>,\n  used: Set<string>,\n): NormalizedColumn<T>[] =>\n  list.map((item) => {\n    const { column } = item;\n    let key = item.id;\n    while (used.has(key)) key = `${key}_`;\n    used.add(key);\n\n    const kind: ColumnKind =\n      item.id === '__selection_column'\n        ? 'selection'\n        : item.id === '__expand_column'\n          ? 'expand'\n          : 'data';\n    const { prefixCls, rowSelection } = options;\n    const colClassName =\n      kind === 'selection'\n        ? [\n            `${prefixCls}-selection-col`,\n            rowSelection?.selections &&\n              rowSelection.type !== 'radio' &&\n              `${prefixCls}-selection-col-with-dropdown`,\n          ]\n            .filter(Boolean)\n            .join(' ')\n        : kind === 'expand'\n          ? `${prefixCls}-expand-icon-col`\n          : undefined;\n\n    const engine: NormalizedColumn<T> = {\n      fixed: toEngineFixed(column.fixed),\n      key,\n      source: { colClassName, column, id: item.id, kind },\n      width: column.width,\n    };\n    if ('colSpan' in column && column.colSpan !== undefined) engine.headerColSpan = column.colSpan;\n    if (item.children) engine.children = toEngineColumns(item.children, options, used);\n    return engine;\n  });\n\nconst PLACEHOLDER_COLUMN: NormalizedColumn<any> = {\n  key: '__placeholder_column',\n  source: { column: { render: () => null }, id: '__placeholder_column', kind: 'placeholder' },\n};\n\nexport const normalizeColumns = <T>(\n  columns: readonly TableColumn<T>[],\n  options: NormalizeOptions<T>,\n): NormalizedColumn<T>[] => {\n  const positioned = positionColumns(columns, options.screens);\n  const withExpand = insertExpandColumn(positioned, options, options.expandColumnWidth);\n  const withSelection = insertSelectionColumn(withExpand, options, options.selectionColumnWidth);\n  const result = toEngineColumns(withSelection, options, new Set());\n  return result.length ? result : [PLACEHOLDER_COLUMN];\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { TableColumn } from "../type.mjs";
+import { Key } from "react";
+//#region src/Table/pipeline/selectionUtils.d.ts
+export declare const SELECTION_COLUMN: TableColumn<any>;
+export declare const SELECTION_ALL: "SELECT_ALL";
+export declare const SELECTION_INVERT: "SELECT_INVERT";
+export declare const SELECTION_NONE: "SELECT_NONE";
+//#endregion
+//# sourceMappingURL=selectionUtils.d.mts.map

package/es/Table/pipeline/selectionUtils.mjs

@@ -0,0 +1,115 @@
+//#region src/Table/pipeline/selectionUtils.ts
+const SELECTION_COLUMN = {};
+const SELECTION_ALL = "SELECT_ALL";
+const SELECTION_INVERT = "SELECT_INVERT";
+const SELECTION_NONE = "SELECT_NONE";
+const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const flattenData = (childrenColumnName, data) => {
+	const list = [];
+	const dig = (records) => {
+		(records || []).forEach((record) => {
+			list.push(record);
+			if (isPlainObject(record) && childrenColumnName in record) dig(record[childrenColumnName]);
+		});
+	};
+	dig(data);
+	return list;
+};
+const convertDataToEntities = (data, getRowKey, childrenColumnName) => {
+	const entities = /* @__PURE__ */ new Map();
+	const dig = (records, level, parent) => {
+		records.forEach((record, index) => {
+			const entity = {
+				children: [],
+				key: getRowKey(record, index),
+				level,
+				parent,
+				record
+			};
+			entities.set(entity.key, entity);
+			parent?.children.push(entity);
+			const children = isPlainObject(record) ? record[childrenColumnName] : void 0;
+			if (Array.isArray(children)) dig(children, level + 1, entity);
+		});
+	};
+	dig(data, 0);
+	return entities;
+};
+const groupByLevel = (entities) => {
+	const levels = /* @__PURE__ */ new Map();
+	let maxLevel = 0;
+	entities.forEach((entity) => {
+		const list = levels.get(entity.level);
+		if (list) list.push(entity);
+		else levels.set(entity.level, [entity]);
+		maxLevel = Math.max(maxLevel, entity.level);
+	});
+	return {
+		levels,
+		maxLevel
+	};
+};
+const conductUp = (checkedKeys, levels, maxLevel, isDisabled, mode) => {
+	const halfCheckedKeys = /* @__PURE__ */ new Set();
+	const visited = /* @__PURE__ */ new Set();
+	for (let level = maxLevel; level >= 0; level -= 1) for (const { parent, record } of levels.get(level) ?? []) {
+		if (isDisabled(record) || !parent || visited.has(parent.key)) continue;
+		visited.add(parent.key);
+		if (isDisabled(parent.record)) continue;
+		let allChecked = true;
+		let partialChecked = false;
+		for (const child of parent.children) {
+			if (isDisabled(child.record)) continue;
+			const checked = checkedKeys.has(child.key);
+			if (!checked) allChecked = false;
+			if (checked || halfCheckedKeys.has(child.key)) partialChecked = true;
+		}
+		if (mode === "fill" && allChecked) checkedKeys.add(parent.key);
+		if (mode === "clean" && !allChecked) checkedKeys.delete(parent.key);
+		if (partialChecked) halfCheckedKeys.add(parent.key);
+	}
+	return {
+		checkedKeys: [...checkedKeys],
+		halfCheckedKeys: [...halfCheckedKeys].filter((key) => !checkedKeys.has(key))
+	};
+};
+const conductCheck = (keyList, checked, entities, isDisabled) => {
+	const checkedKeys = new Set(keyList.filter((key) => entities.has(key)));
+	const { levels, maxLevel } = groupByLevel(entities);
+	if (checked === true) {
+		for (let level = 0; level <= maxLevel; level += 1) for (const { children, key, record } of levels.get(level) ?? []) {
+			if (!checkedKeys.has(key) || isDisabled(record)) continue;
+			for (const child of children) if (!isDisabled(child.record)) checkedKeys.add(child.key);
+		}
+		return conductUp(checkedKeys, levels, maxLevel, isDisabled, "fill");
+	}
+	const halfKeys = new Set(checked.halfCheckedKeys);
+	for (let level = 0; level <= maxLevel; level += 1) for (const { children, key, record } of levels.get(level) ?? []) {
+		if (checkedKeys.has(key) || halfKeys.has(key) || isDisabled(record)) continue;
+		for (const child of children) if (!isDisabled(child.record)) checkedKeys.delete(child.key);
+	}
+	return conductUp(checkedKeys, levels, maxLevel, isDisabled, "clean");
+};
+const selectRange = (prevIndex, currentIndex, keys, selectedKeys) => {
+	const anchor = prevIndex ?? currentIndex;
+	const start = Math.min(anchor || 0, currentIndex);
+	const end = Math.max(anchor || 0, currentIndex);
+	const rangeKeys = keys.slice(start, end + 1);
+	const shouldSelect = rangeKeys.some((key) => !selectedKeys.has(key));
+	const changedKeys = [];
+	for (const key of rangeKeys) if (shouldSelect) {
+		if (!selectedKeys.has(key)) changedKeys.push(key);
+		selectedKeys.add(key);
+	} else {
+		selectedKeys.delete(key);
+		changedKeys.push(key);
+	}
+	return {
+		changedKeys,
+		nextAnchor: shouldSelect ? end : null
+	};
+};
+//#endregion
+export { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE, conductCheck, convertDataToEntities, flattenData, isPlainObject, selectRange };
+
+//# sourceMappingURL=selectionUtils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectionUtils.mjs","names":[],"sources":["../../../src/Table/pipeline/selectionUtils.ts"],"sourcesContent":["import type { Key } from 'react';\n\nimport type { TableColumn } from '../type';\n\nexport const SELECTION_COLUMN = {} as TableColumn<any>;\nexport const SELECTION_ALL = 'SELECT_ALL' as const;\nexport const SELECTION_INVERT = 'SELECT_INVERT' as const;\nexport const SELECTION_NONE = 'SELECT_NONE' as const;\n\nexport interface SelectionEntity<T> {\n  children: SelectionEntity<T>[];\n  key: Key;\n  level: number;\n  parent?: SelectionEntity<T>;\n  record: T;\n}\n\nexport type SelectionEntities<T> = Map<Key, SelectionEntity<T>>;\n\nexport const isPlainObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport const flattenData = <T>(childrenColumnName: string, data: readonly T[] | undefined) => {\n  const list: T[] = [];\n  const dig = (records: readonly T[] | undefined) => {\n    (records || []).forEach((record) => {\n      list.push(record);\n      if (isPlainObject(record) && childrenColumnName in record) {\n        dig(record[childrenColumnName] as T[]);\n      }\n    });\n  };\n  dig(data);\n  return list;\n};\n\nexport const convertDataToEntities = <T>(\n  data: readonly T[],\n  getRowKey: (record: T, index: number) => Key,\n  childrenColumnName: string,\n): SelectionEntities<T> => {\n  const entities: SelectionEntities<T> = new Map();\n  const dig = (records: readonly T[], level: number, parent?: SelectionEntity<T>) => {\n    records.forEach((record, index) => {\n      const entity: SelectionEntity<T> = {\n        children: [],\n        key: getRowKey(record, index),\n        level,\n        parent,\n        record,\n      };\n      entities.set(entity.key, entity);\n      parent?.children.push(entity);\n      const children = isPlainObject(record) ? record[childrenColumnName] : undefined;\n      if (Array.isArray(children)) dig(children as T[], level + 1, entity);\n    });\n  };\n  dig(data, 0);\n  return entities;\n};\n\ntype IsDisabled<T> = (record: T) => boolean;\n\nconst groupByLevel = <T>(entities: SelectionEntities<T>) => {\n  const levels = new Map<number, SelectionEntity<T>[]>();\n  let maxLevel = 0;\n  entities.forEach((entity) => {\n    const list = levels.get(entity.level);\n    if (list) list.push(entity);\n    else levels.set(entity.level, [entity]);\n    maxLevel = Math.max(maxLevel, entity.level);\n  });\n  return { levels, maxLevel };\n};\n\nconst conductUp = <T>(\n  checkedKeys: Set<Key>,\n  levels: Map<number, SelectionEntity<T>[]>,\n  maxLevel: number,\n  isDisabled: IsDisabled<T>,\n  mode: 'fill' | 'clean',\n) => {\n  const halfCheckedKeys = new Set<Key>();\n  const visited = new Set<Key>();\n  for (let level = maxLevel; level >= 0; level -= 1) {\n    for (const { parent, record } of levels.get(level) ?? []) {\n      if (isDisabled(record) || !parent || visited.has(parent.key)) continue;\n      visited.add(parent.key);\n      if (isDisabled(parent.record)) continue;\n\n      let allChecked = true;\n      let partialChecked = false;\n      for (const child of parent.children) {\n        if (isDisabled(child.record)) continue;\n        const checked = checkedKeys.has(child.key);\n        if (!checked) allChecked = false;\n        if (checked || halfCheckedKeys.has(child.key)) partialChecked = true;\n      }\n      if (mode === 'fill' && allChecked) checkedKeys.add(parent.key);\n      if (mode === 'clean' && !allChecked) checkedKeys.delete(parent.key);\n      if (partialChecked) halfCheckedKeys.add(parent.key);\n    }\n  }\n  return {\n    checkedKeys: [...checkedKeys],\n    halfCheckedKeys: [...halfCheckedKeys].filter((key) => !checkedKeys.has(key)),\n  };\n};\n\nexport const conductCheck = <T>(\n  keyList: readonly Key[],\n  checked: true | { checked: false; halfCheckedKeys: Key[] },\n  entities: SelectionEntities<T>,\n  isDisabled: IsDisabled<T>,\n) => {\n  const checkedKeys = new Set(keyList.filter((key) => entities.has(key)));\n  const { levels, maxLevel } = groupByLevel(entities);\n\n  if (checked === true) {\n    for (let level = 0; level <= maxLevel; level += 1) {\n      for (const { children, key, record } of levels.get(level) ?? []) {\n        if (!checkedKeys.has(key) || isDisabled(record)) continue;\n        for (const child of children) {\n          if (!isDisabled(child.record)) checkedKeys.add(child.key);\n        }\n      }\n    }\n    return conductUp(checkedKeys, levels, maxLevel, isDisabled, 'fill');\n  }\n\n  const halfKeys = new Set(checked.halfCheckedKeys);\n  for (let level = 0; level <= maxLevel; level += 1) {\n    for (const { children, key, record } of levels.get(level) ?? []) {\n      if (checkedKeys.has(key) || halfKeys.has(key) || isDisabled(record)) continue;\n      for (const child of children) {\n        if (!isDisabled(child.record)) checkedKeys.delete(child.key);\n      }\n    }\n  }\n  return conductUp(checkedKeys, levels, maxLevel, isDisabled, 'clean');\n};\n\nexport const selectRange = (\n  prevIndex: number | null,\n  currentIndex: number,\n  keys: readonly Key[],\n  selectedKeys: Set<Key>,\n) => {\n  const anchor = prevIndex ?? currentIndex;\n  const start = Math.min(anchor || 0, currentIndex);\n  const end = Math.max(anchor || 0, currentIndex);\n  const rangeKeys = keys.slice(start, end + 1);\n  const shouldSelect = rangeKeys.some((key) => !selectedKeys.has(key));\n  const changedKeys: Key[] = [];\n  for (const key of rangeKeys) {\n    if (shouldSelect) {\n      if (!selectedKeys.has(key)) changedKeys.push(key);\n      selectedKeys.add(key);\n    } else {\n      selectedKeys.delete(key);\n      changedKeys.push(key);\n    }\n  }\n  return { changedKeys, nextAnchor: shouldSelect ? end : null };\n};\n"],"mappings":"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"}

package/es/Table/pipeline/useBreakpoint.mjs

@@ -0,0 +1,36 @@
+import { useEffect, useState } from "react";
+//#region src/Table/pipeline/useBreakpoint.ts
+const BREAKPOINT_QUERIES = {
+	lg: "(min-width: 992px)",
+	md: "(min-width: 768px)",
+	sm: "(min-width: 576px)",
+	xl: "(min-width: 1200px)",
+	xs: "(max-width: 575px)",
+	xxl: "(min-width: 1600px)",
+	xxxl: "(min-width: 1920px)"
+};
+const POINTS = Object.keys(BREAKPOINT_QUERIES);
+const canMatchMedia = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
+const readScreens = () => canMatchMedia() ? new Set(POINTS.filter((point) => window.matchMedia(BREAKPOINT_QUERIES[point]).matches)) : null;
+const useBreakpoint = (enabled) => {
+	const [screens, setScreens] = useState(() => enabled ? readScreens() : null);
+	useEffect(() => {
+		if (!enabled || !canMatchMedia()) {
+			setScreens(null);
+			return;
+		}
+		const update = () => {
+			const next = readScreens();
+			setScreens((previous) => previous?.size === next.size && [...next].every((point) => previous.has(point)) ? previous : next);
+		};
+		const queries = POINTS.map((point) => window.matchMedia(BREAKPOINT_QUERIES[point]));
+		queries.forEach((query) => query.addEventListener("change", update));
+		update();
+		return () => queries.forEach((query) => query.removeEventListener("change", update));
+	}, [enabled]);
+	return enabled ? screens : null;
+};
+//#endregion
+export { BREAKPOINT_QUERIES, useBreakpoint };
+
+//# sourceMappingURL=useBreakpoint.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.mjs","names":[],"sources":["../../../src/Table/pipeline/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { TableBreakpoint } from '../type';\n\nexport const BREAKPOINT_QUERIES: Record<TableBreakpoint, string> = {\n  lg: '(min-width: 992px)',\n  md: '(min-width: 768px)',\n  sm: '(min-width: 576px)',\n  xl: '(min-width: 1200px)',\n  xs: '(max-width: 575px)',\n  xxl: '(min-width: 1600px)',\n  xxxl: '(min-width: 1920px)',\n};\n\nconst POINTS = Object.keys(BREAKPOINT_QUERIES) as TableBreakpoint[];\n\nconst canMatchMedia = () =>\n  typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n\nconst readScreens = (): ReadonlySet<TableBreakpoint> | null =>\n  canMatchMedia()\n    ? new Set(POINTS.filter((point) => window.matchMedia(BREAKPOINT_QUERIES[point]).matches))\n    : null;\n\nexport const useBreakpoint = (enabled: boolean): ReadonlySet<TableBreakpoint> | null => {\n  const [screens, setScreens] = useState(() => (enabled ? readScreens() : null));\n\n  useEffect(() => {\n    if (!enabled || !canMatchMedia()) {\n      setScreens(null);\n      return;\n    }\n    const update = () => {\n      const next = readScreens()!;\n      setScreens((previous) =>\n        previous?.size === next.size && [...next].every((point) => previous.has(point))\n          ? previous\n          : next,\n      );\n    };\n    const queries = POINTS.map((point) => window.matchMedia(BREAKPOINT_QUERIES[point]));\n    queries.forEach((query) => query.addEventListener('change', update));\n    update();\n    return () => queries.forEach((query) => query.removeEventListener('change', update));\n  }, [enabled]);\n\n  return enabled ? screens : null;\n};\n"],"mappings":";;AAIA,MAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,MAAM;AACR;AAEA,MAAM,SAAS,OAAO,KAAK,kBAAkB;AAE7C,MAAM,sBACJ,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe;AAEhE,MAAM,oBACJ,cAAc,IACV,IAAI,IAAI,OAAO,QAAQ,UAAU,OAAO,WAAW,mBAAmB,MAAM,CAAC,CAAC,OAAO,CAAC,IACtF;AAEN,MAAa,iBAAiB,YAA0D;CACtF,MAAM,CAAC,SAAS,cAAc,eAAgB,UAAU,YAAY,IAAI,IAAK;CAE7E,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,cAAc,GAAG;GAChC,WAAW,IAAI;GACf;EACF;EACA,MAAM,eAAe;GACnB,MAAM,OAAO,YAAY;GACzB,YAAY,aACV,UAAU,SAAS,KAAK,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,UAAU,SAAS,IAAI,KAAK,CAAC,IAC1E,WACA,IACN;EACF;EACA,MAAM,UAAU,OAAO,KAAK,UAAU,OAAO,WAAW,mBAAmB,MAAM,CAAC;EAClF,QAAQ,SAAS,UAAU,MAAM,iBAAiB,UAAU,MAAM,CAAC;EACnE,OAAO;EACP,aAAa,QAAQ,SAAS,UAAU,MAAM,oBAAoB,UAAU,MAAM,CAAC;CACrF,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,UAAU,UAAU;AAC7B"}

package/es/Table/pipeline/useExpandable.mjs

@@ -0,0 +1,45 @@
+import { useEventCallback } from "../../hooks/useEventCallback.mjs";
+import { isPlainObject } from "./selectionUtils.mjs";
+import { useMemo, useState } from "react";
+//#region src/Table/pipeline/useExpandable.ts
+const findAllChildrenKeys = (data, getRowKey, childrenColumnName) => {
+	const keys = [];
+	const dig = (list) => {
+		(list || []).forEach((item, index) => {
+			keys.push(getRowKey(item, index));
+			dig(item?.[childrenColumnName]);
+		});
+	};
+	dig(data);
+	return keys;
+};
+const getExpandType = (data, childrenColumnName, expandable) => {
+	if (expandable?.expandedRowRender) return "row";
+	if (data.some((record) => isPlainObject(record) && record[childrenColumnName])) return "nest";
+	return null;
+};
+const useExpandable = ({ childrenColumnName, expandable, getRowKey, pageData }) => {
+	const { defaultExpandAllRows, defaultExpandedRowKeys, expandedRowKeys, onExpand } = expandable ?? {};
+	const onExpandedRowsChange = expandable?.onExpandedRowsChange;
+	const [innerKeys, setInnerKeys] = useState(() => {
+		if (defaultExpandedRowKeys) return defaultExpandedRowKeys;
+		if (defaultExpandAllRows) return findAllChildrenKeys(pageData, getRowKey, childrenColumnName);
+		return [];
+	});
+	const expandedKeys = useMemo(() => new Set(expandedRowKeys ?? innerKeys), [expandedRowKeys, innerKeys]);
+	return {
+		expandedKeys,
+		toggle: useEventCallback((record) => {
+			const key = getRowKey(record, pageData.indexOf(record));
+			const hasKey = expandedKeys.has(key);
+			const next = hasKey ? [...expandedKeys].filter((item) => item !== key) : [...expandedKeys, key];
+			setInnerKeys(next);
+			onExpand?.(!hasKey, record);
+			onExpandedRowsChange?.(next);
+		})
+	};
+};
+//#endregion
+export { getExpandType, useExpandable };
+
+//# sourceMappingURL=useExpandable.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandable.mjs","names":[],"sources":["../../../src/Table/pipeline/useExpandable.ts"],"sourcesContent":["import { type Key, useMemo, useState } from 'react';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport type { TableExpandableConfig } from '../type';\nimport { isPlainObject } from './selectionUtils';\n\nexport type ExpandType = 'nest' | 'row' | null;\n\nconst findAllChildrenKeys = <T>(\n  data: readonly T[],\n  getRowKey: (record: T, index: number) => Key,\n  childrenColumnName: string,\n) => {\n  const keys: Key[] = [];\n  const dig = (list: readonly T[] | undefined) => {\n    (list || []).forEach((item, index) => {\n      keys.push(getRowKey(item, index));\n      dig((item as Record<string, unknown>)?.[childrenColumnName] as T[] | undefined);\n    });\n  };\n  dig(data);\n  return keys;\n};\n\nexport const getExpandType = <T>(\n  data: readonly T[],\n  childrenColumnName: string,\n  expandable: TableExpandableConfig<T> | undefined,\n): ExpandType => {\n  if (expandable?.expandedRowRender) return 'row';\n  if (data.some((record) => isPlainObject(record) && record[childrenColumnName])) return 'nest';\n  return null;\n};\n\nexport const useExpandable = <T>({\n  childrenColumnName,\n  expandable,\n  getRowKey,\n  pageData,\n}: {\n  childrenColumnName: string;\n  expandable: TableExpandableConfig<T> | undefined;\n  getRowKey: (record: T, index: number) => Key;\n  pageData: readonly T[];\n}) => {\n  const { defaultExpandAllRows, defaultExpandedRowKeys, expandedRowKeys, onExpand } =\n    expandable ?? {};\n  const onExpandedRowsChange = expandable?.onExpandedRowsChange;\n\n  const [innerKeys, setInnerKeys] = useState<readonly Key[]>(() => {\n    if (defaultExpandedRowKeys) return defaultExpandedRowKeys;\n    if (defaultExpandAllRows) return findAllChildrenKeys(pageData, getRowKey, childrenColumnName);\n    return [];\n  });\n\n  const expandedKeys = useMemo(\n    (): ReadonlySet<Key> => new Set(expandedRowKeys ?? innerKeys),\n    [expandedRowKeys, innerKeys],\n  );\n\n  const toggle = useEventCallback((record: T) => {\n    const key = getRowKey(record, pageData.indexOf(record));\n    const hasKey = expandedKeys.has(key);\n    const next = hasKey ? [...expandedKeys].filter((item) => item !== key) : [...expandedKeys, key];\n    setInnerKeys(next);\n    onExpand?.(!hasKey, record);\n    onExpandedRowsChange?.(next);\n  });\n\n  return { expandedKeys, toggle };\n};\n"],"mappings":";;;;AASA,MAAM,uBACJ,MACA,WACA,uBACG;CACH,MAAM,OAAc,CAAC;CACrB,MAAM,OAAO,SAAmC;EAC9C,CAAC,QAAQ,CAAC,EAAA,CAAG,SAAS,MAAM,UAAU;GACpC,KAAK,KAAK,UAAU,MAAM,KAAK,CAAC;GAChC,IAAK,OAAmC,mBAAsC;EAChF,CAAC;CACH;CACA,IAAI,IAAI;CACR,OAAO;AACT;AAEA,MAAa,iBACX,MACA,oBACA,eACe;CACf,IAAI,YAAY,mBAAmB,OAAO;CAC1C,IAAI,KAAK,MAAM,WAAW,cAAc,MAAM,KAAK,OAAO,mBAAmB,GAAG,OAAO;CACvF,OAAO;AACT;AAEA,MAAa,iBAAoB,EAC/B,oBACA,YACA,WACA,eAMI;CACJ,MAAM,EAAE,sBAAsB,wBAAwB,iBAAiB,aACrE,cAAc,CAAC;CACjB,MAAM,uBAAuB,YAAY;CAEzC,MAAM,CAAC,WAAW,gBAAgB,eAA+B;EAC/D,IAAI,wBAAwB,OAAO;EACnC,IAAI,sBAAsB,OAAO,oBAAoB,UAAU,WAAW,kBAAkB;EAC5F,OAAO,CAAC;CACV,CAAC;CAED,MAAM,eAAe,cACK,IAAI,IAAI,mBAAmB,SAAS,GAC5D,CAAC,iBAAiB,SAAS,CAC7B;CAWA,OAAO;EAAE;EAAc,QATR,kBAAkB,WAAc;GAC7C,MAAM,MAAM,UAAU,QAAQ,SAAS,QAAQ,MAAM,CAAC;GACtD,MAAM,SAAS,aAAa,IAAI,GAAG;GACnC,MAAM,OAAO,SAAS,CAAC,GAAG,YAAY,CAAC,CAAC,QAAQ,SAAS,SAAS,GAAG,IAAI,CAAC,GAAG,cAAc,GAAG;GAC9F,aAAa,IAAI;GACjB,WAAW,CAAC,QAAQ,MAAM;GAC1B,uBAAuB,IAAI;EAC7B,CAE4B;CAAE;AAChC"}

package/es/Table/pipeline/useFilter.mjs

@@ -0,0 +1,52 @@
+import { flattenColumns } from "./columnUtils.mjs";
+import { useMemo } from "react";
+//#region src/Table/pipeline/useFilter.ts
+const flattenFilterKeys = (filters) => (filters ?? []).flatMap(({ children, value }) => [value, ...flattenFilterKeys(children)]);
+const isFilterable = (column) => Boolean(column.filters) || column.filterDropdown !== void 0 || "onFilter" in column;
+const toKeys = (column, keys) => column.filterDropdown === void 0 && keys ? keys.map(String) : keys;
+const collectFilterStates = (columns, init) => flattenColumns(columns).flatMap(({ column, id }) => {
+	const col = column;
+	if (!isFilterable(col)) return [];
+	return [{
+		column: col,
+		filteredKeys: "filteredValue" in col ? toKeys(col, col.filteredValue) : init && col.defaultFilteredValue ? toKeys(col, col.defaultFilteredValue) : void 0,
+		forceFiltered: col.filtered,
+		key: id
+	}];
+});
+const mergeFilterStates = (columns, inner) => {
+	const collected = collectFilterStates(columns, false);
+	return collected.some(({ filteredKeys }) => filteredKeys !== void 0) ? collected : collected.map((state) => ({
+		...state,
+		filteredKeys: inner[state.key]
+	}));
+};
+const getFilterInfo = (states) => Object.fromEntries(states.map(({ column, filteredKeys, key }) => {
+	if (column.filterDropdown) return [key, filteredKeys || null];
+	if (!Array.isArray(filteredKeys)) return [key, null];
+	const selected = new Set(filteredKeys.map(String));
+	return [key, flattenFilterKeys(column.filters).filter((value) => selected.has(String(value)))];
+}));
+const filterData = (data, states, childrenColumnName = "children") => states.reduce((current, { column: { filters, onFilter }, filteredKeys }) => {
+	if (!onFilter || !filteredKeys?.length) return current;
+	const valueOf = /* @__PURE__ */ new Map();
+	for (const value of flattenFilterKeys(filters)) if (!valueOf.has(String(value))) valueOf.set(String(value), value);
+	const values = filteredKeys.map((key) => valueOf.get(String(key)) ?? key);
+	return current.flatMap((record) => {
+		const children = record[childrenColumnName];
+		const next = Array.isArray(children) ? {
+			...record,
+			[childrenColumnName]: filterData(children, states, childrenColumnName)
+		} : record;
+		return values.some((value) => onFilter(value, next)) ? [next] : [];
+	});
+}, [...data]);
+const useFilter = ({ childrenColumnName, data, states }) => useMemo(() => filterData(data, states, childrenColumnName), [
+	data,
+	states,
+	childrenColumnName
+]);
+//#endregion
+export { collectFilterStates, filterData, flattenFilterKeys, getFilterInfo, mergeFilterStates, useFilter };
+
+//# sourceMappingURL=useFilter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.mjs","names":[],"sources":["../../../src/Table/pipeline/useFilter.ts"],"sourcesContent":["import { type Key, useMemo } from 'react';\n\nimport type {\n  FilterValue,\n  TableColumn,\n  TableColumnFilterItem,\n  TableColumnType,\n  TableFilters,\n} from '../type';\nimport { flattenColumns } from './columnUtils';\n\nexport type FilterKeys = (Key | boolean)[] | null;\n\nexport interface FilterState<T> {\n  column: TableColumnType<T>;\n  filteredKeys?: FilterKeys;\n  forceFiltered?: boolean;\n  key: string;\n}\n\nexport type FiltersState = Record<string, FilterKeys | undefined>;\n\nexport const flattenFilterKeys = (filters?: readonly TableColumnFilterItem[]): FilterValue[] =>\n  (filters ?? []).flatMap(({ children, value }) => [value, ...flattenFilterKeys(children)]);\n\nconst isFilterable = (column: TableColumnType<any>) =>\n  Boolean(column.filters) || column.filterDropdown !== undefined || 'onFilter' in column;\n\nconst toKeys = (column: TableColumnType<any>, keys: FilterKeys | undefined) =>\n  // Menu / tree options are matched by their string value; custom dropdowns keep raw keys.\n  column.filterDropdown === undefined && keys ? keys.map(String) : keys;\n\nexport const collectFilterStates = <T>(\n  columns: readonly TableColumn<T>[],\n  init: boolean,\n): FilterState<T>[] =>\n  flattenColumns(columns).flatMap(({ column, id }) => {\n    const col = column as TableColumnType<T>;\n    if (!isFilterable(col)) return [];\n    const filteredKeys =\n      'filteredValue' in col\n        ? toKeys(col, col.filteredValue)\n        : init && col.defaultFilteredValue\n          ? toKeys(col, col.defaultFilteredValue)\n          : undefined;\n    return [{ column: col, filteredKeys, forceFiltered: col.filtered, key: id }];\n  });\n\nexport const mergeFilterStates = <T>(\n  columns: readonly TableColumn<T>[],\n  inner: FiltersState,\n): FilterState<T>[] => {\n  const collected = collectFilterStates(columns, false);\n  const controlled = collected.some(({ filteredKeys }) => filteredKeys !== undefined);\n  return controlled\n    ? collected\n    : collected.map((state) => ({ ...state, filteredKeys: inner[state.key] }));\n};\n\nexport const getFilterInfo = (states: readonly FilterState<any>[]): TableFilters =>\n  Object.fromEntries(\n    states.map(({ column, filteredKeys, key }) => {\n      if (column.filterDropdown) return [key, (filteredKeys as FilterValue[]) || null];\n      if (!Array.isArray(filteredKeys)) return [key, null];\n      const selected = new Set(filteredKeys.map(String));\n      return [\n        key,\n        flattenFilterKeys(column.filters).filter((value) => selected.has(String(value))),\n      ];\n    }),\n  );\n\nexport const filterData = <T>(\n  data: readonly T[],\n  states: readonly FilterState<T>[],\n  childrenColumnName = 'children',\n): T[] =>\n  states.reduce<T[]>(\n    (current, { column: { filters, onFilter }, filteredKeys }) => {\n      if (!onFilter || !filteredKeys?.length) return current;\n\n      const valueOf = new Map<string, FilterValue>();\n      for (const value of flattenFilterKeys(filters)) {\n        if (!valueOf.has(String(value))) valueOf.set(String(value), value);\n      }\n      const values = filteredKeys.map((key) => valueOf.get(String(key)) ?? (key as FilterValue));\n\n      return current.flatMap((record) => {\n        const children = (record as Record<string, unknown>)[childrenColumnName];\n        const next = Array.isArray(children)\n          ? {\n              ...record,\n              [childrenColumnName]: filterData(children as T[], states, childrenColumnName),\n            }\n          : record;\n        return values.some((value) => onFilter(value, next)) ? [next] : [];\n      });\n    },\n    [...data],\n  );\n\nexport const useFilter = <T>({\n  childrenColumnName,\n  data,\n  states,\n}: {\n  childrenColumnName?: string;\n  data: readonly T[];\n  states: readonly FilterState<T>[];\n}) =>\n  useMemo(() => filterData(data, states, childrenColumnName), [data, states, childrenColumnName]);\n"],"mappings":";;;AAsBA,MAAa,qBAAqB,aAC/B,WAAW,CAAC,EAAA,CAAG,SAAS,EAAE,UAAU,YAAY,CAAC,OAAO,GAAG,kBAAkB,QAAQ,CAAC,CAAC;AAE1F,MAAM,gBAAgB,WACpB,QAAQ,OAAO,OAAO,KAAK,OAAO,mBAAmB,KAAA,KAAa,cAAc;AAElF,MAAM,UAAU,QAA8B,SAE5C,OAAO,mBAAmB,KAAA,KAAa,OAAO,KAAK,IAAI,MAAM,IAAI;AAEnE,MAAa,uBACX,SACA,SAEA,eAAe,OAAO,CAAC,CAAC,SAAS,EAAE,QAAQ,SAAS;CAClD,MAAM,MAAM;CACZ,IAAI,CAAC,aAAa,GAAG,GAAG,OAAO,CAAC;CAOhC,OAAO,CAAC;EAAE,QAAQ;EAAK,cALrB,mBAAmB,MACf,OAAO,KAAK,IAAI,aAAa,IAC7B,QAAQ,IAAI,uBACV,OAAO,KAAK,IAAI,oBAAoB,IACpC,KAAA;EAC6B,eAAe,IAAI;EAAU,KAAK;CAAG,CAAC;AAC7E,CAAC;AAEH,MAAa,qBACX,SACA,UACqB;CACrB,MAAM,YAAY,oBAAoB,SAAS,KAAK;CAEpD,OADmB,UAAU,MAAM,EAAE,mBAAmB,iBAAiB,KAAA,CACzD,IACZ,YACA,UAAU,KAAK,WAAW;EAAE,GAAG;EAAO,cAAc,MAAM,MAAM;CAAK,EAAE;AAC7E;AAEA,MAAa,iBAAiB,WAC5B,OAAO,YACL,OAAO,KAAK,EAAE,QAAQ,cAAc,UAAU;CAC5C,IAAI,OAAO,gBAAgB,OAAO,CAAC,KAAM,gBAAkC,IAAI;CAC/E,IAAI,CAAC,MAAM,QAAQ,YAAY,GAAG,OAAO,CAAC,KAAK,IAAI;CACnD,MAAM,WAAW,IAAI,IAAI,aAAa,IAAI,MAAM,CAAC;CACjD,OAAO,CACL,KACA,kBAAkB,OAAO,OAAO,CAAC,CAAC,QAAQ,UAAU,SAAS,IAAI,OAAO,KAAK,CAAC,CAAC,CACjF;AACF,CAAC,CACH;AAEF,MAAa,cACX,MACA,QACA,qBAAqB,eAErB,OAAO,QACJ,SAAS,EAAE,QAAQ,EAAE,SAAS,YAAY,mBAAmB;CAC5D,IAAI,CAAC,YAAY,CAAC,cAAc,QAAQ,OAAO;CAE/C,MAAM,0BAAU,IAAI,IAAyB;CAC7C,KAAK,MAAM,SAAS,kBAAkB,OAAO,GAC3C,IAAI,CAAC,QAAQ,IAAI,OAAO,KAAK,CAAC,GAAG,QAAQ,IAAI,OAAO,KAAK,GAAG,KAAK;CAEnE,MAAM,SAAS,aAAa,KAAK,QAAQ,QAAQ,IAAI,OAAO,GAAG,CAAC,KAAM,GAAmB;CAEzF,OAAO,QAAQ,SAAS,WAAW;EACjC,MAAM,WAAY,OAAmC;EACrD,MAAM,OAAO,MAAM,QAAQ,QAAQ,IAC/B;GACE,GAAG;IACF,qBAAqB,WAAW,UAAiB,QAAQ,kBAAkB;EAC9E,IACA;EACJ,OAAO,OAAO,MAAM,UAAU,SAAS,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;CACnE,CAAC;AACH,GACA,CAAC,GAAG,IAAI,CACV;AAEF,MAAa,aAAgB,EAC3B,oBACA,MACA,aAMA,cAAc,WAAW,MAAM,QAAQ,kBAAkB,GAAG;CAAC;CAAM;CAAQ;AAAkB,CAAC"}