@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Table/render/BodyCell.mjs

@@ -0,0 +1,87 @@
+"use client";
+import { getCellValue } from "../pipeline/columnUtils.mjs";
+import { useTableView } from "./context.mjs";
+import { useRowExpanded } from "../store/hooks.mjs";
+import { CellShell, isRenderedCell } from "./CellShell.mjs";
+import { SelectionBodyCell } from "./SelectionCells.mjs";
+import { memo, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/render/BodyCell.tsx
+const useCellRender = (column, record, renderIndex) => {
+	const cache = useRef(null);
+	if (cache.current && column.shouldCellUpdate && !column.shouldCellUpdate(record, cache.current.record)) return cache.current.output;
+	const value = getCellValue(record, column);
+	let output;
+	if (column.render) {
+		const rendered = column.render(value, record, renderIndex);
+		output = isRenderedCell(rendered) ? [rendered.children, rendered.props] : [rendered, void 0];
+	} else output = [value, void 0];
+	cache.current = {
+		output,
+		record
+	};
+	return output;
+};
+const NestIcon = ({ depth, hasChildren, record, rowKey }) => {
+	const { expand, prefixCls } = useTableView();
+	const expanded = useRowExpanded(rowKey);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+		className: `${prefixCls}-row-indent indent-level-${depth}`,
+		style: { paddingLeft: `${expand.indentSize * depth}px` }
+	}), expand.expandIcon({
+		expandable: hasChildren,
+		expanded,
+		onExpand: (target) => expand.toggle(target),
+		prefixCls,
+		record
+	})] });
+};
+const DataCell = ({ depth, hasChildren, index, leaf, record, renderIndex, rowKey, withNestIcon }) => {
+	const column = leaf.column.source.column;
+	const [childNode, legacyCellProps] = useCellRender(column, record, renderIndex);
+	return /* @__PURE__ */ jsx(CellShell, {
+		index,
+		leaf,
+		legacyCellProps,
+		record,
+		appendNode: withNestIcon ? /* @__PURE__ */ jsx(NestIcon, {
+			depth,
+			hasChildren,
+			record,
+			rowKey
+		}) : void 0,
+		children: childNode
+	});
+};
+const ExpandCell = ({ index, leaf, record, rowKey }) => {
+	const { expand, prefixCls } = useTableView();
+	const expanded = useRowExpanded(rowKey);
+	const icon = expand.expandIcon({
+		expandable: expand.rowExpandable ? expand.rowExpandable(record) : true,
+		expanded,
+		onExpand: (target) => expand.toggle(target),
+		prefixCls,
+		record
+	});
+	return /* @__PURE__ */ jsx(CellShell, {
+		index,
+		leaf,
+		record,
+		children: expand.expandRowByClick ? /* @__PURE__ */ jsx("span", {
+			onClick: (event) => event.stopPropagation(),
+			children: icon
+		}) : icon
+	});
+};
+const BodyCellInner = (props) => {
+	switch (props.leaf.column.source.kind) {
+		case "selection": return /* @__PURE__ */ jsx(SelectionBodyCell, { ...props });
+		case "expand": return /* @__PURE__ */ jsx(ExpandCell, { ...props });
+		default: return /* @__PURE__ */ jsx(DataCell, { ...props });
+	}
+};
+const BodyCell = memo(BodyCellInner);
+//#endregion
+export { BodyCell };
+
+//# sourceMappingURL=BodyCell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BodyCell.mjs","names":[],"sources":["../../../src/Table/render/BodyCell.tsx"],"sourcesContent":["'use client';\n\nimport { type Key, memo, type ReactNode, useRef } from 'react';\n\nimport { getCellValue } from '../pipeline/columnUtils';\nimport { useRowExpanded } from '../store/hooks';\nimport type { TableCellAttributes, TableColumnType } from '../type';\nimport { type BodyCellProps, CellShell, isRenderedCell } from './CellShell';\nimport { useTableView } from './context';\nimport { SelectionBodyCell } from './SelectionCells';\n\nconst useCellRender = <T,>(\n  column: TableColumnType<T>,\n  record: T,\n  renderIndex: number,\n): [ReactNode, TableCellAttributes | undefined] => {\n  const cache = useRef<{ output: [ReactNode, TableCellAttributes | undefined]; record: T } | null>(\n    null,\n  );\n  if (\n    cache.current &&\n    column.shouldCellUpdate &&\n    !column.shouldCellUpdate(record, cache.current.record)\n  ) {\n    return cache.current.output;\n  }\n  const value = getCellValue(record, column);\n  let output: [ReactNode, TableCellAttributes | undefined];\n  if (column.render) {\n    const rendered = column.render(value, record, renderIndex);\n    output = isRenderedCell(rendered)\n      ? [rendered.children, rendered.props]\n      : [rendered as ReactNode, undefined];\n  } else {\n    output = [value as ReactNode, undefined];\n  }\n  cache.current = { output, record };\n  return output;\n};\n\nconst NestIcon = <T,>({\n  depth,\n  hasChildren,\n  record,\n  rowKey,\n}: {\n  depth: number;\n  hasChildren: boolean;\n  record: T;\n  rowKey: Key;\n}) => {\n  const { expand, prefixCls } = useTableView<T>();\n  const expanded = useRowExpanded(rowKey);\n  return (\n    <>\n      <span\n        className={`${prefixCls}-row-indent indent-level-${depth}`}\n        style={{ paddingLeft: `${expand.indentSize * depth}px` }}\n      />\n      {expand.expandIcon({\n        expandable: hasChildren,\n        expanded,\n        onExpand: (target) => expand.toggle(target),\n        prefixCls,\n        record,\n      })}\n    </>\n  );\n};\n\nconst DataCell = <T,>({\n  depth,\n  hasChildren,\n  index,\n  leaf,\n  record,\n  renderIndex,\n  rowKey,\n  withNestIcon,\n}: BodyCellProps<T>) => {\n  const column = leaf.column.source.column as TableColumnType<T>;\n  const [childNode, legacyCellProps] = useCellRender(column, record, renderIndex);\n  return (\n    <CellShell\n      index={index}\n      leaf={leaf}\n      legacyCellProps={legacyCellProps}\n      record={record}\n      appendNode={\n        withNestIcon ? (\n          <NestIcon depth={depth} hasChildren={hasChildren} record={record} rowKey={rowKey} />\n        ) : undefined\n      }\n    >\n      {childNode}\n    </CellShell>\n  );\n};\n\nconst ExpandCell = <T,>({ index, leaf, record, rowKey }: BodyCellProps<T>) => {\n  const { expand, prefixCls } = useTableView<T>();\n  const expanded = useRowExpanded(rowKey);\n  const icon = expand.expandIcon({\n    expandable: expand.rowExpandable ? expand.rowExpandable(record) : true,\n    expanded,\n    onExpand: (target) => expand.toggle(target),\n    prefixCls,\n    record,\n  });\n  return (\n    <CellShell index={index} leaf={leaf} record={record}>\n      {expand.expandRowByClick ? (\n        <span onClick={(event) => event.stopPropagation()}>{icon}</span>\n      ) : (\n        icon\n      )}\n    </CellShell>\n  );\n};\n\nconst BodyCellInner = <T,>(props: BodyCellProps<T>) => {\n  switch (props.leaf.column.source.kind) {\n    case 'selection': {\n      return <SelectionBodyCell {...props} />;\n    }\n    case 'expand': {\n      return <ExpandCell {...props} />;\n    }\n    default: {\n      return <DataCell {...props} />;\n    }\n  }\n};\n\nexport const BodyCell = memo(BodyCellInner) as typeof BodyCellInner;\n"],"mappings":";;;;;;;;;AAWA,MAAM,iBACJ,QACA,QACA,gBACiD;CACjD,MAAM,QAAQ,OACZ,IACF;CACA,IACE,MAAM,WACN,OAAO,oBACP,CAAC,OAAO,iBAAiB,QAAQ,MAAM,QAAQ,MAAM,GAErD,OAAO,MAAM,QAAQ;CAEvB,MAAM,QAAQ,aAAa,QAAQ,MAAM;CACzC,IAAI;CACJ,IAAI,OAAO,QAAQ;EACjB,MAAM,WAAW,OAAO,OAAO,OAAO,QAAQ,WAAW;EACzD,SAAS,eAAe,QAAQ,IAC5B,CAAC,SAAS,UAAU,SAAS,KAAK,IAClC,CAAC,UAAuB,KAAA,CAAS;CACvC,OACE,SAAS,CAAC,OAAoB,KAAA,CAAS;CAEzC,MAAM,UAAU;EAAE;EAAQ;CAAO;CACjC,OAAO;AACT;AAEA,MAAM,YAAgB,EACpB,OACA,aACA,QACA,aAMI;CACJ,MAAM,EAAE,QAAQ,cAAc,aAAgB;CAC9C,MAAM,WAAW,eAAe,MAAM;CACtC,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;EACE,WAAW,GAAG,UAAU,2BAA2B;EACnD,OAAO,EAAE,aAAa,GAAG,OAAO,aAAa,MAAM,IAAI;CACxD,CAAA,GACA,OAAO,WAAW;EACjB,YAAY;EACZ;EACA,WAAW,WAAW,OAAO,OAAO,MAAM;EAC1C;EACA;CACF,CAAC,CACD,EAAA,CAAA;AAEN;AAEA,MAAM,YAAgB,EACpB,OACA,aACA,OACA,MACA,QACA,aACA,QACA,mBACsB;CACtB,MAAM,SAAS,KAAK,OAAO,OAAO;CAClC,MAAM,CAAC,WAAW,mBAAmB,cAAc,QAAQ,QAAQ,WAAW;CAC9E,OACE,oBAAC,WAAD;EACS;EACD;EACW;EACT;EACR,YACE,eACE,oBAAC,UAAD;GAAiB;GAAoB;GAAqB;GAAgB;EAAS,CAAA,IACjF,KAAA;EAGL,UAAA;CACQ,CAAA;AAEf;AAEA,MAAM,cAAkB,EAAE,OAAO,MAAM,QAAQ,aAA+B;CAC5E,MAAM,EAAE,QAAQ,cAAc,aAAgB;CAC9C,MAAM,WAAW,eAAe,MAAM;CACtC,MAAM,OAAO,OAAO,WAAW;EAC7B,YAAY,OAAO,gBAAgB,OAAO,cAAc,MAAM,IAAI;EAClE;EACA,WAAW,WAAW,OAAO,OAAO,MAAM;EAC1C;EACA;CACF,CAAC;CACD,OACE,oBAAC,WAAD;EAAkB;EAAa;EAAc;EAC1C,UAAA,OAAO,mBACN,oBAAC,QAAD;GAAM,UAAU,UAAU,MAAM,gBAAgB;GAAI,UAAA;EAAW,CAAA,IAE/D;CAEO,CAAA;AAEf;AAEA,MAAM,iBAAqB,UAA4B;CACrD,QAAQ,MAAM,KAAK,OAAO,OAAO,MAAjC;EACE,KAAK,aACH,OAAO,oBAAC,mBAAD,EAAmB,GAAI,MAAQ,CAAA;EAExC,KAAK,UACH,OAAO,oBAAC,YAAD,EAAY,GAAI,MAAQ,CAAA;EAEjC,SACE,OAAO,oBAAC,UAAD,EAAU,GAAI,MAAQ,CAAA;CAEjC;AACF;AAEA,MAAa,WAAW,KAAK,aAAa"}

