@solidxai/core-ui 0.1.13-beta.0 → 0.1.13-beta.1

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

@@ -76,13 +76,13 @@ import CompactImage from '../../../resources/images/layout/images/compact.png';
 import CozyImage from '../../../resources/images/layout/images/cozy.png';
 import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
-import { getFilterObjectFromLocalStorage, hasStoredFilterPredicates, setFilterObjectToLocalStorage } from "../list/SolidListView";
+import { getFilterObjectFromLocalStorage, hasStoredFilterPredicates, setFilterObjectToLocalStorage } from "../common/globalSearchPersistence";
 import { getExtensionFunction } from "../../../helpers/registry";
 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, SolidSelect } from "../../shad-cn-ui";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuSeparator, SolidDropdownMenuTrigger, SolidSelect } from "../../shad-cn-ui";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
 import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import { getRelationDisplayText } from "../../../helpers/relationDisplay";
@@ -1081,36 +1081,84 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     };
     // ─── Bulk delete ──────────────────────────────────────────────────────────
     // handle bulk deletion
-    var deleteBulk = function () {
-        var deleteList = [];
-        selectedRecords.forEach(function (element) {
-            deleteList.push(element.id);
-        });
-        deleteManySolidEntities(deleteList)
-            .unwrap()
-            .then(function () {
-            dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
-            setDeleteRecordsDialogVisible(false);
-        })
-            .catch(function (error) {
-            var _a;
-            dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: (_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.message, life: 4000 }));
+    var deleteBulk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var deleteList, error_3;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    deleteList = selectedRecords.map(function (element) { return element.id; });
+                    if (deleteList.length === 0) {
+                        setDeleteRecordsDialogVisible(false);
+                        return [2 /*return*/];
+                    }
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, deleteManySolidEntities(deleteList).unwrap()];
+                case 2:
+                    _b.sent();
+                    dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
+                    setDeleteRecordsDialogVisible(false);
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
+                case 3:
+                    _b.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_3 = _b.sent();
+                    dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: (_a = error_3 === null || error_3 === void 0 ? void 0 : error_3.data) === null || _a === void 0 ? void 0 : _a.message, life: 4000 }));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
         });
-    };
+    }); };
     // handle closing of the delete dialog...
     var onDeleteClose = function () {
         setDeleteRecordsDialogVisible(false);
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var recoverAll = function () {
-        var recoverList = [];
-        selectedRecoverRecords.forEach(function (element) {
-            recoverList.push(element.id);
+    var recoverAll = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var recoverList, response, error_4;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    recoverList = selectedRecoverRecords.map(function (element) { return element.id; });
+                    if (recoverList.length === 0) {
+                        setRecoverDialogVisible(false);
+                        return [2 /*return*/];
+                    }
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, triggerRecoverSolidEntities(recoverList).unwrap()];
+                case 2:
+                    response = _c.sent();
+                    setRecoverDialogVisible(false);
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Success",
+                        detail: ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) || "Records recovered successfully.",
+                        life: 3000,
+                    }));
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
+                case 3:
+                    _c.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_4 = _c.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Recover Failed",
+                        detail: ((_b = error_4 === null || error_4 === void 0 ? void 0 : error_4.data) === null || _b === void 0 ? void 0 : _b.message) || (error_4 === null || error_4 === void 0 ? void 0 : error_4.message) || "Unable to recover the selected records.",
+                        life: 4000,
+                    }));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
         });
-        triggerRecoverSolidEntities(recoverList);
-        setRecoverDialogVisible(false);
-    };
+    }); };
     var handleFetchUpdatedRecords = function () {
         var _a, _b;
         if (hasStoredFilterPredicates(getFilterObjectFromLocalStorage())) {
@@ -1204,9 +1252,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         var start = total === 0 ? 0 : offset + 1;
         var end = total === 0 ? 0 : Math.min(offset + limit, total);
         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) {
+        return (_jsxs("div", { className: "w-full solid-table-paginator solid-table-paginator-align-end solid-tree-root-paginator flex flex-wrap items-center justify-between 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 solid-tree-root-paginator-meta flex flex-wrap items-center gap-2 sm:ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx(SolidSelect, { value: limit, className: "solid-paginator-select solid-tree-page-size-select", options: pageSizeOptions.map(function (option) { return ({ label: String(option), value: option }); }), native: false, menuPlacement: "top", 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" })] })] }));
+                            } }), _jsx("span", { className: "solid-paginator-report", children: report })] }), _jsxs("div", { className: "solid-paginator-actions solid-tree-root-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;
@@ -1291,41 +1339,87 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         });
     };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_3;
