npm - @solidxai/core-ui - Versions diffs - 0.1.7-beta.1 → 0.1.7-beta.10 - Mend

@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1322) hide show

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

@@ -56,12 +56,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect, useRef, useMemo, useImperativeHandle } from "react";
-import { DataTable, } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { FilterMatchMode } from "primereact/api";
+import { SolidDataTable as DataTable, Column } from "./SolidDataTable";
 import qs from "qs";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { SolidListViewColumn } from "./SolidListViewColumn";
@@ -73,36 +69,30 @@ import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { ListViewRowActionPopup } from "./ListViewRowActionPopup";
-import { FilterIcon } from '../../../components/modelsComponents/filterIcon';
-import { OverlayPanel } from "primereact/overlaypanel";
 import { showToast } from "../../../redux/features/toastSlice";
-import { Divider } from "primereact/divider";
 import CompactImage from '../../../resources/images/layout/images/compact.png';
 import CozyImage from '../../../resources/images/layout/images/cozy.png';
 import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
-import Lightbox from "yet-another-react-lightbox";
-import Counter from "yet-another-react-lightbox/plugins/counter";
-import Download from "yet-another-react-lightbox/plugins/download";
-import Video from "yet-another-react-lightbox/plugins/video";
-import "yet-another-react-lightbox/styles.css";
-import "yet-another-react-lightbox/plugins/counter.css";
+import { SolidLightbox } from "../../shad-cn-ui/SolidLightbox";
 import { SolidListViewConfigure } from "./SolidListViewConfigure";
-import { SolidListViewShimmerLoading } from "./SolidListViewShimmerLoading";
 import { SolidEmptyListViewPlaceholder } from "./SolidEmptyListViewPlaceholder";
 import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { SolidListViewHeaderButton } from "./SolidListViewHeaderButton";
-import { SolidListViewRowButtonContextMenu } from "./SolidListViewRowButtonContextMenu";
 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 "../../../hooks/useSession";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
