@solidxai/core-ui 0.1.8-beta.8 → 0.1.8

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

@@ -90,7 +90,7 @@ import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePa
 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 { SolidButton, SolidConfirmDialog, 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";
@@ -148,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;
+    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;
     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();
@@ -158,35 +158,35 @@ export var SolidListView = forwardRef(function (params, ref) {
     var router = useRouter();
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
-    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];
+    var _24 = useState(null), solidListViewMetaData = _24[0], setSolidListViewMetaData = _24[1];
+    var _25 = useState(null), solidListViewLayout = _25[0], setSolidListViewLayout = _25[1];
+    var _26 = useState(false), isDraftPublishWorkflowEnabled = _26[0], setIsDraftPublishWorkflowEnabled = _26[1];
     // Filter query realted states
-    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];
+    var _27 = useState(null), filters = _27[0], setFilters = _27[1];
+    var _28 = useState(0), totalRecords = _28[0], setTotalRecords = _28[1];
+    var _29 = useState(0), first = _29[0], setFirst = _29[1];
+    var _30 = 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 = _30[0], setRows = _30[1];
+    var _31 = useState("id"), sortField = _31[0], setSortField = _31[1];
+    var _32 = useState(-1), sortOrder = _32[0], setSortOrder = _32[1];
+    var _33 = useState([]), toPopulate = _33[0], setToPopulate = _33[1];
+    var _34 = useState([]), toPopulateMedia = _34[0], setToPopulateMedia = _34[1];
+    var _35 = useState([]), actionsAllowed = _35[0], setActionsAllowed = _35[1];
     // All list view state.
-    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 _36 = useState([]), listViewData = _36[0], setListViewData = _36[1];
+    var _37 = useState([]), selectedRecords = _37[0], setSelectedRecords = _37[1];
+    var _38 = useState([]), selectedRecoverRecords = _38[0], setSelectedRecoverRecords = _38[1];
+    var _39 = useState(true), loading = _39[0], setLoading = _39[1];
+    var _40 = useState(false), isDialogVisible = _40[0], setDialogVisible = _40[1];
+    var _41 = useState(false), isRecoverDialogVisible = _41[0], setRecoverDialogVisible = _41[1];
+    var _42 = useState(), createButtonUrl = _42[0], setCreateButtonUrl = _42[1];
+    var _43 = useState(), editButtonUrl = _43[0], setEditButtonUrl = _43[1];
+    var _44 = useState({}), createActionQueryParams = _44[0], setCreateActionQueryParams = _44[1];
+    var _45 = useState({}), editActionQueryParams = _45[0], setEditActionQueryParams = _45[1];
+    var _46 = useState(false), showArchived = _46[0], setShowArchived = _46[1];
+    var _47 = useState(false), queryDataLoaded = _47[0], setQueryDataLoaded = _47[1];
+    var _48 = useState(null), filterPredicates = _48[0], setFilterPredicates = _48[1];
+    var _49 = useState(false), showSaveFilterPopup = _49[0], setShowSaveFilterPopup = _49[1];
+    var _50 = useState(false), showGlobalSearchElement = _50[0], setShowGlobalSearchElement = _50[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
     var editBaseUrl = useMemo(function () { return normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"); }, [editButtonUrl, pathname]);
@@ -247,7 +247,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _54 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _54.data, solidListViewMetaDataError = _54.error, solidListViewMetaDataIsLoading = _54.isLoading, solidListViewMetaDataIsError = _54.isError, refetch = _54.refetch;
+    var _51 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _51.data, solidListViewMetaDataError = _51.error, solidListViewMetaDataIsLoading = _51.isLoading, solidListViewMetaDataIsError = _51.isError, refetch = _51.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;
@@ -374,15 +374,15 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _55 = useState(sizeOptions[1].value), size = _55[0], setSize = _55[1];
-    var _56 = useState([]), viewModes = _56[0], setViewModes = _56[1];
+    var _52 = useState(sizeOptions[1].value), size = _52[0], setSize = _52[1];
+    var _53 = useState([]), viewModes = _53[0], setViewModes = _53[1];
     // Custom Row Action
-    var _57 = useState(false), listViewRowActionPopupState = _57[0], setListViewRowActionPopupState = _57[1];
-    var _58 = useState(), listViewRowActionData = _58[0], setListRowActionData = _58[1];
+    var _54 = useState(false), listViewRowActionPopupState = _54[0], setListViewRowActionPopupState = _54[1];
+    var _55 = useState(), listViewRowActionData = _55[0], setListRowActionData = _55[1];
     // Get the list view data.
-    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;
+    var _56 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _56[0], _57 = _56[1], solidEntityListViewData = _57.data, isLoading = _57.isLoading, error = _57.error;
+    var _58 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _58[0], _59 = _58[1], recoverByIdData = _59.data, recoverByIdIsLoading = _59.isLoading, recoverByIdError = _59.error, recoverByIdIsError = _59.isError, recoverByIdIsSuccess = _59.isSuccess;
+    var _60 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _60[0], _61 = _60[1], recoverByData = _61.data, recoverByIsLoading = _61.isLoading, recoverError = _61.error, recoverIsError = _61.isError, recoverByIsSuccess = _61.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -414,9 +414,9 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _65 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _65[0], isDeleteSolidSingleEntitySuccess = _65[1].isSuccess;
+    var _62 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _62[0], isDeleteSolidSingleEntitySuccess = _62[1].isSuccess;
     // Delete mutation
-    var _66 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _66[0], _67 = _66[1], isSolidEntitiesDeleted = _67.isLoading, isDeleteSolidEntitiesSucess = _67.isSuccess, isSolidEntitiesDeleteError = _67.isError, SolidEntitiesDeleteError = _67.error, DeletedSolidEntities = _67.data;
+    var _63 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _63[0], _64 = _63[1], isSolidEntitiesDeleted = _64.isLoading, isDeleteSolidEntitiesSucess = _64.isSuccess, isSolidEntitiesDeleteError = _64.isError, SolidEntitiesDeleteError = _64.error, DeletedSolidEntities = _64.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a;
@@ -779,9 +779,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _68 = useState(), selectedSolidViewData = _68[0], setSelectedSolidViewData = _68[1];
+    var _65 = useState(), selectedSolidViewData = _65[0], setSelectedSolidViewData = _65[1];
     var selectedDataRef = useRef();
-    var _69 = useState(false), deleteEntity = _69[0], setDeleteEntity = _69[1];
+    var _66 = useState(false), deleteEntity = _66[0], setDeleteEntity = _66[1];
     // Recover functions
     var recoverById = function (id) {
         triggerRecoverSolidEntitiesById(id);
@@ -855,8 +855,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords([]);
     };
     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];
+    var _67 = useState(false), openLightbox = _67[0], setOpenLightbox = _67[1];
+    var _68 = useState([]), lightboxUrls = _68[0], setLightboxUrls = _68[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1073,29 +1073,26 @@ export var SolidListView = forwardRef(function (params, ref) {
     };
     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", 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 &&
+                                                                _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) })] }), 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 }), 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: (_y = (_x = (_w = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _w === void 0 ? void 0 : _w.headerButtons) === null || _x === void 0 ? void 0 : _x.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _y === void 0 ? void 0 : _y.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'))) &&
+                                                        ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.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 &&
+                                                        ((_2 = (_1 = (_0 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _0 === void 0 ? void 0 : _0.solidView) === null || _1 === void 0 ? void 0 : _1.layout) === null || _2 === void 0 ? void 0 : _2.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                                                        ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.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 () {
+                                                        searchParams.get("viewMode") !== "view" && (_jsx(SolidButton, { type: "button", icon: (_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.addButtonIcon, leftIcon: !((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.addButtonIcon) ? _jsx(Plus, { size: 14 }) : undefined, className: "".concat((_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.addButtonClassName), size: "small", onClick: function () { return params.handleAddClickForEmbeddedView("new"); }, children: ((_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.addButtonTitle) ? (_8 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _8 === void 0 ? void 0 : _8.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) {
+                                                        }, leftIcon: _jsx(RefreshCw, { size: 14 }) })), showArchived && (_jsx(SolidButton, { type: "button", size: "small", variant: "secondary", className: "hidden lg:flex", onClick: function () { return setRecoverDialogVisible(true); }, leftIcon: _jsx(RotateCcw, { size: 14 }), children: "Recover" })), params.embeded === false &&
+                                                        ((_9 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _9 === void 0 ? void 0 : _9.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 }))] })] }), 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) ||
+                                    size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: (_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.pageSizeOptions, dataKey: "id", emptyMessage: ((_13 = (_12 = (_11 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _11 === void 0 ? void 0 : _11.solidView) === null || _12 === void 0 ? void 0 : _12.model) === null || _13 === void 0 ? void 0 : _13.description) ||
                                         "No Entities found", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField || 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) {
+                                        : __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: "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)
@@ -1122,8 +1119,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                             }
                                             router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                         }
-                                    }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_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) {
+                                    }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.rowButtons) &&
+                                            ((_17 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _17 === void 0 ? void 0 : _17.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;
@@ -1149,8 +1146,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                 : "" }));
                                                     } }, 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) ===
