@solidxai/core-ui 0.1.12-beta.2 → 0.1.12-beta.5

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

@@ -188,7 +188,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;
+    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;
     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();
@@ -198,36 +198,36 @@ export var SolidListView = forwardRef(function (params, ref) {
     var router = useRouter();
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
-    var _26 = useState(null), solidListViewMetaData = _26[0], setSolidListViewMetaData = _26[1];
-    var _27 = useState(null), solidListViewLayout = _27[0], setSolidListViewLayout = _27[1];
-    var _28 = useState(false), isDraftPublishWorkflowEnabled = _28[0], setIsDraftPublishWorkflowEnabled = _28[1];
+    var _21 = useState(null), solidListViewMetaData = _21[0], setSolidListViewMetaData = _21[1];
+    var _22 = useState(null), solidListViewLayout = _22[0], setSolidListViewLayout = _22[1];
+    var _23 = useState(false), isDraftPublishWorkflowEnabled = _23[0], setIsDraftPublishWorkflowEnabled = _23[1];
     var internationalisationEnabled = Boolean((_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.internationalisation);
     // Filter query realted states
-    var _29 = useState(null), filters = _29[0], setFilters = _29[1];
-    var _30 = useState(0), totalRecords = _30[0], setTotalRecords = _30[1];
-    var _31 = useState(0), first = _31[0], setFirst = _31[1];
-    var _32 = useState(((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.defaultPageSize) ? (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.defaultPageSize : 10), rows = _32[0], setRows = _32[1];
-    var _33 = useState("id"), sortField = _33[0], setSortField = _33[1];
-    var _34 = useState(-1), sortOrder = _34[0], setSortOrder = _34[1];
-    var _35 = useState([]), toPopulate = _35[0], setToPopulate = _35[1];
-    var _36 = useState([]), toPopulateMedia = _36[0], setToPopulateMedia = _36[1];
-    var _37 = useState([]), actionsAllowed = _37[0], setActionsAllowed = _37[1];
+    var _24 = useState(null), filters = _24[0], setFilters = _24[1];
+    var _25 = useState(0), totalRecords = _25[0], setTotalRecords = _25[1];
+    var _26 = useState(0), first = _26[0], setFirst = _26[1];
+    var _27 = useState(((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.defaultPageSize) ? (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.defaultPageSize : 10), rows = _27[0], setRows = _27[1];
+    var _28 = useState("id"), sortField = _28[0], setSortField = _28[1];
+    var _29 = useState(-1), sortOrder = _29[0], setSortOrder = _29[1];
+    var _30 = useState([]), toPopulate = _30[0], setToPopulate = _30[1];
+    var _31 = useState([]), toPopulateMedia = _31[0], setToPopulateMedia = _31[1];
+    var _32 = useState([]), actionsAllowed = _32[0], setActionsAllowed = _32[1];
     // All list view state.
-    var _38 = useState([]), listViewData = _38[0], setListViewData = _38[1];
-    var _39 = useState([]), selectedRecords = _39[0], setSelectedRecords = _39[1];
-    var _40 = useState([]), selectedRecoverRecords = _40[0], setSelectedRecoverRecords = _40[1];
-    var _41 = useState(true), loading = _41[0], setLoading = _41[1];
-    var _42 = useState(false), isDialogVisible = _42[0], setDialogVisible = _42[1];
-    var _43 = useState(false), isRecoverDialogVisible = _43[0], setRecoverDialogVisible = _43[1];
-    var _44 = useState(), createButtonUrl = _44[0], setCreateButtonUrl = _44[1];
-    var _45 = useState(), editButtonUrl = _45[0], setEditButtonUrl = _45[1];
-    var _46 = useState({}), createActionQueryParams = _46[0], setCreateActionQueryParams = _46[1];
-    var _47 = useState({}), editActionQueryParams = _47[0], setEditActionQueryParams = _47[1];
-    var _48 = useState(false), showArchived = _48[0], setShowArchived = _48[1];
-    var _49 = useState(false), queryDataLoaded = _49[0], setQueryDataLoaded = _49[1];
-    var _50 = useState(null), filterPredicates = _50[0], setFilterPredicates = _50[1];
-    var _51 = useState(false), showSaveFilterPopup = _51[0], setShowSaveFilterPopup = _51[1];
-    var _52 = useState(false), showGlobalSearchElement = _52[0], setShowGlobalSearchElement = _52[1];
+    var _33 = useState([]), listViewData = _33[0], setListViewData = _33[1];
+    var _34 = useState([]), selectedRecords = _34[0], setSelectedRecords = _34[1];
+    var _35 = useState([]), selectedRecoverRecords = _35[0], setSelectedRecoverRecords = _35[1];
+    var _36 = useState(true), loading = _36[0], setLoading = _36[1];
+    var _37 = useState(false), isDialogVisible = _37[0], setDialogVisible = _37[1];
+    var _38 = useState(false), isRecoverDialogVisible = _38[0], setRecoverDialogVisible = _38[1];
+    var _39 = useState(), createButtonUrl = _39[0], setCreateButtonUrl = _39[1];
+    var _40 = useState(), editButtonUrl = _40[0], setEditButtonUrl = _40[1];
+    var _41 = useState({}), createActionQueryParams = _41[0], setCreateActionQueryParams = _41[1];
+    var _42 = useState({}), editActionQueryParams = _42[0], setEditActionQueryParams = _42[1];
+    var _43 = useState(false), showArchived = _43[0], setShowArchived = _43[1];
+    var _44 = useState(false), queryDataLoaded = _44[0], setQueryDataLoaded = _44[1];
+    var _45 = useState(null), filterPredicates = _45[0], setFilterPredicates = _45[1];
+    var _46 = useState(false), showSaveFilterPopup = _46[0], setShowSaveFilterPopup = _46[1];
+    var _47 = useState(false), showGlobalSearchElement = _47[0], setShowGlobalSearchElement = _47[1];
     var suppressNextFilterPaginationResetRef = useRef(false);
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
@@ -350,7 +350,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _53 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _53.data, solidListViewMetaDataError = _53.error, solidListViewMetaDataIsLoading = _53.isLoading, solidListViewMetaDataIsError = _53.isError, refetch = _53.refetch;
+    var _48 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _48.data, solidListViewMetaDataError = _48.error, solidListViewMetaDataIsLoading = _48.isLoading, solidListViewMetaDataIsError = _48.isError, refetch = _48.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;
@@ -470,15 +470,15 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _54 = useState(sizeOptions[1].value), size = _54[0], setSize = _54[1];
-    var _55 = useState([]), viewModes = _55[0], setViewModes = _55[1];
+    var _49 = useState(sizeOptions[1].value), size = _49[0], setSize = _49[1];
+    var _50 = useState([]), viewModes = _50[0], setViewModes = _50[1];
     // Custom Row Action
-    var _56 = useState(false), listViewRowActionPopupState = _56[0], setListViewRowActionPopupState = _56[1];
-    var _57 = useState(), listViewRowActionData = _57[0], setListRowActionData = _57[1];
+    var _51 = useState(false), listViewRowActionPopupState = _51[0], setListViewRowActionPopupState = _51[1];
+    var _52 = useState(), listViewRowActionData = _52[0], setListRowActionData = _52[1];
     // Get the list view data.
-    var _58 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _58[0], _59 = _58[1], solidEntityListViewData = _59.data, isLoading = _59.isLoading, error = _59.error;
-    var _60 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _60[0], _61 = _60[1], recoverByIdData = _61.data, recoverByIdIsLoading = _61.isLoading, recoverByIdError = _61.error, recoverByIdIsError = _61.isError, recoverByIdIsSuccess = _61.isSuccess;
-    var _62 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _62[0], _63 = _62[1], recoverByData = _63.data, recoverByIsLoading = _63.isLoading, recoverError = _63.error, recoverIsError = _63.isError, recoverByIsSuccess = _63.isSuccess;
+    var _53 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _53[0], _54 = _53[1], solidEntityListViewData = _54.data, isLoading = _54.isLoading, error = _54.error;
+    var _55 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _55[0], _56 = _55[1], recoverByIdData = _56.data, recoverByIdIsLoading = _56.isLoading, recoverByIdError = _56.error, recoverByIdIsError = _56.isError, recoverByIdIsSuccess = _56.isSuccess;
+    var _57 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _57[0], _58 = _57[1], recoverByData = _58.data, recoverByIsLoading = _58.isLoading, recoverError = _58.error, recoverIsError = _58.isError, recoverByIsSuccess = _58.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -510,9 +510,9 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _64 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _64[0], isDeleteSolidSingleEntitySuccess = _64[1].isSuccess;
+    var _59 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _59[0], isDeleteSolidSingleEntitySuccess = _59[1].isSuccess;
     // Delete mutation
-    var _65 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _65[0], _66 = _65[1], isSolidEntitiesDeleted = _66.isLoading, isDeleteSolidEntitiesSucess = _66.isSuccess, isSolidEntitiesDeleteError = _66.isError, SolidEntitiesDeleteError = _66.error, DeletedSolidEntities = _66.data;
+    var _60 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _60[0], _61 = _60[1], isSolidEntitiesDeleted = _61.isLoading, isDeleteSolidEntitiesSucess = _61.isSuccess, isSolidEntitiesDeleteError = _61.isError, SolidEntitiesDeleteError = _61.error, DeletedSolidEntities = _61.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a;
@@ -950,9 +950,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _67 = useState(), selectedSolidViewData = _67[0], setSelectedSolidViewData = _67[1];
+    var _62 = useState(), selectedSolidViewData = _62[0], setSelectedSolidViewData = _62[1];
     var selectedDataRef = useRef();
-    var _68 = useState(false), deleteEntity = _68[0], setDeleteEntity = _68[1];
+    var _63 = useState(false), deleteEntity = _63[0], setDeleteEntity = _63[1];
     // Recover functions
     var recoverById = function (id) {
         triggerRecoverSolidEntitiesById(id);
@@ -1026,8 +1026,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords([]);
     };
     var entityDisplayName = ((_k = (_j = (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidView) === null || _j === void 0 ? void 0 : _j.model) === null || _k === void 0 ? void 0 : _k.displayName) || (params === null || params === void 0 ? void 0 : params.modelName);
-    var _69 = useState(false), openLightbox = _69[0], setOpenLightbox = _69[1];
-    var _70 = useState([]), lightboxUrls = _70[0], setLightboxUrls = _70[1];
+    var _64 = useState(false), openLightbox = _64[0], setOpenLightbox = _64[1];
+    var _65 = useState([]), lightboxUrls = _65[0], setLightboxUrls = _65[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1254,28 +1254,28 @@ 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  flex flex-col flex-grow-1 ".concat(styles.ListContentWrapper), children: _jsxs("div", { className: "solid-list-surface flex flex-col flex-1 min-h-0", children: [solidListViewInitialMetaData &&
-                            _jsxs("div", { className: "page-header solid-list-toolbar flex-col lg:flex-row", children: [_jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "solid-list-toolbar-left flex w-full items-center gap-3", children: [_jsx("div", { className: 'flex items-center gap-2', children: _jsx("p", { className: "m-0 view-title solid-list-view-text-wrapper", children: ((_x = (_w = (_v = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _v === void 0 ? void 0 : _v.solidView) === null || _w === void 0 ? void 0 : _w.action) === null || _x === void 0 ? void 0 : _x.displayName) || ((_z = (_y = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _y === void 0 ? void 0 : _y.solidView) === null || _z === void 0 ? void 0 : _z.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 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: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_0 = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.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 &&
+                            _jsxs("div", { className: "page-header solid-list-toolbar flex-col lg:flex-row", children: [_jsxs("div", { className: "flex justify-between w-full", children: [_jsx("div", { className: "solid-list-toolbar-left flex w-full items-center gap-3", children: 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 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: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_v = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _v === void 0 ? void 0 : _v.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'))) &&
+                                                        ((_w = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _w === void 0 ? void 0 : _w.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 &&
+                                                        ((_z = (_y = (_x = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _x === void 0 ? void 0 : _x.solidView) === null || _y === void 0 ? void 0 : _y.layout) === null || _z === void 0 ? void 0 : _z.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                                                        ((_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.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: (_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.addButtonIcon, leftIcon: !((_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.addButtonIcon) ? _jsx(Plus, { size: 14 }) : undefined, className: "".concat((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonClassName), size: "small", onClick: function () { return params.handleAddClickForEmbeddedView("new"); }, children: ((_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.addButtonTitle) ? (_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.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 && selectedRecoverRecords.length > 0 && (_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 &&
-                                                        ((_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 }))] })] }), showGlobalSearchElement && params.embeded === false && window.innerWidth < 991 && (_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, 
+                                                        ((_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.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 && window.innerWidth < 991 && (_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: (_12 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _12 === void 0 ? void 0 : _12.pageSizeOptions, dataKey: "id", emptyMessage: ((_15 = (_14 = (_13 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _13 === void 0 ? void 0 : _13.solidView) === null || _14 === void 0 ? void 0 : _14.model) === null || _15 === void 0 ? void 0 : _15.description) ||
+                                    size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: (_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.pageSizeOptions, dataKey: "id", emptyMessage: ((_10 = (_9 = (_8 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _8 === void 0 ? void 0 : _8.solidView) === null || _9 === void 0 ? void 0 : _9.model) === null || _10 === void 0 ? void 0 : _10.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: (_17 = (_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.removableSort) !== null && _17 !== void 0 ? _17 : 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: (_12 = (_11 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _11 === void 0 ? void 0 : _11.removableSort) !== null && _12 !== void 0 ? _12 : 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)
@@ -1294,8 +1294,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                             storeCurrentModelViewContext();
                                             router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(buildEditNavigationQueryString(rowData)));
                                         }
-                                    }, 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) {
+                                    }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_13 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _13 === void 0 ? void 0 : _13.rowButtons) &&
+                                            ((_14 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _14 === void 0 ? void 0 : _14.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;
@@ -1327,8 +1327,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                         })());
                                                     } }, 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) ===
+                                            ((_15 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _15 === void 0 ? void 0 : _15.edit) !== false &&
+                                            ((_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.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 () {
@@ -1341,10 +1341,10 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                             }
                                                         } })) }));
                                             } })), 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 &&
+                                            ((_17 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _17 === void 0 ? void 0 : _17.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))
+                                                (((_18 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.showRowDeleteInContextMenu) !== undefined &&
+                                                    ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.showRowDeleteInContextMenu) !== true))
                                             &&
                                                 (_jsx(Column, { header: "Delete", body: function (rowData) {
                                                         var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
@@ -1386,7 +1386,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (!open) {
                         closeListViewRowActionPopup();
                     }
-                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_25 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _25 === void 0 ? void 0 : _25.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); } }))] }));
+                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_20 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _20 === void 0 ? void 0 : _20.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