@solidxai/core-ui 0.1.5-beta.11 → 0.1.5-beta.13

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

@@ -56,7 +56,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
-import { Toast } from "primereact/toast";
+import { showToast } from "../../../redux/features/toastSlice";
 import { useDispatch, useSelector } from "react-redux";
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
@@ -95,7 +95,6 @@ var DEFAULT_PAGE_SIZE = 25;
 // ─── Component ────────────────────────────────────────────────────────────────
 export var SolidTreeView = forwardRef(function (params, ref) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19;
-    var toast = useRef(null);
     var dispatch = useDispatch();
     var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
     var searchParams = useSearchParams();
@@ -728,9 +727,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         if (offset === void 0) { offset = 0; }
         return __awaiter(void 0, void 0, void 0, function () {
             var queryObject, limit, response, rootNodes, total, queryData, error_1;
-            var _a, _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         if (!solidTreeViewMetaData || activeGroupingRules.length === 0) {
                             setTreeNodes([]);
@@ -745,12 +744,12 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                         }
                         limit = globalLimit || DEFAULT_PAGE_SIZE;
                         setTreeLoading(true);
-                        _d.label = 1;
+                        _c.label = 1;
                     case 1:
-                        _d.trys.push([1, 3, 4, 5]);
+                        _c.trys.push([1, 3, 4, 5]);
                         return [4 /*yield*/, runGroupedQuery(0, [], offset, limit)];
                     case 2:
-                        response = (_d.sent()).response;
+                        response = (_c.sent()).response;
                         rootNodes = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], 0, [], "root");
                         setTreeNodes(rootNodes);
                         setExpandedKeys({});
@@ -775,14 +774,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                         }
                         return [3 /*break*/, 5];
                     case 3:
-                        error_1 = _d.sent();
+                        error_1 = _c.sent();
                         setTreeNodes([]);
-                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show({
-                            severity: "error",
-                            summary: "Failed to load tree",
-                            detail: ((_c = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _c === void 0 ? void 0 : _c.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "Unable to load grouped data",
-                            life: 4000,
-                        });
+                        dispatch(showToast({ severity: "error", summary: "Failed to load tree", detail: ((_b = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _b === void 0 ? void 0 : _b.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "Unable to load grouped data", life: 4000 }));
                         return [3 /*break*/, 5];
                     case 4:
                         setTreeLoading(false);
@@ -803,9 +797,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     // ─── 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;
-        var _a, _b, _c, _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
                 case 0:
                     meta = (_a = node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta;
                     if (!meta || meta.nodeType !== "group")
@@ -814,24 +808,24 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     limit = getPagination(nodeKey).limit || DEFAULT_PAGE_SIZE;
                     nextRuleIndex = meta.ruleIndex + 1;
                     setTreeLoading(true);
-                    _f.label = 1;
+                    _e.label = 1;
                 case 1:
-                    _f.trys.push([1, 6, 7, 8]);
+                    _e.trys.push([1, 6, 7, 8]);
                     children_1 = [];
                     total = 0;
                     if (!(nextRuleIndex < activeGroupingRules.length)) return [3 /*break*/, 3];
                     return [4 /*yield*/, runGroupedQuery(nextRuleIndex, meta.groupPath || [], offset, limit)];
                 case 2:
-                    response = (_f.sent()).response;
+                    response = (_e.sent()).response;
                     children_1 = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], nextRuleIndex, meta.groupPath || [], nodeKey);
                     total = (_b = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _b !== void 0 ? _b : 0;
                     return [3 /*break*/, 5];
                 case 3: return [4 /*yield*/, runLeafQuery(meta.groupPath || [], offset, limit)];
                 case 4:
-                    response = (_f.sent()).response;
+                    response = (_e.sent()).response;
                     children_1 = buildRecordNodes((response === null || response === void 0 ? void 0 : response.records) || [], nodeKey, meta.groupPath || []);
                     total = (_c = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _c !== void 0 ? _c : 0;
-                    _f.label = 5;
+                    _e.label = 5;
                 case 5:
                     setTreeNodes(function (prev) { return updateNodeChildren(prev, nodeKey, children_1); });
                     setPagination(nodeKey, { offset: offset, total: total });
@@ -861,13 +855,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     }
                     return [3 /*break*/, 8];
                 case 6:
-                    error_2 = _f.sent();
-                    (_d = toast.current) === null || _d === void 0 ? void 0 : _d.show({
-                        severity: "error",
-                        summary: "Failed to expand node",
-                        detail: ((_e = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _e === void 0 ? void 0 : _e.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.message) || "Unable to load children",
-                        life: 4000,
-                    });
+                    error_2 = _e.sent();
+                    dispatch(showToast({ severity: "error", summary: "Failed to expand node", detail: ((_d = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _d === void 0 ? void 0 : _d.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.message) || "Unable to load children", life: 4000 }));
                     setTreeNodes(function (prev) { return updateNodeChildren(prev, nodeKey, []); });
                     return [3 /*break*/, 8];
                 case 7:
@@ -1011,23 +1000,12 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         deleteManySolidEntities(deleteList)
             .unwrap()
             .then(function () {
-            var _a;
-            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
-                severity: 'success',
-                summary: 'Deleted',
-                detail: ERROR_MESSAGES.RECORD_DELETE,
-                life: 3000
-            });
+            dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
             setDeleteRecordsDialogVisible(false);
         })
             .catch(function (error) {
-            var _a, _b;
-            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
-                severity: 'error',
-                summary: 'Delete Failed',
-                detail: (_b = error === null || error === void 0 ? void 0 : error.data) === null || _b === void 0 ? void 0 : _b.message,
-                life: 4000
-            });
+            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 }));
         });
     };
     // handle closing of the delete dialog...
