@solidxai/core-ui 0.1.12-beta.6 → 0.1.12-beta.8

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

@@ -56,7 +56,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
-import { ChevronLeft, ChevronRight, EllipsisVertical, Pencil, Plus, RefreshCw, Search, Trash2 } from "lucide-react";
+import { ChevronLeft, ChevronRight, EllipsisVertical, Pencil, Plus, RefreshCw, RotateCcw, Search, Trash2 } from "lucide-react";
 import { showToast } from "../../../redux/features/toastSlice";
 import { useDispatch, useSelector } from "react-redux";
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
@@ -82,9 +82,10 @@ import { useRouter } from "../../../hooks/useRouter";
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
 import { usePathname } from "../../../hooks/usePathname";
 import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
-import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuSeparator, SolidDropdownMenuTrigger, SolidIcon } from "../../shad-cn-ui";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuSeparator, SolidDropdownMenuTrigger, SolidIcon, SolidSelect } from "../../shad-cn-ui";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
 import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
+import { getRelationDisplayText } from "../../../helpers/relationDisplay";
 import { Column as SolidTreeColumn, SolidTreeTable } from "./SolidTreeTable";
 var DEFAULT_PAGE_SIZE = 25;
 var DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
@@ -290,6 +291,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             setToPopulateMedia(queryObject.populateMedia || []);
             setSortField(queryObject.sortField || "");
             setSortOrder(queryObject.sortOrder || 0);
+            setShowArchived(queryObject.showArchived === true ||
+                queryObject.showArchived === "true" ||
+                queryObject.showSoftDeleted === "inclusive");
             var savedLimit = queryObject.limit;
             if (savedLimit && currentOptions.includes(savedLimit)) {
                 setGlobalLimit(savedLimit);
@@ -324,6 +328,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             setToPopulate(nextPopulate);
             setToPopulateMedia(nextPopulateMedia);
             setGlobalLimit(resolveDefaultPageSize(currentOptions));
+            setShowArchived(false);
         }
     }, [solidTreeViewLayout, solidTreeViewMetaData]);
     useEffect(function () {
@@ -501,6 +506,12 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             .map(function (rule) { return "".concat(rule.fieldName, ":").concat(rule.operator); });
         return derivedAggregates.length > 0 ? derivedAggregates : ["id:count"];
     };
+    var applyArchivedQueryState = function (queryData) {
+        if (showArchived) {
+            queryData.showSoftDeleted = "inclusive";
+        }
+        return queryData;
+    };
     var extractGroupCount = function (groupMeta) {
         if ((groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.id_count) !== undefined)
             return groupMeta.id_count;
@@ -585,6 +596,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     mergedFilters = mergeFiltersWithImplicit(implicitFilters);
                     if (mergedFilters)
                         queryData.filters = mergedFilters;
+                    applyArchivedQueryState(queryData);
                     dynamicHeader = (_c = (_b = (_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onBeforeTreeDataLoad;
                     dynamicExtensionFunction = null;
                     event = {
@@ -648,6 +660,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     mergedFilters = mergeFiltersWithImplicit(implicitFilters);
                     if (mergedFilters)
                         queryData.filters = mergedFilters;
+                    applyArchivedQueryState(queryData);
                     dynamicHeader = (_c = (_b = (_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onBeforeTreeDataLoad;
                     dynamicExtensionFunction = null;
                     event = {
@@ -705,7 +718,11 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         var dateGranularity = getDateGranularity(rule);
         return (groupMetaRows || []).map(function (groupMeta, index) {
             var _a;
-            var groupLabel = isEmptyGroupValue(groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupName) ? "(empty)" : groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupName;
+            var rawGroupLabel = groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupName;
+            var normalizedGroupLabel = rawGroupLabel === "[object Object]"
+                ? getRelationDisplayText(groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupValue)
+                : getRelationDisplayText(rawGroupLabel);
+            var groupLabel = isEmptyGroupValue(normalizedGroupLabel) ? "(empty)" : normalizedGroupLabel;
             var groupValue = (_a = groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupValue) !== null && _a !== void 0 ? _a : "(empty)";
             var idCount = extractGroupCount(groupMeta);
             var groupPath = __spreadArray(__spreadArray([], parentPath, true), [
@@ -796,6 +813,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 populateMedia: toPopulateMedia,
                                 sortField: sortField,
                                 sortOrder: sortOrder,
+                                showArchived: showArchived,
                                 custom_filter_predicate: latestFilterPredicatesRef.current.custom_filter_predicate || null,
                                 search_predicate: latestFilterPredicatesRef.current.search_predicate || null,
                                 saved_filter_predicate: latestFilterPredicatesRef.current.saved_filter_predicate || null,
@@ -803,6 +821,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 grouping_rules: latestFilterPredicatesRef.current.grouping_rules || null,
                                 aggregation_rules: latestFilterPredicatesRef.current.aggregation_rules || null,
                             };
+                            applyArchivedQueryState(queryData);
                             setFilterObjectToLocalStorage(queryData);
                         }
                         return [3 /*break*/, 5];
@@ -826,7 +845,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             loadRootGroups(0);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [solidTreeViewMetaData, params.modelName, activeGroupingRules, aggregationRules, filters, sortField, sortOrder, globalLimit]);
+    }, [solidTreeViewMetaData, params.modelName, activeGroupingRules, aggregationRules, filters, sortField, sortOrder, globalLimit, showArchived]);
     // ─── Expand handler ───────────────────────────────────────────────────────
     var loadNodeChildren = function (node, offset) { return __awaiter(void 0, void 0, void 0, function () {
         var meta, nodeKey, limit, nextRuleIndex, children_1, total, response, response, error_2;
@@ -1032,8 +1051,10 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             });
         };
         walk(treeNodes);
-        setSelectedRecords(checkedRecords);
-        setSelectedRecoverRecords(checkedRecords);
+        var activeRecords = checkedRecords.filter(function (record) { return record.deletedAt === null; });
+        var deletedRecords = checkedRecords.filter(function (record) { return record.deletedAt !== null; });
+        setSelectedRecords(activeRecords);
+        setSelectedRecoverRecords(deletedRecords);
     }, [treeNodes, selectedNodeKeys]);
     // ─── Filter handler ───────────────────────────────────────────────────────
     var handleApplyCustomFilter = function (nextFilterPredicates, persistFilter) {
@@ -1182,9 +1203,10 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         var rootHasNext = hasNext("root");
         var start = total === 0 ? 0 : offset + 1;
         var end = total === 0 ? 0 : Math.min(offset + limit, total);
-        return (_jsxs("div", { className: "w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-2 sm:px-3 py-1.5 bg-background", children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2 sm:ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx("select", { value: limit, onChange: function (event) {
-                                setGlobalLimit(Number(event.target.value));
-                            }, className: "solid-paginator-select", children: pageSizeOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsxs("span", { className: "solid-paginator-report", children: [start, " - ", end, " of ", total] })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { void handleRootPageChange("prev"); }, disabled: !rootHasPrev || treeLoading, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { void handleRootPageChange("next"); }, disabled: !rootHasNext || treeLoading, children: "Next" })] })] }));
+        var report = "".concat(start, " - ").concat(end, " of ").concat(total);
+        return (_jsxs("div", { className: "w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-2 sm:px-3 py-1.5 bg-background", children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2 sm:ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx(SolidSelect, { value: limit, className: "solid-paginator-select", options: pageSizeOptions.map(function (option) { return ({ label: String(option), value: option }); }), native: false, onChange: function (event) {
+                                setGlobalLimit(Number(event.value));
+                            } }), _jsx("span", { className: "solid-paginator-report", children: report })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { void handleRootPageChange("prev"); }, disabled: !rootHasPrev || treeLoading, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { void handleRootPageChange("next"); }, disabled: !rootHasNext || treeLoading, children: "Next" })] })] }));
     };
     var openGroupingBuilder = function () {
         var _a, _b;
@@ -1212,20 +1234,22 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             setSortField(nextSortField);
             setSortOrder(nextSortOrder);
         },
