@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.3

package/dist/components/core/tree/SolidTreeTable.js

@@ -0,0 +1,275 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from "react";
+import { ArrowDownWideNarrow, ArrowUpDown, ArrowUpWideNarrow, ChevronRight, Loader2, Minus } from "lucide-react";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+function renderHeaderNode(header) {
+    if (typeof header === "function")
+        return header();
+    return header !== null && header !== void 0 ? header : null;
+}
+export function SolidTreeColumn(_props) {
+    return null;
+}
+export var Column = SolidTreeColumn;
+function normalizeColumns(children) {
+    return React.Children.toArray(children).filter(function (child) {
+        return React.isValidElement(child);
+    });
+}
+function resolveSortIcon(active, order) {
+    if (!active || order === 0)
+        return _jsx(ArrowUpDown, { size: 14, "aria-hidden": "true" });
+    return order === 1
+        ? _jsx(ArrowUpWideNarrow, { size: 14, "aria-hidden": "true" })
+        : _jsx(ArrowDownWideNarrow, { size: 14, "aria-hidden": "true" });
+}
+function nextSortOrder(active, order, removableSort) {
+    if (removableSort === void 0) { removableSort = true; }
+    if (!active || order === 0)
+        return 1;
+    if (order === 1)
+        return -1;
+    return removableSort ? 0 : 1;
+}
+function flattenVisibleNodes(nodes, expandedKeys, depth) {
+    if (depth === void 0) { depth = 0; }
+    return (nodes || []).flatMap(function (node) {
+        var _a, _b;
+        var key = String((_a = node.key) !== null && _a !== void 0 ? _a : "");
+        var rows = [{ node: node, depth: depth }];
+        if (expandedKeys[key] && ((_b = node.children) === null || _b === void 0 ? void 0 : _b.length)) {
+            rows.push.apply(rows, flattenVisibleNodes(node.children, expandedKeys, depth + 1));
+        }
+        return rows;
+    });
+}
+function updateSubtreeSelection(node, selected, selection) {
+    var _a, _b;
+    var key = String((_a = node.key) !== null && _a !== void 0 ? _a : "");
+    if (!key)
+        return;
+    if (selected) {
+        selection[key] = __assign(__assign({}, selection[key]), { checked: true, partialChecked: false });
+    }
+    else {
+        delete selection[key];
+    }
+    (_b = node.children) === null || _b === void 0 ? void 0 : _b.forEach(function (child) { return updateSubtreeSelection(child, selected, selection); });
+}
+function reconcileSelection(nodes, selection) {
+    var next = {};
+    var visit = function (node) {
+        var _a;
+        var key = String((_a = node.key) !== null && _a !== void 0 ? _a : "");
+        var existing = selection[key] || {};
+        var childStates = (node.children || []).map(visit);
+        var checked = Boolean(existing.checked);
+        var partialChecked = Boolean(existing.partialChecked);
+        if (childStates.length > 0) {
+            var allChecked = childStates.every(function (state) { return state.checked; });
+            var anySelected = childStates.some(function (state) { return state.checked || state.partialChecked; });
+            checked = allChecked;
+            partialChecked = !allChecked && anySelected;
+        }
+        if (checked || partialChecked) {
+            next[key] = __assign(__assign({}, existing), { checked: checked, partialChecked: partialChecked });
+        }
+        return { checked: checked, partialChecked: partialChecked };
+    };
+    nodes.forEach(visit);
+    return next;
+}
+function normalizeTextAlign(value) {
+    if (!value)
+        return undefined;
+    return value;
+}
+function parseWidthValue(value) {
+    if (typeof value === "number")
+        return value;
+    if (typeof value !== "string")
+        return null;
+    var trimmed = value.trim();
+    if (trimmed.endsWith("px")) {
+        var parsed_1 = Number.parseFloat(trimmed.replace("px", ""));
+        return Number.isFinite(parsed_1) ? parsed_1 : null;
+    }
+    if (trimmed.endsWith("rem")) {
+        var parsed_2 = Number.parseFloat(trimmed.replace("rem", ""));
+        return Number.isFinite(parsed_2) ? parsed_2 * 16 : null;
+    }
+    var parsed = Number.parseFloat(trimmed);
+    return Number.isFinite(parsed) ? parsed : null;
+}
+export function SolidTreeTable(_a) {
+    var _b = _a.value, value = _b === void 0 ? [] : _b, children = _a.children, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.expandedKeys, expandedKeys = _d === void 0 ? {} : _d, onToggle = _a.onToggle, onExpand = _a.onExpand, tableClassName = _a.tableClassName, tableStyle = _a.tableStyle, emptyMessage = _a.emptyMessage, selectionMode = _a.selectionMode, _e = _a.selectionKeys, selectionKeys = _e === void 0 ? {} : _e, onSelectionChange = _a.onSelectionChange, sortField = _a.sortField, _f = _a.sortOrder, sortOrder = _f === void 0 ? 0 : _f, _g = _a.removableSort, removableSort = _g === void 0 ? true : _g, onSort = _a.onSort, onRowClick = _a.onRowClick;
+    var columns = useMemo(function () { return normalizeColumns(children); }, [children]);
+    var visibleRows = useMemo(function () { return flattenVisibleNodes(value, expandedKeys); }, [value, expandedKeys]);
+    var selectionWidth = selectionMode === "checkbox" ? 48 : 0;
+    var frozenColumnMeta = useMemo(function () {
+        var getColumnWidth = function (props) {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            return (_h = (_f = (_d = (_b = parseWidthValue((_a = props.style) === null || _a === void 0 ? void 0 : _a.width)) !== null && _b !== void 0 ? _b : parseWidthValue((_c = props.style) === null || _c === void 0 ? void 0 : _c.minWidth)) !== null && _d !== void 0 ? _d : parseWidthValue((_e = props.headerStyle) === null || _e === void 0 ? void 0 : _e.width)) !== null && _f !== void 0 ? _f : parseWidthValue((_g = props.headerStyle) === null || _g === void 0 ? void 0 : _g.minWidth)) !== null && _h !== void 0 ? _h : 160;
+        };
+        var leftOffsets = new Map();
+        var rightOffsets = new Map();
+        var leftOffset = selectionWidth;
+        columns.forEach(function (column, index) {
+            var _a;
+            var props = column.props;
+            if (props.frozen && ((_a = props.alignFrozen) !== null && _a !== void 0 ? _a : "left") === "left") {
+                leftOffsets.set(index, leftOffset);
+                leftOffset += getColumnWidth(props);
+            }
+        });
+        var rightOffset = 0;
+        for (var index = columns.length - 1; index >= 0; index -= 1) {
+            var props = columns[index].props;
+            if (props.frozen && props.alignFrozen === "right") {
+                rightOffsets.set(index, rightOffset);
+                rightOffset += getColumnWidth(props);
+            }
+        }
+        return { leftOffsets: leftOffsets, rightOffsets: rightOffsets };
+    }, [columns, selectionWidth]);
+    var selectionColSpan = selectionMode === "checkbox" ? 1 : 0;
+    var selectedLeafRows = useMemo(function () {
+        return visibleRows.filter(function (_a) {
+            var _b, _c;
+            var node = _a.node;
+            return Boolean((_c = selectionKeys[String((_b = node.key) !== null && _b !== void 0 ? _b : "")]) === null || _c === void 0 ? void 0 : _c.checked);
+        });
+    }, [visibleRows, selectionKeys]);
+    var allVisibleSelected = selectionMode === "checkbox" &&
+        visibleRows.length > 0 &&
+        selectedLeafRows.length === visibleRows.length;
+    var getStickyStyles = function (kind, index, position) {
+        if (kind === "selection") {
+            return {
+                position: "sticky",
+                left: 0,
+                zIndex: position === "header" ? 7 : 5,
+            };
+        }
+        if (index === null)
+            return {};
+        var leftOffset = frozenColumnMeta.leftOffsets.get(index);
+        if (leftOffset !== undefined) {
+            return {
+                position: "sticky",
+                left: leftOffset,
+                zIndex: position === "header" ? 6 : 4,
+            };
+        }
+        var rightOffset = frozenColumnMeta.rightOffsets.get(index);
+        if (rightOffset !== undefined) {
+            return {
+                position: "sticky",
+                right: rightOffset,
+                zIndex: position === "header" ? 6 : 4,
+            };
+        }
+        return {};
+    };
+    return (_jsx("div", { className: "solid-tree-table-root", children: _jsx("div", { className: "solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background", children: _jsxs("div", { className: "relative min-h-full", children: [_jsxs("table", { className: cx("w-full text-sm border-collapse", tableClassName), style: tableStyle, children: [_jsx("thead", { className: "solid-data-table-head sticky top-0 z-2", children: _jsxs("tr", { children: [selectionMode === "checkbox" ? (_jsx("th", { className: "solid-data-table-th solid-data-table-selection-col solid-tree-sticky-cell solid-tree-sticky-cell-left", style: getStickyStyles("selection", null, "header"), children: _jsx("input", { type: "checkbox", checked: Boolean(allVisibleSelected), onChange: function (event) {
+                                                    var next = __assign({}, selectionKeys);
+                                                    visibleRows.forEach(function (_a) {
+                                                        var node = _a.node;
+                                                        updateSubtreeSelection(node, event.currentTarget.checked, next);
+                                                    });
+                                                    var reconciled = reconcileSelection(value, next);
+                                                    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange({
+                                                        value: reconciled,
+                                                        originalEvent: event,
+                                                    });
+                                                }, "aria-label": "Select visible rows" }) })) : null, columns.map(function (column, index) {
+                                            var _a, _b;
+                                            var props = column.props;
+                                            var isSortable = Boolean(props.sortable && props.field);
+                                            var isActiveSort = isSortable && sortField === props.field;
+                                            var iconNode = resolveSortIcon(Boolean(isActiveSort), sortOrder);
+                                            return (_jsx("th", { className: cx("solid-data-table-th text-left text-foreground whitespace-nowrap", props.frozen && ((_a = props.alignFrozen) !== null && _a !== void 0 ? _a : "left") === "left" && "solid-tree-sticky-cell solid-tree-sticky-cell-left", props.frozen && props.alignFrozen === "right" && "solid-tree-sticky-cell solid-tree-sticky-cell-right", props.headerClassName), style: __assign(__assign(__assign(__assign({}, props.style), props.headerStyle), { textAlign: normalizeTextAlign((_b = props.alignHeader) !== null && _b !== void 0 ? _b : props.align) }), getStickyStyles("column", index, "header")), children: _jsxs("button", { type: "button", className: cx("solid-table-header-button", isSortable ? "is-sortable" : undefined), onClick: function () {
+                                                        if (!isSortable)
+                                                            return;
+                                                        var nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);
+                                                        onSort === null || onSort === void 0 ? void 0 : onSort({
+                                                            sortField: nextOrder === 0 ? undefined : props.field,
+                                                            sortOrder: nextOrder,
+                                                        });
+                                                    }, children: [renderHeaderNode(props.header), isSortable ? iconNode : null] }) }, "tree-header-".concat(index)));
+                                        })] }) }), _jsx("tbody", { children: visibleRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-10 text-center text-muted-foreground", colSpan: Math.max(columns.length + selectionColSpan, 1), children: emptyMessage || "No records found" }) })) : (visibleRows.map(function (_a, rowIndex) {
+                                    var _b, _c;
+                                    var node = _a.node, depth = _a.depth;
+                                    var key = String((_b = node.key) !== null && _b !== void 0 ? _b : rowIndex);
+                                    var isSelected = Boolean((_c = selectionKeys[key]) === null || _c === void 0 ? void 0 : _c.checked);
+                                    return (_jsxs("tr", { className: cx("solid-data-table-row solid-tree-table-row", isSelected && "is-selected"), onClick: function (event) {
+                                            var target = event.target;
+                                            if (target.closest("button,a,input,label,[data-no-row-click='true']"))
+                                                return;
+                                            onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick({ node: node, originalEvent: event });
+                                        }, children: [selectionMode === "checkbox" ? (_jsx("td", { className: "solid-data-table-td solid-data-table-selection-col solid-tree-sticky-cell solid-tree-sticky-cell-left", style: getStickyStyles("selection", null, "body"), children: _jsx("input", { type: "checkbox", checked: isSelected, ref: function (element) {
+                                                        var _a;
+                                                        if (element) {
+                                                            element.indeterminate = Boolean((_a = selectionKeys[key]) === null || _a === void 0 ? void 0 : _a.partialChecked);
+                                                        }
+                                                    }, onChange: function (event) {
+                                                        var next = __assign({}, selectionKeys);
+                                                        updateSubtreeSelection(node, event.currentTarget.checked, next);
+                                                        var reconciled = reconcileSelection(value, next);
+                                                        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange({
+                                                            value: reconciled,
+                                                            originalEvent: event,
+                                                        });
+                                                    }, onClick: function (event) { return event.stopPropagation(); }, "aria-label": "Select row" }) })) : null, columns.map(function (column, columnIndex) {
+                                                var _a, _b, _c;
+                                                var props = column.props;
+                                                var canExpand = typeof props.expander === "function"
+                                                    ? props.expander(node)
+                                                    : Boolean(props.expander);
+                                                var isExpanded = Boolean(expandedKeys[key]);
+                                                var hasChildren = Boolean((_a = node.children) === null || _a === void 0 ? void 0 : _a.length);
+                                                var showExpander = canExpand;
+                                                var expanderDisabled = node.leaf === true;
+                                                var content = props.body
+                                                    ? props.body(node, { depth: depth, rowIndex: rowIndex })
+                                                    : props.field
+                                                        ? (_b = node === null || node === void 0 ? void 0 : node.data) === null || _b === void 0 ? void 0 : _b[props.field]
+                                                        : null;
+                                                var isExpanderColumn = showExpander && columnIndex === 0;
+                                                return (_jsx("td", { className: cx("solid-data-table-td align-top text-foreground", props.frozen && ((_c = props.alignFrozen) !== null && _c !== void 0 ? _c : "left") === "left" && "solid-tree-sticky-cell solid-tree-sticky-cell-left", props.frozen && props.alignFrozen === "right" && "solid-tree-sticky-cell solid-tree-sticky-cell-right", props.className, props.bodyClassName), style: __assign(__assign(__assign({}, props.style), { textAlign: normalizeTextAlign(props.align) }), getStickyStyles("column", columnIndex, "body")), children: isExpanderColumn ? (_jsxs("div", { className: "solid-tree-cell", children: [_jsx("div", { className: "solid-tree-cell-indent", style: { width: "".concat(depth * 1.25, "rem") }, "aria-hidden": "true" }), _jsx("button", { type: "button", className: "solid-tree-expander", disabled: expanderDisabled, onClick: function (event) {
+                                                                    event.stopPropagation();
+                                                                    if (expanderDisabled)
+                                                                        return;
+                                                                    var nextExpanded = __assign({}, expandedKeys);
+                                                                    if (nextExpanded[key]) {
+                                                                        delete nextExpanded[key];
+                                                                    }
+                                                                    else {
+                                                                        nextExpanded[key] = true;
+                                                                    }
+                                                                    onToggle === null || onToggle === void 0 ? void 0 : onToggle({ value: nextExpanded });
+                                                                    if (!isExpanded) {
+                                                                        onExpand === null || onExpand === void 0 ? void 0 : onExpand({ node: node });
+                                                                    }
+                                                                }, "aria-label": isExpanded ? "Collapse row" : "Expand row", children: expanderDisabled ? (_jsx(Minus, { size: 14, "aria-hidden": "true" })) : (_jsx(ChevronRight, { size: 14, "aria-hidden": "true", className: cx("solid-tree-expander-icon", isExpanded && "is-expanded") })) }), _jsx("div", { className: "solid-tree-cell-content", children: content })] })) : (content) }, "tree-cell-".concat(key, "-").concat(columnIndex)));
+                                            })] }, key));
+                                })) })] }), loading ? (_jsx("div", { className: "solid-tree-table-loading-overlay", "aria-live": "polite", "aria-busy": "true", children: _jsxs("div", { className: "solid-tree-table-loading-pill", children: [_jsx(Loader2, { size: 14, className: "animate-spin" }), _jsx("span", { children: "Loading tree\u2026" })] }) })) : null] }) }) }));
+}
+//# sourceMappingURL=SolidTreeTable.js.map

