@solidstarters/solid-core-ui 1.1.78 → 1.1.80

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

@@ -0,0 +1,692 @@
+// @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' && params.viewMode == "edit" &&
+                                // < 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