@solidstarters/solid-core-ui 1.1.204 → 1.1.206

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

@@ -71,7 +71,7 @@ import { SolidListViewColumn } from "./SolidListViewColumn";
 import { SolidCreateButton } from "../common/SolidCreateButton";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
-import { createPermission, deleteManyPermission, deletePermission, findPermission, updatePermission } from "../../../helpers/permissions";
+import { permissionExpression } from "../../../helpers/permissions";
 import { useRouter, useSearchParams } from "next/navigation";
 import { ListViewRowActionPopup } from "./ListViewRowActionPopup";
 import { FilterIcon } from "../../modelsComponents/filterIcon";
@@ -97,8 +97,11 @@ import { SolidListViewHeaderButton } from "./SolidListViewHeaderButton";
 import { SolidListViewRowButtonContextMenu } from "./SolidListViewRowButtonContextMenu";
 import { useSelector } from "react-redux";
 import styles from "./SolidListViewWrapper.module.css";
-import { SolidXAIModule } from "../solid-ai/SolidXAIModule";
 import { SolidXAIIcon } from "../solid-ai/SolidXAIIcon";
+import { getExtensionFunction } from "../../../helpers/registry";
+import { useSession } from "next-auth/react";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import { SolidAiMainWrapper } from "../solid-ai/SolidAiMainWrapper";
 // import { ERROR_MESSAGES } from "../../../constants/error-messages";
 var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
@@ -113,7 +116,7 @@ export var queryStringToQueryObject = function () {
             return parsedParams;
         }
         catch (error) {
-            console.error("Error decoding or parsing query string from local storage:", error);
+            console.error(ERROR_MESSAGES.ERROR_DECODING, error);
         }
     }
 };
