@solidxai/core-ui 0.1.2 → 0.1.4-beta.0

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

@@ -110,7 +110,7 @@ import { normalizeSolidListKanbanActionPath } from "../../../helpers/routePaths"
 var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 };
-export var queryStringToQueryObject = function () {
+export var getFilterObjectFromLocalStorage = function () {
     var currentPageUrl = window.location.pathname; // Get the current page URL
     var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
     if (encodedQueryString) {
@@ -124,7 +124,7 @@ export var queryStringToQueryObject = function () {
         }
     }
 };
-export var queryStringToQueryObjectByUrl = function (url) {
+export var getFilterObjectFromLocalStorageByUrl = function (url) {
     var currentPageUrl = url; // Get the current page URL
     var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
     if (encodedQueryString) {
@@ -138,7 +138,7 @@ export var queryStringToQueryObjectByUrl = function (url) {
         }
     }
 };
-export var queryObjectToQueryString = function (queryObject) {
+export var setFilterObjectToLocalStorage = function (queryObject) {
     if (queryObject) {
         var stringifiedObject = JSON.stringify(queryObject);
         // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
@@ -149,7 +149,7 @@ export var queryObjectToQueryString = function (queryObject) {
     }
     return null;
 };
-export var queryObjectToQueryStringByUrl = function (url, queryObject) {
+export var setFilterObjectToLocalStorageByUrl = function (url, queryObject) {
     if (queryObject) {
         var stringifiedObject = JSON.stringify(queryObject);
         // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
@@ -161,7 +161,7 @@ export var queryObjectToQueryStringByUrl = function (url, queryObject) {
     return null;
 };
 export var SolidListView = forwardRef(function (params, ref) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31;
+    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, _28, _29, _30, _31, _32, _33, _34, _35;
     var session = useSession();
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
     var dispatch = useDispatch();
@@ -172,38 +172,37 @@ export var SolidListView = forwardRef(function (params, ref) {
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
     // Filter query realted states
-    var _32 = useState(null), filters = _32[0], setFilters = _32[1];
-    var _33 = useState(0), totalRecords = _33[0], setTotalRecords = _33[1];
-    var _34 = useState(0), first = _34[0], setFirst = _34[1];
-    var _35 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _35[0], setRows = _35[1];
-    var _36 = useState("id"), sortField = _36[0], setSortField = _36[1];
-    var _37 = useState(-1), sortOrder = _37[0], setSortOrder = _37[1];
-    var _38 = useState([]), toPopulate = _38[0], setToPopulate = _38[1];
-    var _39 = useState([]), toPopulateMedia = _39[0], setToPopulateMedia = _39[1];
-    var _40 = useState([]), actionsAllowed = _40[0], setActionsAllowed = _40[1];
-    var _41 = useState(false), isOpenSolidXAiPanel = _41[0], setIsOpenSolidXAiPanel = _41[1];
-    var _42 = useState(380), chatterWidth = _42[0], setChatterWidth = _42[1];
-    var _43 = useState(false), isResizing = _43[0], setIsResizing = _43[1];
+    var _36 = useState(null), filters = _36[0], setFilters = _36[1];
+    var _37 = useState(0), totalRecords = _37[0], setTotalRecords = _37[1];
+    var _38 = useState(0), first = _38[0], setFirst = _38[1];
+    var _39 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _39[0], setRows = _39[1];
+    var _40 = useState([{ field: "id", order: -1 }]), multiSortMeta = _40[0], setMultiSortMeta = _40[1];
+    var _41 = useState([]), toPopulate = _41[0], setToPopulate = _41[1];
+    var _42 = useState([]), toPopulateMedia = _42[0], setToPopulateMedia = _42[1];
+    var _43 = useState([]), actionsAllowed = _43[0], setActionsAllowed = _43[1];
+    var _44 = useState(false), isOpenSolidXAiPanel = _44[0], setIsOpenSolidXAiPanel = _44[1];
+    var _45 = useState(380), chatterWidth = _45[0], setChatterWidth = _45[1];
+    var _46 = useState(false), isResizing = _46[0], setIsResizing = _46[1];
     // All list view state.
-    var _44 = useState([]), listViewData = _44[0], setListViewData = _44[1];
-    var _45 = useState([]), selectedRecords = _45[0], setSelectedRecords = _45[1];
-    var _46 = useState([]), selectedRecoverRecords = _46[0], setSelectedRecoverRecords = _46[1];
-    var _47 = useState(true), loading = _47[0], setLoading = _47[1];
-    var _48 = useState(false), isDialogVisible = _48[0], setDialogVisible = _48[1];
-    var _49 = useState(false), isRecoverDialogVisible = _49[0], setRecoverDialogVisible = _49[1];
-    var _50 = useState(), createButtonUrl = _50[0], setCreateButtonUrl = _50[1];
-    var _51 = useState(), editButtonUrl = _51[0], setEditButtonUrl = _51[1];
-    var _52 = useState({}), createActionQueryParams = _52[0], setCreateActionQueryParams = _52[1];
-    var _53 = useState({}), editActionQueryParams = _53[0], setEditActionQueryParams = _53[1];
-    var _54 = useState(false), showArchived = _54[0], setShowArchived = _54[1];
-    var _55 = useState(false), queryDataLoaded = _55[0], setQueryDataLoaded = _55[1];
-    var _56 = useState(null), filterPredicates = _56[0], setFilterPredicates = _56[1];
-    var _57 = useState(false), showSaveFilterPopup = _57[0], setShowSaveFilterPopup = _57[1];
+    var _47 = useState([]), listViewData = _47[0], setListViewData = _47[1];
+    var _48 = useState([]), selectedRecords = _48[0], setSelectedRecords = _48[1];
+    var _49 = useState([]), selectedRecoverRecords = _49[0], setSelectedRecoverRecords = _49[1];
+    var _50 = useState(true), loading = _50[0], setLoading = _50[1];
+    var _51 = useState(false), isDialogVisible = _51[0], setDialogVisible = _51[1];
+    var _52 = useState(false), isRecoverDialogVisible = _52[0], setRecoverDialogVisible = _52[1];
+    var _53 = useState(), createButtonUrl = _53[0], setCreateButtonUrl = _53[1];
+    var _54 = useState(), editButtonUrl = _54[0], setEditButtonUrl = _54[1];
+    var _55 = useState({}), createActionQueryParams = _55[0], setCreateActionQueryParams = _55[1];
+    var _56 = useState({}), editActionQueryParams = _56[0], setEditActionQueryParams = _56[1];
+    var _57 = useState(false), showArchived = _57[0], setShowArchived = _57[1];
+    var _58 = useState(false), queryDataLoaded = _58[0], setQueryDataLoaded = _58[1];
+    var _59 = useState(null), filterPredicates = _59[0], setFilterPredicates = _59[1];
+    var _60 = useState(false), showSaveFilterPopup = _60[0], setShowSaveFilterPopup = _60[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _58 = useState(null), mcpUrl = _58[0], setMcpUrl = _58[1];
+    var _61 = useState(null), mcpUrl = _61[0], setMcpUrl = _61[1];
     var getMcpUrl = useLazyGetMcpUrlQuery()[0];
-    var _59 = useLazyGetSolidSettingsQuery(), trigger = _59[0], solidSettingsData = _59[1].data;
+    var _62 = useLazyGetSolidSettingsQuery(), trigger = _62[0], solidSettingsData = _62[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, []);
@@ -330,10 +329,10 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _60 = useState(null), solidListViewMetaData = _60[0], setSolidListViewMetaData = _60[1];
-    var _61 = useState(null), solidListViewLayout = _61[0], setSolidListViewLayout = _61[1];
-    var _62 = useState(false), isDraftPublishWorkflowEnabled = _62[0], setIsDraftPublishWorkflowEnabled = _62[1];
-    var _63 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _63.data, solidListViewMetaDataError = _63.error, solidListViewMetaDataIsLoading = _63.isLoading, solidListViewMetaDataIsError = _63.isError, refetch = _63.refetch;
+    var _63 = useState(null), solidListViewMetaData = _63[0], setSolidListViewMetaData = _63[1];
+    var _64 = useState(null), solidListViewLayout = _64[0], setSolidListViewLayout = _64[1];
+    var _65 = useState(false), isDraftPublishWorkflowEnabled = _65[0], setIsDraftPublishWorkflowEnabled = _65[1];
+    var _66 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _66.data, solidListViewMetaDataError = _66.error, solidListViewMetaDataIsLoading = _66.isLoading, solidListViewMetaDataIsError = _66.isError, refetch = _66.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;
@@ -402,9 +401,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         var populate = toPopulate;
         var populateMedia = toPopulateMedia;
         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;
-        return { sortField: sortField, sortOrder: sortOrder, rows: rows, populate: populate, populateMedia: populateMedia };
+        var multiSortMeta = [{ field: "id", order: -1 }];
+        return { multiSortMeta: multiSortMeta, rows: rows, populate: populate, populateMedia: populateMedia };
     };
     // Set the initial filter state based on the metadata.
     useEffect(function () {
@@ -461,16 +459,16 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _64 = useState(sizeOptions[1].value), size = _64[0], setSize = _64[1];
-    var _65 = useState([]), viewModes = _65[0], setViewModes = _65[1];
+    var _67 = useState(sizeOptions[1].value), size = _67[0], setSize = _67[1];
+    var _68 = useState([]), viewModes = _68[0], setViewModes = _68[1];
     // Custom Row Action
-    var _66 = useState(false), listViewRowActionPopupState = _66[0], setListViewRowActionPopupState = _66[1];
-    var _67 = useState(), listViewRowActionData = _67[0], setListRowActionData = _67[1];
+    var _69 = useState(false), listViewRowActionPopupState = _69[0], setListViewRowActionPopupState = _69[1];
+    var _70 = useState(), listViewRowActionData = _70[0], setListRowActionData = _70[1];
     var toast = useRef(null);
     // Get the list view data.
-    var _68 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _68[0], _69 = _68[1], solidEntityListViewData = _69.data, isLoading = _69.isLoading, error = _69.error;
-    var _70 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _70[0], _71 = _70[1], recoverByIdData = _71.data, recoverByIdIsLoading = _71.isLoading, recoverByIdError = _71.error, recoverByIdIsError = _71.isError, recoverByIdIsSuccess = _71.isSuccess;
-    var _72 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _72[0], _73 = _72[1], recoverByData = _73.data, recoverByIsLoading = _73.isLoading, recoverError = _73.error, recoverIsError = _73.isError, recoverByIsSuccess = _73.isSuccess;
+    var _71 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _71[0], _72 = _71[1], solidEntityListViewData = _72.data, isLoading = _72.isLoading, error = _72.error;
+    var _73 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _73[0], _74 = _73[1], recoverByIdData = _74.data, recoverByIdIsLoading = _74.isLoading, recoverByIdError = _74.error, recoverByIdIsError = _74.isError, recoverByIdIsSuccess = _74.isSuccess;
+    var _75 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _75[0], _76 = _75[1], recoverByData = _76.data, recoverByIsLoading = _76.isLoading, recoverError = _76.error, recoverIsError = _76.isError, recoverByIsSuccess = _76.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -502,71 +500,49 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _74 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _74[0], isDeleteSolidSingleEntitySuccess = _74[1].isSuccess;
+    var _77 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _77[0], isDeleteSolidSingleEntitySuccess = _77[1].isSuccess;
     // Delete mutation
-    var _75 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _75[0], _76 = _75[1], isSolidEntitiesDeleted = _76.isLoading, isDeleteSolidEntitiesSucess = _76.isSuccess, isSolidEntitiesDeleteError = _76.isError, SolidEntitiesDeleteError = _76.error, DeletedSolidEntities = _76.data;
+    var _78 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _78[0], _79 = _78[1], isSolidEntitiesDeleted = _79.isLoading, isDeleteSolidEntitiesSucess = _79.isSuccess, isSolidEntitiesDeleteError = _79.isError, SolidEntitiesDeleteError = _79.error, DeletedSolidEntities = _79.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
-        var _a, _b, _c;
         console.log("useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]");
         setQueryDataLoaded(false);
         if (solidListViewMetaData && solidListViewLayout) {
-            var queryObject = queryStringToQueryObject();
+            var queryObject = getFilterObjectFromLocalStorage();
             if (queryObject) {
                 var queryData = {
                     offset: queryObject.offset || 0,
                     limit: queryObject.limit || 25,
                     populate: queryObject.populate,
                     populateMedia: queryObject.populateMedia,
-                    sort: queryObject.sort
-                        ? (_a = queryObject.sort) === null || _a === void 0 ? void 0 : _a.map(function (sortItem) {
-                            var _a = sortItem.split(":"), field = _a[0], order = _a[1];
-                            return { field: field, order: order };
-                        })
-                        : ["id:desc"],
+                    sort: queryObject.sort,
                     filters: queryObject.filters,
                 };
-                // const filters = {
-                //   $and: [],
-                // };
-                // if (queryObject.custom_filter_predicate) {
-                //   filters.$and.push(queryObject.custom_filter_predicate);
-                // }
-                // if (queryObject.search_predicate) {
-                //   filters.$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));
                 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);
-                // latestFiltersRef.current = filters;
-                var _d = initialFilterMethod(), sortField_1 = _d.sortField, sortOrder_1 = _d.sortOrder, rows_1 = _d.rows, populate = _d.populate, populateMedia = _d.populateMedia;
+                var parsedMultiSortMeta = Array.isArray(queryData.sort) && queryData.sort.length > 0
+                    ? queryData.sort.map(function (sortItem) {
+                        var _a = sortItem.split(":"), field = _a[0], order = _a[1];
+                        return { field: field, order: order === "asc" ? 1 : -1 };
+                    })
+                    : [{ field: "id", order: -1 }];
+                setMultiSortMeta(parsedMultiSortMeta);
+                var _a = initialFilterMethod(), multiSortMeta_1 = _a.multiSortMeta, rows_1 = _a.rows, populate = _a.populate, populateMedia = _a.populateMedia;
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
             }
             else {
-                var _e = initialFilterMethod(), sortField_2 = _e.sortField, sortOrder_2 = _e.sortOrder, rows_2 = _e.rows, populate = _e.populate, populateMedia = _e.populateMedia;
+                var _b = initialFilterMethod(), multiSortMeta_2 = _b.multiSortMeta, rows_2 = _b.rows, populate = _b.populate, populateMedia = _b.populateMedia;
                 setRows(rows_2);
-                setSortField(sortField_2);
-                setSortOrder(sortOrder_2);
+                setMultiSortMeta(multiSortMeta_2);
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
                 setFirst(0);
             }
+            //below line was added to handle state stale issue when we converted boilerplate to vite 
+            //since now we dont need it becuase our component is remounted on every router change
             setFilters(params.customFilter || { $and: [] });
-            setFilterPredicates(null);
+            //setFilterPredicates(null);
             setSelectedRecords([]);
             setSelectedRecoverRecords([]);
             setQueryDataLoaded(true);
@@ -642,6 +618,12 @@ export var SolidListView = forwardRef(function (params, ref) {
     // Create a ref that always has the latest filters
     var latestFiltersRef = useRef(filters);
     var latestFilterPredicatesRef = useRef(filterPredicates);
+    // 1. Add the ref (near the other latestXxxRef declarations)
+    var latestMultiSortMetaRef = useRef(multiSortMeta);
+    // 2. Keep it in sync
+    useEffect(function () {
+        latestMultiSortMetaRef.current = multiSortMeta;
+    }, [multiSortMeta]);
     // Keep refs in sync
     useEffect(function () {
         latestFiltersRef.current = filters;
@@ -650,20 +632,20 @@ export var SolidListView = forwardRef(function (params, ref) {
         latestFilterPredicatesRef.current = filterPredicates;
     }, [filterPredicates]);
     useEffect(function () {
-        console.log("useEffect: [first- ".concat(first, ", rows- ").concat(rows, ", sortField- ").concat(sortField, ", sortOrder- ").concat(sortOrder, ", showArchived- ").concat(showArchived, ", toPopulate- ").concat(toPopulate, ", toPopulateMedia- ").concat(toPopulateMedia, ", queryDataLoaded- ").concat(queryDataLoaded, "]"));
+        console.log("useEffect: [first- ".concat(first, ", rows- ").concat(rows, ", multiSortMeta- ").concat(multiSortMeta, ", showArchived- ").concat(showArchived, ", toPopulate- ").concat(toPopulate, ", toPopulateMedia- ").concat(toPopulateMedia, ", queryDataLoaded- ").concat(queryDataLoaded, ", filterPredicates- ").concat(filterPredicates, "]"));
         if (queryDataLoaded && filters && (filterPredicates || params.embeded == true)) {
             setQueryString();
         }
     }, [
         first,
         rows,
-        sortField,
-        sortOrder,
-        filters,
+        multiSortMeta,
         showArchived,
         toPopulate,
         toPopulateMedia,
-        queryDataLoaded
+        queryDataLoaded,
+        filters,
+        filterPredicates
     ]);
     // Handle pagination event.
     var onPageChange = function (event) {
@@ -671,11 +653,22 @@ export var SolidListView = forwardRef(function (params, ref) {
         setRows(event.rows);
     };
     // Handle sort event.
+    // const onSort = (event: DataTableStateEvent) => {
+    //   const { sortField, sortOrder } = event;
+    //   const validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
+    //   setSortField(sortField);
+    //   setSortOrder(validSortOrder);
+    //   setFirst(0);
+    // };
     var onSort = function (event) {
-        var sortField = event.sortField, sortOrder = event.sortOrder;
-        var validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
-        setSortField(sortField);
-        setSortOrder(validSortOrder);
+        var meta = event.multiSortMeta || [];
+        var validMeta = meta
+            .filter(function (m) { return m.order === 1 || m.order === -1; })
+            .map(function (m) { return ({
+            field: m.field,
+            order: m.order,
+        }); });
+        setMultiSortMeta(validMeta);
         setFirst(0);
     };
     // handle change in the records which are currently selected...
@@ -687,10 +680,10 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords(deletedRecords);
     };
     var setQueryString = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var solidFieldsMetadata, queryData, sortFieldMetadata, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_1, queryString, url, urlData;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return __generator(this, function (_k) {
-            switch (_k.label) {
+        var solidFieldsMetadata, queryData, currentSortMeta, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_1, queryString, fileterTobeStored;
+        var _a, _b, _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
                 case 0:
                     solidFieldsMetadata = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata;
                     queryData = {
@@ -701,15 +694,18 @@ export var SolidListView = forwardRef(function (params, ref) {
                         populateMedia: toPopulateMedia,
                         locale: localeName ? localeName : "en",
                     };
-                    if (sortField && solidFieldsMetadata && solidFieldsMetadata[sortField]) {
-                        sortFieldMetadata = solidFieldsMetadata[sortField];
-                        if ((sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.type) === "relation" &&
-                            (sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationType) === "many-to-one") {
-                            sortField = "".concat(sortField, ".").concat((_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"),
-                        ];
+                    currentSortMeta = latestMultiSortMetaRef.current;
+                    if (currentSortMeta && currentSortMeta.length > 0) {
+                        queryData.sort = currentSortMeta.map(function (_a) {
+                            var _b, _c;
+                            var field = _a.field, order = _a.order;
+                            var meta = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[field];
+                            var resolvedField = field;
+                            if ((meta === null || meta === void 0 ? void 0 : meta.type) === "relation" && (meta === null || meta === void 0 ? void 0 : meta.relationType) === "many-to-one") {
+                                resolvedField = "".concat(field, ".").concat((_c = (_b = meta === null || meta === void 0 ? void 0 : meta.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name);
+                            }
+                            return "".concat(resolvedField, ":").concat(order === 1 ? "asc" : "desc");
+                        });
                     }
                     else {
                         queryData.sort = ["id:desc"];
@@ -717,12 +713,12 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (showArchived) {
                         queryData.showSoftDeleted = "inclusive";
                     }
-                    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;
+                    dynamicHeader = (_e = (_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.layout) === null || _e === void 0 ? void 0 : _e.onBeforeListDataLoad;
                     dynamicExtensionFunction = null;
                     event = {
                         type: "onBeforeListDataLoad",
-                        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,
+                        fieldsMetadata: (_f = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidFieldsMetadata,
+                        viewMetadata: (_g = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView,
                         listViewLayout: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data.solidView.layout,
                         filter: structuredClone(queryData),
                         queryParams: {
@@ -738,31 +734,30 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (!dynamicHeader) return [3 /*break*/, 4];
                     dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
                     if (!dynamicExtensionFunction) return [3 /*break*/, 4];
-                    _k.label = 1;
+                    _h.label = 1;
                 case 1:
-                    _k.trys.push([1, 3, , 4]);
+                    _h.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, dynamicExtensionFunction(event)];
                 case 2:
-                    updatedListData = _k.sent();
+                    updatedListData = _h.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;
                     }
                     return [3 /*break*/, 4];
                 case 3:
-                    err_1 = _k.sent();
+                    err_1 = _h.sent();
                     console.error("Error executing onBeforeListDataLoad extension:", err_1);
                     return [3 /*break*/, 4];
                 case 4:
                     queryString = qs.stringify(queryData, { encodeValuesOnly: true });
                     if (latestFilterPredicatesRef.current && latestFilterPredicatesRef.current.persistFilter) {
-                        url = void 0;
-                        urlData = structuredClone(queryData);
-                        delete urlData.filters;
-                        urlData.custom_filter_predicate = latestFilterPredicatesRef.current.custom_filter_predicate || null;
-                        urlData.search_predicate = latestFilterPredicatesRef.current.search_predicate || null;
-                        urlData.saved_filter_predicate = latestFilterPredicatesRef.current.saved_filter_predicate || null;
-                        urlData.predefined_search_predicate = latestFilterPredicatesRef.current.predefined_search_predicate || null;
-                        queryObjectToQueryString(urlData);
+                        fileterTobeStored = structuredClone(queryData);
+                        delete fileterTobeStored.filters;
+                        fileterTobeStored.custom_filter_predicate = latestFilterPredicatesRef.current.custom_filter_predicate || null;
+                        fileterTobeStored.search_predicate = latestFilterPredicatesRef.current.search_predicate || null;
+                        fileterTobeStored.saved_filter_predicate = latestFilterPredicatesRef.current.saved_filter_predicate || null;
+                        fileterTobeStored.predefined_search_predicate = latestFilterPredicatesRef.current.predefined_search_predicate || null;
+                        setFilterObjectToLocalStorage(fileterTobeStored);
                     }
                     triggerGetSolidEntities(queryString);
                     return [2 /*return*/];
@@ -794,17 +789,15 @@ export var SolidListView = forwardRef(function (params, ref) {
         latestFilterPredicatesRef.current = updatedFilterPredicates;
         // Then update state
         setFilters(updatedFilter);
-        setPersistFilter(persistFilter);
         setFilterPredicates(updatedFilterPredicates);
         // Force synchronous state updates
     };
     // clear Filter
     var clearFilter = function () {
         if (solidListViewMetaData) {
-            var _a = initialFilterMethod(), sortField_3 = _a.sortField, sortOrder_3 = _a.sortOrder, rows_3 = _a.rows, populate = _a.populate, populateMedia = _a.populateMedia;
+            var _a = initialFilterMethod(), multiSortMeta_3 = _a.multiSortMeta, rows_3 = _a.rows, populate = _a.populate, populateMedia = _a.populateMedia;
             setRows(rows_3);
-            setSortField(sortField_3);
-            setSortOrder(sortOrder_3);
+            setMultiSortMeta(multiSortMeta_3);
             setToPopulate(populate);
             setToPopulateMedia(populateMedia);
         }
@@ -834,9 +827,8 @@ export var SolidListView = forwardRef(function (params, ref) {
             setFirst(nextFirst);
             setRows(nextRows);
         },
-        setSort: function (nextSortField, nextSortOrder) {
-            setSortField(nextSortField);
-            setSortOrder(nextSortOrder);
+        setSort: function (nextMultiSortMeta) {
+            setMultiSortMeta(nextMultiSortMeta);
             setFirst(0);
         },
         setShowArchived: function (value) {
@@ -845,8 +837,7 @@ export var SolidListView = forwardRef(function (params, ref) {
         getState: function () { return ({
             first: first,
             rows: rows,
-            sortField: sortField,
-            sortOrder: sortOrder,
+            multiSortMeta: multiSortMeta,
             showArchived: showArchived,
             filters: filters,
             filterPredicates: filterPredicates,
@@ -857,8 +848,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }); }, [
         first,
         rows,
-        sortField,
-        sortOrder,
+        multiSortMeta,
         showArchived,
         filters,
         filterPredicates,
@@ -866,10 +856,10 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _77 = useState(), selectedSolidViewData = _77[0], setSelectedSolidViewData = _77[1];
+    var _80 = useState(), selectedSolidViewData = _80[0], setSelectedSolidViewData = _80[1];
     var selectedDataRef = useRef();
     var op = useRef(null);
-    var _78 = useState(false), deleteEntity = _78[0], setDeleteEntity = _78[1];
+    var _81 = useState(false), deleteEntity = _81[0], setDeleteEntity = _81[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) {
@@ -992,9 +982,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _79 = useState(false), openLightbox = _79[0], setOpenLightbox = _79[1];
-    var _80 = useState({}), lightboxUrls = _80[0], setLightboxUrls = _80[1];
-    var _81 = useState(false), showGlobalSearchElement = _81[0], setShowGlobalSearchElement = _81[1];
+    var _82 = useState(false), openLightbox = _82[0], setOpenLightbox = _82[1];
+    var _83 = useState({}), lightboxUrls = _83[0], setLightboxUrls = _83[1];
+    var _84 = useState(false), showGlobalSearchElement = _84[0], setShowGlobalSearchElement = _84[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1158,7 +1148,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     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: ((_q = (_p = (_o = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.action) === null || _q === void 0 ? void 0 : _q.displayName) || ((_s = (_r = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.displayName) })] }), ((_t = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.enableGlobalSearch) === true &&
-                                                    params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }, params.modelName) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.enableGlobalSearch) === true &&
+                                                    params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }, params.modelName) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.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: (_x = (_w = (_v = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _v === void 0 ? void 0 : _v.headerButtons) === null || _w === void 0 ? void 0 : _w.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _x === void 0 ? void 0 : _x.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'))) &&
                                                     ((_y = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.create) !== false &&
                                                     params.embeded !== true &&
@@ -1170,7 +1160,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                         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 &&
                                                     ((_8 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _8 === void 0 ? void 0 : _8.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 }))] })] }), ((_9 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _9 === void 0 ? void 0 : _9.enableGlobalSearch) === true && showGlobalSearchElement &&
-                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), (loading || isLoading) && params.embeded == false && viewMode !== "view" ?
+                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), (loading || isLoading) && params.embeded == false && viewMode !== "view" ?
                         _jsx(SolidListViewShimmerLoading, {})
                         :
                             _jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, 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) {
@@ -1178,12 +1168,12 @@ export var SolidListView = forwardRef(function (params, ref) {
                                         }, showGridlines: false, lazy: true, scrollable: true, 
                                         // scrollHeight="90vh"
                                         size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: (_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.pageSizeOptions, dataKey: "id", emptyMessage: ((_13 = (_12 = (_11 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _11 === void 0 ? void 0 : _11.solidView) === null || _12 === void 0 ? void 0 : _12.model) === null || _13 === void 0 ? void 0 : _13.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, 
+                                            "No Entities found", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, multiSortMeta: multiSortMeta, 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) {
+                                            : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: (_15 = (_14 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _14 === void 0 ? void 0 : _14.removableSort) !== null && _15 !== void 0 ? _15 : true, sortMode: (_17 = (_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.sortMode) !== null && _17 !== void 0 ? _17 : "multiple", 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)
@@ -1210,8 +1200,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                 }
                                                 router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                             }
-                                        }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_14 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _14 === void 0 ? void 0 : _14.rowButtons) &&
-                                                ((_15 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _15 === void 0 ? void 0 : _15.rowButtons.filter(function (rb) {
+                                        }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_18 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.rowButtons) &&
+                                                ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.rowButtons.filter(function (rb) {
                                                     var _a, _b;
                                                     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;
@@ -1239,8 +1229,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                 } }));
                                                         } }, index));
                                                 })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-                                                ((_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.edit) !== false &&
-                                                ((_17 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _17 === void 0 ? void 0 : _17.showRowEditInContextMenu) ===
+                                                ((_20 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _20 === void 0 ? void 0 : _20.edit) !== false &&
+                                                ((_21 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _21 === void 0 ? void 0 : _21.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 () {
@@ -1259,8 +1249,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                 }
                                                             } })) }));
                                                 } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-                                                ((_18 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.delete) !== false &&
-                                                ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.showRowDeleteInContextMenu) ===
+                                                ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.delete) !== false &&
+                                                ((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.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 () {
@@ -1308,14 +1298,14 @@ export var SolidListView = forwardRef(function (params, ref) {
                             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, { 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(((_22 = (_21 = (_20 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _20 === void 0 ? void 0 : _20.solidView) === null || _21 === void 0 ? void 0 : _21.model) === null || _22 === void 0 ? void 0 : _22.displayName)
-                    ? (_25 = (_24 = (_23 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _23 === void 0 ? void 0 : _23.solidView) === null || _24 === void 0 ? void 0 : _24.model) === null || _25 === void 0 ? void 0 : _25.displayName
+                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(((_26 = (_25 = (_24 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _24 === void 0 ? void 0 : _24.solidView) === null || _25 === void 0 ? void 0 : _25.model) === null || _26 === void 0 ? void 0 : _26.displayName)
+                    ? (_29 = (_28 = (_27 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _27 === void 0 ? void 0 : _27.solidView) === null || _28 === void 0 ? void 0 : _28.model) === null || _29 === void 0 ? void 0 : _29.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);
-                }, 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(((_28 = (_27 = (_26 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _26 === void 0 ? void 0 : _26.solidView) === null || _27 === void 0 ? void 0 : _27.model) === null || _28 === void 0 ? void 0 : _28.displayName)
-                                    ? (_31 = (_30 = (_29 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _29 === void 0 ? void 0 : _29.solidView) === null || _30 === void 0 ? void 0 : _30.model) === null || _31 === void 0 ? void 0 : _31.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(((_32 = (_31 = (_30 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _30 === void 0 ? void 0 : _30.solidView) === null || _31 === void 0 ? void 0 : _31.model) === null || _32 === void 0 ? void 0 : _32.displayName)
+                                    ? (_35 = (_34 = (_33 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _33 === void 0 ? void 0 : _33.solidView) === null || _34 === void 0 ? void 0 : _34.model) === null || _35 === void 0 ? void 0 : _35.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 && {