package/dist/components/core/tree/SolidTreeTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTreeTable.js","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport { ArrowDownWideNarrow, ArrowUpDown, ArrowUpWideNarrow, ChevronRight, Loader2, Minus } from \"lucide-react\";\n\nexport type SolidTreeNode = {\n  key?: string | number;\n  data?: any;\n  children?: SolidTreeNode[];\n  leaf?: boolean;\n  [key: string]: any;\n};\n\nexport type SolidTreeSelectionKey = {\n  checked?: boolean;\n  partialChecked?: boolean;\n  [key: string]: any;\n};\n\nexport type SolidTreeSelectionKeys = Record<string, SolidTreeSelectionKey>;\n\ntype HeaderRenderer = React.ReactNode | (() => React.ReactNode);\ntype BodyRenderer = (node: SolidTreeNode, options?: { depth: number; rowIndex: number }) => React.ReactNode;\n\nexport type SolidTreeColumnProps = {\n  field?: string;\n  header?: HeaderRenderer;\n  body?: BodyRenderer;\n  sortable?: boolean;\n  headerStyle?: React.CSSProperties;\n  style?: React.CSSProperties;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n  align?: \"left\" | \"center\" | \"right\";\n  alignHeader?: \"left\" | \"center\" | \"right\";\n  expander?: boolean | ((node: SolidTreeNode) => boolean);\n  frozen?: boolean;\n  alignFrozen?: \"left\" | \"right\";\n  [key: string]: any;\n};\n\ntype SolidTreeTableProps = {\n  value?: SolidTreeNode[];\n  children: React.ReactNode;\n  loading?: boolean;\n  expandedKeys?: Record<string, boolean>;\n  onToggle?: (event: { value: Record<string, boolean> }) => void;\n  onExpand?: (event: { node: SolidTreeNode }) => void;\n  tableClassName?: string;\n  tableStyle?: React.CSSProperties;\n  emptyMessage?: React.ReactNode;\n  selectionMode?: \"checkbox\" | null;\n  selectionKeys?: SolidTreeSelectionKeys;\n  onSelectionChange?: (event: {\n    value: SolidTreeSelectionKeys;\n    originalEvent: React.MouseEvent<HTMLInputElement>;\n  }) => void;\n  sortField?: string;\n  sortOrder?: 1 | -1 | 0;\n  removableSort?: boolean;\n  onSort?: (event: { sortField?: string; sortOrder?: 1 | -1 | 0 }) => void;\n  onRowClick?: (event: { node: SolidTreeNode; originalEvent: React.MouseEvent<HTMLTableRowElement> }) => void;\n};\n\ntype FlattenedTreeRow = {\n  node: SolidTreeNode;\n  depth: number;\n};\n\nfunction cx(...parts: Array<string | false | null | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction renderHeaderNode(header?: HeaderRenderer) {\n  if (typeof header === \"function\") return header();\n  return header ?? null;\n}\n\nexport function SolidTreeColumn(_props: SolidTreeColumnProps) {\n  return null;\n}\n\nexport const Column = SolidTreeColumn;\n\nfunction normalizeColumns(children: React.ReactNode): React.ReactElement<SolidTreeColumnProps>[] {\n  return React.Children.toArray(children).filter((child): child is React.ReactElement<SolidTreeColumnProps> => {\n    return React.isValidElement(child);\n  });\n}\n\nfunction resolveSortIcon(active: boolean, order: 1 | -1 | 0): React.ReactNode {\n  if (!active || order === 0) return <ArrowUpDown size={14} aria-hidden=\"true\" />;\n  return order === 1\n    ? <ArrowUpWideNarrow size={14} aria-hidden=\"true\" />\n    : <ArrowDownWideNarrow size={14} aria-hidden=\"true\" />;\n}\n\nfunction nextSortOrder(active: boolean, order: 1 | -1 | 0, removableSort = true): 1 | -1 | 0 {\n  if (!active || order === 0) return 1;\n  if (order === 1) return -1;\n  return removableSort ? 0 : 1;\n}\n\nfunction flattenVisibleNodes(\n  nodes: SolidTreeNode[],\n  expandedKeys: Record<string, boolean>,\n  depth = 0\n): FlattenedTreeRow[] {\n  return (nodes || []).flatMap((node) => {\n    const key = String(node.key ?? \"\");\n    const rows: FlattenedTreeRow[] = [{ node, depth }];\n    if (expandedKeys[key] && node.children?.length) {\n      rows.push(...flattenVisibleNodes(node.children, expandedKeys, depth + 1));\n    }\n    return rows;\n  });\n}\n\nfunction updateSubtreeSelection(\n  node: SolidTreeNode,\n  selected: boolean,\n  selection: SolidTreeSelectionKeys\n) {\n  const key = String(node.key ?? \"\");\n  if (!key) return;\n\n  if (selected) {\n    selection[key] = {\n      ...selection[key],\n      checked: true,\n      partialChecked: false,\n    };\n  } else {\n    delete selection[key];\n  }\n\n  node.children?.forEach((child) => updateSubtreeSelection(child, selected, selection));\n}\n\nfunction reconcileSelection(nodes: SolidTreeNode[], selection: SolidTreeSelectionKeys) {\n  const next: SolidTreeSelectionKeys = {};\n\n  const visit = (node: SolidTreeNode): { checked: boolean; partialChecked: boolean } => {\n    const key = String(node.key ?? \"\");\n    const existing = selection[key] || {};\n    const childStates = (node.children || []).map(visit);\n\n    let checked = Boolean(existing.checked);\n    let partialChecked = Boolean(existing.partialChecked);\n\n    if (childStates.length > 0) {\n      const allChecked = childStates.every((state) => state.checked);\n      const anySelected = childStates.some((state) => state.checked || state.partialChecked);\n\n      checked = allChecked;\n      partialChecked = !allChecked && anySelected;\n    }\n\n    if (checked || partialChecked) {\n      next[key] = {\n        ...existing,\n        checked,\n        partialChecked,\n      };\n    }\n\n    return { checked, partialChecked };\n  };\n\n  nodes.forEach(visit);\n  return next;\n}\n\nfunction normalizeTextAlign(value?: \"left\" | \"center\" | \"right\") {\n  if (!value) return undefined;\n  return value;\n}\n\nfunction parseWidthValue(value: unknown): number | null {\n  if (typeof value === \"number\") return value;\n  if (typeof value !== \"string\") return null;\n\n  const trimmed = value.trim();\n  if (trimmed.endsWith(\"px\")) {\n    const parsed = Number.parseFloat(trimmed.replace(\"px\", \"\"));\n    return Number.isFinite(parsed) ? parsed : null;\n  }\n  if (trimmed.endsWith(\"rem\")) {\n    const parsed = Number.parseFloat(trimmed.replace(\"rem\", \"\"));\n    return Number.isFinite(parsed) ? parsed * 16 : null;\n  }\n\n  const parsed = Number.parseFloat(trimmed);\n  return Number.isFinite(parsed) ? parsed : null;\n}\n\nexport function SolidTreeTable({\n  value = [],\n  children,\n  loading = false,\n  expandedKeys = {},\n  onToggle,\n  onExpand,\n  tableClassName,\n  tableStyle,\n  emptyMessage,\n  selectionMode,\n  selectionKeys = {},\n  onSelectionChange,\n  sortField,\n  sortOrder = 0,\n  removableSort = true,\n  onSort,\n  onRowClick,\n}: SolidTreeTableProps) {\n  const columns = useMemo(() => normalizeColumns(children), [children]);\n  const visibleRows = useMemo(() => flattenVisibleNodes(value, expandedKeys), [value, expandedKeys]);\n  const selectionWidth = selectionMode === \"checkbox\" ? 48 : 0;\n\n  const frozenColumnMeta = useMemo(() => {\n    const getColumnWidth = (props: SolidTreeColumnProps) =>\n      parseWidthValue(props.style?.width)\n      ?? parseWidthValue(props.style?.minWidth)\n      ?? parseWidthValue(props.headerStyle?.width)\n      ?? parseWidthValue(props.headerStyle?.minWidth)\n      ?? 160;\n\n    const leftOffsets = new Map<number, number>();\n    const rightOffsets = new Map<number, number>();\n\n    let leftOffset = selectionWidth;\n    columns.forEach((column, index) => {\n      const props = column.props;\n      if (props.frozen && (props.alignFrozen ?? \"left\") === \"left\") {\n        leftOffsets.set(index, leftOffset);\n        leftOffset += getColumnWidth(props);\n      }\n    });\n\n    let rightOffset = 0;\n    for (let index = columns.length - 1; index >= 0; index -= 1) {\n      const props = columns[index].props;\n      if (props.frozen && props.alignFrozen === \"right\") {\n        rightOffsets.set(index, rightOffset);\n        rightOffset += getColumnWidth(props);\n      }\n    }\n\n    return { leftOffsets, rightOffsets };\n  }, [columns, selectionWidth]);\n\n  const selectionColSpan = selectionMode === \"checkbox\" ? 1 : 0;\n\n  const selectedLeafRows = useMemo(() => {\n    return visibleRows.filter(({ node }) => Boolean(selectionKeys[String(node.key ?? \"\")]?.checked));\n  }, [visibleRows, selectionKeys]);\n\n  const allVisibleSelected =\n    selectionMode === \"checkbox\" &&\n    visibleRows.length > 0 &&\n    selectedLeafRows.length === visibleRows.length;\n\n  const getStickyStyles = (\n    kind: \"selection\" | \"column\",\n    index: number | null,\n    position: \"header\" | \"body\"\n  ): React.CSSProperties => {\n    if (kind === \"selection\") {\n      return {\n        position: \"sticky\",\n        left: 0,\n        zIndex: position === \"header\" ? 7 : 5,\n      };\n    }\n\n    if (index === null) return {};\n\n    const leftOffset = frozenColumnMeta.leftOffsets.get(index);\n    if (leftOffset !== undefined) {\n      return {\n        position: \"sticky\",\n        left: leftOffset,\n        zIndex: position === \"header\" ? 6 : 4,\n      };\n    }\n\n    const rightOffset = frozenColumnMeta.rightOffsets.get(index);\n    if (rightOffset !== undefined) {\n      return {\n        position: \"sticky\",\n        right: rightOffset,\n        zIndex: position === \"header\" ? 6 : 4,\n      };\n    }\n\n    return {};\n  };\n\n  return (\n    <div className=\"solid-tree-table-root\">\n      <div className=\"solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background\">\n        <div className=\"relative min-h-full\">\n          <table className={cx(\"w-full text-sm border-collapse\", tableClassName)} style={tableStyle}>\n            <thead className=\"solid-data-table-head sticky top-0 z-2\">\n              <tr>\n                {selectionMode === \"checkbox\" ? (\n                  <th\n                    className=\"solid-data-table-th solid-data-table-selection-col solid-tree-sticky-cell solid-tree-sticky-cell-left\"\n                    style={getStickyStyles(\"selection\", null, \"header\")}\n                  >\n                    <input\n                      type=\"checkbox\"\n                      checked={Boolean(allVisibleSelected)}\n                      onChange={(event) => {\n                        const next = { ...selectionKeys };\n                        visibleRows.forEach(({ node }) => {\n                          updateSubtreeSelection(node, event.currentTarget.checked, next);\n                        });\n                        const reconciled = reconcileSelection(value, next);\n                        onSelectionChange?.({\n                          value: reconciled,\n                          originalEvent: event as unknown as React.MouseEvent<HTMLInputElement>,\n                        });\n                      }}\n                      aria-label=\"Select visible rows\"\n                    />\n                  </th>\n                ) : null}\n                {columns.map((column, index) => {\n                  const props = column.props;\n                  const isSortable = Boolean(props.sortable && props.field);\n                  const isActiveSort = isSortable && sortField === props.field;\n                  const iconNode = resolveSortIcon(Boolean(isActiveSort), sortOrder);\n\n                  return (\n                    <th\n                      key={`tree-header-${index}`}\n                      className={cx(\n                        \"solid-data-table-th text-left text-foreground whitespace-nowrap\",\n                        props.frozen && (props.alignFrozen ?? \"left\") === \"left\" && \"solid-tree-sticky-cell solid-tree-sticky-cell-left\",\n                        props.frozen && props.alignFrozen === \"right\" && \"solid-tree-sticky-cell solid-tree-sticky-cell-right\",\n                        props.headerClassName\n                      )}\n                      style={{\n                        ...props.style,\n                        ...props.headerStyle,\n                        textAlign: normalizeTextAlign(props.alignHeader ?? props.align),\n                        ...getStickyStyles(\"column\", index, \"header\"),\n                      }}\n                    >\n                      <button\n                        type=\"button\"\n                        className={cx(\"solid-table-header-button\", isSortable ? \"is-sortable\" : undefined)}\n                        onClick={() => {\n                          if (!isSortable) return;\n                          const nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);\n                          onSort?.({\n                            sortField: nextOrder === 0 ? undefined : props.field,\n                            sortOrder: nextOrder,\n                          });\n                        }}\n                      >\n                        {renderHeaderNode(props.header)}\n                        {isSortable ? iconNode : null}\n                      </button>\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n            <tbody>\n              {visibleRows.length === 0 ? (\n                <tr>\n                  <td\n                    className=\"px-3 py-10 text-center text-muted-foreground\"\n                    colSpan={Math.max(columns.length + selectionColSpan, 1)}\n                  >\n                    {emptyMessage || \"No records found\"}\n                  </td>\n                </tr>\n              ) : (\n                visibleRows.map(({ node, depth }, rowIndex) => {\n                  const key = String(node.key ?? rowIndex);\n                  const isSelected = Boolean(selectionKeys[key]?.checked);\n\n                  return (\n                    <tr\n                      key={key}\n                      className={cx(\"solid-data-table-row solid-tree-table-row\", isSelected && \"is-selected\")}\n                      onClick={(event) => {\n                        const target = event.target as HTMLElement;\n                        if (target.closest(\"button,a,input,label,[data-no-row-click='true']\")) return;\n                        onRowClick?.({ node, originalEvent: event });\n                      }}\n                    >\n                      {selectionMode === \"checkbox\" ? (\n                        <td\n                          className=\"solid-data-table-td solid-data-table-selection-col solid-tree-sticky-cell solid-tree-sticky-cell-left\"\n                          style={getStickyStyles(\"selection\", null, \"body\")}\n                        >\n                          <input\n                            type=\"checkbox\"\n                            checked={isSelected}\n                            ref={(element) => {\n                              if (element) {\n                                element.indeterminate = Boolean(selectionKeys[key]?.partialChecked);\n                              }\n                            }}\n                            onChange={(event) => {\n                              const next = { ...selectionKeys };\n                              updateSubtreeSelection(node, event.currentTarget.checked, next);\n                              const reconciled = reconcileSelection(value, next);\n                              onSelectionChange?.({\n                                value: reconciled,\n                                originalEvent: event as unknown as React.MouseEvent<HTMLInputElement>,\n                              });\n                            }}\n                            onClick={(event) => event.stopPropagation()}\n                            aria-label=\"Select row\"\n                          />\n                        </td>\n                      ) : null}\n                      {columns.map((column, columnIndex) => {\n                        const props = column.props;\n                        const canExpand =\n                          typeof props.expander === \"function\"\n                            ? props.expander(node)\n                            : Boolean(props.expander);\n                        const isExpanded = Boolean(expandedKeys[key]);\n                        const hasChildren = Boolean(node.children?.length);\n                        const showExpander = canExpand;\n                        const expanderDisabled = node.leaf === true;\n\n                        const content = props.body\n                          ? props.body(node, { depth, rowIndex })\n                          : props.field\n                            ? node?.data?.[props.field]\n                            : null;\n\n                        const isExpanderColumn = showExpander && columnIndex === 0;\n\n                        return (\n                          <td\n                            key={`tree-cell-${key}-${columnIndex}`}\n                            className={cx(\n                              \"solid-data-table-td align-top text-foreground\",\n                              props.frozen && (props.alignFrozen ?? \"left\") === \"left\" && \"solid-tree-sticky-cell solid-tree-sticky-cell-left\",\n                              props.frozen && props.alignFrozen === \"right\" && \"solid-tree-sticky-cell solid-tree-sticky-cell-right\",\n                              props.className,\n                              props.bodyClassName\n                            )}\n                            style={{\n                              ...props.style,\n                              textAlign: normalizeTextAlign(props.align),\n                              ...getStickyStyles(\"column\", columnIndex, \"body\"),\n                            }}\n                          >\n                            {isExpanderColumn ? (\n                              <div className=\"solid-tree-cell\">\n                                <div\n                                  className=\"solid-tree-cell-indent\"\n                                  style={{ width: `${depth * 1.25}rem` }}\n                                  aria-hidden=\"true\"\n                                />\n                                <button\n                                  type=\"button\"\n                                  className=\"solid-tree-expander\"\n                                  disabled={expanderDisabled}\n                                  onClick={(event) => {\n                                    event.stopPropagation();\n                                    if (expanderDisabled) return;\n\n                                    const nextExpanded = { ...expandedKeys };\n                                    if (nextExpanded[key]) {\n                                      delete nextExpanded[key];\n                                    } else {\n                                      nextExpanded[key] = true;\n                                    }\n                                    onToggle?.({ value: nextExpanded });\n                                    if (!isExpanded) {\n                                      onExpand?.({ node });\n                                    }\n                                  }}\n                                  aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                                >\n                                  {expanderDisabled ? (\n                                    <Minus size={14} aria-hidden=\"true\" />\n                                  ) : (\n                                    <ChevronRight\n                                      size={14}\n                                      aria-hidden=\"true\"\n                                      className={cx(\"solid-tree-expander-icon\", isExpanded && \"is-expanded\")}\n                                    />\n                                  )}\n                                </button>\n                                <div className=\"solid-tree-cell-content\">{content}</div>\n                              </div>\n                            ) : (\n                              content\n                            )}\n                          </td>\n                        );\n                      })}\n                    </tr>\n                  );\n                })\n              )}\n            </tbody>\n          </table>\n\n          {loading ? (\n            <div className=\"solid-tree-table-loading-overlay\" aria-live=\"polite\" aria-busy=\"true\">\n              <div className=\"solid-tree-table-loading-pill\">\n                <Loader2 size={14} className=\"animate-spin\" />\n                <span>Loading tree…</span>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}