@@ -135,7 +138,7 @@ export var SolidListView = function (params) {
     var searchParams = useSearchParams(); // Converts the query params to a string
     var localeName = searchParams.get("locale");
     // TODO: The initial filter state will be created based on the fields which are present on this list view.
-    var _18 = useState(params.customFilter || null), filters = _18[0], setFilters = _18[1];
+    var _18 = useState(params.customFilter || { $and: [] }), filters = _18[0], setFilters = _18[1];
     // const [customFilter, setCustomFilter] = useState<FilterRule[]>(initialState);
     // const [showGlobalSearchElement, setShowGlobalSearchElement] = useState<boolean>(false);
     var _19 = useState([]), toPopulate = _19[0], setToPopulate = _19[1];
@@ -179,7 +182,6 @@ export var SolidListView = function (params) {
         }
     }, [isResizing]);
     useEffect(function () {
-        console.log("useEffect: [params.modelName]");
         var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
             var permissionNames, queryData, queryString, response;
             return __generator(this, function (_a) {
@@ -187,11 +189,17 @@ export var SolidListView = function (params) {
                     case 0:
                         if (!params.modelName) return [3 /*break*/, 2];
                         permissionNames = [
-                            createPermission(params.modelName),
-                            deletePermission(params.modelName),
-                            updatePermission(params.modelName),
-                            deleteManyPermission(params.modelName),
-                            findPermission(params.modelName),
+                            permissionExpression(params.modelName, 'create'),
+                            permissionExpression(params.modelName, 'delete'),
+                            permissionExpression(params.modelName, 'update'),
+                            permissionExpression(params.modelName, 'deleteMany'),
+                            permissionExpression(params.modelName, 'findOne'),
+                            permissionExpression(params.modelName, 'findMany'),
+                            permissionExpression(params.modelName, 'insertMany'),
+                            permissionExpression('importTransaction', 'create'),
+                            permissionExpression('exportTransaction', 'create'),
+                            permissionExpression('userViewMetadata', 'create'),
+                            permissionExpression('savedFilters', 'create')
                         ];
                         queryData = {
                             permissionNames: permissionNames,
@@ -214,17 +222,26 @@ export var SolidListView = function (params) {
     // Create the RTK slices for this entity
     var entityApi = createSolidEntityApi(params.modelName);
     var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntitiesQuery = entityApi.useGetSolidEntitiesQuery, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, useLazyGetSolidEntityByIdQuery = entityApi.useLazyGetSolidEntityByIdQuery, usePrefetch = entityApi.usePrefetch, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, useRecoverSolidEntityByIdQuery = entityApi.useRecoverSolidEntityByIdQuery, useLazyRecoverSolidEntityByIdQuery = entityApi.useLazyRecoverSolidEntityByIdQuery, useRecoverSolidEntityMutation = entityApi.useRecoverSolidEntityMutation;
+    var menuItemId = searchParams.get("menuItemId");
+    var menuItemName = searchParams.get("menuItemName");
+    var actionId = searchParams.get("actionId");
+    var actionName = searchParams.get("actionName");
     // Get the list view layout & metadata first.
     var listViewMetaDataQs = qs.stringify({
         modelName: params.modelName,
         moduleName: params.moduleName,
         viewType: "list",
+        menuItemId: menuItemId,
+        menuItemName: menuItemName,
+        actionId: actionId,
+        actionName: actionName,
     }, {
         encodeValuesOnly: true,
     });
-    var _25 = useState({}), listViewMetaData = _25[0], setListViewMetaData = _25[1];
-    var _26 = useState({}), solidListViewLayout = _26[0], setSolidListViewLayout = _26[1];
-    var _27 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewMetaData = _27.data, solidListViewMetaDataError = _27.error, solidListViewMetaDataIsLoading = _27.isLoading, solidListViewMetaDataIsError = _27.isError, refetch = _27.refetch;
+    var _25 = useState(null), solidListViewMetaData = _25[0], setSolidListViewMetaData = _25[1];
+    var _26 = useState(null), solidListViewLayout = _26[0], setSolidListViewLayout = _26[1];
+    var _27 = useState(false), isDraftPublishWorkflowEnabled = _27[0], setIsDraftPublishWorkflowEnabled = _27[1];
+    var _28 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _28.data, solidListViewMetaDataError = _28.error, solidListViewMetaDataIsLoading = _28.isLoading, solidListViewMetaDataIsError = _28.isError, refetch = _28.refetch;
     var initialFilterMethod = function () {
         var _a, _b, _c, _d;
         var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
@@ -239,7 +256,7 @@ export var SolidListView = function (params) {
             var column = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.children[i];
             var fieldMetadata = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[column.attrs.name];
             if (!(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                showFieldError("".concat(column.attrs.label, " is not present in metadata"));
+                showFieldError(ERROR_MESSAGES.FIELD_NOT_IN_METADATA(column.attrs.label));
                 // return;
             }
             if (fieldMetadata) {
@@ -304,23 +321,23 @@ export var SolidListView = function (params) {
     };
     // Set the initial filter state based on the metadata.
     useEffect(function () {
-        console.log("useEffect: [solidListViewMetaData] line no 227");
+        var _a, _b, _c;
         // refetch();
-        if (solidListViewMetaData) {
+        if (solidListViewInitialMetaData) {
             if (params.customLayout) {
                 setSolidListViewLayout(params.customLayout);
             }
             else {
-                setSolidListViewLayout(solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data.solidView.layout);
+                setSolidListViewLayout(solidListViewInitialMetaData === null || solidListViewInitialMetaData === void 0 ? void 0 : solidListViewInitialMetaData.data.solidView.layout);
             }
-            setListViewMetaData(solidListViewMetaData);
+            setSolidListViewMetaData(solidListViewInitialMetaData);
+            setIsDraftPublishWorkflowEnabled(((_c = (_b = (_a = solidListViewInitialMetaData === null || solidListViewInitialMetaData === void 0 ? void 0 : solidListViewInitialMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.draftPublishWorkflow) === true);
             // initialFilterMethod()
         }
-    }, [solidListViewMetaData]);
+    }, [solidListViewInitialMetaData]);
     // set layout and actions for create and edit buttons and view modes
     useEffect(function () {
         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;
-        console.log("useEffect: [solidListViewMetaData] line no 245");
         if (solidListViewMetaData) {
             var createActionUrl = ((_d = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.createAction) &&
                 ((_j = (_h = (_g = (_f = (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.createAction) === null || _j === void 0 ? void 0 : _j.type) === "custom"
@@ -345,25 +362,25 @@ export var SolidListView = function (params) {
         }
     }, [solidListViewMetaData]);
     // All list view state.
-    var _28 = useState([]), listViewData = _28[0], setListViewData = _28[1];
-    var _29 = useState(0), first = _29[0], setFirst = _29[1];
-    var _30 = useState(((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.defaultPageSize)
+    var _29 = useState([]), listViewData = _29[0], setListViewData = _29[1];
+    var _30 = useState(0), first = _30[0], setFirst = _30[1];
+    var _31 = useState(((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.defaultPageSize)
         ? (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize
-        : 10), rows = _30[0], setRows = _30[1];
-    var _31 = useState(0), totalRecords = _31[0], setTotalRecords = _31[1];
-    var _32 = useState(""), sortField = _32[0], setSortField = _32[1];
-    var _33 = useState(0), sortOrder = _33[0], setSortOrder = _33[1];
-    var _34 = useState([]), selectedRecords = _34[0], setSelectedRecords = _34[1];
-    var _35 = useState([]), selectedRecoverRecords = _35[0], setSelectedRecoverRecords = _35[1];
-    var _36 = useState(true), loading = _36[0], setLoading = _36[1];
-    var _37 = useState(false), isDialogVisible = _37[0], setDialogVisible = _37[1];
-    var _38 = useState(false), isRecoverDialogVisible = _38[0], setRecoverDialogVisible = _38[1];
-    var _39 = useState(), createButtonUrl = _39[0], setCreateButtonUrl = _39[1];
-    var _40 = useState(), editButtonUrl = _40[0], setEditButtonUrl = _40[1];
-    var _41 = useState(false), showArchived = _41[0], setShowArchived = _41[1];
-    var _42 = useState(false), queryDataLoaded = _42[0], setQueryDataLoaded = _42[1];
-    var _43 = useState(null), customFilter = _43[0], setCustomFilter = _43[1];
-    var _44 = useState(false), showSaveFilterPopup = _44[0], setShowSaveFilterPopup = _44[1];
+        : 10), rows = _31[0], setRows = _31[1];
+    var _32 = useState(0), totalRecords = _32[0], setTotalRecords = _32[1];
+    var _33 = useState(""), sortField = _33[0], setSortField = _33[1];
+    var _34 = useState(0), sortOrder = _34[0], setSortOrder = _34[1];
+    var _35 = useState([]), selectedRecords = _35[0], setSelectedRecords = _35[1];
+    var _36 = useState([]), selectedRecoverRecords = _36[0], setSelectedRecoverRecords = _36[1];
+    var _37 = useState(true), loading = _37[0], setLoading = _37[1];
+    var _38 = useState(false), isDialogVisible = _38[0], setDialogVisible = _38[1];
+    var _39 = useState(false), isRecoverDialogVisible = _39[0], setRecoverDialogVisible = _39[1];
+    var _40 = useState(), createButtonUrl = _40[0], setCreateButtonUrl = _40[1];
+    var _41 = useState(), editButtonUrl = _41[0], setEditButtonUrl = _41[1];
+    var _42 = useState(false), showArchived = _42[0], setShowArchived = _42[1];
+    var _43 = useState(false), queryDataLoaded = _43[0], setQueryDataLoaded = _43[1];
+    var _44 = useState(null), customFilter = _44[0], setCustomFilter = _44[1];
+    var _45 = useState(false), showSaveFilterPopup = _45[0], setShowSaveFilterPopup = _45[1];
     var sizeOptions = [
         { label: "Compact", value: "small", image: CompactImage },
         { label: "Cozy", value: "normal", image: CozyImage },
@@ -373,19 +390,18 @@ export var SolidListView = function (params) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _45 = useState(sizeOptions[1].value), size = _45[0], setSize = _45[1];
-    var _46 = useState([]), viewModes = _46[0], setViewModes = _46[1];
+    var _46 = useState(sizeOptions[1].value), size = _46[0], setSize = _46[1];
+    var _47 = useState([]), viewModes = _47[0], setViewModes = _47[1];
     // Custom Row Action
-    var _47 = useState(false), listViewRowActionPopupState = _47[0], setListViewRowActionPopupState = _47[1];
-    var _48 = useState(), listViewRowActionData = _48[0], setListRowActionData = _48[1];
+    var _48 = useState(false), listViewRowActionPopupState = _48[0], setListViewRowActionPopupState = _48[1];
+    var _49 = useState(), listViewRowActionData = _49[0], setListRowActionData = _49[1];
     var toast = useRef(null);
     // Get the list view data.
-    var _49 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _49[0], _50 = _49[1], solidEntityListViewData = _50.data, isLoading = _50.isLoading, error = _50.error;
-    var _51 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _51[0], _52 = _51[1], recoverByIdData = _52.data, recoverByIdIsLoading = _52.isLoading, recoverByIdError = _52.error, recoverByIdIsError = _52.isError, recoverByIdIsSuccess = _52.isSuccess;
-    var _53 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _53[0], _54 = _53[1], recoverByData = _54.data, recoverByIsLoading = _54.isLoading, recoverError = _54.error, recoverIsError = _54.isError, recoverByIsSuccess = _54.isSuccess;
+    var _50 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _50[0], _51 = _50[1], solidEntityListViewData = _51.data, isLoading = _51.isLoading, error = _51.error;
+    var _52 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _52[0], _53 = _52[1], recoverByIdData = _53.data, recoverByIdIsLoading = _53.isLoading, recoverByIdError = _53.error, recoverByIdIsError = _53.isError, recoverByIdIsSuccess = _53.isSuccess;
+    var _54 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _54[0], _55 = _54[1], recoverByData = _55.data, recoverByIsLoading = _55.isLoading, recoverError = _55.error, recoverIsError = _55.isError, recoverByIsSuccess = _55.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
-        console.log("useEffect: [solidListViewMetaData] line no 310");
         if (solidEntityListViewData) {
             var cleanedRecords = solidEntityListViewData.records.map(function (record) {
                 var newRecord = __assign({}, record);
@@ -414,14 +430,14 @@ export var SolidListView = function (params) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _55 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _55[0], isDeleteSolidSingleEntitySuccess = _55[1].isSuccess;
+    var _56 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _56[0], isDeleteSolidSingleEntitySuccess = _56[1].isSuccess;
     // Delete mutation
-    var _56 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _56[0], _57 = _56[1], isSolidEntitiesDeleted = _57.isLoading, isDeleteSolidEntitiesSucess = _57.isSuccess, isSolidEntitiesDeleteError = _57.isError, SolidEntitiesDeleteError = _57.error, DeletedSolidEntities = _57.data;
+    var _57 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _57[0], _58 = _57[1], isSolidEntitiesDeleted = _58.isLoading, isDeleteSolidEntitiesSucess = _58.isSuccess, isSolidEntitiesDeleteError = _58.isError, SolidEntitiesDeleteError = _58.error, DeletedSolidEntities = _58.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a, _b, _c;
         console.log("useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]");
-        if (solidListViewMetaData) {
+        if (solidListViewMetaData && solidListViewLayout) {
             var queryObject = queryStringToQueryObject();
             if (queryObject) {
                 var queryData = {
@@ -468,7 +484,69 @@ export var SolidListView = function (params) {
         recoverByIdIsSuccess,
         recoverByIsSuccess,
         solidListViewMetaData,
+        solidListViewLayout
     ]);
+    var session = useSession();
+    var user = useSelector(function (state) { return state.auth; }).user;
+    useEffect(function () {
+        if (solidListViewMetaData && (solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) && !loading) {
+            var handleDynamicFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var dynamicHeader, DynamicFunctionComponent, listViewRecords, listLayout, event, updatedListData;
+                var _a, _b, _c, _d, _e, _f, _g;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
+                        case 0:
+                            dynamicHeader = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onListLoad;
+                            DynamicFunctionComponent = null;
+                            listViewRecords = listViewData;
+                            listLayout = (_e = (_d = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.layout;
+                            if (params.customLayout) {
+                                listLayout = params.customLayout;
+                            }
+                            event = {
+                                fieldsMetadata: (_f = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidFieldsMetadata,
+                                listData: listViewData,
+                                totalRecords: totalRecords,
+                                type: "onListLoad",
+                                viewMetadata: (_g = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView,
+                                listViewLayout: listLayout,
+                                queryParams: {
+                                    menuItemId: menuItemId,
+                                    menuItemName: menuItemName,
+                                    actionId: actionId,
+                                    actionName: actionName,
+                                },
+                                user: user,
+                                session: session
+                            };
+                            if (!dynamicHeader) return [3 /*break*/, 3];
+                            DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
+                            if (!DynamicFunctionComponent) return [3 /*break*/, 2];
+                            return [4 /*yield*/, DynamicFunctionComponent(event)];
+                        case 1:
+                            updatedListData = _h.sent();
+                            if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.dataChanged) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newListData)) {
+                                listViewRecords = updatedListData.newListData;
+                            }
+                            if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.layoutChanged) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newLayout)) {
+                                listLayout = updatedListData.newLayout;
+                            }
+                            _h.label = 2;
+                        case 2:
+                            if (listViewRecords) {
+                                setListViewData(listViewRecords);
+                            }
+                            if (listLayout) {
+                                setSolidListViewLayout(listLayout);
+                            }
+                            _h.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); };
+            handleDynamicFunction();
+        }
+    }, [solidListViewMetaData, loading]);
     useEffect(function () {
         console.log("useEffect: [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, customFilter, queryDataLoaded]");
         if (queryDataLoaded) {
@@ -573,45 +651,76 @@ export var SolidListView = function (params) {
     // Common utility function that gets called on filter, sort & pagination events.
     // This function creates the query string as per the solid backend API specification
     var setQueryString = function (offset, limit, sortField, sortOrder, filters, showArchived, locale) { return __awaiter(void 0, void 0, void 0, function () {
-        var solidFieldsMetadata, queryData, sortFieldMetadata, queryString, url, urlData;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            solidFieldsMetadata = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata;
-            queryData = {
-                offset: offset !== null && offset !== void 0 ? offset : first,
-                limit: limit !== null && limit !== void 0 ? limit : rows,
-                filters: filters !== null && filters !== void 0 ? filters : filters,
-                populate: toPopulate,
-                populateMedia: toPopulateMedia,
-                locale: localeName ? localeName : "en",
-            };
-            if (sortField) {
-                sortFieldMetadata = solidFieldsMetadata[sortField];
-                if ((sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.type) === "relation" &&
-                    (sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationType) === "many-to-one") {
-                    sortField = "".concat(sortField, ".").concat((_c = (_b = sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name);
-                }
-                queryData.sort = [
-                    "".concat(sortField, ":").concat(sortOrder == 0 ? null : sortOrder == 1 ? "asc" : "desc"),
-                ];
-            }
-            else {
-                queryData.sort = ["id:desc"];
-            }
-            if (showArchived) {
-                queryData.showSoftDeleted = "inclusive";
-            }
-            queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-            if (customFilter) {
-                url = void 0;
-                urlData = queryData;
-                delete urlData.filters;
-                urlData.s_filter = customFilter.s_filter || {};
-                urlData.c_filter = customFilter.c_filter || {};
-                queryObjectToQueryString(urlData);
+        var solidFieldsMetadata, queryData, sortFieldMetadata, dynamicHeader, DynamicFunctionComponent, event, updatedListData, queryString, url, urlData;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return __generator(this, function (_j) {
+            switch (_j.label) {
+                case 0:
+                    solidFieldsMetadata = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata;
+                    queryData = {
+                        offset: offset !== null && offset !== void 0 ? offset : first,
+                        limit: limit !== null && limit !== void 0 ? limit : rows,
+                        filters: filters !== null && filters !== void 0 ? filters : filters,
+                        populate: toPopulate,
+                        populateMedia: toPopulateMedia,
+                        locale: localeName ? localeName : "en",
+                    };
+                    if (sortField && solidFieldsMetadata && solidFieldsMetadata[sortField]) {
+                        sortFieldMetadata = solidFieldsMetadata[sortField];
+                        if ((sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.type) === "relation" &&
+                            (sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationType) === "many-to-one") {
+                            sortField = "".concat(sortField, ".").concat((_c = (_b = sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name);
+                        }
+                        queryData.sort = [
+                            "".concat(sortField, ":").concat(sortOrder == 0 ? null : sortOrder == 1 ? "asc" : "desc"),
+                        ];
+                    }
+                    else {
+                        queryData.sort = ["id:desc"];
+                    }
+                    if (showArchived) {
+                        queryData.showSoftDeleted = "inclusive";
+                    }
+                    dynamicHeader = (_f = (_e = (_d = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.layout) === null || _f === void 0 ? void 0 : _f.onBeforeListDataLoad;
+                    DynamicFunctionComponent = null;
+                    event = {
+                        type: "onBeforeListDataLoad",
+                        fieldsMetadata: (_g = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidFieldsMetadata,
+                        viewMetadata: (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidView,
+                        listViewLayout: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data.solidView.layout,
+                        filter: structuredClone(queryData),
+                        queryParams: {
+                            menuItemId: menuItemId,
+                            menuItemName: menuItemName,
+                            actionId: actionId,
+                            actionName: actionName,
+                        },
+                        user: user,
+                        session: session
+                    };
+                    if (!dynamicHeader) return [3 /*break*/, 2];
+                    DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
+                    if (!DynamicFunctionComponent) return [3 /*break*/, 2];
+                    return [4 /*yield*/, DynamicFunctionComponent(event)];
+                case 1:
+                    updatedListData = _j.sent();
+                    if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.filterApplied) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter)) {
+                        queryData = updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter;
+                    }
+                    _j.label = 2;
+                case 2:
+                    queryString = qs.stringify(queryData, { encodeValuesOnly: true });
+                    if (customFilter) {
+                        url = void 0;
+                        urlData = queryData;
+                        delete urlData.filters;
+                        urlData.s_filter = customFilter.s_filter || {};
+                        urlData.c_filter = customFilter.c_filter || {};
+                        queryObjectToQueryString(urlData);
+                    }
+                    triggerGetSolidEntities(queryString);
+                    return [2 /*return*/];
             }
-            triggerGetSolidEntities(queryString);
-            return [2 /*return*/];
         });
     }); };
     // handle filter...
@@ -635,13 +744,15 @@ export var SolidListView = function (params) {
         if (solidListViewMetaData) {
             initialFilterMethod();
         }
-        setFilters(null);
+        setFilters({
+            $and: []
+        });
         solidGlobalSearchElementRef.current.clearFilter();
     };
-    var _58 = useState(), selectedSolidViewData = _58[0], setSelectedSolidViewData = _58[1];
+    var _59 = useState(), selectedSolidViewData = _59[0], setSelectedSolidViewData = _59[1];
     var selectedDataRef = useRef();
     var op = useRef(null);
-    var _59 = useState(false), deleteEntity = _59[0], setDeleteEntity = _59[1];
+    var _60 = useState(false), deleteEntity = _60[0], setDeleteEntity = _60[1];
     // clickable link allowing one to open the detail / form view.
     var detailsBodyTemplate = function (solidViewData) {
         return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
@@ -687,7 +798,7 @@ export var SolidListView = function (params) {
             if (errorMessages.length > 0) {
                 (_b = toast === null || toast === void 0 ? void 0 : toast.current) === null || _b === void 0 ? void 0 : _b.show({
                     severity: "error",
-                    summary: "Can you send me the report?",
+                    summary: ERROR_MESSAGES.SEND_REPORT,
                     // sticky: true,
                     life: 3000,
                     //@ts-ignore
@@ -703,7 +814,7 @@ export var SolidListView = function (params) {
             if (error) {
                 (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
                     severity: "error",
-                    summary: "Can you send me the report?",
+                    summary: ERROR_MESSAGES.SEND_REPORT,
                     // sticky: true,
                     life: 3000,
                     //@ts-ignore
@@ -724,7 +835,7 @@ export var SolidListView = function (params) {
         (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
             severity: 'success',
             summary: 'Deleted',
-            detail: 'Records deleted successfully',
+            detail: ERROR_MESSAGES.RECORD_DELETE,
             life: 3000,
         });
         setDialogVisible(false);
@@ -735,10 +846,10 @@ export var SolidListView = function (params) {
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _60 = useState(false), openLightbox = _60[0], setOpenLightbox = _60[1];
-    var _61 = useState({}), lightboxUrls = _61[0], setLightboxUrls = _61[1];
+    var _61 = useState(false), openLightbox = _61[0], setOpenLightbox = _61[1];
+    var _62 = useState({}), lightboxUrls = _62[0], setLightboxUrls = _62[1];
     // Render columns dynamically based on metadata
-    var renderColumnsDynamically = function (solidListViewMetaData) {
+    var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
         if (!solidListViewMetaData) {
             return;
@@ -751,9 +862,7 @@ export var SolidListView = function (params) {
         if (!solidView || !solidFieldsMetadata) {
             return;
         }
-        var currentLayout = params.customLayout
-            ? params.customLayout
-            : solidView.layout;
+        var currentLayout = solidListViewLayout;
         return (_a = currentLayout.children) === null || _a === void 0 ? void 0 : _a.map(function (column) {
             var _a, _b;
             var fieldMetadata = solidFieldsMetadata[column.attrs.name];
@@ -831,7 +940,7 @@ export var SolidListView = function (params) {
                 case 0:
                     _g.trys.push([0, 2, , 3]);
                     if (!(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id)) {
-                        throw new Error("No entity selected");
+                        throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
                     }
                     return [4 /*yield*/, deleteSolidSingleEntiry(selectedSolidViewData.id)];
                 case 1:
@@ -840,15 +949,15 @@ export var SolidListView = function (params) {
                         setDeleteEntity(false);
                         (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show({
                             severity: "success",
-                            summary: "Deleted",
-                            detail: "Entity deleted successfully",
+                            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: "Delete Failed",
+                            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,
                             life: 3000,
                         });
@@ -858,8 +967,8 @@ export var SolidListView = function (params) {
                     error_1 = _g.sent();
                     (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show({
                         severity: "error",
-                        summary: "Delete Failed",
-                        detail: "Something Went Wrong",
+                        summary: ERROR_MESSAGES.DELETE_FAIELD,
+                        detail: ERROR_MESSAGES.SOMETHING_WRONG,
                         life: 3000,
                     });
                     return [3 /*break*/, 3];
@@ -890,10 +999,10 @@ export var SolidListView = function (params) {
         : [];
     var hasMedia = slides.some(function (s) { return s.type === "video"; });
     return (_jsxs("div", { className: "page-parent-wrapper flex", children: [_jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.ListContentWrapper), children: [_jsxs("div", { className: "page-header", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex gap-3 align-items-center", children: [_jsx("p", { className: "m-0 view-title", children: (_d = (_c = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.displayName }), ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.enableGlobalSearch) === true &&
-                                        params.embeded === false && (_jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }))] }), _jsxs("div", { className: "flex align-items-center gap-3", children: [(_h = (_g = (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.headerButtons) === null || _g === void 0 ? void 0 : _g.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _h === void 0 ? void 0 : _h.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }), actionsAllowed.includes("".concat(createPermission(params.modelName))) &&
+                                        params.embeded === false && (_jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }))] }), _jsxs("div", { className: "flex align-items-center gap-3", children: [(_h = (_g = (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.headerButtons) === null || _g === void 0 ? void 0 : _g.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _h === void 0 ? void 0 : _h.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                         ((_j = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _j === void 0 ? void 0 : _j.create) !== false &&
                                         params.embeded !== true &&
-                                        ((_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { url: createButtonUrl, solidListViewLayout: solidListViewLayout })), actionsAllowed.includes("".concat(createPermission(params.modelName))) &&
+                                        ((_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { url: createButtonUrl, solidListViewLayout: solidListViewLayout })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                         ((_o = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _o === void 0 ? void 0 : _o.create) !== false &&
                                         params.embeded == true &&
                                         params.inlineCreate == true &&
@@ -906,7 +1015,7 @@ export var SolidListView = function (params) {
                                             : "Add", className: "".concat((_t = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.addButtonClassName), size: "small", onClick: function () { return params.handlePopUpOpen("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", outlined: true, onClick: function () {
                                             setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
                                         } })), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
-                                        ((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: listViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords }))] })] }), isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
+                                        ((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords }))] })] }), isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
                                 return rowData.deletedAt ? "greyed-out-row" : "";
                             }, showGridlines: false, lazy: true, scrollable: true, 
                             // scrollHeight="90vh"
@@ -917,13 +1026,13 @@ export var SolidListView = function (params) {
                             selection: params.embeded === true
                                 ? null
                                 : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: true, filterIcon: _jsx(FilterIcon, {}), tableClassName: "solid-data-table", paginatorClassName: "solid-paginator", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: function (e) {
-                                var _a;
+                                var _a, _b;
                                 var rowData = e.data;
-                                if ((solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.disableRowClick) === true)
+                                if (((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
                                     return;
-                                var hasFindPermission = actionsAllowed.includes(findPermission(params.modelName));
-                                var hasUpdatePermission = actionsAllowed.includes(updatePermission(params.modelName)) &&
-                                    ((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.edit) !== false;
+                                var hasFindPermission = actionsAllowed.includes(permissionExpression(params.modelName, 'findOne'));
+                                var hasUpdatePermission = actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
+                                    ((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.edit) !== false;
                                 if (!(hasFindPermission || hasUpdatePermission))
                                     return;
                                 if (params.embeded === true) {
@@ -935,15 +1044,16 @@ export var SolidListView = function (params) {
                                     }
                                     router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view"));
                                 }
-                            }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), renderColumnsDynamically(listViewMetaData), ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.rowButtons) &&
+                            }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.rowButtons) &&
                                     ((_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.rowButtons.filter(function (rb) {
-                                        var _a, _b;
+                                        var _a, _b, _c;
                                         var roles = ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
                                         var isInContextMenu = rb.attrs.actionInContextMenu === true;
                                         // Only check hasAnyRole if roles are provided
                                         var isAllowed = roles.length === 0 ||
                                             hasAnyRole((_b = user === null || user === void 0 ? void 0 : user.user) === null || _b === void 0 ? void 0 : _b.roles, roles);
-                                        return !isInContextMenu && isAllowed;
+                                        var isVisible = ((_c = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _c === void 0 ? void 0 : _c.visible) !== false;
+                                        return !isInContextMenu && isAllowed && isVisible;
                                     }).map(function (button, index) {
                                         // const hasRole = button.attrs.roles && button.attrs.roles.length > 0 ? useHasAnyRole(button.attrs.roles) : true;
                                         // if (!hasRole) return null;
@@ -959,57 +1069,64 @@ export var SolidListView = function (params) {
                                                         var event = {
                                                             params: params,
                                                             rowData: rowData,
-                                                            solidListViewMetaData: solidListViewMetaData.data,
+                                                            solidListViewMetaData: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data,
                                                         };
                                                         handleCustomButtonClick(button.attrs, event);
                                                     } }));
                                             } }, index));
-                                    })), actionsAllowed.includes("".concat(updatePermission(params.modelName))) &&
+                                    })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.edit) !== false &&
                                     ((_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.showRowEditInContextMenu) ===
                                         false && (_jsx(Column, { header: "Edit", body: function (rowData) {
-                                        return (_jsx(Button, { text: true, type: "button", severity: "secondary", className: "", label: "", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
-                                                if (params.embeded == true) {
-                                                    params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
-                                                }
-                                                else {
-                                                    router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit"));
-                                                }
-                                            } }));
-                                    } })), actionsAllowed.includes("".concat(deletePermission(params.modelName))) &&
+                                        var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
+                                        return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", severity: "secondary", className: "", label: "", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                                    if (params.embeded == true) {
+                                                        params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                    }
+                                                    else {
+                                                        router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit"));
+                                                    }
+                                                } })) }));
+                                    } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                     ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.delete) !== false &&
                                     ((_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.showRowDeleteInContextMenu) ===
                                         false && (_jsx(Column, { header: "Delete", body: function (rowData) {
-                                        return (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
-                                                setSelectedSolidViewData(rowData);
-                                                setDeleteEntity(true);
-                                            } }));
-                                    } })), actionsAllowed.includes("".concat(updatePermission(params.modelName))) &&
+                                        var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
+                                        return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
+                                                    setSelectedSolidViewData(rowData);
+                                                    setDeleteEntity(true);
+                                                } })) }));
+                                    } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.edit) !== false && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
-                                        var _a, _b, _c, _d;
+                                        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                                         return (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) ? (_jsx("a", { onClick: function (event) {
                                                 event.stopPropagation();
                                                 recoverById(rowData.id);
                                             }, className: "retrieve-button", children: _jsx("i", { className: "pi pi-refresh", style: { fontSize: "1rem" } }) })) : (_jsx(_Fragment, { children: ((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.showRowContextMenu) !==
-                                                false && (_jsxs(_Fragment, { children: [detailsBodyTemplate(rowData), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [(solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showDefaultEditButton) !== false &&
-                                                                    (solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showRowEditInContextMenu) !== false && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                                false && (_jsxs(_Fragment, { children: [detailsBodyTemplate(rowData), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.showDefaultEditButton) !== false &&
+                                                                    ((_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showRowEditInContextMenu) !== false &&
+                                                                    !(isDraftPublishWorkflowEnabled && ((_d = selectedDataRef.current) === null || _d === void 0 ? void 0 : _d.publishedAt)) && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                                                        var _a, _b;
                                                                         if (params.embeded == true) {
-                                                                            params.handlePopUpOpen(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id);
+                                                                            params.handlePopUpOpen((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
                                                                         }
                                                                         else {
-                                                                            router.push("".concat(editButtonUrl, "/").concat(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id, "?viewMode=edit"));
+                                                                            router.push("".concat(editButtonUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit"));
                                                                         }
-                                                                    } })), actionsAllowed.includes("".concat(deletePermission(params.modelName))) &&
-                                                                    ((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.delete) !==
+                                                                    } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
+                                                                    ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.delete) !==
                                                                         false &&
-                                                                    (solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showRowDeleteInContextMenu) !== false && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), (_d = (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.rowButtons) === null || _d === void 0 ? void 0 : _d.filter(function (rb) {
-                                                                    return rb.attrs.actionInContextMenu === true;
+                                                                    ((_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showRowDeleteInContextMenu) !== false &&
+                                                                    !(isDraftPublishWorkflowEnabled && ((_g = selectedDataRef.current) === null || _g === void 0 ? void 0 : _g.publishedAt)) && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), (_j = (_h = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _h === void 0 ? void 0 : _h.rowButtons) === null || _j === void 0 ? void 0 : _j.filter(function (rb) {
+                                                                    var _a, _b;
+                                                                    return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true &&
+                                                                        ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
                                                                 }).map(function (button, index) {
                                                                     var _a;
                                                                     return (_jsx(SolidListViewRowButtonContextMenu, { button: button, params: params, getSelectedSolidViewData: function () { return selectedDataRef.current; }, 
                                                                         // selectedSolidViewData={selectedSolidViewData}
-                                                                        solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, "".concat(index, "-").concat(((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id) || '')));
-                                                                })] }) }, (selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id) || 'default')] })) }));
+                                                                        solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, "".concat(index, "-").concat(((_a = selectedDataRef === null || selectedDataRef === void 0 ? void 0 : selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id) || '')));
+                                                                })] }) })] })) }));
                                     } }))] }) }))] }), process.env.NEXT_PUBLIC_ENABLE_SOLIDX_AI === "true" &&
                 params.embeded !== true && (_jsxs("div", { className: "chatter-section ".concat(isOpenSolidXAiPanel === false ? "collapsed" : ""), style: { width: chatterWidth }, children: [isOpenSolidXAiPanel && (_jsx("div", { style: {
                             width: 5,
@@ -1020,7 +1137,7 @@ export var SolidListView = function (params) {
                             bottom: 0,
                             height: "100%",
                             zIndex: 9,
-                        }, onMouseDown: function () { return setIsResizing(true); } })), isOpenSolidXAiPanel && (_jsx(Button, { icon: "pi pi-angle-double-right", size: "small", text: true, className: "chatter-collapse-btn", style: { width: 30, height: 30, aspectRatio: "1/1" }, onClick: handleCloseSolidXAIPanel })), isOpenSolidXAiPanel === false ? (_jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [_jsx("div", { className: "chatter-collapsed-content", onClick: handleOpenSolidXAIPanel, children: _jsxs("div", { className: "flex gap-2", children: [" ", _jsx(SolidXAIIcon, {}), " SolidX AI", " "] }) }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: handleOpenSolidXAIPanel })] })) : (_jsx(SolidXAIModule, { showHeader: true, inListView: true }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", style: { width: '20vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity, autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: "Delete ".concat(((_8 = (_7 = (_6 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _6 === void 0 ? void 0 : _6.solidView) === null || _7 === void 0 ? void 0 : _7.model) === null || _8 === void 0 ? void 0 : _8.displayName)
+                        }, onMouseDown: function () { return setIsResizing(true); } })), isOpenSolidXAiPanel && (_jsx(Button, { icon: "pi pi-angle-double-right", size: "small", text: true, className: "chatter-collapse-btn", style: { width: 30, height: 30, aspectRatio: "1/1" }, onClick: handleCloseSolidXAIPanel })), isOpenSolidXAiPanel === false ? (_jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [_jsx("div", { className: "chatter-collapsed-content", onClick: handleOpenSolidXAIPanel, children: _jsxs("div", { className: "flex gap-2", children: [" ", _jsx(SolidXAIIcon, {}), " SolidX AI", " "] }) }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: handleOpenSolidXAIPanel })] })) : (_jsx(SolidAiMainWrapper, { showHeader: true, inListView: true }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", style: { width: '20vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity, autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: "Delete ".concat(((_8 = (_7 = (_6 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _6 === void 0 ? void 0 : _6.solidView) === null || _7 === void 0 ? void 0 : _7.model) === null || _8 === void 0 ? void 0 : _8.displayName)
                     ? (_11 = (_10 = (_9 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _9 === void 0 ? void 0 : _9.solidView) === null || _10 === void 0 ? void 0 : _10.model) === null || _11 === void 0 ? void 0 : _11.displayName
                     : params === null || params === void 0 ? void 0 : params.modelName), headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: "20vw" }, onHide: function () {
                     if (!deleteEntity)