@solidstarters/solid-core-ui 1.1.206 → 1.1.207

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

@@ -72,7 +72,7 @@ import { SolidCreateButton } from "../common/SolidCreateButton";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
 import { permissionExpression } from "../../../helpers/permissions";
-import { useRouter, useSearchParams } from "next/navigation";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { ListViewRowActionPopup } from "./ListViewRowActionPopup";
 import { FilterIcon } from "../../modelsComponents/filterIcon";
 import { OverlayPanel } from "primereact/overlaypanel";
@@ -95,13 +95,15 @@ import { useHandleListCustomButtonClick } from "../../../components/common/useHa
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { SolidListViewHeaderButton } from "./SolidListViewHeaderButton";
 import { SolidListViewRowButtonContextMenu } from "./SolidListViewRowButtonContextMenu";
-import { useSelector } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
 import styles from "./SolidListViewWrapper.module.css";
 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 { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
+import { useLazyGetMcpUrlQuery } from "../../../redux/api/solidSettingsApi";
 // import { ERROR_MESSAGES } from "../../../constants/error-messages";
 var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
@@ -112,7 +114,7 @@ export var queryStringToQueryObject = function () {
     if (encodedQueryString) {
         try {
             var decodedQueryString = atob(encodedQueryString); // Base64 decode the string
-            var parsedParams = qs.parse(decodedQueryString); // Parse the decoded string into an object
+            var parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
             return parsedParams;
         }
         catch (error) {
@@ -122,7 +124,8 @@ export var queryStringToQueryObject = function () {
 };
 export var queryObjectToQueryString = function (queryObject) {
     if (queryObject) {
-        var stringifiedObject = qs.stringify(queryObject);
+        var stringifiedObject = JSON.stringify(queryObject);
+        // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
         var encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
         var currentPageUrl = window.location.pathname; // Get the current page URL
         localStorage.setItem(currentPageUrl, encodedQueryString); // Store in local storage with the URL as the key
@@ -131,24 +134,84 @@ export var queryObjectToQueryString = function (queryObject) {
     return null;
 };
 export var SolidListView = function (params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27;
     var user = useSelector(function (state) { return state.auth; }).user;
+    var session = useSession();
+    var dispatch = useDispatch();
+    var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
+    var pathname = usePathname();
     var solidGlobalSearchElementRef = useRef();
     var router = useRouter();
     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 || { $and: [] }), filters = _18[0], setFilters = _18[1];
+    var _28 = useState(params.customFilter || null), filters = _28[0], setFilters = _28[1];
     // const [customFilter, setCustomFilter] = useState<FilterRule[]>(initialState);
     // const [showGlobalSearchElement, setShowGlobalSearchElement] = useState<boolean>(false);
-    var _19 = useState([]), toPopulate = _19[0], setToPopulate = _19[1];
-    var _20 = useState([]), toPopulateMedia = _20[0], setToPopulateMedia = _20[1];
-    var _21 = useState([]), actionsAllowed = _21[0], setActionsAllowed = _21[1];
-    var _22 = useState(false), isOpenSolidXAiPanel = _22[0], setIsOpenSolidXAiPanel = _22[1];
-    var _23 = useState(380), chatterWidth = _23[0], setChatterWidth = _23[1];
-    var _24 = useState(false), isResizing = _24[0], setIsResizing = _24[1];
+    var _29 = useState([]), toPopulate = _29[0], setToPopulate = _29[1];
+    var _30 = useState([]), toPopulateMedia = _30[0], setToPopulateMedia = _30[1];
+    var _31 = useState([]), actionsAllowed = _31[0], setActionsAllowed = _31[1];
+    var _32 = useState(false), isOpenSolidXAiPanel = _32[0], setIsOpenSolidXAiPanel = _32[1];
+    var _33 = useState(380), chatterWidth = _33[0], setChatterWidth = _33[1];
+    var _34 = useState(false), isResizing = _34[0], setIsResizing = _34[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
+    var _35 = useState(null), mcpUrl = _35[0], setMcpUrl = _35[1];
+    var getMcpUrl = useLazyGetMcpUrlQuery()[0];
+    useEffect(function () {
+        var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var permissionNames, queryData, queryString, response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        permissionNames = ["SettingController.getMcpUrl"];
+                        queryData = {
+                            permissionNames: permissionNames
+                        };
+                        queryString = qs.stringify(queryData, {
+                            encodeValuesOnly: true
+                        });
+                        return [4 /*yield*/, triggerCheckIfPermissionExists(queryString)];
+                    case 1:
+                        response = _a.sent();
+                        if (response.data.data) {
+                            if (response.data.data.includes("SettingController.getMcpUrl")) {
+                                enableSolidXAiPanel();
+                            }
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchPermissions();
+    }, []);
+    var enableSolidXAiPanel = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, queryString, response, error_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 2, , 3]);
+                    queryData = {
+                        showHeader: "true",
+                        inListView: "true"
+                    };
+                    queryString = qs.stringify(__assign({}, queryData), { encodeValuesOnly: true });
+                    return [4 /*yield*/, getMcpUrl(queryString).unwrap()];
+                case 1:
+                    response = _c.sent();
+                    console.log("response", response);
+                    if (response && ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.mcpUrl)) {
+                        setMcpUrl((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.mcpUrl);
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _c.sent();
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
     useEffect(function () {
         var storedOpen = localStorage.getItem("l_solidxai_open");
         var storedWidth = localStorage.getItem("l_solidxai_width");
@@ -238,10 +301,10 @@ export var SolidListView = function (params) {
     }, {
         encodeValuesOnly: true,
     });
-    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 _36 = useState(null), solidListViewMetaData = _36[0], setSolidListViewMetaData = _36[1];
+    var _37 = useState(null), solidListViewLayout = _37[0], setSolidListViewLayout = _37[1];
+    var _38 = useState(false), isDraftPublishWorkflowEnabled = _38[0], setIsDraftPublishWorkflowEnabled = _38[1];
+    var _39 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _39.data, solidListViewMetaDataError = _39.error, solidListViewMetaDataIsLoading = _39.isLoading, solidListViewMetaDataIsError = _39.isError, refetch = _39.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;
@@ -256,6 +319,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)) {
+                console.log("Some problem in rendering column: ", column);
                 showFieldError(ERROR_MESSAGES.FIELD_NOT_IN_METADATA(column.attrs.label));
                 // return;
             }
@@ -308,16 +372,17 @@ export var SolidListView = function (params) {
                 }
             }
         }
-        // setFilters(initialFilters);
-        var rows = (_d = (_c = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize) !== null && _d !== void 0 ? _d : 25;
         var populate = toPopulate;
         var populateMedia = toPopulateMedia;
-        setRows(rows);
-        setToPopulate(populate);
-        setToPopulateMedia(populateMedia);
-        setSortField("id");
-        setSortOrder(-1);
-        return { rows: rows, populate: populate, populateMedia: populateMedia };
+        var rows = (_d = (_c = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize) !== null && _d !== void 0 ? _d : 25;
+        var sortField = "id";
+        var sortOrder = -1;
+        // setRows(rows);
+        // setToPopulate(populate);
+        // setToPopulateMedia(populateMedia);
+        // setSortField("id");
+        // setSortOrder(-1);
+        return { sortField: sortField, sortOrder: sortOrder, rows: rows, populate: populate, populateMedia: populateMedia };
     };
     // Set the initial filter state based on the metadata.
     useEffect(function () {
@@ -332,7 +397,6 @@ export var SolidListView = function (params) {
             }
             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
@@ -362,25 +426,25 @@ export var SolidListView = function (params) {
         }
     }, [solidListViewMetaData]);
     // All list view state.
-    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)
+    var _40 = useState([]), listViewData = _40[0], setListViewData = _40[1];
+    var _41 = useState(0), first = _41[0], setFirst = _41[1];
+    var _42 = 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 = _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];
+        : 10), rows = _42[0], setRows = _42[1];
+    var _43 = useState(0), totalRecords = _43[0], setTotalRecords = _43[1];
+    var _44 = useState("id"), sortField = _44[0], setSortField = _44[1];
+    var _45 = useState(-1), sortOrder = _45[0], setSortOrder = _45[1];
+    var _46 = useState([]), selectedRecords = _46[0], setSelectedRecords = _46[1];
+    var _47 = useState([]), selectedRecoverRecords = _47[0], setSelectedRecoverRecords = _47[1];
+    var _48 = useState(true), loading = _48[0], setLoading = _48[1];
+    var _49 = useState(false), isDialogVisible = _49[0], setDialogVisible = _49[1];
+    var _50 = useState(false), isRecoverDialogVisible = _50[0], setRecoverDialogVisible = _50[1];
+    var _51 = useState(), createButtonUrl = _51[0], setCreateButtonUrl = _51[1];
+    var _52 = useState(), editButtonUrl = _52[0], setEditButtonUrl = _52[1];
+    var _53 = useState(false), showArchived = _53[0], setShowArchived = _53[1];
+    var _54 = useState(false), queryDataLoaded = _54[0], setQueryDataLoaded = _54[1];
+    var _55 = useState(null), customFilter = _55[0], setCustomFilter = _55[1];
+    var _56 = useState(false), showSaveFilterPopup = _56[0], setShowSaveFilterPopup = _56[1];
     var sizeOptions = [
         { label: "Compact", value: "small", image: CompactImage },
         { label: "Cozy", value: "normal", image: CozyImage },
@@ -390,16 +454,16 @@ export var SolidListView = function (params) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _46 = useState(sizeOptions[1].value), size = _46[0], setSize = _46[1];
-    var _47 = useState([]), viewModes = _47[0], setViewModes = _47[1];
+    var _57 = useState(sizeOptions[1].value), size = _57[0], setSize = _57[1];
+    var _58 = useState([]), viewModes = _58[0], setViewModes = _58[1];
     // Custom Row Action
-    var _48 = useState(false), listViewRowActionPopupState = _48[0], setListViewRowActionPopupState = _48[1];
-    var _49 = useState(), listViewRowActionData = _49[0], setListRowActionData = _49[1];
+    var _59 = useState(false), listViewRowActionPopupState = _59[0], setListViewRowActionPopupState = _59[1];
+    var _60 = useState(), listViewRowActionData = _60[0], setListRowActionData = _60[1];
     var toast = useRef(null);
     // Get the list view data.
-    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;
+    var _61 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _61[0], _62 = _61[1], solidEntityListViewData = _62.data, isLoading = _62.isLoading, error = _62.error;
+    var _63 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _63[0], _64 = _63[1], recoverByIdData = _64.data, recoverByIdIsLoading = _64.isLoading, recoverByIdError = _64.error, recoverByIdIsError = _64.isError, recoverByIdIsSuccess = _64.isSuccess;
+    var _65 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _65[0], _66 = _65[1], recoverByData = _66.data, recoverByIsLoading = _66.isLoading, recoverError = _66.error, recoverIsError = _66.isError, recoverByIsSuccess = _66.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -430,9 +494,9 @@ export var SolidListView = function (params) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _56 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _56[0], isDeleteSolidSingleEntitySuccess = _56[1].isSuccess;
+    var _67 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _67[0], isDeleteSolidSingleEntitySuccess = _67[1].isSuccess;
     // Delete mutation
-    var _57 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _57[0], _58 = _57[1], isSolidEntitiesDeleted = _58.isLoading, isDeleteSolidEntitiesSucess = _58.isSuccess, isSolidEntitiesDeleteError = _58.isError, SolidEntitiesDeleteError = _58.error, DeletedSolidEntities = _58.data;
+    var _68 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _68[0], _69 = _68[1], isSolidEntitiesDeleted = _69.isLoading, isDeleteSolidEntitiesSucess = _69.isSuccess, isSolidEntitiesDeleteError = _69.isError, SolidEntitiesDeleteError = _69.error, DeletedSolidEntities = _69.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a, _b, _c;
@@ -456,24 +520,43 @@ export var SolidListView = function (params) {
                 var filters_1 = {
                     $and: [],
                 };
-                if (queryObject.s_filter) {
-                    filters_1.$and.push(queryObject.s_filter);
+                if (queryObject.custom_filter_predicate) {
+                    filters_1.$and.push(queryObject.custom_filter_predicate);
                 }
-                if (queryObject.c_filter) {
-                    filters_1.$and.push(queryObject.c_filter);
+                if (queryObject.search_predicate) {
+                    filters_1.$and.push(queryObject.search_predicate);
                 }
+                // if (queryObject.saved_filter_predicate) {
+                //   filters.$and.push(queryObject.saved_filter_predicate);
+                // }
+                // if (queryObject.predefined_search_predicate) {
+                //   filters.$and.push(queryObject.predefined_search_predicate);
+                // }
+                // if (queryObject.s_filter) {
+                //   filters.$and.push(queryObject.s_filter);
+                // }
+                // if (queryObject.c_filter) {
+                //   filters.$and.push(queryObject.c_filter);
+                // }
                 setRows(Number(queryData.limit));
-                setToPopulate(queryData === null || queryData === void 0 ? void 0 : queryData.populate);
-                setToPopulateMedia(queryData === null || queryData === void 0 ? void 0 : queryData.populateMedia);
                 setFirst(Number(queryData === null || queryData === void 0 ? void 0 : queryData.offset));
                 setSortField((_b = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _b === void 0 ? void 0 : _b.field);
                 setSortOrder((_c = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _c === void 0 ? void 0 : _c.order);
-                setFilters(filters_1);
+                // latestFiltersRef.current = filters;
+                // setFilters(filters);
+                var _d = initialFilterMethod(), sortField_1 = _d.sortField, sortOrder_1 = _d.sortOrder, rows_1 = _d.rows, populate = _d.populate, populateMedia = _d.populateMedia;
+                setToPopulate(populate);
+                setToPopulateMedia(populateMedia);
                 setQueryDataLoaded(true);
             }
             else {
-                initialFilterMethod();
+                var _e = initialFilterMethod(), sortField_2 = _e.sortField, sortOrder_2 = _e.sortOrder, rows_2 = _e.rows, populate = _e.populate, populateMedia = _e.populateMedia;
+                setRows(rows_2);
+                setSortField(sortField_2);
+                setSortOrder(sortOrder_2);
                 setQueryDataLoaded(true);
+                setToPopulate(populate);
+                setToPopulateMedia(populateMedia);
             }
             setSelectedRecords([]);
             setSelectedRecoverRecords([]);
@@ -486,8 +569,6 @@ export var SolidListView = function (params) {
         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 () {
@@ -517,7 +598,8 @@ export var SolidListView = function (params) {
                                     actionName: actionName,
                                 },
                                 user: user,
-                                session: session
+                                session: session.data,
+                                params: params
                             };
                             if (!dynamicHeader) return [3 /*break*/, 3];
                             DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
@@ -547,27 +629,36 @@ export var SolidListView = function (params) {
             handleDynamicFunction();
         }
     }, [solidListViewMetaData, loading]);
+    // Create a ref that always has the latest filters
+    var latestFiltersRef = useRef(filters);
+    var latestCustomFilterRef = useRef(customFilter);
+    // Keep refs in sync
     useEffect(function () {
-        console.log("useEffect: [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, customFilter, queryDataLoaded]");
-        if (queryDataLoaded) {
-            setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
+        latestFiltersRef.current = filters;
+    }, [filters]);
+    useEffect(function () {
+        latestCustomFilterRef.current = customFilter;
+    }, [customFilter]);
+    useEffect(function () {
+        console.log("useEffect: [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, queryDataLoaded]");
+        if (queryDataLoaded && filters) {
+            setQueryString();
         }
     }, [
         first,
         rows,
         sortField,
         sortOrder,
+        filters,
         showArchived,
         toPopulate,
         toPopulateMedia,
-        customFilter,
-        queryDataLoaded,
+        queryDataLoaded
     ]);
     // Handle pagination event.
     var onPageChange = function (event) {
         setFirst(event.first);
         setRows(event.rows);
-        // setQueryString(event.first, event.rows, sortField, sortOrder, filters, showArchived);
     };
     // Handle sort event.
     var onSort = function (event) {
@@ -576,13 +667,6 @@ export var SolidListView = function (params) {
         setSortField(sortField);
         setSortOrder(validSortOrder);
         setFirst(0);
-        // setQueryString(
-        //   0,
-        //   rows,
-        //   sortField,
-        //   sortOrder === 1 || sortOrder === -1 ? sortOrder : 0,
-        //   filters
-        // );
     };
     // handle change in the records which are currently selected...
     var onSelectionChange = function (event) {
@@ -650,17 +734,17 @@ 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 setQueryString = function () { return __awaiter(void 0, void 0, void 0, function () {
         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) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return __generator(this, function (_k) {
+            switch (_k.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,
+                        offset: first,
+                        limit: rows,
+                        filters: (_b = latestFiltersRef.current) !== null && _b !== void 0 ? _b : latestFiltersRef.current,
                         populate: toPopulate,
                         populateMedia: toPopulateMedia,
                         locale: localeName ? localeName : "en",
@@ -669,7 +753,7 @@ export var SolidListView = function (params) {
                         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);
+                            sortField = "".concat(sortField, ".").concat((_d = (_c = sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationModel) === null || _c === void 0 ? void 0 : _c.userKeyField) === null || _d === void 0 ? void 0 : _d.name);
                         }
                         queryData.sort = [
                             "".concat(sortField, ":").concat(sortOrder == 0 ? null : sortOrder == 1 ? "asc" : "desc"),
@@ -681,12 +765,12 @@ export var SolidListView = function (params) {
                     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;
+                    dynamicHeader = (_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.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,
+                        fieldsMetadata: (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidFieldsMetadata,
+                        viewMetadata: (_j = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView,
                         listViewLayout: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data.solidView.layout,
                         filter: structuredClone(queryData),
                         queryParams: {
@@ -696,26 +780,27 @@ export var SolidListView = function (params) {
                             actionName: actionName,
                         },
                         user: user,
-                        session: session
+                        session: session.data,
+                        params: params
                     };
                     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();
+                    updatedListData = _k.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;
+                    _k.label = 2;
                 case 2:
                     queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-                    if (customFilter) {
+                    if (latestCustomFilterRef.current) {
                         url = void 0;
-                        urlData = queryData;
+                        urlData = structuredClone(queryData);
                         delete urlData.filters;
-                        urlData.s_filter = customFilter.s_filter || {};
-                        urlData.c_filter = customFilter.c_filter || {};
+                        urlData.custom_filter_predicate = latestCustomFilterRef.current.custom_filter_predicate || null;
+                        urlData.search_predicate = latestCustomFilterRef.current.search_predicate || null;
                         queryObjectToQueryString(urlData);
                     }
                     triggerGetSolidEntities(queryString);
@@ -725,34 +810,57 @@ export var SolidListView = function (params) {
     }); };
     // handle filter...
     var handleApplyCustomFilter = function (transformedFilter) {
-        var queryfilter = {
+        var queryfilter = params.customFilter || {
             $and: [],
         };
-        if (transformedFilter.s_filter) {
-            queryfilter.$and.push(transformedFilter.s_filter);
+        // custom_filter_predicate
+        // search_predicate
+        // saved_filter_predicate
+        // predefined_search_predicate
+        if (transformedFilter.custom_filter_predicate) {
+            queryfilter.$and.push(transformedFilter.custom_filter_predicate);
+        }
+        if (transformedFilter.search_predicate) {
+            queryfilter.$and.push(transformedFilter.search_predicate);
+        }
+        if (transformedFilter.saved_filter_predicate) {
+            queryfilter.$and.push(transformedFilter.saved_filter_predicate);
         }
-        if (transformedFilter.c_filter) {
-            queryfilter.$and.push(transformedFilter.c_filter);
+        if (transformedFilter.predefined_search_predicate) {
+            queryfilter.$and.push(transformedFilter.predefined_search_predicate);
         }
         var customFilter = transformedFilter;
         var updatedFilter = __assign(__assign({}, (filters || {})), (queryfilter || {}));
-        setFilters(function (prevFilters) { return (__assign(__assign({}, (prevFilters || {})), (queryfilter || {}))); });
-        setCustomFilter(customFilter);
+        // Update refs IMMEDIATELY (synchronously)
+        latestFiltersRef.current = updatedFilter;
+        latestCustomFilterRef.current = transformedFilter;
+        // Then update state
+        setFilters(updatedFilter);
+        setCustomFilter(transformedFilter);
+        // Force synchronous state updates
     };
     // clear Filter
     var clearFilter = function () {
         if (solidListViewMetaData) {
-            initialFilterMethod();
+            var _a = initialFilterMethod(), sortField_3 = _a.sortField, sortOrder_3 = _a.sortOrder, rows_3 = _a.rows, populate = _a.populate, populateMedia = _a.populateMedia;
+            setRows(rows_3);
+            setSortField(sortField_3);
+            setSortOrder(sortOrder_3);
+            setToPopulate(populate);
+            setToPopulateMedia(populateMedia);
         }
+        latestFiltersRef.current = {
+            $and: []
+        };
         setFilters({
             $and: []
         });
         solidGlobalSearchElementRef.current.clearFilter();
     };
-    var _59 = useState(), selectedSolidViewData = _59[0], setSelectedSolidViewData = _59[1];
+    var _70 = useState(), selectedSolidViewData = _70[0], setSelectedSolidViewData = _70[1];
     var selectedDataRef = useRef();
     var op = useRef(null);
-    var _60 = useState(false), deleteEntity = _60[0], setDeleteEntity = _60[1];
+    var _71 = useState(false), deleteEntity = _71[0], setDeleteEntity = _71[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) {
@@ -785,24 +893,41 @@ export var SolidListView = function (params) {
         setRecoverDialogVisible(false);
     };
     useEffect(function () {
-        console.log("useEffect: [recoverIsError, recoverByIdIsError]");
-        if (recoverIsError || recoverByIdIsError) {
-            showError(recoverByIdIsError ? recoverByIdError : recoverError);
+        var _a;
+        if (recoverByIdIsSuccess && recoverByIdData) {
+            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                severity: "success",
+                summary: "Success",
+                detail: recoverByIdData.data.message,
+                life: 3000,
+            });
+            return;
+        }
+        if (recoverByIdIsError && recoverByIdError) {
+            showError(recoverByIdError);
+            return;
+        }
+        if (recoverIsError && recoverError) {
+            showError(recoverError);
         }
-    }, [recoverIsError, recoverByIdIsError]);
+    }, [recoverByIdIsSuccess, recoverByIdData, recoverByIdIsError, recoverByIdError, recoverIsError, recoverError]);
     var showError = function (error) { return __awaiter(void 0, void 0, void 0, function () {
-        var errorMessages;
+        var errorMessages, messages;
         var _a, _b;
         return __generator(this, function (_c) {
             errorMessages = (_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.message;
-            if (errorMessages.length > 0) {
+            messages = Array.isArray(errorMessages)
+                ? errorMessages
+                : errorMessages
+                    ? [errorMessages]
+                    : [];
+            if (messages.length > 0) {
                 (_b = toast === null || toast === void 0 ? void 0 : toast.current) === null || _b === void 0 ? void 0 : _b.show({
                     severity: "error",
                     summary: ERROR_MESSAGES.SEND_REPORT,
-                    // sticky: true,
-                    life: 3000,
+                    sticky: true,
                     //@ts-ignore
-                    content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
+                    content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: messages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
                 });
             }
             return [2 /*return*/];
@@ -826,19 +951,31 @@ export var SolidListView = function (params) {
     }); };
     // handle bulk deletion
     var deleteBulk = function () {
-        var _a;
         var deleteList = [];
         selectedRecords.forEach(function (element) {
             deleteList.push(element.id);
         });
-        deleteManySolidEntities(deleteList);
-        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
-            severity: 'success',
-            summary: 'Deleted',
-            detail: ERROR_MESSAGES.RECORD_DELETE,
-            life: 3000,
+        deleteManySolidEntities(deleteList)
+            .unwrap()
+            .then(function () {
+            var _a;
+            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                severity: 'success',
+                summary: 'Deleted',
+                detail: ERROR_MESSAGES.RECORD_DELETE,
+                life: 3000
+            });
+            setDialogVisible(false);
+        })
+            .catch(function (error) {
+            var _a, _b;
+            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                severity: 'error',
+                summary: 'Delete Failed',
+                detail: (_b = error === null || error === void 0 ? void 0 : error.data) === null || _b === void 0 ? void 0 : _b.message,
+                life: 4000
+            });
         });
-        setDialogVisible(false);
     };
     // handle closing of the delete dialog...
     var onDeleteClose = function () {
@@ -846,8 +983,9 @@ export var SolidListView = function (params) {
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _61 = useState(false), openLightbox = _61[0], setOpenLightbox = _61[1];
-    var _62 = useState({}), lightboxUrls = _62[0], setLightboxUrls = _62[1];
+    var _72 = useState(false), openLightbox = _72[0], setOpenLightbox = _72[1];
+    var _73 = useState({}), lightboxUrls = _73[0], setLightboxUrls = _73[1];
+    var _74 = useState(false), showGlobalSearchElement = _74[0], setShowGlobalSearchElement = _74[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -903,11 +1041,11 @@ export var SolidListView = function (params) {
     //   return <SolidListViewShimmerLoading />;
     // }
     var viewMode = searchParams.get("viewMode");
-    if ((loading || isLoading) &&
-        params.embeded == false &&
-        viewMode !== "view") {
-        return _jsx(SolidListViewShimmerLoading, {});
-    }
+    // if (
+    //   (loading || isLoading) && params.embeded == false && viewMode !== "view"
+    // ) {
+    //   return <SolidListViewShimmerLoading />;
+    // }
     var isListViewEmptyWithoutFilters = !loading &&
         (!filters || Object.keys(filters).length === 0) &&
         listViewData.length === 0;
@@ -922,7 +1060,7 @@ export var SolidListView = function (params) {
     //   );
     // }
     var handleFetchUpdatedRecords = function () {
-        setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
+        setQueryString();
     };
     var handleOpenSolidXAIPanel = function () {
         setIsOpenSolidXAiPanel(true);
@@ -933,7 +1071,7 @@ export var SolidListView = function (params) {
         localStorage.setItem("l_solidxai_open", "false");
     };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_1;
+        var response, error_2;
         var _a, _b, _c, _d, _e, _f;
         return __generator(this, function (_g) {
             switch (_g.label) {
@@ -947,30 +1085,21 @@ export var SolidListView = function (params) {
                     response = _g.sent();
                     if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 200) {
                         setDeleteEntity(false);
-                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show({
-                            severity: "success",
-                            summary: ERROR_MESSAGES.DELETED,
-                            detail: ERROR_MESSAGES.ENTITY_DELETE,
-                            life: 3000,
-                        });
+                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show(__assign({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE }, (severity === "error"
+                            ? { sticky: true } // stays until user closes
+                            : { life: 3000 })));
                     }
                     else {
-                        (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show({
-                            severity: "error",
-                            summary: ERROR_MESSAGES.DELETE_FAIELD,
-                            detail: (_e = (_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error,
-                            life: 3000,
-                        });
+                        (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show(__assign({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: (_e = (_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error }, (severity === "error"
+                            ? { sticky: true } // stays until user closes
+                            : { life: 3000 })));
                     }
                     return [3 /*break*/, 3];
                 case 2:
-                    error_1 = _g.sent();
-                    (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show({
-                        severity: "error",
-                        summary: ERROR_MESSAGES.DELETE_FAIELD,
-                        detail: ERROR_MESSAGES.SOMETHING_WRONG,
-                        life: 3000,
-                    });
+                    error_2 = _g.sent();
+                    (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show(__assign({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: ERROR_MESSAGES.SOMETHING_WRONG }, (severity === "error"
+                        ? { sticky: true } // stays until user closes
+                        : { life: 3000 })));
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
@@ -998,137 +1127,159 @@ 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(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(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 &&
-                                        searchParams.get("viewMode") !== "view" && (
-                                    // < SolidCreateButton url={createButtonUrl} />
-                                    _jsx(Button, { type: "button", icon: ((_p = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _p === void 0 ? void 0 : _p.addButtonIcon)
-                                            ? (_q = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _q === void 0 ? void 0 : _q.addButtonIcon
-                                            : "pi pi-plus", label: ((_r = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _r === void 0 ? void 0 : _r.addButtonTitle)
-                                            ? (_s = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _s === void 0 ? void 0 : _s.addButtonTitle
-                                            : "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: 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"
-                            size: size, resizableColumns: true, paginator: true, rows: rows, rowsPerPageOptions: (_v = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _v === void 0 ? void 0 : _v.pageSizeOptions, dataKey: "id", emptyMessage: ((_y = (_x = (_w = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.model) === null || _y === void 0 ? void 0 : _y.description) ||
-                                "No Entities found.", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: false, 
-                            // loading={loading || isLoading}
-                            // loadingIcon="pi pi-spinner"
-                            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, _b;
-                                var rowData = e.data;
-                                if (((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
-                                    return;
-                                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) {
-                                    params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
-                                }
-                                else {
-                                    if (typeof window !== "undefined") {
-                                        sessionStorage.setItem("fromView", "list");
-                                    }
-                                    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" } })), 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, _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);
-                                        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;
-                                        return (_jsx(Column, { header: button.attrs.label, body: function (rowData) {
-                                                var _a, _b, _c, _d;
-                                                return (_jsx(Button, { type: "button", icon: ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon)
-                                                        ? (_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.icon
-                                                        : "pi pi-pencil", className: "w-full text-left gap-2 ".concat(((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className)
-                                                        ? (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.className
-                                                        : ""), label: button.attrs.showLabel !== false
-                                                        ? button.attrs.label
-                                                        : "", size: "small", iconPos: "left", onClick: function () {
-                                                        var event = {
-                                                            params: params,
-                                                            rowData: rowData,
-                                                            solidListViewMetaData: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data,
-                                                        };
-                                                        handleCustomButtonClick(button.attrs, event);
-                                                    } }));
-                                            } }, index));
-                                    })), 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) {
-                                        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) {
-                                        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, _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 &&
-                                                                    !(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((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
-                                                                        }
-                                                                        else {
-                                                                            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'))) &&
-                                                                    ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.delete) !==
-                                                                        false &&
-                                                                    ((_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 === 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: {
+    var hasEditInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
+        ((_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.edit) !== false &&
+        ((_d = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.showDefaultEditButton) !== false &&
+        ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.showRowEditInContextMenu) !== false &&
+        !(isDraftPublishWorkflowEnabled && ((_f = selectedDataRef.current) === null || _f === void 0 ? void 0 : _f.publishedAt));
+    var hasDeleteInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
+        ((_g = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.delete) !== false &&
+        ((_h = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _h === void 0 ? void 0 : _h.showRowDeleteInContextMenu) !== false &&
+        !(isDraftPublishWorkflowEnabled && ((_j = selectedDataRef.current) === null || _j === void 0 ? void 0 : _j.publishedAt));
+    var hasCustomContextMenuButtons = (_l = (_k = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _k === void 0 ? void 0 : _k.rowButtons) === null || _l === void 0 ? void 0 : _l.some(function (rb) { var _a; return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true; });
+    var hasAnyContextMenuActions = hasEditInContextMenu || hasDeleteInContextMenu || hasCustomContextMenuButtons;
+    var toggleBothSidebars = function () {
+        if (visibleNavbar) {
+            dispatch(toggleNavbar()); // close both
+        }
+        else {
+            dispatch(showNavbar()); // open both
+        }
+    };
+    return (_jsxs("div", { className: "page-parent-wrapper flex", children: [_jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.ListContentWrapper), children: [solidListViewInitialMetaData && queryDataLoaded &&
+                        _jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full ", children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [params.embeded !== true &&
+                                                            _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: (_o = (_m = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.displayName })] }), ((_p = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _p === void 0 ? void 0 : _p.enableGlobalSearch) === true &&
+                                                    params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_q = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _q === void 0 ? void 0 : _q.enableGlobalSearch) === true &&
+                                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: (_t = (_s = (_r = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _r === void 0 ? void 0 : _r.headerButtons) === null || _s === void 0 ? void 0 : _s.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _t === void 0 ? void 0 : _t.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'))) &&
+                                                    ((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.create) !== false &&
+                                                    params.embeded !== true &&
+                                                    ((_x = (_w = (_v = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _v === void 0 ? void 0 : _v.solidView) === null || _w === void 0 ? void 0 : _w.layout) === null || _x === void 0 ? void 0 : _x.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { url: createButtonUrl, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                                                    ((_y = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.create) !== false &&
+                                                    params.embeded == true &&
+                                                    params.inlineCreate == true &&
+                                                    searchParams.get("viewMode") !== "view" && (
+                                                // < SolidCreateButton url={createButtonUrl} />
+                                                _jsx(Button, { type: "button", icon: ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.addButtonIcon)
+                                                        ? (_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.addButtonIcon
+                                                        : "pi pi-plus", label: ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.addButtonTitle)
+                                                        ? (_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.addButtonTitle
+                                                        : "Add", className: "".concat((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonClassName), size: "small", onClick: function () { return params.handlePopUpOpen("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () {
+                                                        setQueryString();
+                                                    } })), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
+                                                    ((_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.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, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.enableGlobalSearch) === true && showGlobalSearchElement &&
+                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), (loading || isLoading) && params.embeded == false && viewMode !== "view" ?
+                        _jsx(SolidListViewShimmerLoading, {})
+                        :
+                            _jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper flex-1 min-h-0 overflow-auto", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
+                                            return rowData.deletedAt ? "greyed-out-row" : "";
+                                        }, showGridlines: false, lazy: true, scrollable: true, 
+                                        // scrollHeight="90vh"
+                                        size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: (_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.pageSizeOptions, dataKey: "id", emptyMessage: ((_9 = (_8 = (_7 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _7 === void 0 ? void 0 : _7.solidView) === null || _8 === void 0 ? void 0 : _8.model) === null || _9 === void 0 ? void 0 : _9.description) ||
+                                            "No Entities found.", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: false, 
+                                        // loading={loading || isLoading}
+                                        // loadingIcon="pi pi-spinner"
+                                        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, _b;
+                                            var rowData = e.data;
+                                            if (((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
+                                                return;
+                                            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) {
+                                                params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                            }
+                                            else {
+                                                if (typeof window !== "undefined") {
+                                                    // const queryString = searchParams.toString();
+                                                    // const finalUrl = queryString ? `${pathname}?${queryString}` : pathname;
+                                                    // sessionStorage.setItem("fromView", finalUrl);
+                                                    sessionStorage.setItem("fromView", "list");
+                                                }
+                                                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" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.rowButtons) &&
+                                                ((_11 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _11 === void 0 ? void 0 : _11.rowButtons.filter(function (rb) {
+                                                    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);
+                                                    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;
+                                                    return (_jsx(Column, { header: button.attrs.label, body: function (rowData) {
+                                                            var _a, _b, _c, _d;
+                                                            return (_jsx(Button, { type: "button", icon: ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon)
+                                                                    ? (_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.icon
+                                                                    : "pi pi-pencil", className: "w-full text-left gap-2 ".concat(((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className)
+                                                                    ? (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.className
+                                                                    : ""), label: button.attrs.showLabel !== false
+                                                                    ? button.attrs.label
+                                                                    : "", size: "small", iconPos: "left", onClick: function () {
+                                                                    var event = {
+                                                                        params: params,
+                                                                        rowData: rowData,
+                                                                        solidListViewMetaData: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data,
+                                                                    };
+                                                                    handleCustomButtonClick(button.attrs, event);
+                                                                } }));
+                                                        } }, index));
+                                                })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
+                                                ((_12 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _12 === void 0 ? void 0 : _12.edit) !== false &&
+                                                ((_13 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _13 === void 0 ? void 0 : _13.showRowEditInContextMenu) ===
+                                                    false && (_jsx(Column, { header: "Edit", body: function (rowData) {
+                                                    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'))) &&
+                                                ((_14 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _14 === void 0 ? void 0 : _14.delete) !== false &&
+                                                ((_15 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _15 === void 0 ? void 0 : _15.showRowDeleteInContextMenu) ===
+                                                    false && (_jsx(Column, { header: "Delete", body: function (rowData) {
+                                                    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);
+                                                            } })) }));
+                                                } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
+                                                    var _a, _b, _c;
+                                                    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: [hasEditInContextMenu && (_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((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
+                                                                                    }
+                                                                                    else {
+                                                                                        router.push("".concat(editButtonUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit"));
+                                                                                    }
+                                                                                } })), hasDeleteInContextMenu && (_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); } })), hasCustomContextMenuButtons && ((_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.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 === null || selectedDataRef === void 0 ? void 0 : selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id) || '')));
+                                                                            }))] }) })] })) }));
+                                                } }))] }) })) })] }), mcpUrl &&
+                params.embeded !== true && (_jsxs("div", { className: "chatter-section ".concat(isOpenSolidXAiPanel === false ? "collapsed" : "open"), style: { width: chatterWidth }, children: [isOpenSolidXAiPanel && (_jsx("div", { style: {
                             width: 5,
                             cursor: "col-resize",
                             position: "absolute",
@@ -1137,14 +1288,16 @@ 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(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
+                        }, 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, { mcpUrl: mcpUrl }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", 
+                // style={{ width: '20vw' }}
+                breakpoints: { '1199px': '30rem', '550px': '85vw' }, 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, className: "solid-confirm-dialog", 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(((_18 = (_17 = (_16 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _16 === void 0 ? void 0 : _16.solidView) === null || _17 === void 0 ? void 0 : _17.model) === null || _18 === void 0 ? void 0 : _18.displayName)
+                    ? (_21 = (_20 = (_19 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _19 === void 0 ? void 0 : _19.solidView) === null || _20 === void 0 ? void 0 : _20.model) === null || _21 === void 0 ? void 0 : _21.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)
                         return;
                     setDeleteEntity(false);
-                }, 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 this ".concat(((_14 = (_13 = (_12 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.model) === null || _14 === void 0 ? void 0 : _14.displayName)
-                                    ? (_17 = (_16 = (_15 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _15 === void 0 ? void 0 : _15.solidView) === null || _16 === void 0 ? void 0 : _16.model) === null || _17 === void 0 ? void 0 : _17.displayName
+                }, className: "solid-confirm-dialog", 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 this ".concat(((_24 = (_23 = (_22 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _22 === void 0 ? void 0 : _22.solidView) === null || _23 === void 0 ? void 0 : _23.model) === null || _24 === void 0 ? void 0 : _24.displayName)
+                                    ? (_27 = (_26 = (_25 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _25 === void 0 ? void 0 : _25.solidView) === null || _26 === void 0 ? void 0 : _26.model) === null || _27 === void 0 ? void 0 : _27.displayName
                                     : params === null || params === void 0 ? void 0 : params.modelName, "?") }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true, className: 'bg-primary-reverse' })] })] })] }), openLightbox && (_jsx(Lightbox, __assign({ open: openLightbox, plugins: hasMedia
                     ? [Counter, Download, Video] // add Video plugin if needed
                     : [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: __spreadArray([], slides, true) }, (hasMedia && {