package/es/Table/render/CellShell.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { TableCell } from "../atoms/cells.mjs";
+import { VirtualCellContext, useTableView } from "./context.mjs";
+import { useCellHovered, useColumnSorted, useTableStoreInstance } from "../store/hooks.mjs";
+import { isValidElement, use } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/render/CellShell.tsx
+const NO_HOVER = [-1, -1];
+const isRenderedCell = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && !isValidElement(value);
+const CellShell = ({ appendNode, children, className, index, leaf, legacyCellProps, record }) => {
+	const view = useTableView();
+	const store = useTableStoreInstance();
+	const column = leaf.column.source.column;
+	const sorted = useColumnSorted(leaf.column.source.id);
+	const additional = { ...column.onCell?.(record, index) };
+	const colSpan = legacyCellProps?.colSpan ?? additional.colSpan ?? 1;
+	const rowSpan = legacyCellProps?.rowSpan ?? additional.rowSpan ?? 1;
+	const hoverSpan = legacyCellProps?.rowSpan ?? rowSpan;
+	const hovered = useCellHovered(index, hoverSpan);
+	const { getHeight, inverse } = use(VirtualCellContext);
+	const { components, prefixCls, rowHoverable, semanticClassNames, semanticStyles, virtualWidths } = view;
+	const hidden = virtualWidths ? inverse ? rowSpan <= 1 : colSpan === 0 || rowSpan === 0 || rowSpan > 1 : false;
+	if (!virtualWidths && (colSpan === 0 || rowSpan === 0)) return null;
+	const { className: additionalClassName, style: additionalStyle, ...additionalRest } = additional;
+	const onMouseEnter = (event) => {
+		store.setState({ hover: [index, index + hoverSpan - 1] });
+		additional.onMouseEnter?.(event);
+	};
+	const onMouseLeave = (event) => {
+		store.setState({ hover: NO_HOVER });
+		additional.onMouseLeave?.(event);
+	};
+	let content = hidden ? null : children;
+	if (typeof content === "object" && content !== null && !Array.isArray(content) && !isValidElement(content)) content = null;
+	const { fixedInfo } = leaf;
+	let virtualStyle;
+	if (virtualWidths) {
+		let width = 0;
+		for (let offset = 0; offset < (colSpan || 1); offset += 1) width += virtualWidths[leaf.index + offset] ?? 0;
+		const ownWidth = virtualWidths[leaf.index] ?? 0;
+		virtualStyle = {
+			flex: `0 0 ${width}px`,
+			marginInlineEnd: colSpan > 1 ? ownWidth - width : void 0,
+			pointerEvents: "auto",
+			width: `${width}px`
+		};
+		if (hidden) virtualStyle.visibility = "hidden";
+		else if (inverse) virtualStyle.height = getHeight?.(rowSpan);
+	}
+	const style = {
+		...legacyCellProps?.style,
+		...additionalStyle,
+		...semanticStyles.body.cell,
+		...virtualStyle
+	};
+	return /* @__PURE__ */ jsx(TableCell, {
+		...legacyCellProps,
+		...additionalRest,
+		align: column.align,
+		appendNode,
+		colSpan: virtualWidths ? 1 : colSpan,
+		component: column.rowScope ? components.bodyCell ?? "th" : components.bodyCell,
+		ellipsis: column.ellipsis,
+		fixEnd: fixedInfo.fixEnd,
+		fixStart: fixedInfo.fixStart,
+		hovered: !legacyCellProps && rowHoverable && hovered,
+		rowSpan: virtualWidths && !inverse ? 1 : rowSpan,
+		scope: column.rowScope,
+		shadowEnd: fixedInfo.shadowEnd,
+		shadowStart: fixedInfo.shadowStart,
+		style,
+		zIndex: fixedInfo.zIndex,
+		zIndexReverse: fixedInfo.zIndexReverse,
+		className: clsx$1(column.className, semanticClassNames.body.cell, sorted && `${prefixCls}-column-sort`, className, additionalClassName, legacyCellProps?.className),
+		onMouseEnter: rowHoverable ? onMouseEnter : additional.onMouseEnter,
+		onMouseLeave: rowHoverable ? onMouseLeave : additional.onMouseLeave,
+		children: content
+	});
+};
+//#endregion
+export { CellShell, isRenderedCell };
+
+//# sourceMappingURL=CellShell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellShell.mjs","names":["clsx"],"sources":["../../../src/Table/render/CellShell.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport {\n  type CSSProperties,\n  isValidElement,\n  type Key,\n  type MouseEvent,\n  type ReactNode,\n  use,\n} from 'react';\n\nimport { TableCell } from '../atoms';\nimport type { LeafColumnModel } from '../engine/types';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\nimport { useCellHovered, useColumnSorted, useTableStoreInstance } from '../store/hooks';\nimport type { TableCellAttributes, TableColumnType, TableRenderedCell } from '../type';\nimport { useTableView, VirtualCellContext } from './context';\n\nexport interface BodyCellProps<T> {\n  colIndex: number;\n  depth: number;\n  hasChildren: boolean;\n  index: number;\n  leaf: LeafColumnModel<ColumnSource<T>>;\n  record: T;\n  renderIndex: number;\n  rowKey: Key;\n  withNestIcon: boolean;\n}\n\nconst NO_HOVER = [-1, -1] as const;\n\nexport const isRenderedCell = (value: unknown): value is TableRenderedCell =>\n  typeof value === 'object' && value !== null && !Array.isArray(value) && !isValidElement(value);\n\nexport interface CellShellProps<T> {\n  appendNode?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  index: number;\n  leaf: LeafColumnModel<ColumnSource<T>>;\n  legacyCellProps?: TableCellAttributes;\n  record: T;\n}\n\nexport const CellShell = <T,>({\n  appendNode,\n  children,\n  className,\n  index,\n  leaf,\n  legacyCellProps,\n  record,\n}: CellShellProps<T>) => {\n  const view = useTableView<T>();\n  const store = useTableStoreInstance();\n  const column = leaf.column.source.column as TableColumnType<T>;\n  const sorted = useColumnSorted(leaf.column.source.id);\n  const additional: TableCellAttributes = { ...column.onCell?.(record, index) };\n\n  const colSpan = legacyCellProps?.colSpan ?? additional.colSpan ?? 1;\n  const rowSpan = legacyCellProps?.rowSpan ?? additional.rowSpan ?? 1;\n  const hoverSpan = legacyCellProps?.rowSpan ?? rowSpan;\n  const hovered = useCellHovered(index, hoverSpan);\n  const { getHeight, inverse } = use(VirtualCellContext);\n  const { components, prefixCls, rowHoverable, semanticClassNames, semanticStyles, virtualWidths } =\n    view;\n\n  const hidden = virtualWidths\n    ? inverse\n      ? rowSpan <= 1\n      : colSpan === 0 || rowSpan === 0 || rowSpan > 1\n    : false;\n  if (!virtualWidths && (colSpan === 0 || rowSpan === 0)) return null;\n\n  const { className: additionalClassName, style: additionalStyle, ...additionalRest } = additional;\n  const onMouseEnter = (event: MouseEvent<HTMLTableCellElement>) => {\n    store.setState({ hover: [index, index + hoverSpan - 1] });\n    additional.onMouseEnter?.(event);\n  };\n  const onMouseLeave = (event: MouseEvent<HTMLTableCellElement>) => {\n    store.setState({ hover: NO_HOVER });\n    additional.onMouseLeave?.(event);\n  };\n\n  let content = hidden ? null : children;\n  if (\n    typeof content === 'object' &&\n    content !== null &&\n    !Array.isArray(content) &&\n    !isValidElement(content)\n  ) {\n    content = null;\n  }\n\n  const { fixedInfo } = leaf;\n  let virtualStyle: CSSProperties | undefined;\n  if (virtualWidths) {\n    let width = 0;\n    for (let offset = 0; offset < (colSpan || 1); offset += 1) {\n      width += virtualWidths[leaf.index + offset] ?? 0;\n    }\n    const ownWidth = virtualWidths[leaf.index] ?? 0;\n    virtualStyle = {\n      flex: `0 0 ${width}px`,\n      marginInlineEnd: colSpan > 1 ? ownWidth - width : undefined,\n      pointerEvents: 'auto',\n      width: `${width}px`,\n    };\n    if (hidden) virtualStyle.visibility = 'hidden';\n    else if (inverse) virtualStyle.height = getHeight?.(rowSpan);\n  }\n  const style: CSSProperties = {\n    ...legacyCellProps?.style,\n    ...additionalStyle,\n    ...semanticStyles.body.cell,\n    ...virtualStyle,\n  };\n\n  return (\n    <TableCell\n      {...legacyCellProps}\n      {...(additionalRest as object)}\n      align={column.align}\n      appendNode={appendNode}\n      colSpan={virtualWidths ? 1 : colSpan}\n      component={column.rowScope ? (components.bodyCell ?? 'th') : components.bodyCell}\n      ellipsis={column.ellipsis}\n      fixEnd={fixedInfo.fixEnd}\n      fixStart={fixedInfo.fixStart}\n      hovered={!legacyCellProps && rowHoverable && hovered}\n      rowSpan={virtualWidths && !inverse ? 1 : rowSpan}\n      scope={column.rowScope}\n      shadowEnd={fixedInfo.shadowEnd}\n      shadowStart={fixedInfo.shadowStart}\n      style={style}\n      zIndex={fixedInfo.zIndex}\n      zIndexReverse={fixedInfo.zIndexReverse}\n      className={clsx(\n        column.className,\n        semanticClassNames.body.cell,\n        sorted && `${prefixCls}-column-sort`,\n        className,\n        additionalClassName,\n        legacyCellProps?.className,\n      )}\n      onMouseEnter={rowHoverable ? onMouseEnter : additional.onMouseEnter}\n      onMouseLeave={rowHoverable ? onMouseLeave : additional.onMouseLeave}\n    >\n      {content}\n    </TableCell>\n  );\n};\n"],"mappings":";;;;;;;;AA+BA,MAAM,WAAW,CAAC,IAAI,EAAE;AAExB,MAAa,kBAAkB,UAC7B,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK,KAAK,CAAC,eAAe,KAAK;AAY/F,MAAa,aAAiB,EAC5B,YACA,UACA,WACA,OACA,MACA,iBACA,aACuB;CACvB,MAAM,OAAO,aAAgB;CAC7B,MAAM,QAAQ,sBAAsB;CACpC,MAAM,SAAS,KAAK,OAAO,OAAO;CAClC,MAAM,SAAS,gBAAgB,KAAK,OAAO,OAAO,EAAE;CACpD,MAAM,aAAkC,EAAE,GAAG,OAAO,SAAS,QAAQ,KAAK,EAAE;CAE5E,MAAM,UAAU,iBAAiB,WAAW,WAAW,WAAW;CAClE,MAAM,UAAU,iBAAiB,WAAW,WAAW,WAAW;CAClE,MAAM,YAAY,iBAAiB,WAAW;CAC9C,MAAM,UAAU,eAAe,OAAO,SAAS;CAC/C,MAAM,EAAE,WAAW,YAAY,IAAI,kBAAkB;CACrD,MAAM,EAAE,YAAY,WAAW,cAAc,oBAAoB,gBAAgB,kBAC/E;CAEF,MAAM,SAAS,gBACX,UACE,WAAW,IACX,YAAY,KAAK,YAAY,KAAK,UAAU,IAC9C;CACJ,IAAI,CAAC,kBAAkB,YAAY,KAAK,YAAY,IAAI,OAAO;CAE/D,MAAM,EAAE,WAAW,qBAAqB,OAAO,iBAAiB,GAAG,mBAAmB;CACtF,MAAM,gBAAgB,UAA4C;EAChE,MAAM,SAAS,EAAE,OAAO,CAAC,OAAO,QAAQ,YAAY,CAAC,EAAE,CAAC;EACxD,WAAW,eAAe,KAAK;CACjC;CACA,MAAM,gBAAgB,UAA4C;EAChE,MAAM,SAAS,EAAE,OAAO,SAAS,CAAC;EAClC,WAAW,eAAe,KAAK;CACjC;CAEA,IAAI,UAAU,SAAS,OAAO;CAC9B,IACE,OAAO,YAAY,YACnB,YAAY,QACZ,CAAC,MAAM,QAAQ,OAAO,KACtB,CAAC,eAAe,OAAO,GAEvB,UAAU;CAGZ,MAAM,EAAE,cAAc;CACtB,IAAI;CACJ,IAAI,eAAe;EACjB,IAAI,QAAQ;EACZ,KAAK,IAAI,SAAS,GAAG,UAAU,WAAW,IAAI,UAAU,GACtD,SAAS,cAAc,KAAK,QAAQ,WAAW;EAEjD,MAAM,WAAW,cAAc,KAAK,UAAU;EAC9C,eAAe;GACb,MAAM,OAAO,MAAM;GACnB,iBAAiB,UAAU,IAAI,WAAW,QAAQ,KAAA;GAClD,eAAe;GACf,OAAO,GAAG,MAAM;EAClB;EACA,IAAI,QAAQ,aAAa,aAAa;OACjC,IAAI,SAAS,aAAa,SAAS,YAAY,OAAO;CAC7D;CACA,MAAM,QAAuB;EAC3B,GAAG,iBAAiB;EACpB,GAAG;EACH,GAAG,eAAe,KAAK;EACvB,GAAG;CACL;CAEA,OACE,oBAAC,WAAD;EACE,GAAI;EACJ,GAAK;EACL,OAAO,OAAO;EACF;EACZ,SAAS,gBAAgB,IAAI;EAC7B,WAAW,OAAO,WAAY,WAAW,YAAY,OAAQ,WAAW;EACxE,UAAU,OAAO;EACjB,QAAQ,UAAU;EAClB,UAAU,UAAU;EACpB,SAAS,CAAC,mBAAmB,gBAAgB;EAC7C,SAAS,iBAAiB,CAAC,UAAU,IAAI;EACzC,OAAO,OAAO;EACd,WAAW,UAAU;EACrB,aAAa,UAAU;EAChB;EACP,QAAQ,UAAU;EAClB,eAAe,UAAU;EACzB,WAAWA,OACT,OAAO,WACP,mBAAmB,KAAK,MACxB,UAAU,GAAG,UAAU,eACvB,WACA,qBACA,iBAAiB,SACnB;EACA,cAAc,eAAe,eAAe,WAAW;EACvD,cAAc,eAAe,eAAe,WAAW;EAEtD,UAAA;CACQ,CAAA;AAEf"}