+        var response, error_5;
         var _a, _b, _c;
         return __generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
-                    _d.trys.push([0, 2, , 3]);
+                    _d.trys.push([0, 5, , 6]);
                     if (!(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id)) {
                         throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
                     }
                     return [4 /*yield*/, deleteSolidSingleEntiry(selectedSolidViewData.id)];
                 case 1:
                     response = _d.sent();
-                    if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 200) {
-                        setDeleteEntity(false);
-                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE, life: 3000 }));
-                    }
-                    else {
-                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: (_c = (_b = response === null || response === void 0 ? void 0 : response.error) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error, sticky: true }));
-                    }
-                    return [3 /*break*/, 3];
+                    if (!(((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 200)) return [3 /*break*/, 3];
+                    setDeleteEntity(false);
+                    setSelectedSolidViewData(undefined);
+                    dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE, life: 3000 }));
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
                 case 2:
-                    error_3 = _d.sent();
+                    _d.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: (_c = (_b = response === null || response === void 0 ? void 0 : response.error) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error, sticky: true }));
+                    _d.label = 4;
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    error_5 = _d.sent();
                     dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: ERROR_MESSAGES.SOMETHING_WRONG, sticky: true }));
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleRecoverRecord = function (record) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_6;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!(record === null || record === void 0 ? void 0 : record.id))
+                        return [2 /*return*/];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, triggerRecoverSolidEntitiesById(record.id).unwrap()];
+                case 2:
+                    response = _c.sent();
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Success",
+                        detail: ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) || "Record recovered successfully.",
+                        life: 3000,
+                    }));
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
+                case 3:
+                    _c.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_6 = _c.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Recover Failed",
+                        detail: ((_b = error_6 === null || error_6 === void 0 ? void 0 : error_6.data) === null || _b === void 0 ? void 0 : _b.message) || (error_6 === null || error_6 === void 0 ? void 0 : error_6.message) || "Unable to recover the selected record.",
+                        life: 4000,
+                    }));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
     var renderRowActions = function (rowData) {
         var _a, _b, _c, _d, _e, _f, _g;
+        if (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) {
+            return (_jsx("div", { className: "flex items-center justify-end gap-1 cursor-pointer", onClick: function (event) { return event.stopPropagation(); }, children: _jsx("button", { type: "button", className: "solid-tree-row-menu-trigger", "aria-label": "Recover row", "data-no-row-click": "true", onClick: function () {
+                        void handleRecoverRecord(rowData);
+                    }, children: _jsx(RotateCcw, { size: 14 }) }) }));
+        }
         var customContextMenuButtons = getContextMenuButtons(rowData);
         var hasAnyContextMenuActions = canEditRow(rowData, true) ||
             canDeleteRow(rowData, true) ||
             customContextMenuButtons.length > 0;
-        return (_jsxs("div", { className: "flex items-center justify-end gap-1", onClick: function (event) { return event.stopPropagation(); }, children: [((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.rowButtons) &&
+        return (_jsxs("div", { className: "flex items-center justify-end gap-1 cursor-pointer", onClick: function (event) { return event.stopPropagation(); }, children: [((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.rowButtons) &&
                     ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons.filter(function (rb) {
                         var _a, _b;
                         var roles = ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
@@ -1373,7 +1467,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 })] })] }))] }));
     };
     // ─── Render ───────────────────────────────────────────────────────────────
-    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"))) &&
+    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: [_jsx("div", { className: "flex items-center gap-2" }), ((_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 && 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 &&