@solidstarters/solid-core-ui 1.1.205 → 1.1.206

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

@@ -97,11 +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;
@@ -138,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];
@@ -182,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) {
@@ -223,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({}), solidListViewMetaData = _25[0], setSolidListViewMetaData = _25[1];
-    var _26 = useState({}), solidListViewLayout = _26[0], setSolidListViewLayout = _26[1];
-    var _27 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _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;
@@ -313,7 +321,7 @@ 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 (solidListViewInitialMetaData) {
             if (params.customLayout) {
@@ -323,13 +331,13 @@ export var SolidListView = function (params) {
                 setSolidListViewLayout(solidListViewInitialMetaData === null || solidListViewInitialMetaData === void 0 ? void 0 : solidListViewInitialMetaData.data.solidView.layout);
             }
             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()
         }
     }, [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"
@@ -354,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 },
@@ -382,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);
@@ -423,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 = {
@@ -477,28 +484,38 @@ 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 === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) && !loading) {
+        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;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
+                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 = 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: (_d = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidFieldsMetadata,
+                                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: (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView,
-                                listViewLayout: solidListViewLayout,
+                                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
                             };
@@ -507,14 +524,14 @@ export var SolidListView = function (params) {
                             if (!DynamicFunctionComponent) return [3 /*break*/, 2];
                             return [4 /*yield*/, DynamicFunctionComponent(event)];
                         case 1:
-                            updatedListData = _f.sent();
+                            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;
                             }
-                            _f.label = 2;
+                            _h.label = 2;
                         case 2:
                             if (listViewRecords) {
                                 setListViewData(listViewRecords);
@@ -522,14 +539,14 @@ export var SolidListView = function (params) {
                             if (listLayout) {
                                 setSolidListViewLayout(listLayout);
                             }
-                            _f.label = 3;
+                            _h.label = 3;
                         case 3: return [2 /*return*/];
                     }
                 });
             }); };
             handleDynamicFunction();
         }
-    }, [solidListViewMetaData, listViewData]);
+    }, [solidListViewMetaData, loading]);
     useEffect(function () {
         console.log("useEffect: [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, customFilter, queryDataLoaded]");
         if (queryDataLoaded) {
@@ -634,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 && 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";
-            }
-            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...
@@ -696,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) {
@@ -796,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;
@@ -812,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];
@@ -996,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(solidListViewMetaData), ((_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;
@@ -1020,7 +1069,7 @@ 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);
                                                     } }));
@@ -1029,41 +1078,50 @@ export var SolidListView = function (params) {
                                     ((_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"));
-                                                }
-                                            } }));
+                                        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);
-                                            } }));
+                                        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, _e, _f, _g;
+                                        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: [((_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 && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                                                    ((_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(permissionExpression(params.modelName, 'delete'))) &&
-                                                                    ((_d = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.delete) !==
+                                                                    ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.delete) !==
                                                                         false &&
-                                                                    ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.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); } })), (_g = (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.rowButtons) === null || _g === void 0 ? void 0 : _g.filter(function (rb) { var _a; return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true; }).map(function (button, index) {
+                                                                    ((_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}
@@ -1079,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)