@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

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

@@ -105,7 +105,7 @@ var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 };
 export var SolidListView = 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, _20, _21, _22;
+    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, _20, _21, _22, _23, _24, _25;
     var session = useSession();
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
     var dispatch = useDispatch();
@@ -117,36 +117,36 @@ export var SolidListView = forwardRef(function (params, ref) {
     var localeName = searchParams.get("locale");
     var solidSettingsData = useGetSolidSettingsQuery(undefined).data;
     var solidSettingsMap = useMemo(function () { return getSettingsMap(solidSettingsData); }, [solidSettingsData]);
-    var _23 = useState(null), solidListViewMetaData = _23[0], setSolidListViewMetaData = _23[1];
-    var _24 = useState(null), solidListViewLayout = _24[0], setSolidListViewLayout = _24[1];
-    var _25 = useState(false), isDraftPublishWorkflowEnabled = _25[0], setIsDraftPublishWorkflowEnabled = _25[1];
+    var _26 = useState(null), solidListViewMetaData = _26[0], setSolidListViewMetaData = _26[1];
+    var _27 = useState(null), solidListViewLayout = _27[0], setSolidListViewLayout = _27[1];
+    var _28 = useState(false), isDraftPublishWorkflowEnabled = _28[0], setIsDraftPublishWorkflowEnabled = _28[1];
     var internationalisationEnabled = Boolean((_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.internationalisation);
     // Filter query realted states
-    var _26 = useState(null), filters = _26[0], setFilters = _26[1];
-    var _27 = useState(0), totalRecords = _27[0], setTotalRecords = _27[1];
-    var _28 = useState(0), first = _28[0], setFirst = _28[1];
-    var _29 = useState(((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.defaultPageSize) ? (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.defaultPageSize : 10), rows = _29[0], setRows = _29[1];
-    var _30 = useState("id"), sortField = _30[0], setSortField = _30[1];
-    var _31 = useState(-1), sortOrder = _31[0], setSortOrder = _31[1];
-    var _32 = useState([]), toPopulate = _32[0], setToPopulate = _32[1];
-    var _33 = useState([]), toPopulateMedia = _33[0], setToPopulateMedia = _33[1];
-    var _34 = useState([]), actionsAllowed = _34[0], setActionsAllowed = _34[1];
+    var _29 = useState(null), filters = _29[0], setFilters = _29[1];
+    var _30 = useState(0), totalRecords = _30[0], setTotalRecords = _30[1];
+    var _31 = useState(0), first = _31[0], setFirst = _31[1];
+    var _32 = useState(((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.defaultPageSize) ? (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.defaultPageSize : 10), rows = _32[0], setRows = _32[1];
+    var _33 = useState("id"), sortField = _33[0], setSortField = _33[1];
+    var _34 = useState(-1), sortOrder = _34[0], setSortOrder = _34[1];
+    var _35 = useState([]), toPopulate = _35[0], setToPopulate = _35[1];
+    var _36 = useState([]), toPopulateMedia = _36[0], setToPopulateMedia = _36[1];
+    var _37 = useState([]), actionsAllowed = _37[0], setActionsAllowed = _37[1];
     // All list view state.
-    var _35 = useState([]), listViewData = _35[0], setListViewData = _35[1];
-    var _36 = useState([]), selectedRecords = _36[0], setSelectedRecords = _36[1];
-    var _37 = useState([]), selectedRecoverRecords = _37[0], setSelectedRecoverRecords = _37[1];
-    var _38 = useState(true), loading = _38[0], setLoading = _38[1];
-    var _39 = useState(false), isDialogVisible = _39[0], setDialogVisible = _39[1];
-    var _40 = useState(false), isRecoverDialogVisible = _40[0], setRecoverDialogVisible = _40[1];
-    var _41 = useState(), createButtonUrl = _41[0], setCreateButtonUrl = _41[1];
-    var _42 = useState(), editButtonUrl = _42[0], setEditButtonUrl = _42[1];
-    var _43 = useState({}), createActionQueryParams = _43[0], setCreateActionQueryParams = _43[1];
-    var _44 = useState({}), editActionQueryParams = _44[0], setEditActionQueryParams = _44[1];
-    var _45 = useState(false), showArchived = _45[0], setShowArchived = _45[1];
-    var _46 = useState(false), queryDataLoaded = _46[0], setQueryDataLoaded = _46[1];
-    var _47 = useState(null), filterPredicates = _47[0], setFilterPredicates = _47[1];
-    var _48 = useState(false), showSaveFilterPopup = _48[0], setShowSaveFilterPopup = _48[1];
-    var _49 = useState(false), showGlobalSearchElement = _49[0], setShowGlobalSearchElement = _49[1];
+    var _38 = useState([]), listViewData = _38[0], setListViewData = _38[1];
+    var _39 = useState([]), selectedRecords = _39[0], setSelectedRecords = _39[1];
+    var _40 = useState([]), selectedRecoverRecords = _40[0], setSelectedRecoverRecords = _40[1];
+    var _41 = useState(true), loading = _41[0], setLoading = _41[1];
+    var _42 = useState(false), isDialogVisible = _42[0], setDialogVisible = _42[1];
+    var _43 = useState(false), isRecoverDialogVisible = _43[0], setRecoverDialogVisible = _43[1];
+    var _44 = useState(), createButtonUrl = _44[0], setCreateButtonUrl = _44[1];
+    var _45 = useState(), editButtonUrl = _45[0], setEditButtonUrl = _45[1];
+    var _46 = useState({}), createActionQueryParams = _46[0], setCreateActionQueryParams = _46[1];
+    var _47 = useState({}), editActionQueryParams = _47[0], setEditActionQueryParams = _47[1];
+    var _48 = useState(false), showArchived = _48[0], setShowArchived = _48[1];
+    var _49 = useState(false), queryDataLoaded = _49[0], setQueryDataLoaded = _49[1];
+    var _50 = useState(null), filterPredicates = _50[0], setFilterPredicates = _50[1];
+    var _51 = useState(false), showSaveFilterPopup = _51[0], setShowSaveFilterPopup = _51[1];
+    var _52 = useState(false), showGlobalSearchElement = _52[0], setShowGlobalSearchElement = _52[1];
     var suppressNextFilterPaginationResetRef = useRef(false);
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
@@ -265,7 +265,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _50 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _50.data, solidListViewMetaDataError = _50.error, solidListViewMetaDataIsLoading = _50.isLoading, solidListViewMetaDataIsError = _50.isError, refetch = _50.refetch;
+    var _53 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _53.data, solidListViewMetaDataError = _53.error, solidListViewMetaDataIsLoading = _53.isLoading, solidListViewMetaDataIsError = _53.isError, refetch = _53.refetch;
     var initialFilterMethod = function () {
         var _a, _b, _c, _d, _e, _f;
         var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
@@ -388,15 +388,15 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _51 = useState(sizeOptions[1].value), size = _51[0], setSize = _51[1];
-    var _52 = useState([]), viewModes = _52[0], setViewModes = _52[1];
+    var _54 = useState(sizeOptions[1].value), size = _54[0], setSize = _54[1];
+    var _55 = useState([]), viewModes = _55[0], setViewModes = _55[1];
     // Custom Row Action
-    var _53 = useState(false), listViewRowActionPopupState = _53[0], setListViewRowActionPopupState = _53[1];
-    var _54 = useState(), listViewRowActionData = _54[0], setListRowActionData = _54[1];
+    var _56 = useState(false), listViewRowActionPopupState = _56[0], setListViewRowActionPopupState = _56[1];
+    var _57 = useState(), listViewRowActionData = _57[0], setListRowActionData = _57[1];
     // Get the list view data.
-    var _55 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _55[0], _56 = _55[1], solidEntityListViewData = _56.data, isLoading = _56.isLoading, isListViewFetching = _56.isFetching, error = _56.error;
-    var _57 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _57[0], _58 = _57[1], recoverByIdData = _58.data, recoverByIdIsLoading = _58.isLoading, recoverByIdError = _58.error, recoverByIdIsError = _58.isError, recoverByIdIsSuccess = _58.isSuccess;
-    var _59 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _59[0], _60 = _59[1], recoverByData = _60.data, recoverByIsLoading = _60.isLoading, recoverError = _60.error, recoverIsError = _60.isError, recoverByIsSuccess = _60.isSuccess;
+    var _58 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _58[0], _59 = _58[1], solidEntityListViewData = _59.data, isLoading = _59.isLoading, isListViewFetching = _59.isFetching, error = _59.error;
+    var _60 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _60[0], _61 = _60[1], recoverByIdData = _61.data, recoverByIdIsLoading = _61.isLoading, recoverByIdError = _61.error, recoverByIdIsError = _61.isError, recoverByIdIsSuccess = _61.isSuccess;
+    var _62 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _62[0], _63 = _62[1], recoverByIsLoading = _63.isLoading, recoverError = _63.error, recoverIsError = _63.isError;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -428,9 +428,9 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _61 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _61[0], isDeleteSolidSingleEntitySuccess = _61[1].isSuccess;
+    var deleteSolidSingleEntiry = useDeleteSolidEntityMutation()[0];
     // Delete mutation
-    var _62 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _62[0], _63 = _62[1], isSolidEntitiesDeleted = _63.isLoading, isDeleteSolidEntitiesSucess = _63.isSuccess, isSolidEntitiesDeleteError = _63.isError, SolidEntitiesDeleteError = _63.error, DeletedSolidEntities = _63.data;
+    var _64 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _64[0], isSolidEntitiesDeleted = _64[1].isLoading;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a;
@@ -488,10 +488,6 @@ export var SolidListView = forwardRef(function (params, ref) {
             setQueryDataLoaded(true);
         }
     }, [
-        isDeleteSolidEntitiesSucess,
-        isDeleteSolidSingleEntitySuccess,
-        recoverByIdIsSuccess,
-        recoverByIsSuccess,
         solidListViewMetaData,
         solidListViewLayout
     ]);
@@ -884,20 +880,103 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _64 = useState(), selectedSolidViewData = _64[0], setSelectedSolidViewData = _64[1];
-    var _65 = useState(false), deleteEntity = _65[0], setDeleteEntity = _65[1];
-    // Recover functions
-    var recoverById = function (id) {
-        triggerRecoverSolidEntitiesById(id);
+    var _65 = useState(), selectedSolidViewData = _65[0], setSelectedSolidViewData = _65[1];
+    var _66 = useState(false), deleteEntity = _66[0], setDeleteEntity = _66[1];
+    var _67 = useState(null), pendingConfirmedRowAction = _67[0], setPendingConfirmedRowAction = _67[1];
+    var handleRowActionClick = function (button, rowData) {
+        var _a;
+        var event = {
+            params: params,
+            rowData: rowData,
+            solidListViewMetaData: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data,
+        };
+        if ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.confirmMessage) {
+            setPendingConfirmedRowAction({ attrs: button.attrs, event: event });
+            return;
+        }
+        handleCustomButtonClick(button.attrs, event);
     };
-    var recoverAll = function () {
-        var recoverList = [];
-        selectedRecoverRecords.forEach(function (element) {
-            recoverList.push(element.id);
+    var confirmCustomRowAction = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var attrs, event, error_1;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!pendingConfirmedRowAction)
+                        return [2 /*return*/];
+                    attrs = pendingConfirmedRowAction.attrs, event = pendingConfirmedRowAction.event;
+                    setPendingConfirmedRowAction(null);
+                    _e.label = 1;
+                case 1:
+                    _e.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, Promise.resolve(handleCustomButtonClick(attrs, event))];
+                case 2:
+                    _e.sent();
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: attrs.successSummary || "Action completed",
+                        detail: attrs.successMessage || "".concat(attrs.label || "Action", " completed successfully."),
+                        life: 4000,
+                    }));
+                    return [4 /*yield*/, setQueryString()];
+                case 3:
+                    _e.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _e.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Action failed",
+                        detail: ((_b = (_a = error_1 === null || error_1 === void 0 ? void 0 : error_1.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) || ((_d = (_c = error_1 === null || error_1 === void 0 ? void 0 : error_1.response) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.error) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "The action could not be completed.",
+                        life: 5000,
+                    }));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
         });
-        triggerRecoverSolidEntities(recoverList);
-        setRecoverDialogVisible(false);
-    };
+    }); };
+    // Recover functions
+    var recoverById = function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, triggerRecoverSolidEntitiesById(id).unwrap()];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, setQueryString()];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var recoverAll = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var recoverList, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    recoverList = [];
+                    selectedRecoverRecords.forEach(function (element) {
+                        recoverList.push(element.id);
+                    });
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, triggerRecoverSolidEntities(recoverList).unwrap()];
+                case 2:
+                    _b.sent();
+                    setRecoverDialogVisible(false);
+                    return [4 /*yield*/, setQueryString()];
+                case 3:
+                    _b.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    _a = _b.sent();
+                    setRecoverDialogVisible(false);
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
     useEffect(function () {
         if (recoverByIdIsSuccess && recoverByIdData) {
             dispatch(showToast({ severity: "success", summary: "Success", detail: recoverByIdData.data.message, life: 3000 }));
@@ -936,22 +1015,36 @@ export var SolidListView = forwardRef(function (params, ref) {
         });
     }); };
     // 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 }));