package/es/Table/render/ExpandIcon.mjs

@@ -0,0 +1,28 @@
+"use client";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ChevronDown, ChevronRight } from "lucide-react";
+//#region src/Table/render/ExpandIcon.tsx
+const renderExpandIcon = ({ expandable, expanded, onExpand, prefixCls, record }, locale) => {
+	const iconCls = `${prefixCls}-row-expand-icon`;
+	if (!expandable) return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: clsx$1(iconCls, `${iconCls}-spaced`)
+	});
+	return /* @__PURE__ */ jsx(ActionIcon, {
+		"aria-expanded": expanded,
+		"aria-label": expanded ? locale.collapse : locale.expand,
+		className: clsx$1(iconCls, expanded ? `${iconCls}-expanded` : `${iconCls}-collapsed`),
+		icon: expanded ? ChevronDown : ChevronRight,
+		size: "small",
+		onClick: (event) => {
+			onExpand(record, event);
+			event.stopPropagation();
+		}
+	});
+};
+//#endregion
+export { renderExpandIcon as default };
+
+//# sourceMappingURL=ExpandIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandIcon.mjs","names":["clsx"],"sources":["../../../src/Table/render/ExpandIcon.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport type { MouseEvent, ReactNode } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport type { TableExpandIconProps, TableLocale } from '../type';\n\nconst renderExpandIcon = <T,>(\n  { expandable, expanded, onExpand, prefixCls, record }: TableExpandIconProps<T>,\n  locale: Pick<TableLocale, 'collapse' | 'expand'>,\n): ReactNode => {\n  const iconCls = `${prefixCls}-row-expand-icon`;\n  if (!expandable) {\n    return <span aria-hidden=\"true\" className={clsx(iconCls, `${iconCls}-spaced`)} />;\n  }\n  return (\n    <ActionIcon\n      aria-expanded={expanded}\n      aria-label={expanded ? locale.collapse : locale.expand}\n      className={clsx(iconCls, expanded ? `${iconCls}-expanded` : `${iconCls}-collapsed`)}\n      icon={expanded ? ChevronDown : ChevronRight}\n      size=\"small\"\n      onClick={(event) => {\n        onExpand(record, event as unknown as MouseEvent<HTMLElement>);\n        event.stopPropagation();\n      }}\n    />\n  );\n};\n\nexport default renderExpandIcon;\n"],"mappings":";;;;;;AAUA,MAAM,oBACJ,EAAE,YAAY,UAAU,UAAU,WAAW,UAC7C,WACc;CACd,MAAM,UAAU,GAAG,UAAU;CAC7B,IAAI,CAAC,YACH,OAAO,oBAAC,QAAD;EAAM,eAAY;EAAO,WAAWA,OAAK,SAAS,GAAG,QAAQ,QAAQ;CAAI,CAAA;CAElF,OACE,oBAAC,YAAD;EACE,iBAAe;EACf,cAAY,WAAW,OAAO,WAAW,OAAO;EAChD,WAAWA,OAAK,SAAS,WAAW,GAAG,QAAQ,aAAa,GAAG,QAAQ,WAAW;EAClF,MAAM,WAAW,cAAc;EAC/B,MAAK;EACL,UAAU,UAAU;GAClB,SAAS,QAAQ,KAA2C;GAC5D,MAAM,gBAAgB;EACxB;CACD,CAAA;AAEL"}

