@solidstarters/solid-core-ui 1.1.77 → 1.1.78

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

@@ -1,692 +0,0 @@
-// @ts-nocheck
-"use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import { DataTable, } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { FilterMatchMode } from "primereact/api";
-import qs from "qs";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
-import { SolidListViewColumn } from "./SolidListViewColumn";
-// import { SolidListViewOptions } from "../common/SolidListviewOptions";
-import { SolidCreateButton } from "../common/SolidCreateButton";
-import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
-import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
-import { createPermission, deletePermission, updatePermission } from "../../../helpers/permissions";
-import { useRouter, useSearchParams } from "next/navigation";
-import { ListViewRowActionPopup } from "./ListViewRowActionPopup";
-import { FilterIcon } from '../../modelsComponents/filterIcon';
-import { OverlayPanel } from "primereact/overlaypanel";
-import { Toast } from "primereact/toast";
-import { Divider } from "primereact/divider";
-import CompactImage from '../../../resources/images/layout/images/compact.png';
-import CozyImage from '../../../resources/images/layout/images/cozy.png';
-import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
-import { capitalize } from "lodash";
-import Lightbox from "yet-another-react-lightbox";
-import Counter from "yet-another-react-lightbox/plugins/counter";
-import Download from "yet-another-react-lightbox/plugins/download";
-import "yet-another-react-lightbox/styles.css";
-import "yet-another-react-lightbox/plugins/counter.css";
-import { SolidListViewConfigure } from "./SolidListViewConfigure";
-import { SolidListViewShimmerLoading } from "./SolidListViewShimmerLoading";
-import { SolidEmptyListViewPlaceholder } from "./SolidEmptyListViewPlaceholder";
-var getRandomInt = function (min, max) {
-    return Math.floor(Math.random() * (max - min + 1)) + min;
-};
-export var queryStringToQueryObject = function () {
-    var currentPageUrl = window.location.href; // Get the current page URL
-    var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
-    if (encodedQueryString) {
-        try {
-            var decodedQueryString = atob(encodedQueryString); // Base64 decode the string
-            var parsedParams = qs.parse(decodedQueryString); // Parse the decoded string into an object
-            console.log("Parsed Params from Local Storage:", parsedParams);
-            return parsedParams;
-        }
-        catch (error) {
-            console.error("Error decoding or parsing query string from local storage:", error);
-        }
-    }
-    ;
-};
-export var queryObjectToQueryString = function (queryObject) {
-    if (queryObject) {
-        var stringifiedObject = qs.stringify(queryObject);
-        var encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
-        var currentPageUrl = window.location.href; // Get the current page URL
-        localStorage.setItem(currentPageUrl, encodedQueryString); // Store in local storage with the URL as the key
-        console.log("Encoded and stored queryObject in localStorage:", encodedQueryString);
-        return encodedQueryString;
-    }
-    return null;
-};
-export var SolidListView = function (params) {
-    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;
-    var solidGlobalSearchElementRef = useRef();
-    var router = useRouter();
-    var searchParams = useSearchParams().toString(); // Converts the query params to a string
-    // TODO: The initial filter state will be created based on the fields which are present on this list view. 
-    var _5 = useState(params.customFilter || null), filters = _5[0], setFilters = _5[1];
-    // const [customFilter, setCustomFilter] = useState<FilterRule[]>(initialState);
-    // const [showGlobalSearchElement, setShowGlobalSearchElement] = useState<boolean>(false);
-    var _6 = useState([]), toPopulate = _6[0], setToPopulate = _6[1];
-    var _7 = useState([]), toPopulateMedia = _7[0], setToPopulateMedia = _7[1];
-    var _8 = useState([]), actionsAllowed = _8[0], setActionsAllowed = _8[1];
-    var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    useEffect(function () {
-        var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var permissionNames, queryData, queryString, response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!params.modelName) return [3 /*break*/, 2];
-                        permissionNames = [
-                            createPermission(params.modelName),
-                            deletePermission(params.modelName),
-                            updatePermission(params.modelName)
-                        ];
-                        queryData = {
-                            permissionNames: permissionNames
-                        };
-                        queryString = qs.stringify(queryData, {
-                            encodeValuesOnly: true
-                        });
-                        return [4 /*yield*/, triggerCheckIfPermissionExists(queryString)];
-                    case 1:
-                        response = _a.sent();
-                        setActionsAllowed(response.data.data);
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchPermissions();
-    }, [params.modelName]);
-    var isFilterApplied = filters ? true : false;
-    // Create the RTK slices for this entity
-    var entityApi = createSolidEntityApi(params.modelName);
-    var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntitiesQuery = entityApi.useGetSolidEntitiesQuery, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, useLazyGetSolidEntityByIdQuery = entityApi.useLazyGetSolidEntityByIdQuery, usePrefetch = entityApi.usePrefetch, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, useRecoverSolidEntityByIdQuery = entityApi.useRecoverSolidEntityByIdQuery, useLazyRecoverSolidEntityByIdQuery = entityApi.useLazyRecoverSolidEntityByIdQuery, useRecoverSolidEntityMutation = entityApi.useRecoverSolidEntityMutation;
-    // Get the list view layout & metadata first. 
-    var listViewMetaDataQs = qs.stringify({ modelName: params.modelName, moduleName: params.moduleName, viewType: 'list' }, {
-        encodeValuesOnly: true,
-    });
-    var _9 = useState({}), listViewMetaData = _9[0], setListViewMetaData = _9[1];
-    var _10 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewMetaData = _10.data, solidListViewMetaDataError = _10.error, solidListViewMetaDataIsLoading = _10.isLoading, solidListViewMetaDataIsError = _10.isError, refetch = _10.refetch;
-    var initialFilterMethod = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
-        var solidFieldsMetadata = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidFieldsMetadata;
-        var initialFilters = {};
-        var toPopulate = [];
-        var toPopulateMedia = [];
-        for (var i = 0; i < ((_c = solidView.layout.children) === null || _c === void 0 ? void 0 : _c.length); i++) {
-            var column = solidView.layout.children[i];
-            var fieldMetadata = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[column.attrs.name];
-            if (!(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                showFieldError("".concat(column.attrs.label, " is not present in metadata"));
-                return;
-            }
-            // Form the initial filters after iterating over the columns and field metadata. 
-            if (['int', 'bigint', 'float', 'decimal'].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] }
-                initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.EQUALS };
-            }
-            else if (['date', 'datetime', 'time', 'boolean'].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] }
-                initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.EQUALS };
-            }
-            else if (['relation', 'selectionStatic', 'selectionDynamic'].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.IN };
-            }
-            else {
-                // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }] }
-                initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.STARTS_WITH };
-            }
-            if (column.attrs.name === 'id') {
-                initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.IN };
-            }
-            // Form the "toPopulate" array. 
-            if (fieldMetadata.type === 'relation') {
-                toPopulate.push(fieldMetadata.name);
-            }
-            if (fieldMetadata.type === 'mediaSingle' || fieldMetadata.type === 'mediaMultiple') {
-                toPopulateMedia.push(fieldMetadata.name);
-            }
-        }
-        // setFilters(initialFilters);
-        var rows = (_h = (_g = (_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.layout) === null || _f === void 0 ? void 0 : _f.attrs) === null || _g === void 0 ? void 0 : _g.defaultPageSize) !== null && _h !== void 0 ? _h : 25;
-        var populate = toPopulate;
-        var populateMedia = toPopulateMedia;
-        setRows(rows);
-        setToPopulate(populate);
-        setToPopulateMedia(populateMedia);
-        setSortField('id');
-        setSortOrder(-1);
-        return { rows: rows, populate: populate, populateMedia: populateMedia };
-    };
-    // Set the initial filter state based on the metadata.
-    useEffect(function () {
-        var _a, _b;
-        // refetch();
-        if (solidListViewMetaData) {
-            if (params.customLayout) {
-                var updatedSolidListViewMetaData = structuredClone(solidListViewMetaData);
-                if ((_b = (_a = updatedSolidListViewMetaData === null || updatedSolidListViewMetaData === void 0 ? void 0 : updatedSolidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) {
-                    updatedSolidListViewMetaData.data.solidView.layout = params.customLayout;
-                }
-                setListViewMetaData(updatedSolidListViewMetaData);
-            }
-            else {
-                setListViewMetaData(solidListViewMetaData);
-            }
-            // initialFilterMethod()
-        }
-    }, [solidListViewMetaData]);
-    // set layout and actions for create and edit buttons and view modes
-    useEffect(function () {
-        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;
-        if (solidListViewMetaData) {
-            var createActionUrl = ((_d = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.createAction) && ((_j = (_h = (_g = (_f = (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.createAction) === null || _j === void 0 ? void 0 : _j.type) === "custom" ? (_p = (_o = (_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.createAction) === null || _p === void 0 ? void 0 : _p.customComponent : "form/new";
-            var editActionUrl = ((_t = (_s = (_r = (_q = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs) === null || _t === void 0 ? void 0 : _t.editAction) && ((_y = (_x = (_w = (_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.layout) === null || _w === void 0 ? void 0 : _w.attrs) === null || _x === void 0 ? void 0 : _x.editAction) === null || _y === void 0 ? void 0 : _y.type) === "custom" ? (_3 = (_2 = (_1 = (_0 = (_z = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs) === null || _2 === void 0 ? void 0 : _2.editAction) === null || _3 === void 0 ? void 0 : _3.customComponent : "form";
-            var viewModes_1 = ((_7 = (_6 = (_5 = (_4 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _4 === void 0 ? void 0 : _4.solidView) === null || _5 === void 0 ? void 0 : _5.layout) === null || _6 === void 0 ? void 0 : _6.attrs) === null || _7 === void 0 ? void 0 : _7.allowedViews) && ((_11 = (_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.layout) === null || _10 === void 0 ? void 0 : _10.attrs) === null || _11 === void 0 ? void 0 : _11.allowedViews.length) > 0 && ((_15 = (_14 = (_13 = (_12 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.layout) === null || _14 === void 0 ? void 0 : _14.attrs) === null || _15 === void 0 ? void 0 : _15.allowedViews.map(function (view) { return { label: capitalize(view), value: view }; }));
-            setViewModes(viewModes_1);
-            if (createActionUrl) {
-                setCreateButtonUrl(createActionUrl);
-            }
-            if (editActionUrl) {
-                setEditButtonUrl(editActionUrl);
-            }
-        }
-    }, [solidListViewMetaData]);
-    // All list view state.
-    var _11 = useState([]), listViewData = _11[0], setListViewData = _11[1];
-    var _12 = useState(0), first = _12[0], setFirst = _12[1];
-    var _13 = useState(25), rows = _13[0], setRows = _13[1];
-    var _14 = useState(0), totalRecords = _14[0], setTotalRecords = _14[1];
-    var _15 = useState(""), sortField = _15[0], setSortField = _15[1];
-    var _16 = useState(0), sortOrder = _16[0], setSortOrder = _16[1];
-    var _17 = useState([]), selectedRecords = _17[0], setSelectedRecords = _17[1];
-    var _18 = useState([]), selectedRecoverRecords = _18[0], setSelectedRecoverRecords = _18[1];
-    var _19 = useState(true), loading = _19[0], setLoading = _19[1];
-    var _20 = useState(false), isDialogVisible = _20[0], setDialogVisible = _20[1];
-    var _21 = useState(false), isRecoverDialogVisible = _21[0], setRecoverDialogVisible = _21[1];
-    var _22 = useState(), createButtonUrl = _22[0], setCreateButtonUrl = _22[1];
-    var _23 = useState(), editButtonUrl = _23[0], setEditButtonUrl = _23[1];
-    var _24 = useState(false), showArchived = _24[0], setShowArchived = _24[1];
-    var _25 = useState(false), queryDataLoaded = _25[0], setQueryDataLoaded = _25[1];
-    var _26 = useState(null), customFilter = _26[0], setCustomFilter = _26[1];
-    var _27 = useState(false), showSaveFilterPopup = _27[0], setShowSaveFilterPopup = _27[1];
-    var sizeOptions = [
-        { label: 'Compact', value: 'small', image: CompactImage },
-        { label: 'Cozy', value: 'normal', image: CozyImage },
-        { label: 'Comfortable', value: 'large', image: ComfortableImage }
-    ];
-    // const viewModes = [
-    //   { label: 'List ', value: 'list', image: ListImage },
-    //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
-    // ]
-    var _28 = useState(sizeOptions[1].value), size = _28[0], setSize = _28[1];
-    var _29 = useState([]), viewModes = _29[0], setViewModes = _29[1];
-    // Custom Row Action
-    var _30 = useState(false), listViewRowActionPopupState = _30[0], setListViewRowActionPopupState = _30[1];
-    var _31 = useState(), listViewRowActionData = _31[0], setListRowActionData = _31[1];
-    var toast = useRef(null);
-    // Get the list view data.
-    var _32 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _32[0], _33 = _32[1], solidEntityListViewData = _33.data, isLoading = _33.isLoading, error = _33.error;
-    var _34 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _34[0], _35 = _34[1], recoverByIdData = _35.data, recoverByIdIsLoading = _35.isLoading, recoverByIdError = _35.error, recoverByIdIsError = _35.isError, recoverByIdIsSuccess = _35.isSuccess;
-    var _36 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _36[0], _37 = _36[1], recoverByData = _37.data, recoverByIsLoading = _37.isLoading, recoverError = _37.error, recoverIsError = _37.isError, recoverByIsSuccess = _37.isSuccess;
-    // After data is fetched populate the list view state so as to be able to render the data. 
-    useEffect(function () {
-        if (solidEntityListViewData) {
-            setListViewData(solidEntityListViewData === null || solidEntityListViewData === void 0 ? void 0 : solidEntityListViewData.records);
-            setTotalRecords(solidEntityListViewData === null || solidEntityListViewData === void 0 ? void 0 : solidEntityListViewData.meta.totalRecords);
-            setLoading(false);
-        }
-    }, [solidEntityListViewData]);
-    var _38 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _38[0], isDeleteSolidSingleEntitySuccess = _38[1].isSuccess;
-    // Delete mutation 
-    var _39 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _39[0], _40 = _39[1], isSolidEntitiesDeleted = _40.isLoading, isDeleteSolidEntitiesSucess = _40.isSuccess, isSolidEntitiesDeleteError = _40.isError, SolidEntitiesDeleteError = _40.error, DeletedSolidEntities = _40.data;
-    // Fetch data after toPopulate has been populated...
-    useEffect(function () {
-        var _a, _b, _c;
-        if (solidListViewMetaData) {
-            var queryObject = queryStringToQueryObject();
-            if (queryObject) {
-                var queryData = {
-                    offset: queryObject.offset || 0,
-                    limit: queryObject.limit || 25,
-                    populate: queryObject.populate,
-                    populateMedia: queryObject.populateMedia,
-                    sort: queryObject.sort ? (_a = queryObject.sort) === null || _a === void 0 ? void 0 : _a.map(function (sortItem) {
-                        var _a = sortItem.split(":"), field = _a[0], order = _a[1];
-                        return { field: field, order: order };
-                    }) : ["id:desc"],
-                    filters: queryObject.filters
-                };
-                var filters_1 = {
-                    $and: []
-                };
-                if (queryObject.s_filter) {
-                    filters_1.$and.push(queryObject.s_filter);
-                }
-                if (queryObject.c_filter) {
-                    filters_1.$and.push(queryObject.c_filter);
-                }
-                setRows(queryData.limit);
-                setToPopulate(queryData === null || queryData === void 0 ? void 0 : queryData.populate);
-                setToPopulateMedia(queryData === null || queryData === void 0 ? void 0 : queryData.populateMedia);
-                setFirst(queryData === null || queryData === void 0 ? void 0 : queryData.offset);
-                setSortField((_b = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _b === void 0 ? void 0 : _b.field);
-                setSortOrder((_c = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _c === void 0 ? void 0 : _c.order);
-                setFilters(filters_1);
-                setQueryDataLoaded(true);
-            }
-            else {
-                initialFilterMethod();
-                setQueryDataLoaded(true);
-            }
-            setSelectedRecords([]);
-            setSelectedRecoverRecords([]);
-        }
-    }, [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]);
-    useEffect(function () {
-        if (queryDataLoaded) {
-            setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
-        }
-    }, [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, customFilter, queryDataLoaded]);
-    // Handle pagination event.
-    var onPageChange = function (event) {
-        setFirst(event.first);
-        setRows(event.rows);
-        // setQueryString(event.first, event.rows, sortField, sortOrder, filters, showArchived);
-    };
-    // Handle sort event.
-    var onSort = function (event) {
-        var sortField = event.sortField, sortOrder = event.sortOrder;
-        var validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
-        setSortField(sortField);
-        setSortOrder(validSortOrder);
-        setFirst(0);
-        // setQueryString(
-        //   0,
-        //   rows,
-        //   sortField,
-        //   sortOrder === 1 || sortOrder === -1 ? sortOrder : 0,
-        //   filters
-        // );
-    };
-    // handle change in the records which are currently selected...
-    var onSelectionChange = function (event) {
-        var value = event.value;
-        var activeRecords = value.filter(function (record) { return record.deletedAt === null; });
-        var deletedRecords = value.filter(function (record) { return record.deletedAt !== null; });
-        setSelectedRecords(activeRecords);
-        setSelectedRecoverRecords(deletedRecords);
-    };
-    var identifySolidOperatorAndValue = function (primeReactMatchMode, value) {
-        // @ts-ignore
-        if (primeReactMatchMode.label && primeReactMatchMode.label === 'Not In') {
-            primeReactMatchMode = FilterMatchMode.NOT_IN;
-        }
-        // Default value, this might not be useful as the solid server might not support these match modes. 
-        var solidOperator = '';
-        var solidValue = value[0];
-        switch (primeReactMatchMode) {
-            case FilterMatchMode.STARTS_WITH:
-                solidOperator = "$startsWithi";
-                break;
-            case FilterMatchMode.CONTAINS:
-                solidOperator = "$containsi";
-                break;
-            case FilterMatchMode.NOT_CONTAINS:
-                solidOperator = "$notContains";
-                break;
-            case FilterMatchMode.ENDS_WITH:
-                solidOperator = "$endsWith";
-                break;
-            case FilterMatchMode.EQUALS:
-                solidOperator = "$eqi";
-                solidValue = value;
-                break;
-            case FilterMatchMode.NOT_EQUALS:
-                solidOperator = "$nei";
-                solidValue = value;
-                break;
-            case FilterMatchMode.IN:
-                solidOperator = "$in";
-                solidValue = value;
-                break;
-            case FilterMatchMode.NOT_IN:
-                solidOperator = "$notIn";
-                solidValue = value;
-                break;
-            case FilterMatchMode.LESS_THAN:
-                solidOperator = "$lt";
-                break;
-            case FilterMatchMode.LESS_THAN_OR_EQUAL_TO:
-                solidOperator = "$lte";
-                break;
-            case FilterMatchMode.GREATER_THAN:
-                solidOperator = "$gt";
-                break;
-            case FilterMatchMode.GREATER_THAN_OR_EQUAL_TO:
-                solidOperator = "$gte";
-                break;
-            case FilterMatchMode.BETWEEN:
-                solidOperator = "$between";
-                solidValue = value;
-                break;
-        }
-        return { operator: solidOperator, value: solidValue };
-    };
-    // Common utility function that gets called on filter, sort & pagination events. 
-    // This function creates the query string as per the solid backend API specification 
-    var setQueryString = function (offset, limit, sortField, sortOrder, filters, showArchived) { return __awaiter(void 0, void 0, void 0, function () {
-        var solidFieldsMetadata, queryData, sortFieldMetadata, queryString, url, urlData;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            solidFieldsMetadata = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata;
-            queryData = {
-                offset: offset !== null && offset !== void 0 ? offset : first,
-                limit: limit !== null && limit !== void 0 ? limit : rows,
-                filters: filters !== null && filters !== void 0 ? filters : filters,
-                populate: toPopulate,
-                populateMedia: toPopulateMedia
-            };
-            if (sortField) {
-                sortFieldMetadata = solidFieldsMetadata[sortField];
-                if (sortFieldMetadata.type === 'relation' && sortFieldMetadata.relationType === 'many-to-one') {
-                    sortField = "".concat(sortField, ".").concat((_c = (_b = sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name);
-                }
-                queryData.sort = [
-                    "".concat(sortField, ":").concat(sortOrder == 0 ? null : sortOrder == 1 ? "asc" : "desc"),
-                ];
-            }
-            else {
-                queryData.sort = ["id:desc"];
-            }
-            if (showArchived) {
-                queryData.showSoftDeleted = 'inclusive';
-            }
-            queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-            if (customFilter) {
-                url = void 0;
-                urlData = queryData;
-                delete urlData.filters;
-                urlData.s_filter = customFilter.s_filter || {};
-                urlData.c_filter = customFilter.c_filter || {};
-                queryObjectToQueryString(urlData);
-            }
-            triggerGetSolidEntities(queryString);
-            return [2 /*return*/];
-        });
-    }); };
-    // handle filter...
-    var handleApplyCustomFilter = function (transformedFilter) {
-        var queryfilter = {
-            $and: []
-        };
-        if (transformedFilter.s_filter) {
-            queryfilter.$and.push(transformedFilter.s_filter);
-        }
-        if (transformedFilter.c_filter) {
-            queryfilter.$and.push(transformedFilter.c_filter);
-        }
-        var customFilter = transformedFilter;
-        var updatedFilter = __assign(__assign({}, (filters || {})), (queryfilter || {}));
-        setFilters(function (prevFilters) { return (__assign(__assign({}, (prevFilters || {})), (queryfilter || {}))); });
-        setCustomFilter(customFilter);
-    };
-    // clear Filter
-    var clearFilter = function () {
-        if (solidListViewMetaData) {
-            initialFilterMethod();
-        }
-        setFilters(null);
-        solidGlobalSearchElementRef.current.clearFilter();
-    };
-    var _41 = useState(), selectedSolidViewData = _41[0], setSelectedSolidViewData = _41[1];
-    var op = useRef(null);
-    var _42 = useState(false), deleteEntity = _42[0], setDeleteEntity = _42[1];
-    // clickable link allowing one to open the detail / form view.
-    var detailsBodyTemplate = function (solidViewData) {
-        return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
-                    e.stopPropagation();
-                    op.current.toggle(e);
-                    setSelectedSolidViewData(solidViewData);
-                }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "3", height: "10", viewBox: "0 0 4 16", fill: "none", children: _jsx("path", { d: "M4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14ZM4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8ZM4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979166 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979166 4 1.45 4 2Z", fill: "#666666" }) }) }) })
-        // <a onClick={() => {
-        //   if (params.embeded == true) {
-        //     params.handlePopUpOpen(solidViewData.id);
-        //   } else {
-        //     router.push(`${editButtonUrl}/${solidViewData.id}`)
-        //   }
-        // }} rel="noopener noreferrer" className="text-sm font-bold p-0" style={{ color: "#12415D" }}>
-        //   <i className="pi pi-pencil" style={{ fontSize: "1rem" }}></i>
-        // </a>
-        );
-    };
-    // Recover functions
-    var recoverById = function (id) {
-        triggerRecoverSolidEntitiesById(id);
-    };
-    var recoverAll = function () {
-        var recoverList = [];
-        selectedRecoverRecords.forEach(function (element) {
-            recoverList.push(element.id);
-        });
-        triggerRecoverSolidEntities(recoverList);
-        setRecoverDialogVisible(false);
-    };
-    useEffect(function () {
-        if (recoverIsError || recoverByIdIsError) {
-            showError(recoverByIdIsError ? recoverByIdError : recoverError);
-        }
-    }, [recoverIsError, recoverByIdIsError]);
-    var showError = function (error) { return __awaiter(void 0, void 0, void 0, function () {
-        var errorMessages;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            errorMessages = (_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.message;
-            if (errorMessages.length > 0) {
-                (_b = toast === null || toast === void 0 ? void 0 : toast.current) === null || _b === void 0 ? void 0 : _b.show({
-                    severity: "error",
-                    summary: "Can you send me the report?",
-                    // sticky: true,
-                    life: 3000,
-                    //@ts-ignore
-                    content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
-                });
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var showFieldError = function (error) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a;
-        return __generator(this, function (_b) {
-            if (error) {
-                (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
-                    severity: "error",
-                    summary: "Can you send me the report?",
-                    // sticky: true,
-                    life: 3000,
-                    //@ts-ignore
-                    content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: _jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(error) }) }) })); },
-                });
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    // handle bulk deletion
-    var deleteBulk = function () {
-        var deleteList = [];
-        selectedRecords.forEach(function (element) {
-            deleteList.push(element.id);
-        });
-        deleteManySolidEntities(deleteList);
-        setDialogVisible(false);
-    };
-    // handle closing of the delete dialog...
-    var onDeleteClose = function () {
-        setDialogVisible(false);
-        setSelectedRecords([]);
-        setSelectedRecoverRecords([]);
-    };
-    var _43 = useState(false), openLightbox = _43[0], setOpenLightbox = _43[1];
-    var _44 = useState({}), lightboxUrls = _44[0], setLightboxUrls = _44[1];
-    // Render columns dynamically based on metadata
-    var renderColumnsDynamically = function (solidListViewMetaData) {
-        var _a;
-        if (!solidListViewMetaData) {
-            return;
-        }
-        if (!solidListViewMetaData.data) {
-            return;
-        }
-        var solidView = solidListViewMetaData.data.solidView;
-        var solidFieldsMetadata = solidListViewMetaData.data.solidFieldsMetadata;
-        if (!solidView || !solidFieldsMetadata) {
-            return;
-        }
-        return (_a = solidView.layout.children) === null || _a === void 0 ? void 0 : _a.map(function (column) {
-            var fieldMetadata = solidFieldsMetadata[column.attrs.name];
-            if (!fieldMetadata) {
-                return;
-            }
-            return SolidListViewColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox });
-        });
-    };
-    //Note -  Custom Row Action Popup 
-    var closeListViewRowActionPopup = function () {
-        setListViewRowActionPopupState(false);
-    };
-    if (loading || isLoading) {
-        return _jsx(SolidListViewShimmerLoading, {});
-    }
-    var isListViewEmptyWithoutFilters = !loading && (!filters || Object.keys(filters).length === 0) && listViewData.length === 0;
-    if (isListViewEmptyWithoutFilters) {
-        return (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData }));
-    }
-    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsxs("div", { className: "page-header", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex gap-3 align-items-center", children: [_jsx("p", { className: "m-0 view-title", children: (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.displayName }), ((_f = (_e = (_d = (_c = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.enableGlobalSearch) === true && params.embeded === false &&
-                                _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter })] }), _jsxs("div", { className: "flex align-items-center gap-3", children: [actionsAllowed.includes("".concat(createPermission(params.modelName))) && ((_k = (_j = (_h = (_g = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.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 && params.embeded !== true &&
-                                _jsx(SolidCreateButton, { url: createButtonUrl }), actionsAllowed.includes("".concat(createPermission(params.modelName))) && ((_p = (_o = (_m = (_l = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _l === void 0 ? void 0 : _l.solidView) === null || _m === void 0 ? void 0 : _m.layout) === null || _o === void 0 ? void 0 : _o.attrs) === null || _p === void 0 ? void 0 : _p.create) !== false && params.embeded == true && params.inlineCreate == true && params.id !== 'new' &&
-                                // < SolidCreateButton url={createButtonUrl} />
-                                _jsx(Button, { type: "button", icon: "pi pi-plus", label: "Add", size: 'small', onClick: function () { return params.handlePopUpOpen("new"); } }), params.embeded !== true &&
-                                _jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", outlined: true, onClick: function () {
-                                        setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
-                                    } }), showArchived && _jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: 'small', severity: "secondary", onClick: function () { return setRecoverDialogVisible(true); } }), params.embeded === false && (((_t = (_s = (_r = (_q = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs) === null || _t === void 0 ? void 0 : _t.configureView) !== false) &&
-                                _jsx(SolidListViewConfigure, { listViewMetaData: listViewMetaData, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup })] })] }), _jsx("style", { children: ".p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);} .greyed-out-row { background-color: #f5f5f5 !important; color: #a0a0a0 !important; opacity: 0.6;}" }), _jsx("div", { className: "solid-datatable-wrapper", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
-                        return rowData.deletedAt ? "greyed-out-row" : "";
-                    }, showGridlines: false, lazy: true, scrollable: true, 
-                    // scrollHeight="90vh"
-                    size: size, resizableColumns: true, paginator: true, rows: rows, rowsPerPageOptions: (_x = (_w = (_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.layout) === null || _w === void 0 ? void 0 : _w.attrs) === null || _x === void 0 ? void 0 : _x.pageSizeOptions, dataKey: "id", emptyMessage: ((_0 = (_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.model) === null || _0 === void 0 ? void 0 : _0.description) || 'No Entities found.', filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: false, 
-                    // loading={loading || isLoading}
-                    // loadingIcon="pi pi-spinner"
-                    selection: __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: onSelectionChange, selectionMode: "checkbox", removableSort: true, filterIcon: _jsx(FilterIcon, {}), tableClassName: "solid-data-table", paginatorClassName: "solid-paginator", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: function (e) {
-                        var _a, _b, _c, _d;
-                        var rowData = e.data;
-                        if (!(actionsAllowed.includes(updatePermission(params.modelName)) &&
-                            ((_d = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.edit) !== false)) {
-                            return;
-                        }
-                        if (params.embeded == true) {
-                            params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
-                        }
-                        else {
-                            if (typeof window !== "undefined") {
-                                sessionStorage.setItem("fromView", "list");
-                            }
-                            router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view"));
-                        }
-                    }, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), renderColumnsDynamically(listViewMetaData), actionsAllowed.includes("".concat(updatePermission(params.modelName))) && ((_4 = (_3 = (_2 = (_1 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _1 === void 0 ? void 0 : _1.solidView) === null || _2 === void 0 ? void 0 : _2.layout) === null || _3 === void 0 ? void 0 : _3.attrs) === null || _4 === void 0 ? void 0 : _4.edit) !== false &&
-                            _jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
-                                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-                                    return ((rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) ? (_jsx("a", { onClick: function (event) { event.stopPropagation(); recoverById(rowData.id); }, className: "retrieve-button", children: _jsx("i", { className: "pi pi-refresh", style: { fontSize: "1rem" } }) })) :
-                                        _jsxs(_Fragment, { children: [detailsBodyTemplate(rowData), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
-                                                                    if (params.embeded == true) {
-                                                                        params.handlePopUpOpen(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id);
-                                                                    }
-                                                                    else {
-                                                                        router.push("".concat(editButtonUrl, "/").concat(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id, "?viewMode=edit"));
-                                                                    }
-                                                                } }), actionsAllowed.includes("".concat(deletePermission(params.modelName))) && ((_d = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.delete) !== false &&
-                                                                _jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: 'pi pi-trash', onClick: function () { return setDeleteEntity(true); } }), ((_h = (_g = (_f = (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.rowButtons) &&
-                                                                ((_m = (_l = (_k = (_j = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs) === null || _m === void 0 ? void 0 : _m.rowButtons.map(function (rowButton) {
-                                                                    var _a, _b, _c;
-                                                                    return (_jsx(Button, { text: true, size: "small", icon: ((_a = rowButton === null || rowButton === void 0 ? void 0 : rowButton.attrs) === null || _a === void 0 ? void 0 : _a.className) ? (_b = rowButton === null || rowButton === void 0 ? void 0 : rowButton.attrs) === null || _b === void 0 ? void 0 : _b.className : "pi pi-pencil", onClick: function () {
-                                                                            setListRowActionData({
-                                                                                modelName: params.modelName,
-                                                                                moduleName: params.moduleName,
-                                                                                rowAction: rowButton,
-                                                                                rowData: selectedSolidViewData,
-                                                                                closeListViewRowActionPopup: closeListViewRowActionPopup
-                                                                            });
-                                                                            setListViewRowActionPopupState(true);
-                                                                        }, className: "w-full text-left gap-2", label: (_c = rowButton === null || rowButton === void 0 ? void 0 : rowButton.attrs) === null || _c === void 0 ? void 0 : _c.label }));
-                                                                }))] }) })] }));
-                                } })] }) }), _jsx(Dialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: onDeleteClose })] })); }, onHide: function () { return setDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to delete the selected records?" }) }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData &&
-                _jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) }), _jsxs(Dialog, { header: "Delete Field", headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: '20vw' }, onHide: function () { if (!deleteEntity)
-                    return; setDeleteEntity(false); }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this Field ?" }), _jsx("p", { className: "", style: { color: 'var{--solid-grey-500}' }, children: selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.singularName }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", size: "small", onClick: function () { deleteSolidSingleEntiry(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id); setDeleteEntity(false); } }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true, className: 'bg-primary-reverse' })] })] })] }), openLightbox &&
-                _jsx(Lightbox, { open: openLightbox, plugins: [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: lightboxUrls })] }));
-};
-//# sourceMappingURL=SolidListView.js.map