-        setShowArchived: function () { },
+        setShowArchived: function (value) {
+            setShowArchived(value);
+        },
         getState: function () { return ({
             first: getPagination("root").offset,
             rows: getPagination("root").limit,
             sortField: sortField,
             sortOrder: sortOrder,
-            showArchived: false,
+            showArchived: showArchived,
             filters: filters,
             filterPredicates: filterPredicates,
             listData: treeNodes,
             totalRecords: getPagination("root").total,
             loading: treeLoading,
         }); },
-    }); }, [filters, filterPredicates, params.customFilter, treeLoading, treeNodes, paginationMap]);
+    }); }, [filters, filterPredicates, paginationMap, showArchived, sortField, sortOrder, treeLoading, treeNodes]);
     var handleCustomButtonClick = useHandleListCustomButtonClick();
     var _40 = useState(), selectedSolidViewData = _40[0], setSelectedSolidViewData = _40[1];
     var _41 = useState(false), deleteEntity = _41[0], setDeleteEntity = _41[1];
@@ -1236,7 +1260,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     var canEditRow = function (rowData, inContextMenu) {
         var _a, _b, _c;
         if (inContextMenu === void 0) { inContextMenu = false; }
-        return actionsAllowed.includes(permissionExpression(params.modelName, "update")) &&
+        return !(rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) &&
+            actionsAllowed.includes(permissionExpression(params.modelName, "update")) &&
             ((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.edit) !== false &&
             (!inContextMenu || ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.showDefaultEditButton) !== false) &&
             (!inContextMenu || ((_c = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showRowEditInContextMenu) !== false) &&
@@ -1245,7 +1270,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     var canDeleteRow = function (rowData, inContextMenu) {
         var _a, _b, _c, _d;
         if (inContextMenu === void 0) { inContextMenu = false; }
-        return actionsAllowed.includes(permissionExpression(params.modelName, "delete")) &&
+        return !(rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) &&
+            actionsAllowed.includes(permissionExpression(params.modelName, "delete")) &&
             ((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.delete) !== false &&
             (!inContextMenu
                 ? params.embeded ||
@@ -1350,9 +1376,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row", children: [_jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "flex gap-4 items-center w-full solid-list-toolbar-left", children: [_jsxs("div", { className: "flex items-center gap-2", children: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large" }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: treeViewTitle })] }), ((_h = (_g = (_f = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [headerRequestStatusLabel ? _jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }) : null, ((_l = (_k = (_j = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(Search, { size: 14 }), className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
                                                     ((_p = (_o = (_m = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
                                                     ((_s = (_r = (_q = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs.delete) !== false &&
-                                                    selectedRecords.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "sm", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), className: "solid-icon-button", onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && (_jsx(SolidButton, { type: "button", label: "Recover", size: "sm", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
+                                                    selectedRecords.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "sm", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), className: "solid-icon-button", onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && selectedRecoverRecords.length > 0 && (_jsx(SolidButton, { type: "button", size: "sm", variant: "secondary", className: "hidden lg:flex", onClick: function () { return setRecoverDialogVisible(true); }, leftIcon: _jsx(RotateCcw, { size: 14 }), children: "Recover" })), params.embeded === false &&
                                                     ((_t = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidTreeViewMetaData, solidListViewLayout: solidTreeViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidTreeViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDeleteRecordsDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_w = (_v = (_u = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.layout) === null || _w === void 0 ? void 0 : _w.attrs.enableGlobalSearch) === true &&
-                                    showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("div", { className: "solid-datatable-wrapper solid-list-table-area solid-tree-table-area flex-1 min-h-0 overflow-hidden", children: activeGroupingRules.length === 0 ? (_jsx("div", { className: "solid-empty-listview-placeholder-container solid-tree-empty-state", children: _jsxs("div", { className: "solid-empty-listview-placeholder-panel", children: [_jsxs("div", { className: "solid-empty-listview-header", children: [_jsx("div", { className: "solid-empty-listview-header-title", children: treeViewTitle || "Tree View" }), _jsx("div", { className: "solid-empty-listview-header-subtitle", children: "Build a grouping structure to explore your data in hierarchical levels." })] }), _jsxs("div", { className: "solid-empty-listview-body", children: [_jsx("div", { className: "solid-empty-listview-title", children: "No grouping rules applied" }), _jsx("div", { className: "solid-empty-listview-actions", children: _jsx(SolidButton, { type: "button", variant: "primary", size: "small", leftIcon: _jsx(Plus, { size: 14 }), onClick: openGroupingBuilder, children: "Create Groups" }) }), _jsx("div", { className: "solid-empty-listview-description", children: "Start by adding grouping rules and optional aggregations for this tree view." })] })] }) })) : (_jsxs(SolidTreeTable, { value: treeNodes, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
+                                    showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("div", { className: "solid-datatable-wrapper solid-list-table-area solid-tree-table-area flex-1 min-h-0 overflow-hidden", children: activeGroupingRules.length === 0 ? (_jsx("div", { className: "solid-empty-listview-placeholder-container solid-tree-empty-state", children: _jsxs("div", { className: "solid-empty-listview-placeholder-panel", children: [_jsxs("div", { className: "solid-empty-listview-header", children: [_jsx("div", { className: "solid-empty-listview-header-title", children: treeViewTitle || "Tree View" }), _jsx("div", { className: "solid-empty-listview-header-subtitle", children: "Build a grouping structure to explore your data in hierarchical levels." })] }), _jsxs("div", { className: "solid-empty-listview-body", children: [_jsx("div", { className: "solid-empty-listview-title", children: "No grouping rules applied" }), _jsx("div", { className: "solid-empty-listview-actions", children: _jsx(SolidButton, { type: "button", variant: "primary", size: "small", leftIcon: _jsx(Plus, { size: 14 }), onClick: openGroupingBuilder, children: "Create Groups" }) }), _jsx("div", { className: "solid-empty-listview-description", children: "Start by adding grouping rules and optional aggregations for this tree view." })] })] }) })) : (_jsxs(SolidTreeTable, { value: treeNodes, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", rowClassName: function (node) { var _a; return ((_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.deletedAt) ? "greyed-out-row" : ""; }, selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
                                     setSortField(e.sortField || "");
                                     setSortOrder(e.sortOrder || 0);
                                 }, onRowClick: function (e) {
@@ -1362,6 +1388,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                     var rowData = e.node.data;
                                     if (((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
                                         return;
+                                    if (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt)
+                                        return;
                                     var hasFindPermission = actionsAllowed.includes(permissionExpression(params.modelName, 'findOne'));
                                     var hasUpdatePermission = actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
                                         ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.edit) !== false;