+                                            ((_18 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.edit) !== false &&
+                                            ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.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 () {
@@ -1169,10 +1166,10 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                             }
                                                         } })) }));
                                             } })), 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 &&
+                                            ((_20 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _20 === void 0 ? void 0 : _20.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))
+                                                (((_21 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _21 === void 0 ? void 0 : _21.showRowDeleteInContextMenu) !== undefined &&
+                                                    ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.showRowDeleteInContextMenu) !== true))
                                             &&
                                                 (_jsx(Column, { header: "Delete", body: function (rowData) {
                                                         var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
@@ -1185,7 +1182,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                         setDeleteEntity(true);
                                                                     }
                                                                 } })) }));
-                                                    } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", frozenBackground: "transparent", body: function (rowData) {
+                                                    } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
                                                 var _a;
                                                 return (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) ? (_jsx("a", { onClick: function (event) {
                                                         event.stopPropagation();
@@ -1210,11 +1207,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                 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) {
+                                            } }))] }) })) }))] }) }), _jsx(SolidConfirmDialog, { open: isDialogVisible, onCancel: onDeleteClose, onConfirm: deleteBulk, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete Records", message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected records?" }), confirmLabel: "Delete", cancelLabel: "Cancel" }), _jsxs(SolidDialog, { open: isRecoverDialogVisible, onOpenChange: function (open) {
                     if (!open) {
                         setRecoverDialogVisible(false);
                     }
@@ -1222,11 +1215,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                     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); } }))] }));
+                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_23 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _23 === void 0 ? void 0 : _23.label) || "Action" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })] })), _jsx(SolidConfirmDialog, { open: deleteEntity, onCancel: function () { return setDeleteEntity(false); }, onConfirm: handleDeleteEntity, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
 });
 SolidListView.displayName = "SolidListView";
 //# sourceMappingURL=SolidListView.js.map