@@ -1190,43 +1168,28 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_3;
-        var _a, _b, _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
-                    _g.trys.push([0, 2, , 3]);
+                    _d.trys.push([0, 2, , 3]);
                     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 = _g.sent();
+                    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);
-                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show({
-                            severity: "success",
-                            summary: ERROR_MESSAGES.DELETED,
-                            detail: ERROR_MESSAGES.ENTITY_DELETE,
-                            life: 3000,
-                        });
+                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE, life: 3000 }));
                     }
                     else {
-                        (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show({
-                            severity: "error",
-                            summary: ERROR_MESSAGES.DELETE_FAIELD,
-                            detail: (_e = (_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error,
-                            sticky: true, // stays until user closes
-                        });
+                        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];
                 case 2:
-                    error_3 = _g.sent();
-                    (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show({
-                        severity: "error",
-                        summary: ERROR_MESSAGES.DELETE_FAIELD,
-                        detail: ERROR_MESSAGES.SOMETHING_WRONG,
-                        sticky: true, // stays until user closes
-                    });
+                    error_3 = _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*/];
             }
@@ -1285,7 +1248,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     } })), hasAnyContextMenuActions && detailsBodyTemplate(rowData)] }));
     };
     // ─── Render ───────────────────────────────────────────────────────────────
-    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: treeViewTitle }), ((_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.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 align-items-center solid-header-buttons-wrapper", children: [((_v = (_u = (_t = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _t === void 0 ? void 0 : _t.solidView) === null || _u === void 0 ? void 0 : _u.layout) === null || _v === void 0 ? void 0 : _v.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
+    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: treeViewTitle }), ((_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.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 align-items-center solid-header-buttons-wrapper", children: [((_v = (_u = (_t = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _t === void 0 ? void 0 : _t.solidView) === null || _u === void 0 ? void 0 : _u.layout) === null || _v === void 0 ? void 0 : _v.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
                                         ((_y = (_x = (_w = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.layout) === null || _y === void 0 ? void 0 : _y.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
                                         ((_1 = (_0 = (_z = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs.delete) !== false &&
                                         selectedRecords.length > 0 && (_jsx(Button, { type: "button", label: "Delete", size: "small", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button", outlined: true, onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&