@solidxai/core-ui 0.1.9-beta.1 → 0.1.9-beta.10

package/dist/components/core/list/SolidListView.tsx

@@ -244,6 +244,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
   const [filterPredicates, setFilterPredicates] = useState<any>(null);
   const [showSaveFilterPopup, setShowSaveFilterPopup] = useState<boolean>(false);
   const [showGlobalSearchElement, setShowGlobalSearchElement] = useState(false);
+  const suppressNextFilterPaginationResetRef = useRef(false);
 
   const [triggerCheckIfPermissionExists] = useLazyCheckIfPermissionExistsQuery();
 
@@ -564,6 +565,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
       const queryObject = getFilterObjectFromLocalStorage();
 
       if (queryObject) {
+        suppressNextFilterPaginationResetRef.current = true;
         const queryData = {
           offset: queryObject.offset || 0,
           limit: queryObject.limit || 25,
@@ -822,8 +824,9 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
 
     const queryString = qs.stringify(queryData, { encodeValuesOnly: true });
 
-    if (latestFilterPredicatesRef.current && latestFilterPredicatesRef.current.persistFilter) {
+    if (latestFilterPredicatesRef.current) {
       const fileterTobeStored = structuredClone(queryData);
+      fileterTobeStored.finalFullFilter = fileterTobeStored.filters;
       delete fileterTobeStored.filters;
       fileterTobeStored.custom_filter_predicate = latestFilterPredicatesRef.current.custom_filter_predicate || null;
       fileterTobeStored.search_predicate = latestFilterPredicatesRef.current.search_predicate || null;
@@ -853,6 +856,22 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
     }
     const updatedFilter = queryfilter;
 
+    const previousPredicates = latestFilterPredicatesRef.current;
+    const nextPredicatesComparable = {
+      custom_filter_predicate: filterPredicates?.custom_filter_predicate || null,
+      search_predicate: filterPredicates?.search_predicate || null,
+      saved_filter_predicate: filterPredicates?.saved_filter_predicate || null,
+      predefined_search_predicate: filterPredicates?.predefined_search_predicate || null,
+    };
+    const previousPredicatesComparable = {
+      custom_filter_predicate: previousPredicates?.custom_filter_predicate || null,
+      search_predicate: previousPredicates?.search_predicate || null,
+      saved_filter_predicate: previousPredicates?.saved_filter_predicate || null,
+      predefined_search_predicate: previousPredicates?.predefined_search_predicate || null,
+    };
+    const hasPredicateChanged =
+      JSON.stringify(previousPredicatesComparable) !== JSON.stringify(nextPredicatesComparable);
+
     // Update refs IMMEDIATELY (synchronously)
     latestFiltersRef.current = updatedFilter;
     const updatedFilterPredicates = structuredClone(filterPredicates);
@@ -862,7 +881,53 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
     // Then update state
     setFilters(updatedFilter);
     setFilterPredicates(updatedFilterPredicates);
-    setFirst(0);
+    const hasMeaningfulFilterValueLocal = (value: any): boolean => {
+      if (value === null || value === undefined) return false;
+      if (typeof value === "string") return value.trim().length > 0;
+      if (typeof value === "number" || typeof value === "boolean") return true;
+      if (Array.isArray(value)) return value.some((item) => hasMeaningfulFilterValueLocal(item));
+      if (typeof value === "object") return hasAppliedFiltersLocal(value);
+      return false;
+    };
+
+    const hasAppliedFiltersLocal = (filterObject: any): boolean => {
+      if (!filterObject || typeof filterObject !== "object") return false;
+
+      if (Array.isArray(filterObject)) {
+        return filterObject.some((item) => hasAppliedFiltersLocal(item) || hasMeaningfulFilterValueLocal(item));
+      }
+
+      return Object.entries(filterObject).some(([key, val]) => {
+        if (key === "matchMode" || key === "operator") return false;
+        if (key === "value") return hasMeaningfulFilterValueLocal(val);
+        if ((key === "$and" || key === "$or") && Array.isArray(val)) {
+          return val.some((item) => hasAppliedFiltersLocal(item) || hasMeaningfulFilterValueLocal(item));
+        }
+        if (typeof val === "object") return hasAppliedFiltersLocal(val);
+        return hasMeaningfulFilterValueLocal(val);
+      });
+    };
+
+    const hasCurrentMeaningfulPredicates =
+      hasAppliedFiltersLocal(updatedFilterPredicates?.custom_filter_predicate) ||
+      hasAppliedFiltersLocal(updatedFilterPredicates?.search_predicate) ||
+      hasAppliedFiltersLocal(updatedFilterPredicates?.saved_filter_predicate) ||
+      hasAppliedFiltersLocal(updatedFilterPredicates?.predefined_search_predicate);
+
+    const hasPreviousMeaningfulPredicates =
+      hasAppliedFiltersLocal(previousPredicates?.custom_filter_predicate) ||
+      hasAppliedFiltersLocal(previousPredicates?.search_predicate) ||
+      hasAppliedFiltersLocal(previousPredicates?.saved_filter_predicate) ||
+      hasAppliedFiltersLocal(previousPredicates?.predefined_search_predicate);
+
+    const shouldResetPagination =
+      hasPredicateChanged && (hasCurrentMeaningfulPredicates || hasPreviousMeaningfulPredicates);
+
+    if (suppressNextFilterPaginationResetRef.current) {
+      suppressNextFilterPaginationResetRef.current = false;
+    } else if (shouldResetPagination) {
+      setFirst(0);
+    }
     // Force synchronous state updates
   };
 

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.d.ts

@@ -0,0 +1,3 @@
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+export declare const SolidUserBlockedStatusListWidget: ({ rowData }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidUserBlockedStatusListWidget.d.ts.map

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidUserBlockedStatusListWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAiBzE,eAAO,MAAM,gCAAgC,gBAAiB,yBAAyB,4CA6BtF,CAAC"}

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
+import { useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+function toNumber(value) {
+    if (typeof value === "number" && Number.isFinite(value)) {
+        return value;
+    }
+    if (typeof value === "string" && value.trim() !== "") {
+        var parsed = Number(value);
+        if (Number.isFinite(parsed)) {
+            return parsed;
+        }
+    }
+    return null;
+}
+export var SolidUserBlockedStatusListWidget = function (_a) {
+    var _b;
+    var rowData = _a.rowData;
+    var solidSettingsData = useGetSolidSettingsQuery(undefined).data;
+    var settingsMap = getSettingsMap(solidSettingsData);
+    var maxFailedLoginAttempts = toNumber(settingsMap === null || settingsMap === void 0 ? void 0 : settingsMap.maxFailedLoginAttempts);
+    var failedLoginAttempts = (_b = toNumber(rowData === null || rowData === void 0 ? void 0 : rowData.failedLoginAttempts)) !== null && _b !== void 0 ? _b : 0;
+    var isBlocked = maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;
+    return (isBlocked ?
+        _jsx("span", { style: {
+                display: "inline-flex",
+                alignItems: "center",
+                padding: "0.2rem 0.5rem",
+                borderRadius: "999px",
+                fontSize: "0.75rem",
+                fontWeight: 600,
+                backgroundColor: "#fee2e2",
+                color: "#991b1b",
+                // backgroundColor: isBlocked ? "#fee2e2" : "#dcfce7",
+                // color: isBlocked ? "#991b1b" : "#166534",
+            }, children: "Blocked" }) :
+        _jsx(_Fragment, {}));
+};
+//# sourceMappingURL=SolidUserBlockedStatusListWidget.js.map

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidUserBlockedStatusListWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGlF,SAAS,QAAQ,CAAC,KAAc;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACvD,OAAO,KAAK,CAAC;KACd;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACpD,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAC3B,OAAO,MAAM,CAAC;SACf;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAAsC;;QAApC,OAAO,aAAA;IAChD,IAAM,iBAAiB,GAAK,wBAAwB,CAAC,SAAS,CAAC,KAAxC,CAAyC;IACxE,IAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEtD,IAAM,sBAAsB,GAAG,QAAQ,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,CAAC,CAAC;IAC7E,IAAM,mBAAmB,GAAG,MAAA,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,mCAAI,CAAC,CAAC;IACxE,IAAM,SAAS,GACb,sBAAsB,KAAK,IAAI,IAAI,sBAAsB,GAAG,CAAC,IAAI,mBAAmB,IAAI,sBAAsB,CAAC;IAEjH,OAAO,CACL,SAAS,CAAC,CAAC;QACT,eACE,KAAK,EAAE;gBACL,OAAO,EAAE,aAAa;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,eAAe;gBACxB,YAAY,EAAE,OAAO;gBACrB,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE,GAAG;gBACf,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,SAAS;gBAChB,sDAAsD;gBACtD,4CAA4C;aAC7C,wBAGI,CAAC,CAAC;QACT,mBAAK,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { getSettingsMap } from \"../../../../helpers/settingsPayload\";\nimport { useGetSolidSettingsQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nfunction toNumber(value: unknown): number | null {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n\n  if (typeof value === \"string\" && value.trim() !== \"\") {\n    const parsed = Number(value);\n    if (Number.isFinite(parsed)) {\n      return parsed;\n    }\n  }\n\n  return null;\n}\n\nexport const SolidUserBlockedStatusListWidget = ({ rowData }: SolidListFieldWidgetProps) => {\n  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);\n  const settingsMap = getSettingsMap(solidSettingsData);\n\n  const maxFailedLoginAttempts = toNumber(settingsMap?.maxFailedLoginAttempts);\n  const failedLoginAttempts = toNumber(rowData?.failedLoginAttempts) ?? 0;\n  const isBlocked =\n    maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;\n\n  return (\n    isBlocked ?\n      <span\n        style={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          padding: \"0.2rem 0.5rem\",\n          borderRadius: \"999px\",\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          backgroundColor: \"#fee2e2\",\n          color: \"#991b1b\",\n          // backgroundColor: isBlocked ? \"#fee2e2\" : \"#dcfce7\",\n          // color: isBlocked ? \"#991b1b\" : \"#166534\",\n        }}\n      >\n        Blocked\n      </span> :\n      <></>\n  );\n};\n\n"]}

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx

@@ -0,0 +1,50 @@
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
+import { useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+
+function toNumber(value: unknown): number | null {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+
+  return null;
+}
+
+export const SolidUserBlockedStatusListWidget = ({ rowData }: SolidListFieldWidgetProps) => {
+  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);
+  const settingsMap = getSettingsMap(solidSettingsData);
+
+  const maxFailedLoginAttempts = toNumber(settingsMap?.maxFailedLoginAttempts);
+  const failedLoginAttempts = toNumber(rowData?.failedLoginAttempts) ?? 0;
+  const isBlocked =
+    maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;
+
+  return (
+    isBlocked ?
+      <span
+        style={{
+          display: "inline-flex",
+          alignItems: "center",
+          padding: "0.2rem 0.5rem",
+          borderRadius: "999px",
+          fontSize: "0.75rem",
+          fontWeight: 600,
+          backgroundColor: "#fee2e2",
+          color: "#991b1b",
+          // backgroundColor: isBlocked ? "#fee2e2" : "#dcfce7",
+          // color: isBlocked ? "#991b1b" : "#166534",
+        }}
+      >
+        Blocked
+      </span> :
+      <></>
+  );
+};
+

package/dist/components/core/tree/SolidTreeTable.d.ts

@@ -68,6 +68,6 @@ type SolidTreeTableProps = {
 };
 export declare function SolidTreeColumn(_props: SolidTreeColumnProps): null;
 export declare const Column: typeof SolidTreeColumn;
-export declare function SolidTreeTable({ value, children, loading, expandedKeys, onToggle, onExpand, tableClassName, tableStyle, emptyMessage, selectionMode, selectionKeys, onSelectionChange, sortField, sortOrder, removableSort, onSort, onRowClick, }: SolidTreeTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidTreeTable({ value, children, expandedKeys, onToggle, onExpand, tableClassName, tableStyle, emptyMessage, selectionMode, selectionKeys, onSelectionChange, sortField, sortOrder, removableSort, onSort, onRowClick, }: SolidTreeTableProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SolidTreeTable.d.ts.map

package/dist/components/core/tree/SolidTreeTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTreeTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidTreeTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeTable.tsx"],"names":[],"mappings":"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"}

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 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";
+import { ArrowDownWideNarrow, ArrowUpDown, ArrowUpWideNarrow, ChevronRight, Minus } from "lucide-react";
 function cx() {
     var parts = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -119,7 +119,7 @@ function parseWidthValue(value) {
     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 _b = _a.value, value = _b === void 0 ? [] : _b, children = _a.children, _c = _a.expandedKeys, expandedKeys = _c === void 0 ? {} : _c, onToggle = _a.onToggle, onExpand = _a.onExpand, tableClassName = _a.tableClassName, tableStyle = _a.tableStyle, emptyMessage = _a.emptyMessage, selectionMode = _a.selectionMode, _d = _a.selectionKeys, selectionKeys = _d === void 0 ? {} : _d, onSelectionChange = _a.onSelectionChange, sortField = _a.sortField, _e = _a.sortOrder, sortOrder = _e === void 0 ? 0 : _e, _f = _a.removableSort, removableSort = _f === void 0 ? true : _f, 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;
@@ -188,88 +188,88 @@ export function SolidTreeTable(_a) {
         }
         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);
+    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: _jsx("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,
                                                     });
-                                                }, "aria-label": "Select visible rows" }) })) : null, columns.map(function (column, index) {
-                                            var _a, _b;
+                                                }, 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 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] }) }) }));
+                                            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));
+                            })) })] }) }) }) }));
 }
 //# sourceMappingURL=SolidTreeTable.js.map