-            setDialogVisible(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_2;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    deleteList = [];
+                    selectedRecords.forEach(function (element) {
+                        deleteList.push(element.id);
+                    });
+                    _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 }));
+                    setDialogVisible(false);
+                    return [4 /*yield*/, setQueryString()];
+                case 3:
+                    _b.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_2 = _b.sent();
+                    dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: (_a = error_2 === null || error_2 === void 0 ? void 0 : error_2.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 () {
         setDialogVisible(false);
@@ -959,8 +1052,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords([]);
     };
     var entityDisplayName = ((_k = (_j = (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidView) === null || _j === void 0 ? void 0 : _j.model) === null || _k === void 0 ? void 0 : _k.displayName) || (params === null || params === void 0 ? void 0 : params.modelName);
-    var _66 = useState(false), openLightbox = _66[0], setOpenLightbox = _66[1];
-    var _67 = useState([]), lightboxUrls = _67[0], setLightboxUrls = _67[1];
+    var _68 = useState(false), openLightbox = _68[0], setOpenLightbox = _68[1];
+    var _69 = useState([]), lightboxUrls = _69[0], setLightboxUrls = _69[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1135,31 +1228,34 @@ export var SolidListView = forwardRef(function (params, ref) {
         setQueryString();
     };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_1;
+        var response, error_3;
         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 }));
-                    }
-                    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);
+                    dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE, life: 3000 }));
+                    return [4 /*yield*/, setQueryString()];
                 case 2:
-                    error_1 = _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 }));
+                    _d.label = 4;
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    error_3 = _d.sent();
                     dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: ERROR_MESSAGES.SOMETHING_WRONG }));
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
             }
         });
     }); };
@@ -1221,7 +1317,10 @@ export var SolidListView = forwardRef(function (params, ref) {
                                     // loading={loading || isLoading}
                                     selection: params.embeded === true
                                         ? []
-                                        : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: (_17 = (_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.removableSort) !== null && _17 !== void 0 ? _17 : true, sortMode: "single", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: function (e) {
+                                        : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: (_17 = (_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.removableSort) !== null && _17 !== void 0 ? _17 : true, sortMode: "single", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", paginatorLeft: params.embeded !== true ? (_jsxs("div", { className: "solid-list-selection-status", "aria-live": "polite", children: [_jsxs("span", { children: [selectedRecords.length + selectedRecoverRecords.length, " selected"] }), selectedRecords.length + selectedRecoverRecords.length > 0 && (_jsx("button", { type: "button", className: "solid-list-selection-clear", onClick: function () {
+                                                    setSelectedRecords([]);
+                                                    setSelectedRecoverRecords([]);
+                                                }, "aria-label": "Clear selected rows", children: "Clear" }))] })) : null, onRowClick: function (e) {
                                         var _a, _b;
                                         var rowData = e.data;
                                         if (((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
@@ -1237,8 +1336,9 @@ export var SolidListView = forwardRef(function (params, ref) {
                                             params.handleEditClickForEmbeddedView(rowData === null || rowData === void 0 ? void 0 : rowData.id);
                                         }
                                         else {
+                                            var effectiveViewMode = hasUpdatePermission ? recordClickFormMode : "view";
                                             storeCurrentModelViewContext();
-                                            router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=").concat(recordClickFormMode, "&").concat(buildEditNavigationQueryString(rowData)));
+                                            router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=").concat(effectiveViewMode, "&").concat(buildEditNavigationQueryString(rowData)));
                                         }
                                     }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_18 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.rowButtons) &&
                                             ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.rowButtons.filter(function (rb) {
@@ -1254,21 +1354,22 @@ export var SolidListView = forwardRef(function (params, ref) {
                                             }).map(function (button, index) {
                                                 return (_jsx(Column, { header: button.attrs.label, body: function (rowData) {
                                                         return ((function () {
-                                                            var _a, _b, _c;
+                                                            var _a, _b, _c, _d, _e;
+                                                            var allowedRowStates = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.visibleWhenFieldIn;
+                                                            var currentRowState = rowData === null || rowData === void 0 ? void 0 : rowData[(_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.visibleWhenField];
+                                                            if (Array.isArray(allowedRowStates) && allowedRowStates.length > 0 &&
+                                                                currentRowState !== undefined && currentRowState !== null && currentRowState !== "" &&
+                                                                !allowedRowStates.includes(String(currentRowState)))
+                                                                return null;
                                                             var presentation = resolveButtonPresentation(button === null || button === void 0 ? void 0 : button.attrs);
                                                             if (!presentation.showIcon && !presentation.showLabel)
                                                                 return null;
-                                                            return (_jsx(SolidButton, { type: "button", icon: presentation.icon, iconPos: presentation.iconPos, label: presentation.label, tooltip: presentation.tooltip, "aria-label": presentation.isIconOnly ? ((_c = (_a = presentation.tooltip) !== null && _a !== void 0 ? _a : (_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.action) !== null && _c !== void 0 ? _c : "Action") : undefined, className: [
+                                                            return (_jsx(SolidButton, { type: "button", icon: presentation.icon, iconPos: presentation.iconPos, label: presentation.label, tooltip: presentation.tooltip, "aria-label": presentation.isIconOnly ? ((_e = (_c = presentation.tooltip) !== null && _c !== void 0 ? _c : (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.action) !== null && _e !== void 0 ? _e : "Action") : undefined, className: [
                                                                     "solid-inline-row-button w-full text-left gap-2",
                                                                     presentation.isIconOnly ? "solid-icon-button" : "",
                                                                     presentation.buttonClassName ? presentation.buttonClassName : ""
                                                                 ].filter(Boolean).join(" "), size: "small", variant: "ghost", onClick: function () {
-                                                                    var event = {
-                                                                        params: params,
-                                                                        rowData: rowData,
-                                                                        solidListViewMetaData: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data,
-                                                                    };
-                                                                    handleCustomButtonClick(button.attrs, event);
+                                                                    handleRowActionClick(button, rowData);
                                                                 } }));
                                                         })());
                                                     } }, index));
@@ -1322,7 +1423,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                 setSelectedSolidViewData(selectedRow);
                                                                 setDeleteEntity(true);
                                                             } }) })) }));
-                                            } }))] }) })) }))] }) }), _jsx(SolidConfirmDialog, { open: isDialogVisible, onCancel: onDeleteClose, onConfirm: deleteBulk, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete Records", message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected records?" }), confirmLabel: "Delete", cancelLabel: "Cancel" }), _jsxs(SolidDialog, { open: isRecoverDialogVisible, onOpenChange: function (open) {
+                                            } }))] }) })) }))] }) }), _jsx(SolidConfirmDialog, { open: Boolean(pendingConfirmedRowAction), onCancel: function () { return setPendingConfirmedRowAction(null); }, onConfirm: function () { return void confirmCustomRowAction(); }, title: ((_22 = pendingConfirmedRowAction === null || pendingConfirmedRowAction === void 0 ? void 0 : pendingConfirmedRowAction.attrs) === null || _22 === void 0 ? void 0 : _22.confirmTitle) || "Confirm action", message: _jsx("p", { className: "solid-shadcn-dialog-text", children: (_23 = pendingConfirmedRowAction === null || pendingConfirmedRowAction === void 0 ? void 0 : pendingConfirmedRowAction.attrs) === null || _23 === void 0 ? void 0 : _23.confirmMessage }), confirmLabel: ((_24 = pendingConfirmedRowAction === null || pendingConfirmedRowAction === void 0 ? void 0 : pendingConfirmedRowAction.attrs) === null || _24 === void 0 ? void 0 : _24.confirmLabel) || "Confirm", cancelLabel: "Cancel", className: "solid-shadcn-confirm-dialog" }), _jsx(SolidConfirmDialog, { open: isDialogVisible, onCancel: onDeleteClose, onConfirm: deleteBulk, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete Records", message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected records?" }), confirmLabel: "Delete", cancelLabel: "Cancel" }), _jsxs(SolidDialog, { open: isRecoverDialogVisible, onOpenChange: function (open) {
                     if (!open) {
                         setRecoverDialogVisible(false);
                     }
@@ -1330,7 +1431,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (!open) {
                         closeListViewRowActionPopup();
                     }
-                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_22 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _22 === void 0 ? void 0 : _22.label) || "Action" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })] })), _jsx(SolidConfirmDialog, { open: deleteEntity, onCancel: function () { return setDeleteEntity(false); }, onConfirm: handleDeleteEntity, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
+                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_25 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _25 === void 0 ? void 0 : _25.label) || "Action" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })] })), _jsx(SolidConfirmDialog, { open: deleteEntity, onCancel: function () { return setDeleteEntity(false); }, onConfirm: handleDeleteEntity, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
 });
 SolidListView.displayName = "SolidListView";
 //# sourceMappingURL=SolidListView.js.map