-import { SolidAiMainWrapper } from "../solid-ai/SolidAiMainWrapper";
+// import { SolidAiMainWrapper } from "../solid-ai/SolidAiMainWrapper"; // moved to SolidX Studio panel
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
-import { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from "../../../redux/api/solidSettingsApi";
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
+import { SolidListViewRowActionsMenu } from "./SolidListViewRowActionsMenu";
+import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "../../shad-cn-ui";
+import { FilterMatchMode } from "../filter/filterMatchMode";
+import { LayoutGrid, Pencil, Plus, RefreshCw, RotateCcw, Search, SquarePen, Trash2 } from "lucide-react";
 // import { ERROR_MESSAGES } from "../../../constants/error-messages";
 var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
@@ -158,7 +148,7 @@ export var setFilterObjectToLocalStorageByUrl = 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, _32, _33, _34, _35, _36;
+    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;
     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();
@@ -168,110 +158,38 @@ export var SolidListView = forwardRef(function (params, ref) {
     var router = useRouter();
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
-    var _37 = useState(null), solidListViewMetaData = _37[0], setSolidListViewMetaData = _37[1];
-    var _38 = useState(null), solidListViewLayout = _38[0], setSolidListViewLayout = _38[1];
-    var _39 = useState(false), isDraftPublishWorkflowEnabled = _39[0], setIsDraftPublishWorkflowEnabled = _39[1];
+    var _27 = useState(null), solidListViewMetaData = _27[0], setSolidListViewMetaData = _27[1];
+    var _28 = useState(null), solidListViewLayout = _28[0], setSolidListViewLayout = _28[1];
+    var _29 = useState(false), isDraftPublishWorkflowEnabled = _29[0], setIsDraftPublishWorkflowEnabled = _29[1];
     // Filter query realted states
-    var _40 = useState(null), filters = _40[0], setFilters = _40[1];
-    var _41 = useState(0), totalRecords = _41[0], setTotalRecords = _41[1];
-    var _42 = useState(0), first = _42[0], setFirst = _42[1];
-    var _43 = 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 = _43[0], setRows = _43[1];
-    var _44 = useState([{ field: "id", order: -1 }]), multiSortMeta = _44[0], setMultiSortMeta = _44[1];
-    var _45 = useState([]), toPopulate = _45[0], setToPopulate = _45[1];
-    var _46 = useState([]), toPopulateMedia = _46[0], setToPopulateMedia = _46[1];
-    var _47 = useState([]), actionsAllowed = _47[0], setActionsAllowed = _47[1];
-    var _48 = useState(false), isOpenSolidXAiPanel = _48[0], setIsOpenSolidXAiPanel = _48[1];
-    var _49 = useState(380), chatterWidth = _49[0], setChatterWidth = _49[1];
-    var _50 = useState(false), isResizing = _50[0], setIsResizing = _50[1];
+    var _30 = useState(null), filters = _30[0], setFilters = _30[1];
+    var _31 = useState(0), totalRecords = _31[0], setTotalRecords = _31[1];
+    var _32 = useState(0), first = _32[0], setFirst = _32[1];
+    var _33 = 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 = _33[0], setRows = _33[1];
+    var _34 = useState("id"), sortField = _34[0], setSortField = _34[1];
+    var _35 = useState(-1), sortOrder = _35[0], setSortOrder = _35[1];
+    var _36 = useState([]), toPopulate = _36[0], setToPopulate = _36[1];
+    var _37 = useState([]), toPopulateMedia = _37[0], setToPopulateMedia = _37[1];
+    var _38 = useState([]), actionsAllowed = _38[0], setActionsAllowed = _38[1];
     // All list view state.
-    var _51 = useState([]), listViewData = _51[0], setListViewData = _51[1];
-    var _52 = useState([]), selectedRecords = _52[0], setSelectedRecords = _52[1];
-    var _53 = useState([]), selectedRecoverRecords = _53[0], setSelectedRecoverRecords = _53[1];
-    var _54 = useState(true), loading = _54[0], setLoading = _54[1];
-    var _55 = useState(false), isDialogVisible = _55[0], setDialogVisible = _55[1];
-    var _56 = useState(false), isRecoverDialogVisible = _56[0], setRecoverDialogVisible = _56[1];
-    var _57 = useState(), createButtonUrl = _57[0], setCreateButtonUrl = _57[1];
-    var _58 = useState(), editButtonUrl = _58[0], setEditButtonUrl = _58[1];
-    var _59 = useState({}), createActionQueryParams = _59[0], setCreateActionQueryParams = _59[1];
-    var _60 = useState({}), editActionQueryParams = _60[0], setEditActionQueryParams = _60[1];
-    var _61 = useState(false), showArchived = _61[0], setShowArchived = _61[1];
-    var _62 = useState(false), queryDataLoaded = _62[0], setQueryDataLoaded = _62[1];
-    var _63 = useState(null), filterPredicates = _63[0], setFilterPredicates = _63[1];
-    var _64 = useState(false), showSaveFilterPopup = _64[0], setShowSaveFilterPopup = _64[1];
+    var _39 = useState([]), listViewData = _39[0], setListViewData = _39[1];
+    var _40 = useState([]), selectedRecords = _40[0], setSelectedRecords = _40[1];
+    var _41 = useState([]), selectedRecoverRecords = _41[0], setSelectedRecoverRecords = _41[1];
+    var _42 = useState(true), loading = _42[0], setLoading = _42[1];
+    var _43 = useState(false), isDialogVisible = _43[0], setDialogVisible = _43[1];
+    var _44 = useState(false), isRecoverDialogVisible = _44[0], setRecoverDialogVisible = _44[1];
+    var _45 = useState(), createButtonUrl = _45[0], setCreateButtonUrl = _45[1];
+    var _46 = useState(), editButtonUrl = _46[0], setEditButtonUrl = _46[1];
+    var _47 = useState({}), createActionQueryParams = _47[0], setCreateActionQueryParams = _47[1];
+    var _48 = useState({}), editActionQueryParams = _48[0], setEditActionQueryParams = _48[1];
+    var _49 = useState(false), showArchived = _49[0], setShowArchived = _49[1];
+    var _50 = useState(false), queryDataLoaded = _50[0], setQueryDataLoaded = _50[1];
+    var _51 = useState(null), filterPredicates = _51[0], setFilterPredicates = _51[1];
+    var _52 = useState(false), showSaveFilterPopup = _52[0], setShowSaveFilterPopup = _52[1];
+    var _53 = useState(false), showGlobalSearchElement = _53[0], setShowGlobalSearchElement = _53[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _65 = useState(null), mcpUrl = _65[0], setMcpUrl = _65[1];
-    var getMcpUrl = useLazyGetMcpUrlQuery()[0];
-    var _66 = useLazyGetSolidSettingsQuery(), trigger = _66[0], solidSettingsData = _66[1].data;
-    useEffect(function () {
-        trigger(""); // Fetch settings on mount
-    }, []);
     var editBaseUrl = useMemo(function () { return normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"); }, [editButtonUrl, pathname]);
-    useEffect(function () {
-        var _a, _b;
-        if (((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.mcpEnabled) && ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.mcpServerUrl)) {
-            enableSolidXAiPanel();
-        }
-    }, [solidSettingsData]);
-    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");
-        if (storedOpen !== null) {
-            setIsOpenSolidXAiPanel(storedOpen === "true");
-        }
-        if (storedWidth !== null) {
-            var width = parseInt(storedWidth, 10);
-            if (!isNaN(width)) {
-                setChatterWidth(width);
-            }
-        }
-    }, []);
-    useEffect(function () {
-        if (isResizing) {
-            var handleMouseMove_1 = function (e) {
-                var newWidth = window.innerWidth - e.clientX;
-                var clampedWidth = Math.max(280, Math.min(newWidth, 700));
-                setChatterWidth(clampedWidth);
-                localStorage.setItem("l_solidxai_width", clampedWidth.toString());
-            };
-            var handleMouseUp_1 = function () {
-                setIsResizing(false);
-            };
-            window.addEventListener("mousemove", handleMouseMove_1);
-            window.addEventListener("mouseup", handleMouseUp_1);
-            return function () {
-                window.removeEventListener("mousemove", handleMouseMove_1);
-                window.removeEventListener("mouseup", handleMouseUp_1);
-            };
-        }
-    }, [isResizing]);
     useEffect(function () {
         var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
             var permissionNames, queryData, queryString, response;
@@ -329,7 +247,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _67 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _67.data, solidListViewMetaDataError = _67.error, solidListViewMetaDataIsLoading = _67.isLoading, solidListViewMetaDataIsError = _67.isError, refetch = _67.refetch;
+    var _54 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _54.data, solidListViewMetaDataError = _54.error, solidListViewMetaDataIsLoading = _54.isLoading, solidListViewMetaDataIsError = _54.isError, refetch = _54.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;
@@ -397,8 +315,9 @@ 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 multiSortMeta = [{ field: "id", order: -1 }];
-        return { multiSortMeta: multiSortMeta, rows: rows, populate: populate, populateMedia: populateMedia };
+        var sortField = "id";
+        var sortOrder = -1;
+        return { sortField: sortField, sortOrder: sortOrder, rows: rows, populate: populate, populateMedia: populateMedia };
     };
     // Set the initial filter state based on the metadata.
     useEffect(function () {
@@ -455,15 +374,15 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _68 = useState(sizeOptions[1].value), size = _68[0], setSize = _68[1];
-    var _69 = useState([]), viewModes = _69[0], setViewModes = _69[1];
+    var _55 = useState(sizeOptions[1].value), size = _55[0], setSize = _55[1];
+    var _56 = useState([]), viewModes = _56[0], setViewModes = _56[1];
     // Custom Row Action
-    var _70 = useState(false), listViewRowActionPopupState = _70[0], setListViewRowActionPopupState = _70[1];
-    var _71 = useState(), listViewRowActionData = _71[0], setListRowActionData = _71[1];
+    var _57 = useState(false), listViewRowActionPopupState = _57[0], setListViewRowActionPopupState = _57[1];
+    var _58 = useState(), listViewRowActionData = _58[0], setListRowActionData = _58[1];
     // Get the list view data.
-    var _72 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _72[0], _73 = _72[1], solidEntityListViewData = _73.data, isLoading = _73.isLoading, error = _73.error;
-    var _74 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _74[0], _75 = _74[1], recoverByIdData = _75.data, recoverByIdIsLoading = _75.isLoading, recoverByIdError = _75.error, recoverByIdIsError = _75.isError, recoverByIdIsSuccess = _75.isSuccess;
-    var _76 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _76[0], _77 = _76[1], recoverByData = _77.data, recoverByIsLoading = _77.isLoading, recoverError = _77.error, recoverIsError = _77.isError, recoverByIsSuccess = _77.isSuccess;
+    var _59 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _59[0], _60 = _59[1], solidEntityListViewData = _60.data, isLoading = _60.isLoading, error = _60.error;
+    var _61 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _61[0], _62 = _61[1], recoverByIdData = _62.data, recoverByIdIsLoading = _62.isLoading, recoverByIdError = _62.error, recoverByIdIsError = _62.isError, recoverByIdIsSuccess = _62.isSuccess;
+    var _63 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _63[0], _64 = _63[1], recoverByData = _64.data, recoverByIsLoading = _64.isLoading, recoverError = _64.error, recoverIsError = _64.isError, recoverByIsSuccess = _64.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -495,9 +414,9 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _78 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _78[0], isDeleteSolidSingleEntitySuccess = _78[1].isSuccess;
+    var _65 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _65[0], isDeleteSolidSingleEntitySuccess = _65[1].isSuccess;
     // Delete mutation
-    var _79 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _79[0], _80 = _79[1], isSolidEntitiesDeleted = _80.isLoading, isDeleteSolidEntitiesSucess = _80.isSuccess, isSolidEntitiesDeleteError = _80.isError, SolidEntitiesDeleteError = _80.error, DeletedSolidEntities = _80.data;
+    var _66 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _66[0], _67 = _66[1], isSolidEntitiesDeleted = _67.isLoading, isDeleteSolidEntitiesSucess = _67.isSuccess, isSolidEntitiesDeleteError = _67.isError, SolidEntitiesDeleteError = _67.error, DeletedSolidEntities = _67.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a;
@@ -515,21 +434,28 @@ export var SolidListView = forwardRef(function (params, ref) {
                 };
                 setRows(Number(queryData.limit));
                 setFirst(Number(queryData === null || queryData === void 0 ? void 0 : queryData.offset));
-                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 _b = initialFilterMethod(), populate = _b.populate, populateMedia = _b.populateMedia;
+                var restoredSortField = "id";
+                var restoredSortOrder = -1;
+                if (Array.isArray(queryData.sort) && queryData.sort.length > 0) {
+                    var _b = String(queryData.sort[0]).split(":"), field = _b[0], order = _b[1];
+                    restoredSortField = field || "id";
+                    restoredSortOrder = order === "asc" ? 1 : -1;
+                }
+                else if (queryObject.sortField) {
+                    restoredSortField = String(queryObject.sortField);
+                    restoredSortOrder = queryObject.sortOrder === 1 || queryObject.sortOrder === -1 ? queryObject.sortOrder : -1;
+                }
+                setSortField(restoredSortField);
+                setSortOrder(restoredSortOrder);
+                var _c = initialFilterMethod(), populate = _c.populate, populateMedia = _c.populateMedia;
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
             }
             else {
-                var _c = initialFilterMethod(), multiSortMeta_1 = _c.multiSortMeta, rows_1 = _c.rows, populate = _c.populate, populateMedia = _c.populateMedia;
+                var _d = initialFilterMethod(), sortField_1 = _d.sortField, sortOrder_1 = _d.sortOrder, rows_1 = _d.rows, populate = _d.populate, populateMedia = _d.populateMedia;
                 setRows(rows_1);
-                setMultiSortMeta(multiSortMeta_1);
+                setSortField(sortField_1);
+                setSortOrder(sortOrder_1);
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
                 setFirst(0);
@@ -615,12 +541,14 @@ 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
+    var latestSortFieldRef = useRef(sortField);
+    var latestSortOrderRef = useRef(sortOrder);
     useEffect(function () {
-        latestMultiSortMetaRef.current = multiSortMeta;
-    }, [multiSortMeta]);
+        latestSortFieldRef.current = sortField;
+    }, [sortField]);
+    useEffect(function () {
+        latestSortOrderRef.current = sortOrder;
+    }, [sortOrder]);
     // Keep refs in sync
     useEffect(function () {
         latestFiltersRef.current = filters;
@@ -635,7 +563,8 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, [
         first,
         rows,
-        multiSortMeta,
+        sortField,
+        sortOrder,
         showArchived,
         toPopulate,
         toPopulateMedia,
@@ -657,14 +586,10 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   setFirst(0);
     // };
     var onSort = function (event) {
-        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);
+        var nextSortField = event.sortField ? String(event.sortField) : "";
+        var nextSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;
+        setSortField(nextSortField);
+        setSortOrder(nextSortOrder);
         setFirst(0);
     };
     // handle change in the records which are currently selected...
@@ -676,10 +601,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, 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) {
+        var solidFieldsMetadata, queryData, currentSortField, currentSortOrder, meta, resolvedField, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_1, queryString, fileterTobeStored;
+        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 = {
@@ -690,18 +615,15 @@ export var SolidListView = forwardRef(function (params, ref) {
                         populateMedia: toPopulateMedia,
                         locale: localeName ? localeName : "en",
                     };
-                    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");
-                        });
+                    currentSortField = latestSortFieldRef.current;
+                    currentSortOrder = latestSortOrderRef.current;
+                    if (currentSortField && (currentSortOrder === 1 || currentSortOrder === -1)) {
+                        meta = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[currentSortField];
+                        resolvedField = currentSortField;
+                        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(currentSortField, ".").concat((_d = (_c = meta === null || meta === void 0 ? void 0 : meta.relationModel) === null || _c === void 0 ? void 0 : _c.userKeyField) === null || _d === void 0 ? void 0 : _d.name);
+                        }
+                        queryData.sort = ["".concat(resolvedField, ":").concat(currentSortOrder === 1 ? "asc" : "desc")];
                     }
                     else {
                         queryData.sort = ["id:desc"];
@@ -709,12 +631,12 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (showArchived) {
                         queryData.showSoftDeleted = "inclusive";
                     }
-                    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;
+                    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;
                     dynamicExtensionFunction = null;
                     event = {
                         type: "onBeforeListDataLoad",
-                        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,
+                        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: {
@@ -730,18 +652,18 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (!dynamicHeader) return [3 /*break*/, 4];
                     dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
                     if (!dynamicExtensionFunction) return [3 /*break*/, 4];
-                    _h.label = 1;
+                    _k.label = 1;
                 case 1:
-                    _h.trys.push([1, 3, , 4]);
+                    _k.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, dynamicExtensionFunction(event)];
                 case 2:
-                    updatedListData = _h.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;
                     }
                     return [3 /*break*/, 4];
                 case 3:
-                    err_1 = _h.sent();
+                    err_1 = _k.sent();
                     console.error("Error executing onBeforeListDataLoad extension:", err_1);
                     return [3 /*break*/, 4];
                 case 4:
@@ -791,9 +713,10 @@ export var SolidListView = forwardRef(function (params, ref) {
     // clear Filter
     var clearFilter = function () {
         if (solidListViewMetaData) {
-            var _a = initialFilterMethod(), multiSortMeta_2 = _a.multiSortMeta, rows_2 = _a.rows, populate = _a.populate, populateMedia = _a.populateMedia;
+            var _a = initialFilterMethod(), sortField_2 = _a.sortField, sortOrder_2 = _a.sortOrder, rows_2 = _a.rows, populate = _a.populate, populateMedia = _a.populateMedia;
             setRows(rows_2);
-            setMultiSortMeta(multiSortMeta_2);
+            setSortField(sortField_2);
+            setSortOrder(sortOrder_2);
             setToPopulate(populate);
             setToPopulateMedia(populateMedia);
         }
@@ -823,8 +746,9 @@ export var SolidListView = forwardRef(function (params, ref) {
             setFirst(nextFirst);
             setRows(nextRows);
         },
-        setSort: function (nextMultiSortMeta) {
-            setMultiSortMeta(nextMultiSortMeta);
+        setSort: function (nextSortField, nextSortOrder) {
+            setSortField(nextSortField);
+            setSortOrder(nextSortOrder);
             setFirst(0);
         },
         setShowArchived: function (value) {
@@ -833,7 +757,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         getState: function () { return ({
             first: first,
             rows: rows,
-            multiSortMeta: multiSortMeta,
+            sortField: sortField,
+            sortOrder: sortOrder,
             showArchived: showArchived,
             filters: filters,
             filterPredicates: filterPredicates,
@@ -844,7 +769,8 @@ export var SolidListView = forwardRef(function (params, ref) {
     }); }, [
         first,
         rows,
-        multiSortMeta,
+        sortField,
+        sortOrder,
         showArchived,
         filters,
         filterPredicates,
@@ -852,29 +778,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _81 = useState(), selectedSolidViewData = _81[0], setSelectedSolidViewData = _81[1];
+    var _68 = useState(), selectedSolidViewData = _68[0], setSelectedSolidViewData = _68[1];
     var selectedDataRef = useRef();
-    var op = useRef(null);
-    var _82 = useState(false), deleteEntity = _82[0], setDeleteEntity = _82[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) {
-                    e.stopPropagation();
-                    selectedDataRef.current = solidViewData;
-                    setSelectedSolidViewData(solidViewData);
-                    op.current.toggle(e);
-                }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "3", height: "10", viewBox: "0 0 4 16", fill: "none", children: _jsx("path", { d: "M4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14ZM4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8ZM4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979166 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979166 4 1.45 4 2Z", fill: "#666666" }) }) }) })
-        // <a onClick={() => {
-        //   if (params.embeded == true) {
-        //     params.handleAddClickForEmbeddedView(solidViewData.id);
-        //   } else {
-        //     router.push(`${editButtonUrl}/${solidViewData.id}`)
-        //   }
-        // }} rel="noopener noreferrer" className="text-sm font-bold p-0" style={{ color: "#12415D" }}>
-        //   <i className="pi pi-pencil" style={{ fontSize: "1rem" }}></i>
-        // </a>
-        );
-    };
+    var _69 = useState(false), deleteEntity = _69[0], setDeleteEntity = _69[1];
     // Recover functions
     var recoverById = function (id) {
         triggerRecoverSolidEntitiesById(id);
@@ -947,9 +853,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _83 = useState(false), openLightbox = _83[0], setOpenLightbox = _83[1];
-    var _84 = useState({}), lightboxUrls = _84[0], setLightboxUrls = _84[1];
-    var _85 = useState(false), showGlobalSearchElement = _85[0], setShowGlobalSearchElement = _85[1];
+    var entityDisplayName = ((_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.model) === null || _f === void 0 ? void 0 : _f.displayName) || (params === null || params === void 0 ? void 0 : params.modelName);
+    var _70 = useState(false), openLightbox = _70[0], setOpenLightbox = _70[1];
+    var _71 = useState([]), lightboxUrls = _71[0], setLightboxUrls = _71[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1010,9 +916,83 @@ export var SolidListView = forwardRef(function (params, ref) {
     // ) {
     //   return <SolidListViewShimmerLoading />;
     // }
+    var hasMeaningfulFilterValue = function (value) {
+        if (value === null || value === undefined)
+            return false;
+        if (typeof value === "string")
+            return value.trim().length > 0;
+        if (typeof value === "number" || typeof value === "boolean")
+            return true;
+        if (Array.isArray(value))
+            return value.some(function (item) { return hasMeaningfulFilterValue(item); });
+        if (typeof value === "object")
+            return hasAppliedFilters(value);
+        return false;
+    };
+    var hasAppliedFilters = function (filterObject) {
+        if (!filterObject || typeof filterObject !== "object")
+            return false;
+        if (Array.isArray(filterObject)) {
+            return filterObject.some(function (item) { return hasAppliedFilters(item) || hasMeaningfulFilterValue(item); });
+        }
+        return Object.entries(filterObject).some(function (_a) {
+            var key = _a[0], val = _a[1];
+            if (key === "matchMode" || key === "operator")
+                return false;
+            if (key === "value")
+                return hasMeaningfulFilterValue(val);
+            if ((key === "$and" || key === "$or") && Array.isArray(val)) {
+                return val.some(function (item) { return hasAppliedFilters(item) || hasMeaningfulFilterValue(item); });
+            }
+            if (typeof val === "object")
+                return hasAppliedFilters(val);
+            return hasMeaningfulFilterValue(val);
+        });
+    };
+    var hasFilterPredicatesApplied = hasAppliedFilters(filterPredicates === null || filterPredicates === void 0 ? void 0 : filterPredicates.custom_filter_predicate) ||
+        hasAppliedFilters(filterPredicates === null || filterPredicates === void 0 ? void 0 : filterPredicates.search_predicate) ||
+        hasAppliedFilters(filterPredicates === null || filterPredicates === void 0 ? void 0 : filterPredicates.saved_filter_predicate) ||
+        hasAppliedFilters(filterPredicates === null || filterPredicates === void 0 ? void 0 : filterPredicates.predefined_search_predicate);
+    var hasAppliedFilterValues = hasAppliedFilters(filters);
     var isListViewEmptyWithoutFilters = !loading &&
-        (!filters || Object.keys(filters).length === 0) &&
-        listViewData.length === 0;
+        !isLoading &&
+        listViewData.length === 0 &&
+        !hasAppliedFilterValues &&
+        !hasFilterPredicatesApplied;
+    var headerRequestStatusLabel = isSolidEntitiesDeleted
+        ? "Deleting..."
+        : recoverByIdIsLoading || recoverByIsLoading
+            ? "Recovering..."
+            : loading || isLoading || solidListViewMetaDataIsLoading || !queryDataLoaded
+                ? "Loading..."
+                : null;
+    var showListBodyLoadingPlaceholder = (loading || isLoading || solidListViewMetaDataIsLoading || !queryDataLoaded) &&
+        listViewData.length === 0 &&
+        params.embeded === false &&
+        viewMode !== "view";
+    // useEffect(() => {
+    //   console.log("[SolidListView] Re-rendering list view with empty-state inputs:", {
+    //     loading,
+    //     isLoading,
+    //     listViewDataLength: listViewData.length,
+    //     hasAppliedFilterValues,
+    //     hasFilterPredicatesApplied,
+    //     isListViewEmptyWithoutFilters,
+    //     viewMode,
+    //     filters,
+    //     filterPredicates,
+    //   });
+    // }, [
+    //   loading,
+    //   isLoading,
+    //   listViewData.length,
+    //   hasAppliedFilterValues,
+    //   hasFilterPredicatesApplied,
+    //   isListViewEmptyWithoutFilters,
+    //   viewMode,
+    //   filters,
+    //   filterPredicates,
+    // ]);
     // if (isListViewEmptyWithoutFilters) {
     //   return (
     //     <SolidEmptyListViewPlaceholder
@@ -1026,16 +1006,8 @@ export var SolidListView = forwardRef(function (params, ref) {
     var handleFetchUpdatedRecords = function () {
         setQueryString();
     };
-    var handleOpenSolidXAIPanel = function () {
-        setIsOpenSolidXAiPanel(true);
-        localStorage.setItem("l_solidxai_open", "true");
-    };
-    var handleCloseSolidXAIPanel = function () {
-        setIsOpenSolidXAiPanel(false);
-        localStorage.setItem("l_solidxai_open", "false");
-    };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_2;
+        var response, error_1;
         var _a, _b, _c;
         return __generator(this, function (_d) {
             switch (_d.label) {
@@ -1056,45 +1028,39 @@ export var SolidListView = forwardRef(function (params, ref) {
                     }
                     return [3 /*break*/, 3];
                 case 2:
-                    error_2 = _d.sent();
+                    error_1 = _d.sent();
                     dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: ERROR_MESSAGES.SOMETHING_WRONG }));
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
         });
     }); };
-    var isVideoOrAudio = function (url) {
-        var _a;
-        // Remove query params if present
-        var cleanUrl = url.split("?")[0];
-        var ext = (_a = cleanUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        var mediaExt = ["mp4", "webm", "ogg", "mov", "mp3", "wav", "m4a", "aac"];
-        return ext ? mediaExt.includes(ext) : false;
-    };
-    var controlsList = ["nodownload", "nofullscreen", "noremoteplayback"];
-    var slides = Array.isArray(lightboxUrls)
-        ? lightboxUrls.map(function (item) {
-            var url = (item === null || item === void 0 ? void 0 : item.src) || (item === null || item === void 0 ? void 0 : item.downloadUrl) || "";
-            if (isVideoOrAudio(url)) {
-                return {
-                    type: "video",
-                    sources: [{ src: url, type: "video/mp4" }],
-                };
+    var lightboxSlides = Array.isArray(lightboxUrls)
+        ? lightboxUrls
+            .map(function (item) {
+            var src = (item === null || item === void 0 ? void 0 : item.src) || (item === null || item === void 0 ? void 0 : item.downloadUrl) || "";
+            if (!src) {
+                return null;
+            }
+            var mediaType = getMediaTypeFromUrl(src);
+            var slide = { src: src };
+            if (mediaType !== "image") {
+                slide.type = mediaType;
             }
-            return { src: url };
+            return slide;
         })
+            .filter(function (slide) { return !!slide; })
         : [];
-    var hasMedia = slides.some(function (s) { return s.type === "video"; });
     var hasEditInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-        ((_d = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.edit) !== false &&
-        ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.showDefaultEditButton) !== false &&
-        ((_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showRowEditInContextMenu) !== false &&
-        !(isDraftPublishWorkflowEnabled && ((_g = selectedDataRef.current) === null || _g === void 0 ? void 0 : _g.publishedAt));
-    var hasDeleteInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-        ((_h = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _h === void 0 ? void 0 : _h.delete) !== false &&
-        ((_j = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _j === void 0 ? void 0 : _j.showRowDeleteInContextMenu) !== false &&
+        ((_g = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.edit) !== false &&
+        ((_h = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _h === void 0 ? void 0 : _h.showDefaultEditButton) !== false &&
+        ((_j = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _j === void 0 ? void 0 : _j.showRowEditInContextMenu) !== false &&
         !(isDraftPublishWorkflowEnabled && ((_k = selectedDataRef.current) === null || _k === void 0 ? void 0 : _k.publishedAt));
-    var hasCustomContextMenuButtons = (_m = (_l = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _l === void 0 ? void 0 : _l.rowButtons) === null || _m === void 0 ? void 0 : _m.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 hasDeleteInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
+        ((_l = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _l === void 0 ? void 0 : _l.delete) !== false &&
+        ((_m = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _m === void 0 ? void 0 : _m.showRowDeleteInContextMenu) !== false &&
+        !(isDraftPublishWorkflowEnabled && ((_o = selectedDataRef.current) === null || _o === void 0 ? void 0 : _o.publishedAt));
+    var hasCustomContextMenuButtons = (_q = (_p = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _p === void 0 ? void 0 : _p.rowButtons) === null || _q === void 0 ? void 0 : _q.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) {
@@ -1104,191 +1070,162 @@ export var SolidListView = forwardRef(function (params, ref) {
             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: [_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, { 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 &&
-                                                    ((_1 = (_0 = (_z = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                                    ((_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.create) !== false &&
-                                                    params.embeded == true &&
-                                                    params.inlineCreate == true &&
-                                                    searchParams.get("viewMode") !== "view" && (_jsx(Button, { type: "button", icon: ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonIcon) ? (_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.addButtonIcon : "pi pi-plus", label: ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.addButtonTitle) ? (_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.addButtonTitle : "Add", className: "".concat((_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.addButtonClassName), size: "small", onClick: function () { return params.handleAddClickForEmbeddedView("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 &&
-                                                    ((_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, { 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) {
-                                            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: (_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); }, multiSortMeta: multiSortMeta, loading: false,
-                                        // loading={loading || isLoading}
-                                        // loadingIcon="pi pi-spinner"
-                                        selection: params.embeded === true
-                                            ? []
-                                            : __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)
-                                                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.handleEditClickForEmbeddedView(rowData === null || rowData === void 0 ? void 0 : rowData.id);
-                                            }
-                                            else {
-                                                if (typeof window !== "undefined") {
-                                                    // store a simple marker for the caller
-                                                    // also store the full current URL so Back can restore exact state (including action params)
-                                                    try {
-                                                        sessionStorage.setItem("fromView", "list");
-                                                        sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-                                                    }
-                                                    catch (e) {
-                                                        // ignore storage errors
-                                                    }
+    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-column flex-grow-1 ".concat(styles.ListContentWrapper), children: _jsxs("div", { className: "solid-list-surface flex flex-column flex-1 min-h-0", children: [solidListViewInitialMetaData &&
+                            _jsxs("div", { className: "page-header solid-list-toolbar flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full solid-list-toolbar-row", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full solid-list-toolbar-left", 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(LayoutGrid, { size: 18 }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: ((_t = (_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.action) === null || _t === void 0 ? void 0 : _t.displayName) || ((_v = (_u = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.displayName) })] }), ((_w = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _w === void 0 ? void 0 : _w.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 solid-list-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), ((_x = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _x === void 0 ? void 0 : _x.enableGlobalSearch) === true &&
+                                                        params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, leftIcon: _jsx(Search, { size: 14 }) }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: (_0 = (_z = (_y = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.headerButtons) === null || _z === void 0 ? void 0 : _z.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _0 === void 0 ? void 0 : _0.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'))) &&
+                                                        ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.create) !== false &&
+                                                        params.embeded !== true &&
+                                                        ((_4 = (_3 = (_2 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _2 === void 0 ? void 0 : _2.solidView) === null || _3 === void 0 ? void 0 : _3.layout) === null || _4 === void 0 ? void 0 : _4.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                                                        ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.create) !== false &&
+                                                        params.embeded == true &&
+                                                        params.inlineCreate == true &&
+                                                        searchParams.get("viewMode") !== "view" && (_jsx(SolidButton, { type: "button", icon: (_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.addButtonIcon, leftIcon: !((_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.addButtonIcon) ? _jsx(Plus, { size: 14 }) : undefined, className: "".concat((_8 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _8 === void 0 ? void 0 : _8.addButtonClassName), size: "small", onClick: function () { return params.handleAddClickForEmbeddedView("new"); }, children: ((_9 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _9 === void 0 ? void 0 : _9.addButtonTitle) ? (_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.addButtonTitle : "Add" })), params.embeded !== true && (_jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button ", onClick: function () {
+                                                            setQueryString();
+                                                        }, leftIcon: _jsx(RefreshCw, { size: 14 }) })), showArchived && (_jsx(SolidButton, { type: "button", size: "small", variant: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); }, leftIcon: _jsx(RotateCcw, { size: 14 }), children: "Recover" })), params.embeded === false &&
+                                                        ((_11 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _11 === void 0 ? void 0 : _11.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 }))] })] }), ((_12 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _12 === void 0 ? void 0 : _12.enableGlobalSearch) === true && showGlobalSearchElement &&
+                                        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 }) }))] }), showListBodyLoadingPlaceholder ? (_jsx("div", { className: "solid-view-loading-body-spacer flex-1 min-h-0" })) : (_jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData, handleFetchUpdatedRecords: handleFetchUpdatedRecords })) : (_jsx("div", { className: "solid-datatable-wrapper solid-list-table-area flex-1 min-h-0 overflow-hidden ".concat(styles.listTableArea), children: _jsxs(DataTable, { value: listViewData, viewportHeight: params.embeded === true ? undefined : "calc(100dvh - 128px)", 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: (_13 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _13 === void 0 ? void 0 : _13.pageSizeOptions, dataKey: "id", emptyMessage: ((_16 = (_15 = (_14 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _14 === void 0 ? void 0 : _14.solidView) === null || _15 === void 0 ? void 0 : _15.model) === null || _16 === void 0 ? void 0 : _16.description) ||
+                                        "No Entities found", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField || undefined, sortOrder: sortOrder, loading: false,
+                                    // loading={loading || isLoading}
+                                    selection: params.embeded === true
+                                        ? []
+                                        : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: (_18 = (_17 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _17 === void 0 ? void 0 : _17.removableSort) !== null && _18 !== void 0 ? _18 : true, sortMode: "single", 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.handleEditClickForEmbeddedView(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                        }
+                                        else {
+                                            if (typeof window !== "undefined") {
+                                                // store a simple marker for the caller
+                                                // also store the full current URL so Back can restore exact state (including action params)
+                                                try {
+                                                    sessionStorage.setItem("fromView", "list");
+                                                    sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                                                }
+                                                catch (e) {
+                                                    // ignore storage errors
                                                 }
-                                                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), ((_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;
-                                                    // Only check hasAnyRole if roles are provided
-                                                    var isAllowed = roles.length === 0 ||
-                                                        hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, roles);
-                                                    var isVisible = ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
-                                                    return !isInContextMenu && isAllowed && isVisible;
-                                                }).map(function (button, index) {
-                                                    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'))) &&
-                                                ((_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 () {
+                                            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), ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.rowButtons) &&
+                                            ((_20 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _20 === void 0 ? void 0 : _20.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;
+                                                // Only check hasAnyRole if roles are provided
+                                                var isAllowed = roles.length === 0 ||
+                                                    hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, roles);
+                                                var isVisible = ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
+                                                return !isInContextMenu && isAllowed && isVisible;
+                                            }).map(function (button, index) {
+                                                return (_jsx(Column, { header: button.attrs.label, body: function (rowData) {
+                                                        var _a, _b, _c, _d;
+                                                        return (_jsx(SolidButton, { type: "button", icon: (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon, leftIcon: !((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.icon) ? _jsx(SquarePen, { size: 14 }) : undefined, className: "solid-inline-row-button 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
+                                                                : ""), size: "small", variant: "ghost", onClick: function () {
+                                                                var event = {
+                                                                    params: params,
+                                                                    rowData: rowData,
+                                                                    solidListViewMetaData: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data,
+                                                                };
+                                                                handleCustomButtonClick(button.attrs, event);
+                                                            }, children: button.attrs.showLabel !== false
+                                                                ? button.attrs.label
+                                                                : "" }));
+                                                    } }, index));
+                                            })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
+                                            ((_21 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _21 === void 0 ? void 0 : _21.edit) !== false &&
+                                            ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.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(SolidButton, { type: "button", variant: "ghost", className: "solid-inline-row-button solid-inline-row-button-icon", size: "small", leftIcon: _jsx(Pencil, { size: 14 }), onClick: function () {
+                                                            if (params.embeded == true) {
+                                                                params.handleEditClickForEmbeddedView(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                            }
+                                                            else {
+                                                                if (typeof window !== "undefined") {
+                                                                    try {
+                                                                        sessionStorage.setItem("fromView", "list");
+                                                                        sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                                                                    }
+                                                                    catch (e) { }
+                                                                }
+                                                                router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                                                            }
+                                                        } })) }));
+                                            } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
+                                            ((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.delete) !== false &&
+                                            (params.embeded ||
+                                                (((_24 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _24 === void 0 ? void 0 : _24.showRowDeleteInContextMenu) !== undefined &&
+                                                    ((_25 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _25 === void 0 ? void 0 : _25.showRowDeleteInContextMenu) !== true))
+                                            &&
+                                                (_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(SolidButton, { type: "button", className: "solid-inline-row-button solid-inline-row-button-icon", size: "small", variant: "ghost", leftIcon: _jsx(Trash2, { size: 14 }), onClick: function () {
+                                                                    if ((params === null || params === void 0 ? void 0 : params.embededFieldRelationType) === "many-to-many") {
+                                                                        params === null || params === void 0 ? void 0 : params.handleDeleteClick(rowData.id);
+                                                                    }
+                                                                    else {
+                                                                        setSelectedSolidViewData(rowData);
+                                                                        setDeleteEntity(true);
+                                                                    }
+                                                                } })) }));
+                                                    } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", frozenBackground: "transparent", body: function (rowData) {
+                                                var _a;
+                                                return (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) ? (_jsx("a", { onClick: function (event) {
+                                                        event.stopPropagation();
+                                                        recoverById(rowData.id);
+                                                    }, className: "retrieve-button solid-row-menu-trigger", children: _jsx(RotateCcw, { size: 14, className: styles.retrieveIcon }) })) : (_jsx(_Fragment, { children: ((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.showRowContextMenu) !==
+                                                        false && (_jsx("div", { className: "flex justify-content-end", "data-no-row-click": "true", children: _jsx(SolidListViewRowActionsMenu, { rowData: rowData, hasEditInContextMenu: hasEditInContextMenu, hasDeleteInContextMenu: hasDeleteInContextMenu, hasCustomContextMenuButtons: hasCustomContextMenuButtons, solidListViewLayout: solidListViewLayout, solidListViewMetaData: solidListViewMetaData, params: params, handleCustomButtonClick: handleCustomButtonClick, contentClassName: styles.rowActionsOverlay, onSelectRow: function (selectedRow) {
+                                                                selectedDataRef.current = selectedRow;
+                                                                setSelectedSolidViewData(selectedRow);
+                                                            }, onEdit: function (selectedRow) {
                                                                 if (params.embeded == true) {
-                                                                    params.handleEditClickForEmbeddedView(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                                    params.handleEditClickForEmbeddedView(selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.id);
                                                                 }
                                                                 else {
-                                                                    if (typeof window !== "undefined") {
-                                                                        try {
-                                                                            sessionStorage.setItem("fromView", "list");
-                                                                            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-                                                                        }
-                                                                        catch (e) { }
+                                                                    try {
+                                                                        sessionStorage.setItem("fromView", "list");
+                                                                        sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
                                                                     }
-                                                                    router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                                                                    catch (e) { }
+                                                                    router.push("".concat(editBaseUrl, "/").concat(selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                                                 }
-                                                            } })) }));
-                                                } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-                                                ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.delete) !== false &&
-                                                (params.embeded ||
-                                                    (((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.showRowDeleteInContextMenu) !== undefined &&
-                                                        ((_24 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _24 === void 0 ? void 0 : _24.showRowDeleteInContextMenu) !== true))
-                                                &&
-                                                    (_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 () {
-                                                                        if ((params === null || params === void 0 ? void 0 : params.embededFieldRelationType) === "many-to-many") {
-                                                                            params === null || params === void 0 ? void 0 : params.handleDeleteClick(rowData.id);
-                                                                        }
-                                                                        else {
-                                                                            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.handleEditClickForEmbeddedView((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
-                                                                                    }
-                                                                                    else {
-                                                                                        try {
-                                                                                            sessionStorage.setItem("fromView", "list");
-                                                                                            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-                                                                                        }
-                                                                                        catch (e) { }
-                                                                                        router.push("".concat(editBaseUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
-                                                                                    }
-                                                                                } })), hasDeleteInContextMenu && !params.embeded && (_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",
-                            left: 0,
-                            top: 0,
-                            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, { 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", 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(((_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)
-                    ? (_30 = (_29 = (_28 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _28 === void 0 ? void 0 : _28.solidView) === null || _29 === void 0 ? void 0 : _29.model) === null || _30 === void 0 ? void 0 : _30.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(((_33 = (_32 = (_31 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _31 === void 0 ? void 0 : _31.solidView) === null || _32 === void 0 ? void 0 : _32.model) === null || _33 === void 0 ? void 0 : _33.displayName)
-                                    ? (_36 = (_35 = (_34 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _34 === void 0 ? void 0 : _34.solidView) === null || _35 === void 0 ? void 0 : _35.model) === null || _36 === void 0 ? void 0 : _36.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 && {
-                video: {
-                    controls: true,
-                    playsInline: true,
-                    autoPlay: false,
-                    loop: false,
-                    muted: false,
-                    disablePictureInPicture: false,
-                    disableRemotePlayback: false,
-                    controlsList: controlsList.join(" "),
-                    crossOrigin: "anonymous",
-                    preload: "auto",
-                },
-            }))))] }));
+                                                            }, onDelete: function (selectedRow) {
+                                                                setSelectedSolidViewData(selectedRow);
+                                                                setDeleteEntity(true);
+                                                            } }) })) }));
+                                            } }))] }) })) }))] }) }), _jsxs(SolidDialog, { open: isDialogVisible, onOpenChange: function (open) {
+                    if (!open) {
+                        onDeleteClose();
+                    }
+                }, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Confirm Delete" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, { className: "solid-shadcn-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-shadcn-dialog-body", children: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected records?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", autoFocus: true, onClick: deleteBulk, children: "Delete" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: onDeleteClose, children: "Cancel" })] })] }), _jsxs(SolidDialog, { open: isRecoverDialogVisible, onOpenChange: function (open) {
+                    if (!open) {
+                        setRecoverDialogVisible(false);
+                    }
+                }, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Confirm Recover" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, { className: "solid-shadcn-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-shadcn-dialog-body", children: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to recover all records?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", autoFocus: true, onClick: recoverAll, children: "Yes" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setRecoverDialogVisible(false); }, children: "No" })] })] }), listViewRowActionData && (_jsxs(SolidDialog, { open: listViewRowActionPopupState, onOpenChange: function (open) {
+                    if (!open) {
+                        closeListViewRowActionPopup();
+                    }
+                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_26 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _26 === void 0 ? void 0 : _26.label) || "Action" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })] })), _jsxs(SolidDialog, { open: deleteEntity, onOpenChange: function (open) {
+                    if (!open) {
+                        setDeleteEntity(false);
+                    }
+                }, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Delete ".concat(entityDisplayName) }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, { className: "solid-shadcn-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-shadcn-dialog-body", children: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", onClick: handleDeleteEntity, children: "Delete" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setDeleteEntity(false); }, children: "Cancel" })] })] }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
 });
 SolidListView.displayName = "SolidListView";
 //# sourceMappingURL=SolidListView.js.map