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

package/dist/components/core/card/SolidCardView.js

@@ -0,0 +1,365 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { permissionExpression } from "../../../helpers/permissions";
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
+import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
+import qs from "qs";
+import { useEffect, useRef, useState } from "react";
+import { SolidLightbox } from "../../shad-cn-ui/SolidLightbox";
+import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
+import { useDispatch, useSelector } from "react-redux";
+import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
+import { usePathname } from "../../../hooks/usePathname";
+import { useSearchParams } from "../../../hooks/useSearchParams";
+import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
+import { SolidCreateButton } from "../common/SolidCreateButton";
+import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
+import { SolidEmptyListViewPlaceholder } from "../list/SolidEmptyListViewPlaceholder";
+import { getFilterObjectFromLocalStorage, setFilterObjectToLocalStorage } from "../list/SolidListView";
+import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { SolidCardViewConfigure } from "./SolidCardViewConfigure";
+import { CardGrid } from "./CardGrid";
+import { CardUserViewLayout } from "./CardUserViewLayout";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
+var deriveCardViewConfig = function (solidCardViewMetaData) {
+    var _a, _b, _c, _d, _e, _f;
+    var solidView = (_a = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
+    var solidFieldsMetadata = ((_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidFieldsMetadata) || {};
+    var layoutAttrs = ((_c = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {};
+    var toPopulate = [];
+    var toPopulateMedia = [];
+    var findCardNode = function (nodes) {
+        if (nodes === void 0) { nodes = []; }
+        for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
+            var node = nodes_1[_i];
+            if (!node)
+                continue;
+            if (node.type === "card")
+                return node;
+            if (Array.isArray(node.children) && node.children.length > 0) {
+                var nestedCard = findCardNode(node.children);
+                if (nestedCard)
+                    return nestedCard;
+            }
+        }
+        return null;
+    };
+    var extractFields = function (nodes, result) {
+        if (result === void 0) { result = []; }
+        if (!nodes)
+            return result;
+        if (Array.isArray(nodes)) {
+            nodes.forEach(function (node) { return extractFields(node, result); });
+            return result;
+        }
+        if (nodes.type === "field") {
+            result.push(nodes);
+        }
+        if (Array.isArray(nodes.children)) {
+            nodes.children.forEach(function (child) { return extractFields(child, result); });
+        }
+        return result;
+    };
+    var cardNode = findCardNode(((_d = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _d === void 0 ? void 0 : _d.children) || []);
+    var fieldSource = ((_e = cardNode === null || cardNode === void 0 ? void 0 : cardNode.children) === null || _e === void 0 ? void 0 : _e.length) ? cardNode.children : ((_f = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _f === void 0 ? void 0 : _f.children) || [];
+    var layoutFields = extractFields(fieldSource);
+    layoutFields.forEach(function (column) {
+        var _a;
+        var fieldMetadata = solidFieldsMetadata[(_a = column === null || column === void 0 ? void 0 : column.attrs) === null || _a === void 0 ? void 0 : _a.name];
+        if (!fieldMetadata)
+            return;
+        if (fieldMetadata.type === "relation") {
+            toPopulate.push(fieldMetadata.name);
+        }
+        if (fieldMetadata.type === "mediaSingle" || fieldMetadata.type === "mediaMultiple") {
+            toPopulateMedia.push(fieldMetadata.name);
+        }
+    });
+    return {
+        rows: layoutAttrs.pageSize || 24,
+        pageSizeOptions: layoutAttrs.pageSizeOptions || [12, 24, 48],
+        toPopulate: toPopulate,
+        toPopulateMedia: toPopulateMedia,
+    };
+};
+export var SolidCardView = function (params) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
+    var dispatch = useDispatch();
+    var pathname = usePathname();
+    var searchParams = useSearchParams();
+    var solidGlobalSearchElementRef = useRef();
+    var _l = useState([]), actionsAllowed = _l[0], setActionsAllowed = _l[1];
+    var _m = useState(false), showGlobalSearchElement = _m[0], setShowGlobalSearchElement = _m[1];
+    var _o = useState([]), viewModes = _o[0], setViewModes = _o[1];
+    var _p = useState({ $and: [] }), filters = _p[0], setFilters = _p[1];
+    var _q = useState([]), cards = _q[0], setCards = _q[1];
+    var _r = useState([]), toPopulate = _r[0], setToPopulate = _r[1];
+    var _s = useState([]), toPopulateMedia = _s[0], setToPopulateMedia = _s[1];
+    var _t = useState(24), rows = _t[0], setRows = _t[1];
+    var _u = useState([12, 24, 48]), rowsPerPageOptions = _u[0], setRowsPerPageOptions = _u[1];
+    var _v = useState(0), first = _v[0], setFirst = _v[1];
+    var _w = useState(0), totalRecords = _w[0], setTotalRecords = _w[1];
+    var _x = useState(true), loading = _x[0], setLoading = _x[1];
+    var _y = useState(false), showSaveFilterPopup = _y[0], setShowSaveFilterPopup = _y[1];
+    var _z = useState(), createButtonUrl = _z[0], setCreateButtonUrl = _z[1];
+    var _0 = useState(), editButtonUrl = _0[0], setEditButtonUrl = _0[1];
+    var _1 = useState({}), createActionQueryParams = _1[0], setCreateActionQueryParams = _1[1];
+    var _2 = useState(false), openLightbox = _2[0], setOpenLightbox = _2[1];
+    var _3 = useState([]), lightboxUrls = _3[0], setLightboxUrls = _3[1];
+    var _4 = useState(false), isLayoutDialogVisible = _4[0], setLayoutDialogVisible = _4[1];
+    var _5 = useState(false), queryDataLoaded = _5[0], setQueryDataLoaded = _5[1];
+    var _6 = useState(), solidCardViewMetaData = _6[0], setSolidCardViewMetaData = _6[1];
+    var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
+    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 slide;
+        })
+            .filter(function (slide) { return !!slide; })
+        : [];
+    var entityApi = createSolidEntityApi(params.modelName);
+    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var menuItemId = searchParams.get("menuItemId");
+    var menuItemName = searchParams.get("menuItemName");
+    var actionId = searchParams.get("actionId");
+    var actionName = searchParams.get("actionName");
+    var cardViewMetaDataQs = qs.stringify({
+        modelName: params.modelName,
+        moduleName: params.moduleName,
+        viewType: "card",
+        menuItemId: menuItemId,
+        menuItemName: menuItemName,
+        actionId: actionId,
+        actionName: actionName,
+    }, {
+        encodeValuesOnly: true,
+    });
+    var solidCardViewMetaDataResponse = useGetSolidViewLayoutQuery(cardViewMetaDataQs).data;
+    var editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
+    var rowsOptions = rowsPerPageOptions && rowsPerPageOptions.length > 0 ? rowsPerPageOptions : [12, 24, 48];
+    var paginationStart = totalRecords === 0 ? 0 : first + 1;
+    var paginationEnd = Math.min(first + rows, totalRecords);
+    var totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;
+    var currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;
+    var paginationReport = "".concat(paginationStart, " - ").concat(paginationEnd, " of ").concat(totalRecords);
+    var canGoPrev = currentPage > 1;
+    var canGoNext = currentPage < totalPages;
+    var handleRowsChange = function (event) {
+        var nextRows = Number(event.target.value);
+        setRows(nextRows);
+        setFirst(0);
+    };
+    var handlePrevPage = function () {
+        if (!canGoPrev)
+            return;
+        setFirst(Math.max(0, first - rows));
+    };
+    var handleNextPage = function () {
+        if (!canGoNext)
+            return;
+        setFirst(Math.min((totalPages - 1) * rows, first + rows));
+    };
+    useEffect(function () {
+        var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var permissionNames, queryString, response;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!params.modelName)
+                            return [2 /*return*/];
+                        permissionNames = [
+                            permissionExpression(params.modelName, "create"),
+                            permissionExpression(params.modelName, "update"),
+                            permissionExpression(params.modelName, "findMany"),
+                            permissionExpression("importTransaction", "create"),
+                            permissionExpression("exportTransaction", "create"),
+                            permissionExpression("userViewMetadata", "create"),
+                            permissionExpression("savedFilters", "create"),
+                        ];
+                        queryString = qs.stringify({ permissionNames: permissionNames }, { encodeValuesOnly: true });
+                        return [4 /*yield*/, triggerCheckIfPermissionExists(queryString)];
+                    case 1:
+                        response = _b.sent();
+                        setActionsAllowed(((_a = response.data) === null || _a === void 0 ? void 0 : _a.data) || []);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchPermissions();
+    }, [params.modelName]);
+    useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (!solidCardViewMetaDataResponse)
+            return;
+        setSolidCardViewMetaData(solidCardViewMetaDataResponse);
+        setViewModes(((_a = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewModes) || []);
+        var _j = deriveCardViewConfig(solidCardViewMetaDataResponse), rows = _j.rows, pageSizeOptions = _j.pageSizeOptions, toPopulate = _j.toPopulate, toPopulateMedia = _j.toPopulateMedia;
+        var persistedFilterObject = typeof window !== "undefined" ? getFilterObjectFromLocalStorage() : null;
+        var restoredFilter = { $and: [] };
+        if (persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.custom_filter_predicate) {
+            restoredFilter.$and.push(persistedFilterObject.custom_filter_predicate);
+        }
+        if (persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.search_predicate) {
+            restoredFilter.$and.push(persistedFilterObject.search_predicate);
+        }
+        if (persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.saved_filter_predicate) {
+            restoredFilter.$and.push(persistedFilterObject.saved_filter_predicate);
+        }
+        if (persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.predefined_search_predicate) {
+            restoredFilter.$and.push(persistedFilterObject.predefined_search_predicate);
+        }
+        setRows(Number(persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.limit) || rows);
+        setRowsPerPageOptions(pageSizeOptions);
+        setFirst(Number(persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.offset) || 0);
+        setToPopulate(toPopulate);
+        setToPopulateMedia(toPopulateMedia);
+        setFilters(restoredFilter.$and.length > 0 ? restoredFilter : { $and: [] });
+        setQueryDataLoaded(true);
+        var layoutAttrs = (_d = (_c = (_b = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs;
+        var createActionUrl = (layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.createAction) && ((_e = layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.createAction) === null || _e === void 0 ? void 0 : _e.type) === "custom"
+            ? (_f = layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.createAction) === null || _f === void 0 ? void 0 : _f.customComponent
+            : "form/new";
+        var editActionUrl = (layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.editAction) && ((_g = layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.editAction) === null || _g === void 0 ? void 0 : _g.type) === "custom"
+            ? (_h = layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.editAction) === null || _h === void 0 ? void 0 : _h.customComponent
+            : "form";
+        if (layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.createAction) {
+            setCreateActionQueryParams({
+                actionName: layoutAttrs.createAction.name,
+                actionType: layoutAttrs.createAction.type,
+                actionContext: layoutAttrs.createAction.context,
+            });
+        }
+        setCreateButtonUrl(createActionUrl);
+        setEditButtonUrl(editActionUrl);
+    }, [solidCardViewMetaDataResponse]);
+    useEffect(function () {
+        var fetchCards = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var queryData, data;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!queryDataLoaded || !solidCardViewMetaDataResponse)
+                            return [2 /*return*/];
+                        setLoading(true);
+                        queryData = {
+                            offset: first,
+                            limit: rows,
+                            populate: toPopulate,
+                            populateMedia: toPopulateMedia,
+                            filters: filters,
+                        };
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, , 3, 4]);
+                        return [4 /*yield*/, triggerGetSolidEntities(qs.stringify(queryData, { encodeValuesOnly: true })).unwrap()];
+                    case 2:
+                        data = _b.sent();
+                        setCards((data === null || data === void 0 ? void 0 : data.records) || []);
+                        setTotalRecords(((_a = data === null || data === void 0 ? void 0 : data.meta) === null || _a === void 0 ? void 0 : _a.totalRecords) || 0);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchCards();
+    }, [queryDataLoaded, first, rows, toPopulate, toPopulateMedia, filters, solidCardViewMetaDataResponse]);
+    var handleApplyCustomFilter = function (filterPredicates) { return __awaiter(void 0, void 0, void 0, function () {
+        var updatedFilter;
+        return __generator(this, function (_a) {
+            updatedFilter = { $and: [] };
+            if (filterPredicates.custom_filter_predicate) {
+                updatedFilter.$and.push(filterPredicates.custom_filter_predicate);
+            }
+            if (filterPredicates.search_predicate) {
+                updatedFilter.$and.push(filterPredicates.search_predicate);
+            }
+            if (filterPredicates.saved_filter_predicate) {
+                updatedFilter.$and.push(filterPredicates.saved_filter_predicate);
+            }
+            if (filterPredicates.predefined_search_predicate) {
+                updatedFilter.$and.push(filterPredicates.predefined_search_predicate);
+            }
+            setFirst(0);
+            setFilters(updatedFilter);
+            setFilterObjectToLocalStorage({
+                offset: 0,
+                limit: rows,
+                custom_filter_predicate: filterPredicates.custom_filter_predicate || {},
+                search_predicate: filterPredicates.search_predicate || {},
+                saved_filter_predicate: filterPredicates.saved_filter_predicate || {},
+                predefined_search_predicate: filterPredicates.predefined_search_predicate || {},
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    var handleFetchUpdatedRecords = function () {
+        setQueryDataLoaded(function (current) { return !current; });
+    };
+    var toggleBothSidebars = function () {
+        if (visibleNavbar) {
+            dispatch(toggleNavbar());
+        }
+        else {
+            dispatch(showNavbar());
+        }
+    };
+    var cardViewTitle = (_b = (_a = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.displayName;
+    var enableGlobalSearch = ((_f = (_e = (_d = (_c = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.enableGlobalSearch) === true;
+    var showEmptyState = !loading && cards.length === 0;
+    var headerRequestStatusLabel = loading || !queryDataLoaded ? "Loading..." : null;
+    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", children: _jsxs("div", { className: "solid-list-surface solid-card-surface flex flex-column flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-card-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: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: cardViewTitle }), enableGlobalSearch && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "card", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidCardViewMetaDataResponse, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), enableGlobalSearch && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, "aria-label": "Toggle search", leftIcon: _jsx(SolidIcon, { name: "si-search", "aria-hidden": true }) }) })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
+                                                    ((_k = (_j = (_h = (_g = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _g === void 0 ? void 0 : _g.solidView) === null || _h === void 0 ? void 0 : _h.layout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () { return handleFetchUpdatedRecords(); }, "aria-label": "Refresh cards", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidCardViewConfigure, { solidCardViewMetaData: solidCardViewMetaDataResponse, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: handleFetchUpdatedRecords })] })] }), enableGlobalSearch && showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "card", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidCardViewMetaDataResponse, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "solid-card-view-content", children: [_jsx("div", { className: "solid-card-view-body", children: showEmptyState ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidCardViewMetaDataResponse, handleFetchUpdatedRecords: handleFetchUpdatedRecords })) : (_jsx(CardGrid, { records: cards, solidCardViewMetaData: solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data, editButtonUrl: editBaseUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox })) }), totalRecords > 0 && (_jsx("div", { className: "solid-card-view-pagination", children: _jsxs("div", { className: "solid-card-view-pagination-bar solid-table-paginator flex items-center justify-center gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2", children: [_jsx("span", { className: "solid-paginator-label", children: "Records" }), _jsx("select", { value: rows, onChange: handleRowsChange, className: "solid-paginator-select", children: rowsOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsx("span", { className: "solid-paginator-report", children: paginationReport })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: handlePrevPage, disabled: !canGoPrev, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: handleNextPage, disabled: !canGoNext, children: "Next" })] })] }) }))] })] }) }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } })), _jsxs(SolidDialog, { open: isLayoutDialogVisible, onOpenChange: setLayoutDialogVisible, className: "solid-kanban-layout-dialog", style: { width: "min(800px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Change Card Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "solid-kanban-layout-dialog-body", children: _jsx(CardUserViewLayout, { solidCardViewMetaData: solidCardViewMetaDataResponse, setLayoutDialogVisible: setLayoutDialogVisible }) })] })] }));
+};
+//# sourceMappingURL=SolidCardView.js.map

package/dist/components/core/card/SolidCardView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCardView.js","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { useGetSolidViewLayoutQuery } from \"../../../redux/api/solidViewApi\";\nimport { useLazyCheckIfPermissionExistsQuery } from \"../../../redux/api/userApi\";\nimport qs from \"qs\";\nimport { ChangeEvent, useEffect, useRef, useState } from \"react\";\nimport { SolidLightbox } from \"../../shad-cn-ui/SolidLightbox\";\nimport type { SolidLightboxSlide } from \"../../shad-cn-ui/SolidLightbox\";\nimport { getMediaTypeFromUrl } from \"../../../helpers/mediaType\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showNavbar, toggleNavbar } from \"../../../redux/features/navbarSlice\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { SolidHeaderRequestStatus } from \"../../common/SolidHeaderRequestStatus\";\nimport { SolidCreateButton } from \"../common/SolidCreateButton\";\nimport { SolidGlobalSearchElement } from \"../common/SolidGlobalSearchElement\";\nimport { SolidEmptyListViewPlaceholder } from \"../list/SolidEmptyListViewPlaceholder\";\nimport { getFilterObjectFromLocalStorage, setFilterObjectToLocalStorage } from \"../list/SolidListView\";\nimport { normalizeSolidListTreeKanbanActionPath } from \"../../../helpers/routePaths\";\nimport { SolidCardViewConfigure } from \"./SolidCardViewConfigure\";\nimport { CardGrid } from \"./CardGrid\";\nimport { CardUserViewLayout } from \"./CardUserViewLayout\";\nimport {\n  SolidButton,\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ntype SolidCardViewParams = {\n  moduleName: string;\n  modelName: string;\n  embeded: boolean;\n};\n\nconst deriveCardViewConfig = (solidCardViewMetaData: any) => {\n  const solidView = solidCardViewMetaData?.data?.solidView;\n  const solidFieldsMetadata = solidCardViewMetaData?.data?.solidFieldsMetadata || {};\n  const layoutAttrs = solidView?.layout?.attrs || {};\n  const toPopulate: string[] = [];\n  const toPopulateMedia: string[] = [];\n\n  const findCardNode = (nodes: any[] = []): any => {\n    for (const node of nodes) {\n      if (!node) continue;\n      if (node.type === \"card\") return node;\n      if (Array.isArray(node.children) && node.children.length > 0) {\n        const nestedCard = findCardNode(node.children);\n        if (nestedCard) return nestedCard;\n      }\n    }\n\n    return null;\n  };\n\n  const extractFields = (nodes: any, result: any[] = []) => {\n    if (!nodes) return result;\n\n    if (Array.isArray(nodes)) {\n      nodes.forEach((node: any) => extractFields(node, result));\n      return result;\n    }\n\n    if (nodes.type === \"field\") {\n      result.push(nodes);\n    }\n    if (Array.isArray(nodes.children)) {\n      nodes.children.forEach((child: any) => extractFields(child, result));\n    }\n    return result;\n  };\n\n  const cardNode = findCardNode(solidView?.layout?.children || []);\n  const fieldSource = cardNode?.children?.length ? cardNode.children : solidView?.layout?.children || [];\n  const layoutFields = extractFields(fieldSource);\n  layoutFields.forEach((column: any) => {\n    const fieldMetadata = solidFieldsMetadata[column?.attrs?.name];\n    if (!fieldMetadata) return;\n\n    if (fieldMetadata.type === \"relation\") {\n      toPopulate.push(fieldMetadata.name);\n    }\n    if (fieldMetadata.type === \"mediaSingle\" || fieldMetadata.type === \"mediaMultiple\") {\n      toPopulateMedia.push(fieldMetadata.name);\n    }\n  });\n\n  return {\n    rows: layoutAttrs.pageSize || 24,\n    pageSizeOptions: layoutAttrs.pageSizeOptions || [12, 24, 48],\n    toPopulate,\n    toPopulateMedia,\n  };\n};\n\nexport const SolidCardView = (params: SolidCardViewParams) => {\n  const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);\n  const dispatch = useDispatch();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const solidGlobalSearchElementRef = useRef<any>();\n\n  const [actionsAllowed, setActionsAllowed] = useState<string[]>([]);\n  const [showGlobalSearchElement, setShowGlobalSearchElement] = useState(false);\n  const [viewModes, setViewModes] = useState<any[]>([]);\n  const [filters, setFilters] = useState<any>({ $and: [] });\n  const [cards, setCards] = useState<any[]>([]);\n  const [toPopulate, setToPopulate] = useState<string[]>([]);\n  const [toPopulateMedia, setToPopulateMedia] = useState<string[]>([]);\n  const [rows, setRows] = useState(24);\n  const [rowsPerPageOptions, setRowsPerPageOptions] = useState<any[]>([12, 24, 48]);\n  const [first, setFirst] = useState(0);\n  const [totalRecords, setTotalRecords] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [showSaveFilterPopup, setShowSaveFilterPopup] = useState(false);\n  const [createButtonUrl, setCreateButtonUrl] = useState<string>();\n  const [editButtonUrl, setEditButtonUrl] = useState<string>();\n  const [createActionQueryParams, setCreateActionQueryParams] = useState<Record<string, string>>({});\n  const [openLightbox, setOpenLightbox] = useState(false);\n  const [lightboxUrls, setLightboxUrls] = useState<any[]>([]);\n  const [isLayoutDialogVisible, setLayoutDialogVisible] = useState(false);\n  const [queryDataLoaded, setQueryDataLoaded] = useState(false);\n  const [solidCardViewMetaData, setSolidCardViewMetaData] = useState<any>();\n  const [triggerCheckIfPermissionExists] = useLazyCheckIfPermissionExistsQuery();\n\n  const lightboxSlides: SolidLightboxSlide[] = Array.isArray(lightboxUrls)\n    ? lightboxUrls\n      .map((item: any) => {\n        const src = item?.src || item?.downloadUrl || \"\";\n        if (!src) {\n          return null;\n        }\n        const mediaType = getMediaTypeFromUrl(src);\n        const slide: SolidLightboxSlide = { src };\n        if (mediaType !== \"image\") {\n          slide.type = mediaType;\n        }\n        return slide;\n      })\n      .filter((slide): slide is SolidLightboxSlide => !!slide)\n    : [];\n\n  const entityApi = createSolidEntityApi(params.modelName);\n  const { useLazyGetSolidEntitiesQuery } = entityApi;\n  const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n  const menuItemId = searchParams.get(\"menuItemId\");\n  const menuItemName = searchParams.get(\"menuItemName\");\n  const actionId = searchParams.get(\"actionId\");\n  const actionName = searchParams.get(\"actionName\");\n\n  const cardViewMetaDataQs = qs.stringify(\n    {\n      modelName: params.modelName,\n      moduleName: params.moduleName,\n      viewType: \"card\",\n      menuItemId,\n      menuItemName,\n      actionId,\n      actionName,\n    },\n    {\n      encodeValuesOnly: true,\n    }\n  );\n\n  const { data: solidCardViewMetaDataResponse } = useGetSolidViewLayoutQuery(cardViewMetaDataQs);\n\n  const editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || \"form\");\n  const rowsOptions = rowsPerPageOptions && rowsPerPageOptions.length > 0 ? rowsPerPageOptions : [12, 24, 48];\n  const paginationStart = totalRecords === 0 ? 0 : first + 1;\n  const paginationEnd = Math.min(first + rows, totalRecords);\n  const totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;\n  const currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;\n  const paginationReport = `${paginationStart} - ${paginationEnd} of ${totalRecords}`;\n  const canGoPrev = currentPage > 1;\n  const canGoNext = currentPage < totalPages;\n\n  const handleRowsChange = (event: ChangeEvent<HTMLSelectElement>) => {\n    const nextRows = Number(event.target.value);\n    setRows(nextRows);\n    setFirst(0);\n  };\n\n  const handlePrevPage = () => {\n    if (!canGoPrev) return;\n    setFirst(Math.max(0, first - rows));\n  };\n\n  const handleNextPage = () => {\n    if (!canGoNext) return;\n    setFirst(Math.min((totalPages - 1) * rows, first + rows));\n  };\n\n  useEffect(() => {\n    const fetchPermissions = async () => {\n      if (!params.modelName) return;\n\n      const permissionNames = [\n        permissionExpression(params.modelName, \"create\"),\n        permissionExpression(params.modelName, \"update\"),\n        permissionExpression(params.modelName, \"findMany\"),\n        permissionExpression(\"importTransaction\", \"create\"),\n        permissionExpression(\"exportTransaction\", \"create\"),\n        permissionExpression(\"userViewMetadata\", \"create\"),\n        permissionExpression(\"savedFilters\", \"create\"),\n      ];\n\n      const queryString = qs.stringify(\n        { permissionNames },\n        { encodeValuesOnly: true }\n      );\n      const response = await triggerCheckIfPermissionExists(queryString);\n      setActionsAllowed(response.data?.data || []);\n    };\n\n    fetchPermissions();\n  }, [params.modelName]);\n\n  useEffect(() => {\n    if (!solidCardViewMetaDataResponse) return;\n\n    setSolidCardViewMetaData(solidCardViewMetaDataResponse);\n    setViewModes(solidCardViewMetaDataResponse?.data?.viewModes || []);\n\n    const { rows, pageSizeOptions, toPopulate, toPopulateMedia } = deriveCardViewConfig(solidCardViewMetaDataResponse);\n    const persistedFilterObject = typeof window !== \"undefined\" ? getFilterObjectFromLocalStorage() : null;\n    const restoredFilter = { $and: [] as any[] };\n\n    if (persistedFilterObject?.custom_filter_predicate) {\n      restoredFilter.$and.push(persistedFilterObject.custom_filter_predicate);\n    }\n    if (persistedFilterObject?.search_predicate) {\n      restoredFilter.$and.push(persistedFilterObject.search_predicate);\n    }\n    if (persistedFilterObject?.saved_filter_predicate) {\n      restoredFilter.$and.push(persistedFilterObject.saved_filter_predicate);\n    }\n    if (persistedFilterObject?.predefined_search_predicate) {\n      restoredFilter.$and.push(persistedFilterObject.predefined_search_predicate);\n    }\n\n    setRows(Number(persistedFilterObject?.limit) || rows);\n    setRowsPerPageOptions(pageSizeOptions);\n    setFirst(Number(persistedFilterObject?.offset) || 0);\n    setToPopulate(toPopulate);\n    setToPopulateMedia(toPopulateMedia);\n    setFilters(restoredFilter.$and.length > 0 ? restoredFilter : { $and: [] });\n    setQueryDataLoaded(true);\n\n    const layoutAttrs = solidCardViewMetaDataResponse?.data?.solidView?.layout?.attrs;\n    const createActionUrl = layoutAttrs?.createAction && layoutAttrs?.createAction?.type === \"custom\"\n      ? layoutAttrs?.createAction?.customComponent\n      : \"form/new\";\n    const editActionUrl = layoutAttrs?.editAction && layoutAttrs?.editAction?.type === \"custom\"\n      ? layoutAttrs?.editAction?.customComponent\n      : \"form\";\n\n    if (layoutAttrs?.createAction) {\n      setCreateActionQueryParams({\n        actionName: layoutAttrs.createAction.name,\n        actionType: layoutAttrs.createAction.type,\n        actionContext: layoutAttrs.createAction.context,\n      });\n    }\n\n    setCreateButtonUrl(createActionUrl);\n    setEditButtonUrl(editActionUrl);\n  }, [solidCardViewMetaDataResponse]);\n\n  useEffect(() => {\n    const fetchCards = async () => {\n      if (!queryDataLoaded || !solidCardViewMetaDataResponse) return;\n\n      setLoading(true);\n\n      const queryData = {\n        offset: first,\n        limit: rows,\n        populate: toPopulate,\n        populateMedia: toPopulateMedia,\n        filters,\n      };\n\n      try {\n        const data: any = await triggerGetSolidEntities(\n          qs.stringify(queryData, { encodeValuesOnly: true })\n        ).unwrap();\n\n        setCards(data?.records || []);\n        setTotalRecords(data?.meta?.totalRecords || 0);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchCards();\n  }, [queryDataLoaded, first, rows, toPopulate, toPopulateMedia, filters, solidCardViewMetaDataResponse]);\n\n  const handleApplyCustomFilter = async (filterPredicates: any) => {\n    const updatedFilter = { $and: [] as any[] };\n\n    if (filterPredicates.custom_filter_predicate) {\n      updatedFilter.$and.push(filterPredicates.custom_filter_predicate);\n    }\n    if (filterPredicates.search_predicate) {\n      updatedFilter.$and.push(filterPredicates.search_predicate);\n    }\n    if (filterPredicates.saved_filter_predicate) {\n      updatedFilter.$and.push(filterPredicates.saved_filter_predicate);\n    }\n    if (filterPredicates.predefined_search_predicate) {\n      updatedFilter.$and.push(filterPredicates.predefined_search_predicate);\n    }\n\n    setFirst(0);\n    setFilters(updatedFilter);\n    setFilterObjectToLocalStorage({\n      offset: 0,\n      limit: rows,\n      custom_filter_predicate: filterPredicates.custom_filter_predicate || {},\n      search_predicate: filterPredicates.search_predicate || {},\n      saved_filter_predicate: filterPredicates.saved_filter_predicate || {},\n      predefined_search_predicate: filterPredicates.predefined_search_predicate || {},\n    });\n  };\n\n  const handleFetchUpdatedRecords = () => {\n    setQueryDataLoaded((current) => !current);\n  };\n\n  const toggleBothSidebars = () => {\n    if (visibleNavbar) {\n      dispatch(toggleNavbar());\n    } else {\n      dispatch(showNavbar());\n    }\n  };\n\n  const cardViewTitle = solidCardViewMetaDataResponse?.data?.solidView?.displayName;\n  const enableGlobalSearch = solidCardViewMetaDataResponse?.data?.solidView?.layout?.attrs?.enableGlobalSearch === true;\n  const showEmptyState = !loading && cards.length === 0;\n  const headerRequestStatusLabel = loading || !queryDataLoaded ? \"Loading...\" : null;\n\n  return (\n    <div className=\"page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden\">\n      <div className=\"solid-list-content h-full flex flex-column flex-grow-1\">\n        <div className=\"solid-list-surface solid-card-surface flex flex-column flex-1 min-h-0\">\n          <div className=\"page-header solid-list-toolbar solid-card-toolbar flex-column lg:flex-row\">\n            <div className=\"flex justify-content-between w-full solid-list-toolbar-row\">\n              <div className=\"flex gap-3 align-items-center w-full solid-list-toolbar-left\">\n                {params.embeded !== true && (\n                  <div className=\"apps-icon block md:hidden cursor-pointer\" onClick={toggleBothSidebars}>\n                    <SolidIcon name=\"si-th-large\" aria-hidden />\n                  </div>\n                )}\n                <p className=\"m-0 view-title solid-text-wrapper\">{cardViewTitle}</p>\n                {enableGlobalSearch && (\n                  <div className=\"hidden lg:flex\">\n                    <SolidGlobalSearchElement\n                      viewType=\"card\"\n                      showSaveFilterPopup={showSaveFilterPopup}\n                      setShowSaveFilterPopup={setShowSaveFilterPopup}\n                      ref={solidGlobalSearchElementRef}\n                      viewData={solidCardViewMetaDataResponse}\n                      handleApplyCustomFilter={handleApplyCustomFilter}\n                    />\n                  </div>\n                )}\n              </div>\n\n              <div className=\"flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions\">\n                <SolidHeaderRequestStatus label={headerRequestStatusLabel} />\n                {enableGlobalSearch && (\n                  <div className=\"flex lg:hidden\">\n                    <SolidButton\n                      type=\"button\"\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"solid-icon-button\"\n                      onClick={() => setShowGlobalSearchElement(!showGlobalSearchElement)}\n                      aria-label=\"Toggle search\"\n                      leftIcon={<SolidIcon name=\"si-search\" aria-hidden />}\n                    />\n                  </div>\n                )}\n\n                {actionsAllowed.includes(`${permissionExpression(params.modelName, \"create\")}`) &&\n                  solidCardViewMetaDataResponse?.data?.solidView?.layout?.attrs?.create !== false && (\n                    <SolidCreateButton\n                      createButtonUrl={createButtonUrl}\n                      createActionQueryParams={createActionQueryParams}\n                      responsiveIconOnly={true}\n                    />\n                  )}\n\n                <SolidButton\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  className=\"solid-icon-button\"\n                  onClick={() => handleFetchUpdatedRecords()}\n                  aria-label=\"Refresh cards\"\n                  leftIcon={<SolidIcon name=\"si-refresh\" aria-hidden />}\n                />\n\n                <SolidCardViewConfigure\n                  solidCardViewMetaData={solidCardViewMetaDataResponse}\n                  modelName={params.modelName}\n                  actionsAllowed={actionsAllowed}\n                  viewModes={viewModes}\n                  setLayoutDialogVisible={setLayoutDialogVisible}\n                  setShowSaveFilterPopup={setShowSaveFilterPopup}\n                  filters={filters}\n                  handleRefreshView={handleFetchUpdatedRecords}\n                />\n              </div>\n            </div>\n\n            {enableGlobalSearch && showGlobalSearchElement && (\n              <div className=\"flex lg:hidden\">\n                <SolidGlobalSearchElement\n                  viewType=\"card\"\n                  showSaveFilterPopup={showSaveFilterPopup}\n                  setShowSaveFilterPopup={setShowSaveFilterPopup}\n                  ref={solidGlobalSearchElementRef}\n                  viewData={solidCardViewMetaDataResponse}\n                  handleApplyCustomFilter={handleApplyCustomFilter}\n                />\n              </div>\n            )}\n          </div>\n\n          <div className=\"solid-card-view-content\">\n            <div className=\"solid-card-view-body\">\n              {showEmptyState ? (\n                <SolidEmptyListViewPlaceholder\n                  createButtonUrl={createButtonUrl}\n                  createActionQueryParams={createActionQueryParams}\n                  actionsAllowed={actionsAllowed}\n                  params={params}\n                  solidListViewMetaData={solidCardViewMetaDataResponse}\n                  handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n                />\n              ) : (\n                <CardGrid\n                  records={cards}\n                  solidCardViewMetaData={solidCardViewMetaDataResponse?.data}\n                  editButtonUrl={editBaseUrl}\n                  setLightboxUrls={setLightboxUrls}\n                  setOpenLightbox={setOpenLightbox}\n                />\n              )}\n            </div>\n\n            {totalRecords > 0 && (\n              <div className=\"solid-card-view-pagination\">\n                <div className=\"solid-card-view-pagination-bar solid-table-paginator flex items-center justify-center gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background\">\n                  <div className=\"solid-paginator-meta flex items-center gap-2\">\n                    <span className=\"solid-paginator-label\">Records</span>\n                    <select\n                      value={rows}\n                      onChange={handleRowsChange}\n                      className=\"solid-paginator-select\"\n                    >\n                      {rowsOptions.map((option) => (\n                        <option key={option} value={option}>\n                          {option}\n                        </option>\n                      ))}\n                    </select>\n                    <span className=\"solid-paginator-report\">{paginationReport}</span>\n                  </div>\n                  <div className=\"solid-paginator-actions flex items-center gap-2\">\n                    <button\n                      type=\"button\"\n                      className=\"solid-paginator-btn\"\n                      onClick={handlePrevPage}\n                      disabled={!canGoPrev}\n                    >\n                      Previous\n                    </button>\n                    <button\n                      type=\"button\"\n                      className=\"solid-paginator-btn\"\n                      onClick={handleNextPage}\n                      disabled={!canGoNext}\n                    >\n                      Next\n                    </button>\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {openLightbox && (\n        <SolidLightbox\n          open={openLightbox}\n          slides={lightboxSlides}\n          onClose={() => setOpenLightbox(false)}\n        />\n      )}\n\n      <SolidDialog\n        open={isLayoutDialogVisible}\n        onOpenChange={setLayoutDialogVisible}\n        className=\"solid-kanban-layout-dialog\"\n        style={{ width: \"min(800px, calc(100vw - 32px))\" }}\n      >\n        <SolidDialogHeader>\n          <SolidDialogTitle>Change Card Layout</SolidDialogTitle>\n          <SolidDialogClose />\n        </SolidDialogHeader>\n        <SolidDialogSeparator />\n        <SolidDialogBody className=\"solid-kanban-layout-dialog-body\">\n          <CardUserViewLayout solidCardViewMetaData={solidCardViewMetaDataResponse} setLayoutDialogVisible={setLayoutDialogVisible} />\n        </SolidDialogBody>\n      </SolidDialog>\n    </div>\n  );\n};\n"]}