package/es/Table/render/FilterDropdown.mjs

@@ -0,0 +1,139 @@
+"use client";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import { PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement } from "../../Popover/atoms.mjs";
+import { MeasureRowContext } from "./context.mjs";
+import { styles } from "../style.mjs";
+import { FILTER_CLS, sameKeys, sx } from "./filterUtils.mjs";
+import FilterPanel from "./FilterPanel.mjs";
+import { use, useEffect, useReducer, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ListFilter } from "lucide-react";
+//#region src/Table/render/FilterDropdown.tsx
+const DEPRECATED_PROPS = [["filterDropdownOpen", "filterDropdownProps.open"], ["onFilterDropdownOpenChange", "filterDropdownProps.onOpenChange"]];
+const warnedProps = /* @__PURE__ */ new Set();
+const warnDeprecated = (column) => {
+	if (process.env.NODE_ENV === "production") return;
+	for (const [name, replacement] of DEPRECATED_PROPS) if (name in column && !warnedProps.has(name)) {
+		warnedProps.add(name);
+		console.warn(`[Table] \`${name}\` is deprecated. Please use \`${replacement}\` instead.`);
+	}
+};
+const useSyncKeys = (initial) => {
+	const ref = useRef(initial);
+	const [, rerender] = useReducer((count) => count + 1, 0);
+	return [() => ref.current, (next) => {
+		ref.current = next;
+		rerender();
+	}];
+};
+const FilterDropdown = ({ column, columnKey, filterState, getPopupContainer, label, locale, triggerFilter }) => {
+	const { defaultFilteredValue, filterDropdown, filterDropdownOpen, filterDropdownProps = {}, filterIcon, filterOnClose = true, filterResetToDefaultFilteredValue, filters, onFilterDropdownOpenChange } = column;
+	const inMeasureRow = use(MeasureRowContext);
+	warnDeprecated(column);
+	const triggerRef = useRef(null);
+	const [visible, setVisible] = useState(false);
+	const [searchValue, setSearchValue] = useState("");
+	const mergedVisible = filterDropdownProps.open ?? filterDropdownOpen ?? visible;
+	const filtered = Boolean(filterState?.filteredKeys?.length || filterState?.forceFiltered);
+	const triggerOpen = (next) => {
+		setVisible(next);
+		setSearchValue("");
+		filterDropdownProps.onOpenChange?.(next);
+		onFilterDropdownOpenChange?.(next);
+	};
+	const propFilteredKeys = filterState?.filteredKeys;
+	const [getSelectedKeys, setSelectedKeys] = useSyncKeys(propFilteredKeys ?? []);
+	useEffect(() => {
+		if (mergedVisible) setSelectedKeys(propFilteredKeys ?? []);
+	}, [propFilteredKeys, mergedVisible]);
+	const internalTriggerFilter = (keys) => {
+		const mergedKeys = keys?.length ? keys : null;
+		if (mergedKeys === null && !propFilteredKeys) return;
+		if (sameKeys(mergedKeys, propFilteredKeys)) return;
+		triggerFilter(columnKey, mergedKeys);
+	};
+	const onConfirm = () => {
+		triggerOpen(false);
+		internalTriggerFilter(getSelectedKeys());
+	};
+	const onReset = ({ closeDropdown = false, confirm = false } = {}) => {
+		if (confirm) internalTriggerFilter([]);
+		if (closeDropdown) triggerOpen(false);
+		setSearchValue("");
+		setSelectedKeys(filterResetToDefaultFilteredValue ? (defaultFilteredValue ?? []).map(String) : []);
+	};
+	const doFilter = ({ closeDropdown = true } = {}) => {
+		if (closeDropdown) triggerOpen(false);
+		internalTriggerFilter(getSelectedKeys());
+	};
+	const onPopoverOpenChange = (next) => {
+		if (next && propFilteredKeys !== void 0) setSelectedKeys(propFilteredKeys ?? []);
+		if (!next && !filterDropdown && filterOnClose) onConfirm();
+		else triggerOpen(next);
+	};
+	let content;
+	if (typeof filterDropdown === "function") content = filterDropdown({
+		clearFilters: onReset,
+		close: () => triggerOpen(false),
+		confirm: doFilter,
+		filters,
+		prefixCls: `${FILTER_CLS}-dropdown-custom`,
+		selectedKeys: getSelectedKeys(),
+		setSelectedKeys,
+		visible: mergedVisible
+	});
+	else if (filterDropdown !== void 0) content = filterDropdown;
+	else content = /* @__PURE__ */ jsx(FilterPanel, {
+		column,
+		locale,
+		searchValue,
+		selectedKeys: getSelectedKeys(),
+		setSelectedKeys,
+		onConfirm,
+		onReset: () => onReset(),
+		onSearchChange: setSearchValue
+	});
+	const popupRender = filterDropdownProps.popupRender ?? filterDropdownProps.dropdownRender;
+	const panel = /* @__PURE__ */ jsx("div", {
+		className: clsx$1(sx(styles.filterDropdown), `${FILTER_CLS}-dropdown`),
+		children: popupRender ? popupRender(content) : content
+	});
+	const icon = typeof filterIcon === "function" ? filterIcon(filtered) : filterIcon ?? ListFilter;
+	const trigger = /* @__PURE__ */ jsx(ActionIcon, {
+		active: filtered,
+		"aria-description": locale.filterTitle,
+		"aria-label": `Filter ${label}`,
+		"data-active": filtered || void 0,
+		icon,
+		ref: triggerRef,
+		size: "small",
+		className: clsx$1(sx(styles.filterButton), `${FILTER_CLS}-trigger`, filtered && sx(styles.filterActive)),
+		onClick: (event) => event.stopPropagation()
+	});
+	if (inMeasureRow) return trigger;
+	const resolveContainer = filterDropdownProps.getPopupContainer ?? getPopupContainer;
+	const container = mergedVisible && resolveContainer && triggerRef.current ? resolveContainer(triggerRef.current) : void 0;
+	return /* @__PURE__ */ jsxs(PopoverRoot, {
+		open: mergedVisible,
+		onOpenChange: onPopoverOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverTriggerElement, { children: trigger }), /* @__PURE__ */ jsx(PopoverPortal, {
+			container,
+			children: /* @__PURE__ */ jsx(PopoverPositioner, {
+				className: filterDropdownProps.rootClassName,
+				placement: filterDropdownProps.placement ?? "bottomRight",
+				sideOffset: 4,
+				style: filterDropdownProps.zIndex === void 0 ? void 0 : { zIndex: filterDropdownProps.zIndex },
+				children: /* @__PURE__ */ jsx(PopoverPopup, {
+					className: clsx$1(sx(styles.filterPopup), filterDropdownProps.className),
+					style: filterDropdownProps.style,
+					children: panel
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { FilterDropdown as default };
+
+//# sourceMappingURL=FilterDropdown.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropdown.mjs","names":["clsx"],"sources":["../../../src/Table/render/FilterDropdown.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { ListFilter } from 'lucide-react';\nimport { type Key, type ReactNode, use, useEffect, useReducer, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport {\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverRoot,\n  PopoverTriggerElement,\n} from '@/Popover';\n\nimport { type FilterKeys, type FilterState } from '../pipeline/useFilter';\nimport { styles } from '../style';\nimport type { TableColumnType, TableFilterDropdownProps, TableLocale } from '../type';\nimport { MeasureRowContext } from './context';\nimport FilterPanel from './FilterPanel';\nimport { FILTER_CLS, sameKeys, sx } from './filterUtils';\n\nconst DEPRECATED_PROPS = [\n  ['filterDropdownOpen', 'filterDropdownProps.open'],\n  ['onFilterDropdownOpenChange', 'filterDropdownProps.onOpenChange'],\n] as const;\nconst warnedProps = new Set<string>();\n\nconst warnDeprecated = (column: object) => {\n  if (process.env.NODE_ENV === 'production') return;\n  for (const [name, replacement] of DEPRECATED_PROPS) {\n    if (name in column && !warnedProps.has(name)) {\n      warnedProps.add(name);\n      console.warn(`[Table] \\`${name}\\` is deprecated. Please use \\`${replacement}\\` instead.`);\n    }\n  }\n};\n\nconst useSyncKeys = (initial: Key[]) => {\n  const ref = useRef(initial);\n  const [, rerender] = useReducer((count: number) => count + 1, 0);\n  return [\n    () => ref.current,\n    (next: Key[]) => {\n      ref.current = next;\n      rerender();\n    },\n  ] as const;\n};\n\ninterface FilterDropdownProps<T> {\n  column: TableColumnType<T>;\n  columnKey: string;\n  filterState?: FilterState<T>;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  label: string;\n  locale: Pick<\n    TableLocale,\n    | 'filterCheckAll'\n    | 'filterConfirm'\n    | 'filterEmptyText'\n    | 'filterReset'\n    | 'filterSearchPlaceholder'\n    | 'filterTitle'\n  >;\n  triggerFilter: (columnKey: string, filteredKeys: FilterKeys) => void;\n}\n\nconst FilterDropdown = <T,>({\n  column,\n  columnKey,\n  filterState,\n  getPopupContainer,\n  label,\n  locale,\n  triggerFilter,\n}: FilterDropdownProps<T>) => {\n  const {\n    defaultFilteredValue,\n    filterDropdown,\n    filterDropdownOpen,\n    filterDropdownProps = {},\n    filterIcon,\n    filterOnClose = true,\n    filterResetToDefaultFilteredValue,\n    filters,\n    onFilterDropdownOpenChange,\n  } = column;\n\n  const inMeasureRow = use(MeasureRowContext);\n  warnDeprecated(column);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [visible, setVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState('');\n  const mergedVisible = filterDropdownProps.open ?? filterDropdownOpen ?? visible;\n  const filtered = Boolean(filterState?.filteredKeys?.length || filterState?.forceFiltered);\n\n  const triggerOpen = (next: boolean) => {\n    setVisible(next);\n    // The search box starts empty every time the panel opens.\n    setSearchValue('');\n    filterDropdownProps.onOpenChange?.(next);\n    onFilterDropdownOpenChange?.(next);\n  };\n\n  // Booleans only come from `filteredValue`; the panel works with keys, like antd.\n  const propFilteredKeys = filterState?.filteredKeys as Key[] | null | undefined;\n  const [getSelectedKeys, setSelectedKeys] = useSyncKeys(propFilteredKeys ?? []);\n\n  useEffect(() => {\n    if (mergedVisible) setSelectedKeys(propFilteredKeys ?? []);\n    // `setSelectedKeys` is stable in behavior; re-sync only on open / applied-keys change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [propFilteredKeys, mergedVisible]);\n\n  const internalTriggerFilter = (keys: Key[] | null) => {\n    const mergedKeys = keys?.length ? keys : null;\n    if (mergedKeys === null && !propFilteredKeys) return;\n    if (sameKeys(mergedKeys, propFilteredKeys)) return;\n    triggerFilter(columnKey, mergedKeys);\n  };\n\n  const onConfirm = () => {\n    triggerOpen(false);\n    internalTriggerFilter(getSelectedKeys());\n  };\n\n  const onReset: NonNullable<TableFilterDropdownProps['clearFilters']> = ({\n    closeDropdown = false,\n    confirm = false,\n  } = {}) => {\n    if (confirm) internalTriggerFilter([]);\n    if (closeDropdown) triggerOpen(false);\n    setSearchValue('');\n    setSelectedKeys(\n      filterResetToDefaultFilteredValue ? (defaultFilteredValue ?? []).map(String) : [],\n    );\n  };\n\n  const doFilter: TableFilterDropdownProps['confirm'] = ({ closeDropdown = true } = {}) => {\n    if (closeDropdown) triggerOpen(false);\n    internalTriggerFilter(getSelectedKeys());\n  };\n\n  const onPopoverOpenChange = (next: boolean) => {\n    if (next && propFilteredKeys !== undefined) setSelectedKeys(propFilteredKeys ?? []);\n    if (!next && !filterDropdown && filterOnClose) onConfirm();\n    else triggerOpen(next);\n  };\n\n  let content: ReactNode;\n  if (typeof filterDropdown === 'function') {\n    content = filterDropdown({\n      clearFilters: onReset,\n      close: () => triggerOpen(false),\n      confirm: doFilter,\n      filters,\n      prefixCls: `${FILTER_CLS}-dropdown-custom`,\n      selectedKeys: getSelectedKeys(),\n      setSelectedKeys,\n      visible: mergedVisible,\n    });\n  } else if (filterDropdown !== undefined) {\n    content = filterDropdown;\n  } else {\n    content = (\n      <FilterPanel\n        column={column}\n        locale={locale}\n        searchValue={searchValue}\n        selectedKeys={getSelectedKeys()}\n        setSelectedKeys={setSelectedKeys}\n        onConfirm={onConfirm}\n        onReset={() => onReset()}\n        onSearchChange={setSearchValue}\n      />\n    );\n  }\n\n  const popupRender = filterDropdownProps.popupRender ?? filterDropdownProps.dropdownRender;\n  const panel = (\n    <div className={clsx(sx(styles.filterDropdown), `${FILTER_CLS}-dropdown`)}>\n      {popupRender ? popupRender(content) : content}\n    </div>\n  );\n\n  const icon = typeof filterIcon === 'function' ? filterIcon(filtered) : (filterIcon ?? ListFilter);\n\n  // Native `title` would need ActionIcon's tooltip, which can't sit inside the popover trigger;\n  // the localized hint rides on `aria-description` instead.\n  const trigger = (\n    <ActionIcon\n      active={filtered}\n      aria-description={locale.filterTitle}\n      aria-label={`Filter ${label}`}\n      data-active={filtered || undefined}\n      icon={icon}\n      ref={triggerRef}\n      size=\"small\"\n      className={clsx(\n        sx(styles.filterButton),\n        `${FILTER_CLS}-trigger`,\n        filtered && sx(styles.filterActive),\n      )}\n      onClick={(event) => event.stopPropagation()}\n    />\n  );\n\n  if (inMeasureRow) return trigger;\n\n  const resolveContainer = filterDropdownProps.getPopupContainer ?? getPopupContainer;\n  const container =\n    mergedVisible && resolveContainer && triggerRef.current\n      ? resolveContainer(triggerRef.current)\n      : undefined;\n\n  return (\n    <PopoverRoot open={mergedVisible} onOpenChange={onPopoverOpenChange}>\n      <PopoverTriggerElement>{trigger}</PopoverTriggerElement>\n      <PopoverPortal container={container}>\n        <PopoverPositioner\n          className={filterDropdownProps.rootClassName}\n          placement={filterDropdownProps.placement ?? 'bottomRight'}\n          sideOffset={4}\n          style={\n            filterDropdownProps.zIndex === undefined\n              ? undefined\n              : { zIndex: filterDropdownProps.zIndex }\n          }\n        >\n          <PopoverPopup\n            className={clsx(sx(styles.filterPopup), filterDropdownProps.className)}\n            style={filterDropdownProps.style}\n          >\n            {panel}\n          </PopoverPopup>\n        </PopoverPositioner>\n      </PopoverPortal>\n    </PopoverRoot>\n  );\n};\n\nexport default FilterDropdown;\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,mBAAmB,CACvB,CAAC,sBAAsB,0BAA0B,GACjD,CAAC,8BAA8B,kCAAkC,CACnE;AACA,MAAM,8BAAc,IAAI,IAAY;AAEpC,MAAM,kBAAkB,WAAmB;CACzC,IAAI,QAAQ,IAAI,aAAa,cAAc;CAC3C,KAAK,MAAM,CAAC,MAAM,gBAAgB,kBAChC,IAAI,QAAQ,UAAU,CAAC,YAAY,IAAI,IAAI,GAAG;EAC5C,YAAY,IAAI,IAAI;EACpB,QAAQ,KAAK,aAAa,KAAK,iCAAiC,YAAY,YAAY;CAC1F;AAEJ;AAEA,MAAM,eAAe,YAAmB;CACtC,MAAM,MAAM,OAAO,OAAO;CAC1B,MAAM,GAAG,YAAY,YAAY,UAAkB,QAAQ,GAAG,CAAC;CAC/D,OAAO,OACC,IAAI,UACT,SAAgB;EACf,IAAI,UAAU;EACd,SAAS;CACX,CACF;AACF;AAoBA,MAAM,kBAAsB,EAC1B,QACA,WACA,aACA,mBACA,OACA,QACA,oBAC4B;CAC5B,MAAM,EACJ,sBACA,gBACA,oBACA,sBAAsB,CAAC,GACvB,YACA,gBAAgB,MAChB,mCACA,SACA,+BACE;CAEJ,MAAM,eAAe,IAAI,iBAAiB;CAC1C,eAAe,MAAM;CACrB,MAAM,aAAa,OAA0B,IAAI;CACjD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CACjD,MAAM,gBAAgB,oBAAoB,QAAQ,sBAAsB;CACxE,MAAM,WAAW,QAAQ,aAAa,cAAc,UAAU,aAAa,aAAa;CAExF,MAAM,eAAe,SAAkB;EACrC,WAAW,IAAI;EAEf,eAAe,EAAE;EACjB,oBAAoB,eAAe,IAAI;EACvC,6BAA6B,IAAI;CACnC;CAGA,MAAM,mBAAmB,aAAa;CACtC,MAAM,CAAC,iBAAiB,mBAAmB,YAAY,oBAAoB,CAAC,CAAC;CAE7E,gBAAgB;EACd,IAAI,eAAe,gBAAgB,oBAAoB,CAAC,CAAC;CAG3D,GAAG,CAAC,kBAAkB,aAAa,CAAC;CAEpC,MAAM,yBAAyB,SAAuB;EACpD,MAAM,aAAa,MAAM,SAAS,OAAO;EACzC,IAAI,eAAe,QAAQ,CAAC,kBAAkB;EAC9C,IAAI,SAAS,YAAY,gBAAgB,GAAG;EAC5C,cAAc,WAAW,UAAU;CACrC;CAEA,MAAM,kBAAkB;EACtB,YAAY,KAAK;EACjB,sBAAsB,gBAAgB,CAAC;CACzC;CAEA,MAAM,WAAkE,EACtE,gBAAgB,OAChB,UAAU,UACR,CAAC,MAAM;EACT,IAAI,SAAS,sBAAsB,CAAC,CAAC;EACrC,IAAI,eAAe,YAAY,KAAK;EACpC,eAAe,EAAE;EACjB,gBACE,qCAAqC,wBAAwB,CAAC,EAAA,CAAG,IAAI,MAAM,IAAI,CAAC,CAClF;CACF;CAEA,MAAM,YAAiD,EAAE,gBAAgB,SAAS,CAAC,MAAM;EACvF,IAAI,eAAe,YAAY,KAAK;EACpC,sBAAsB,gBAAgB,CAAC;CACzC;CAEA,MAAM,uBAAuB,SAAkB;EAC7C,IAAI,QAAQ,qBAAqB,KAAA,GAAW,gBAAgB,oBAAoB,CAAC,CAAC;EAClF,IAAI,CAAC,QAAQ,CAAC,kBAAkB,eAAe,UAAU;OACpD,YAAY,IAAI;CACvB;CAEA,IAAI;CACJ,IAAI,OAAO,mBAAmB,YAC5B,UAAU,eAAe;EACvB,cAAc;EACd,aAAa,YAAY,KAAK;EAC9B,SAAS;EACT;EACA,WAAW,GAAG,WAAW;EACzB,cAAc,gBAAgB;EAC9B;EACA,SAAS;CACX,CAAC;MACI,IAAI,mBAAmB,KAAA,GAC5B,UAAU;MAEV,UACE,oBAAC,aAAD;EACU;EACA;EACK;EACb,cAAc,gBAAgB;EACb;EACN;EACX,eAAe,QAAQ;EACvB,gBAAgB;CACjB,CAAA;CAIL,MAAM,cAAc,oBAAoB,eAAe,oBAAoB;CAC3E,MAAM,QACJ,oBAAC,OAAD;EAAK,WAAWA,OAAK,GAAG,OAAO,cAAc,GAAG,GAAG,WAAW,UAAU;EACrE,UAAA,cAAc,YAAY,OAAO,IAAI;CACnC,CAAA;CAGP,MAAM,OAAO,OAAO,eAAe,aAAa,WAAW,QAAQ,IAAK,cAAc;CAItF,MAAM,UACJ,oBAAC,YAAD;EACE,QAAQ;EACR,oBAAkB,OAAO;EACzB,cAAY,UAAU;EACtB,eAAa,YAAY,KAAA;EACnB;EACN,KAAK;EACL,MAAK;EACL,WAAWA,OACT,GAAG,OAAO,YAAY,GACtB,GAAG,WAAW,WACd,YAAY,GAAG,OAAO,YAAY,CACpC;EACA,UAAU,UAAU,MAAM,gBAAgB;CAC3C,CAAA;CAGH,IAAI,cAAc,OAAO;CAEzB,MAAM,mBAAmB,oBAAoB,qBAAqB;CAClE,MAAM,YACJ,iBAAiB,oBAAoB,WAAW,UAC5C,iBAAiB,WAAW,OAAO,IACnC,KAAA;CAEN,OACE,qBAAC,aAAD;EAAa,MAAM;EAAe,cAAc;EAAhD,UAAA,CACE,oBAAC,uBAAD,EAAA,UAAwB,QAA+B,CAAA,GACvD,oBAAC,eAAD;GAA0B;GACxB,UAAA,oBAAC,mBAAD;IACE,WAAW,oBAAoB;IAC/B,WAAW,oBAAoB,aAAa;IAC5C,YAAY;IACZ,OACE,oBAAoB,WAAW,KAAA,IAC3B,KAAA,IACA,EAAE,QAAQ,oBAAoB,OAAO;IAG3C,UAAA,oBAAC,cAAD;KACE,WAAWA,OAAK,GAAG,OAAO,WAAW,GAAG,oBAAoB,SAAS;KACrE,OAAO,oBAAoB;KAE1B,UAAA;IACW,CAAA;GACG,CAAA;EACN,CAAA,CACJ;;AAEjB"}

package/es/Table/render/FilterPanel.mjs

@@ -0,0 +1,152 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import Button from "../../Button/Button.mjs";
+import Input_default from "../../Input/Input.mjs";
+import Checkbox_default from "../../Checkbox/Checkbox.mjs";
+import Empty from "../../Empty/Empty.mjs";
+import Radio from "../../Radio/Radio.mjs";
+import { PREFIX_CLS } from "../constants.mjs";
+import { styles } from "../style.mjs";
+import { conductCheck } from "../../Tree/utils.mjs";
+import Tree from "../../Tree/Tree.mjs";
+import { flattenFilterKeys } from "../pipeline/useFilter.mjs";
+import { FILTER_CLS, findLineage, sameKeys, sx, textMatches } from "./filterUtils.mjs";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { Search } from "lucide-react";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/Table/render/FilterPanel.tsx
+const FilterPanel = ({ column, locale, onConfirm, onReset, onSearchChange, searchValue, selectedKeys, setSelectedKeys }) => {
+	const { defaultFilteredValue, filterMode = "menu", filterMultiple = true, filterResetToDefaultFilteredValue, filters, filterSearch = false } = column;
+	const normalizedSearch = searchValue.trim().toLowerCase();
+	const selectedSet = new Set(selectedKeys.map(String));
+	const allKeys = useMemo(() => flattenFilterKeys(filters).map(String), [filters]);
+	const matches = (item) => typeof filterSearch === "function" ? filterSearch(normalizedSearch, item) : textMatches(normalizedSearch, item.text);
+	const toggleKey = (key, checked) => {
+		if (!filterMultiple) return setSelectedKeys(checked ? [key] : []);
+		const rest = selectedKeys.filter((item) => String(item) !== key);
+		setSelectedKeys(checked ? [...rest, key] : rest);
+	};
+	const renderMenuItems = (items) => items.flatMap((item, index) => {
+		const key = String(item.value);
+		if (item.children) {
+			const children = renderMenuItems(item.children);
+			if (children.length === 0) return [];
+			return [/* @__PURE__ */ jsxs("div", {
+				className: sx(styles.filterGroup),
+				role: "group",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: clsx$1(sx(styles.filterGroupTitle), `${FILTER_CLS}-dropdown-submenu-title`),
+					children: item.text
+				}), children]
+			}, key || index)];
+		}
+		if (normalizedSearch && !matches(item)) return [];
+		return [/* @__PURE__ */ jsx("div", {
+			className: clsx$1(sx(styles.filterItem), `${FILTER_CLS}-dropdown-item`),
+			children: filterMultiple ? /* @__PURE__ */ jsx(Checkbox_default, {
+				checked: selectedSet.has(key),
+				onChange: (checked) => toggleKey(key, checked),
+				children: item.text
+			}) : /* @__PURE__ */ jsx(Radio, {
+				value: key,
+				children: item.text
+			})
+		}, key)];
+	});
+	const toTreeData = (items, ancestorMatched = false) => (items ?? []).flatMap((item, index) => {
+		const selfMatched = ancestorMatched || !normalizedSearch || matches(item);
+		const children = item.children ? toTreeData(item.children, selfMatched) : void 0;
+		if (!selfMatched && !children?.length) return [];
+		return [{
+			children,
+			key: item.value !== void 0 ? String(item.value) : String(index),
+			title: item.text
+		}];
+	});
+	const renderSearch = () => filterSearch ? /* @__PURE__ */ jsx("div", {
+		className: clsx$1(sx(styles.filterSearch), `${PREFIX_CLS}-filter-dropdown-search`),
+		children: /* @__PURE__ */ jsx(Input_default, {
+			allowClear: true,
+			placeholder: locale.filterSearchPlaceholder,
+			prefix: /* @__PURE__ */ jsx(Icon, {
+				icon: Search,
+				size: 14
+			}),
+			size: "small",
+			value: searchValue,
+			onChange: (event) => onSearchChange(event.target.value)
+		})
+	}) : null;
+	const empty = /* @__PURE__ */ jsx(Empty, {
+		className: sx(styles.filterEmpty),
+		description: locale.filterEmptyText,
+		imageSize: 24
+	});
+	let body;
+	if (!filters?.length) body = empty;
+	else if (filterMode === "tree") {
+		const treeData = toTreeData(filters);
+		const fullTreeData = normalizedSearch ? toTreeData(filters, true) : treeData;
+		const onTreeCheck = (checked, node) => {
+			if (!filterMultiple) return setSelectedKeys(checked ? [node.key] : []);
+			const lineage = findLineage(fullTreeData, node.key);
+			const base = conductCheck(fullTreeData, selectedKeys.map(String)).checked;
+			if (checked) lineage?.subtree.forEach((key) => base.add(key));
+			else [...lineage?.subtree ?? [], ...lineage?.ancestors ?? []].forEach((key) => base.delete(key));
+			setSelectedKeys([...conductCheck(fullTreeData, base).checked]);
+		};
+		body = /* @__PURE__ */ jsxs(Fragment$1, { children: [renderSearch(), /* @__PURE__ */ jsxs("div", {
+			className: clsx$1(sx(styles.filterTree), `${PREFIX_CLS}-filter-dropdown-tree`),
+			children: [filterMultiple && /* @__PURE__ */ jsx(Checkbox_default, {
+				checked: selectedKeys.length > 0 && selectedKeys.length === allKeys.length,
+				className: clsx$1(sx(styles.filterCheckAll), `lobe-table-filter-dropdown-checkall`),
+				indeterminate: selectedKeys.length > 0 && selectedKeys.length < allKeys.length,
+				onChange: (checked) => setSelectedKeys(checked ? allKeys : []),
+				children: locale.filterCheckAll
+			}), treeData.length > 0 ? /* @__PURE__ */ jsx(Tree, {
+				checkable: true,
+				defaultExpandAll: true,
+				checkStrictly: !filterMultiple || Boolean(normalizedSearch),
+				checkedKeys: selectedKeys.map(String),
+				multiple: filterMultiple,
+				selectedKeys: [],
+				size: "small",
+				treeData,
+				onCheck: (_, { checked, node }) => onTreeCheck(checked, node)
+			}) : empty]
+		})] });
+	} else {
+		const items = renderMenuItems(filters);
+		const list = /* @__PURE__ */ jsx("div", {
+			className: clsx$1(sx(styles.filterMenu), `${FILTER_CLS}-dropdown-menu`),
+			children: items
+		});
+		body = /* @__PURE__ */ jsxs(Fragment$1, { children: [renderSearch(), items.length === 0 ? empty : filterMultiple ? list : /* @__PURE__ */ jsx(RadioGroup, {
+			value: selectedKeys.length ? String(selectedKeys[0]) : null,
+			onValueChange: (value) => setSelectedKeys(value == null ? [] : [String(value)]),
+			children: list
+		})] });
+	}
+	const resetDisabled = filterResetToDefaultFilteredValue ? sameKeys((defaultFilteredValue ?? []).map(String), selectedKeys.map(String)) : selectedKeys.length === 0;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [body, /* @__PURE__ */ jsxs("div", {
+		className: clsx$1(sx(styles.filterButtons), `${FILTER_CLS}-dropdown-btns`),
+		children: [/* @__PURE__ */ jsx(Button, {
+			disabled: resetDisabled,
+			size: "small",
+			type: "link",
+			onClick: () => onReset(),
+			children: locale.filterReset
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			type: "primary",
+			onClick: onConfirm,
+			children: locale.filterConfirm
+		})]
+	})] });
+};
+//#endregion
+export { FilterPanel as default };
+
+//# sourceMappingURL=FilterPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanel.mjs","names":["clsx","Checkbox","Input","BaseRadioGroup"],"sources":["../../../src/Table/render/FilterPanel.tsx"],"sourcesContent":["'use client';\n\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';\nimport clsx from 'clsx';\nimport { Search } from 'lucide-react';\nimport { type Key, type ReactNode, useMemo } from 'react';\n\nimport Button from '@/Button';\nimport { Checkbox } from '@/Checkbox';\nimport Empty from '@/Empty';\nimport Icon from '@/Icon';\nimport { Input } from '@/Input';\nimport { Radio } from '@/Radio';\nimport Tree, { conductCheck, type TreeDataNode } from '@/Tree';\n\nimport { PREFIX_CLS } from '../constants';\nimport { flattenFilterKeys } from '../pipeline/useFilter';\nimport { styles } from '../style';\nimport type { TableColumnFilterItem, TableColumnType, TableLocale } from '../type';\nimport { FILTER_CLS, findLineage, sameKeys, sx, textMatches } from './filterUtils';\n\nexport interface FilterPanelProps<T> {\n  column: TableColumnType<T>;\n  locale: Pick<\n    TableLocale,\n    | 'filterCheckAll'\n    | 'filterConfirm'\n    | 'filterEmptyText'\n    | 'filterReset'\n    | 'filterSearchPlaceholder'\n  >;\n  onConfirm: () => void;\n  onReset: () => void;\n  onSearchChange: (value: string) => void;\n  searchValue: string;\n  selectedKeys: Key[];\n  setSelectedKeys: (keys: Key[]) => void;\n}\n\nconst FilterPanel = <T,>({\n  column,\n  locale,\n  onConfirm,\n  onReset,\n  onSearchChange,\n  searchValue,\n  selectedKeys,\n  setSelectedKeys,\n}: FilterPanelProps<T>) => {\n  const {\n    defaultFilteredValue,\n    filterMode = 'menu',\n    filterMultiple = true,\n    filterResetToDefaultFilteredValue,\n    filters,\n    filterSearch = false,\n  } = column;\n  const normalizedSearch = searchValue.trim().toLowerCase();\n  const selectedSet = new Set(selectedKeys.map(String));\n  const allKeys = useMemo(() => flattenFilterKeys(filters).map(String), [filters]);\n\n  const matches = (item: TableColumnFilterItem) =>\n    typeof filterSearch === 'function'\n      ? filterSearch(normalizedSearch, item)\n      : textMatches(normalizedSearch, item.text);\n\n  const toggleKey = (key: string, checked: boolean) => {\n    if (!filterMultiple) return setSelectedKeys(checked ? [key] : []);\n    const rest = selectedKeys.filter((item) => String(item) !== key);\n    setSelectedKeys(checked ? [...rest, key] : rest);\n  };\n\n  const renderMenuItems = (items: readonly TableColumnFilterItem[]): ReactNode[] =>\n    items.flatMap((item, index) => {\n      const key = String(item.value);\n      if (item.children) {\n        const children = renderMenuItems(item.children);\n        if (children.length === 0) return [];\n        return [\n          <div className={sx(styles.filterGroup)} key={key || index} role=\"group\">\n            <div\n              className={clsx(sx(styles.filterGroupTitle), `${FILTER_CLS}-dropdown-submenu-title`)}\n            >\n              {item.text}\n            </div>\n            {children}\n          </div>,\n        ];\n      }\n      if (normalizedSearch && !matches(item)) return [];\n      return [\n        <div className={clsx(sx(styles.filterItem), `${FILTER_CLS}-dropdown-item`)} key={key}>\n          {filterMultiple ? (\n            <Checkbox\n              checked={selectedSet.has(key)}\n              onChange={(checked) => toggleKey(key, checked)}\n            >\n              {item.text}\n            </Checkbox>\n          ) : (\n            <Radio value={key}>{item.text}</Radio>\n          )}\n        </div>,\n      ];\n    });\n\n  const toTreeData = (\n    items: readonly TableColumnFilterItem[] | undefined,\n    ancestorMatched = false,\n  ): TreeDataNode[] =>\n    (items ?? []).flatMap((item, index) => {\n      const selfMatched = ancestorMatched || !normalizedSearch || matches(item);\n      const children = item.children ? toTreeData(item.children, selfMatched) : undefined;\n      if (!selfMatched && !children?.length) return [];\n      return [\n        {\n          children,\n          key: item.value !== undefined ? String(item.value) : String(index),\n          title: item.text,\n        },\n      ];\n    });\n\n  const renderSearch = () =>\n    filterSearch ? (\n      <div className={clsx(sx(styles.filterSearch), `${PREFIX_CLS}-filter-dropdown-search`)}>\n        <Input\n          allowClear\n          placeholder={locale.filterSearchPlaceholder}\n          prefix={<Icon icon={Search} size={14} />}\n          size=\"small\"\n          value={searchValue}\n          onChange={(event) => onSearchChange(event.target.value)}\n        />\n      </div>\n    ) : null;\n\n  const empty = (\n    <Empty className={sx(styles.filterEmpty)} description={locale.filterEmptyText} imageSize={24} />\n  );\n\n  let body: ReactNode;\n  if (!filters?.length) {\n    body = empty;\n  } else if (filterMode === 'tree') {\n    const treeData = toTreeData(filters);\n    // Searching prunes the tree, so cascade checks on the full tree and show the keys as is.\n    const fullTreeData = normalizedSearch ? toTreeData(filters, true) : treeData;\n    const onTreeCheck = (checked: boolean, node: TreeDataNode) => {\n      if (!filterMultiple) return setSelectedKeys(checked ? [node.key] : []);\n      const lineage = findLineage(fullTreeData, node.key);\n      const base = conductCheck(fullTreeData, selectedKeys.map(String)).checked;\n      if (checked) lineage?.subtree.forEach((key) => base.add(key));\n      else\n        [...(lineage?.subtree ?? []), ...(lineage?.ancestors ?? [])].forEach((key) =>\n          base.delete(key),\n        );\n      setSelectedKeys([...conductCheck(fullTreeData, base).checked]);\n    };\n    body = (\n      <>\n        {renderSearch()}\n        <div className={clsx(sx(styles.filterTree), `${PREFIX_CLS}-filter-dropdown-tree`)}>\n          {filterMultiple && (\n            <Checkbox\n              checked={selectedKeys.length > 0 && selectedKeys.length === allKeys.length}\n              className={clsx(sx(styles.filterCheckAll), `${PREFIX_CLS}-filter-dropdown-checkall`)}\n              indeterminate={selectedKeys.length > 0 && selectedKeys.length < allKeys.length}\n              onChange={(checked) => setSelectedKeys(checked ? allKeys : [])}\n            >\n              {locale.filterCheckAll}\n            </Checkbox>\n          )}\n          {treeData.length > 0 ? (\n            <Tree\n              checkable\n              defaultExpandAll\n              checkStrictly={!filterMultiple || Boolean(normalizedSearch)}\n              checkedKeys={selectedKeys.map(String)}\n              multiple={filterMultiple}\n              selectedKeys={[]}\n              size=\"small\"\n              treeData={treeData}\n              onCheck={(_, { checked, node }) => onTreeCheck(checked, node)}\n            />\n          ) : (\n            empty\n          )}\n        </div>\n      </>\n    );\n  } else {\n    const items = renderMenuItems(filters);\n    const list = (\n      <div className={clsx(sx(styles.filterMenu), `${FILTER_CLS}-dropdown-menu`)}>{items}</div>\n    );\n    body = (\n      <>\n        {renderSearch()}\n        {items.length === 0 ? (\n          empty\n        ) : filterMultiple ? (\n          list\n        ) : (\n          <BaseRadioGroup\n            value={selectedKeys.length ? String(selectedKeys[0]) : null}\n            onValueChange={(value) => setSelectedKeys(value == null ? [] : [String(value)])}\n          >\n            {list}\n          </BaseRadioGroup>\n        )}\n      </>\n    );\n  }\n\n  const resetDisabled = filterResetToDefaultFilteredValue\n    ? sameKeys((defaultFilteredValue ?? []).map(String), selectedKeys.map(String))\n    : selectedKeys.length === 0;\n\n  return (\n    <>\n      {body}\n      <div className={clsx(sx(styles.filterButtons), `${FILTER_CLS}-dropdown-btns`)}>\n        <Button disabled={resetDisabled} size=\"small\" type=\"link\" onClick={() => onReset()}>\n          {locale.filterReset}\n        </Button>\n        <Button size=\"small\" type=\"primary\" onClick={onConfirm}>\n          {locale.filterConfirm}\n        </Button>\n      </div>\n    </>\n  );\n};\n\nexport default FilterPanel;\n"],"mappings":"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"}