@solidstarters/solid-core-ui 1.1.75 → 1.1.78

package/dist/components/core/kanban/SolidKanbanView.js

@@ -1,678 +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 } from "react/jsx-runtime";
-import { createPermission, deletePermission, updatePermission } from "../../../helpers/permissions";
-import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
-import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
-import Link from "next/link";
-import { FilterMatchMode } from "primereact/api";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import qs from "qs";
-import { useEffect, useRef, useState } from "react";
-import { SolidCreateButton } from "../common/SolidCreateButton";
-import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
-import KanbanBoard from "./KanbanBoard";
-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 { useRouter, useSearchParams } from "next/navigation";
-import { SolidKanbanViewConfigure } from "./SolidKanbanViewConfigure";
-import { KanbanUserViewLayout } from "./KanbanUserViewLayout";
-import { useSelector } from "react-redux";
-import { queryObjectToQueryString, queryStringToQueryObject } from "../list/SolidListView";
-import { Toast } from "primereact/toast";
-export var SolidKanbanView = function (params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var user = useSelector(function (state) { return state.auth; }).user;
-    var solidGlobalSearchElementRef = useRef();
-    var searchParams = useSearchParams().toString(); // Converts the query params to a string
-    var router = useRouter();
-    // TODO: The initial filter state will be created based on the fields which are present on this kanban view. 
-    var _m = useState(), filters = _m[0], setFilters = _m[1];
-    var _o = useState([]), toPopulate = _o[0], setToPopulate = _o[1];
-    var _p = useState([]), toPopulateMedia = _p[0], setToPopulateMedia = _p[1];
-    var _q = useState([]), actionsAllowed = _q[0], setActionsAllowed = _q[1];
-    var _r = useState(false), showGlobalSearchElement = _r[0], setShowGlobalSearchElement = _r[1];
-    var _s = useState(false), showArchived = _s[0], setShowArchived = _s[1];
-    var sizeOptions = [
-        { label: 'Compact', value: 'small', image: CompactImage },
-        { label: 'Cozy', value: 'normal', image: CozyImage },
-        { label: 'Comfortable', value: 'large', image: ComfortableImage }
-    ];
-    var _t = useState(sizeOptions[1].value), size = _t[0], setSize = _t[1];
-    var _u = useState([]), viewModes = _u[0], setViewModes = _u[1];
-    var _v = useState(""), groupByFieldName = _v[0], setGroupByFieldName = _v[1];
-    var _w = useState(true), groupedView = _w[0], setGroupedView = _w[1];
-    var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var _x = useState(false), openLightbox = _x[0], setOpenLightbox = _x[1];
-    var _y = useState({}), lightboxUrls = _y[0], setLightboxUrls = _y[1];
-    var _z = useState(), filterQueryString = _z[0], setFilterQueryString = _z[1];
-    var _0 = useState(false), isLayoutDialogVisible = _0[0], setLayoutDialogVisible = _0[1];
-    var toast = useRef(null);
-    var pushFiltersToRouter = function (filterQueryString) {
-        router.push("?".concat(filterQueryString), undefined, { shallow: true });
-    };
-    useEffect(function () {
-        if (filterQueryString) {
-            pushFiltersToRouter(filterQueryString);
-        }
-    }, [filterQueryString]);
-    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, useGetSolidKanbanEntitiesQuery = entityApi.useGetSolidKanbanEntitiesQuery, useLazyGetSolidKanbanEntitiesQuery = entityApi.useLazyGetSolidKanbanEntitiesQuery, useLazyGetSolidEntityByIdQuery = entityApi.useLazyGetSolidEntityByIdQuery, usePrefetch = entityApi.usePrefetch, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation;
-    // Get the kanban view layout & metadata first. 
-    var kanbanViewMetaDataQs = qs.stringify(__assign(__assign({}, params), { viewType: 'kanban' }), {
-        encodeValuesOnly: true,
-    });
-    var _1 = useState({}), kanbanViewMetaData = _1[0], setKanbanViewMetaData = _1[1];
-    var _2 = useGetSolidViewLayoutQuery(kanbanViewMetaDataQs), solidKanbanViewMetaData = _2.data, solidKanbanViewMetaDataError = _2.error, solidKanbanViewMetaDataIsLoading = _2.isLoading, solidKanbanViewMetaDataIsError = _2.isError;
-    var initialFilterMethod = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var solidView = solidKanbanViewMetaData.data.solidView;
-        var solidFieldsMetadata = solidKanbanViewMetaData.data.solidFieldsMetadata;
-        var initialFilters = {};
-        var toPopulate = [];
-        var toPopulateMedia = [];
-        function extractFields(node, result) {
-            if (result === void 0) { result = []; }
-            if (node.type === "field") {
-                result.push(node);
-            }
-            if (node.children) {
-                node.children.forEach(function (child) { return extractFields(child, result); });
-            }
-            return result;
-        }
-        var data = { /* Your JSON object here */};
-        var layoutFields = extractFields(solidView.layout);
-        for (var i = 0; i < layoutFields.length; i++) {
-            var column = layoutFields[i];
-            var fieldMetadata = solidFieldsMetadata[column.attrs.name];
-            // Form the initial filters after iterating over the columns and field metadata. 
-            if (['int', 'bigint', 'float', 'decimal'].includes(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.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.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' && fieldMetadata.relationType === 'many-to-one') {
-                toPopulate.push(fieldMetadata.name);
-            }
-            if (fieldMetadata.type === 'mediaSingle' || fieldMetadata.type === 'mediaMultiple') {
-                toPopulateMedia.push(fieldMetadata.name);
-            }
-        }
-        // setFilters(initialFilters);
-        var recordsInSwimlane = ((_d = (_c = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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.recordsInSwimlane) ? (_h = (_g = (_f = (_e = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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.recordsInSwimlane : 25;
-        // setToPopulate(toPopulate);
-        // setToPopulateMedia(toPopulateMedia);
-        setRecordsInSwimlane(recordsInSwimlane);
-        setToPopulate(toPopulate);
-        setToPopulateMedia(toPopulateMedia);
-        return { recordsInSwimlane: recordsInSwimlane, toPopulate: toPopulate, toPopulateMedia: toPopulateMedia };
-    };
-    // Initial Filter data 
-    useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-        if (solidKanbanViewMetaData) {
-            setKanbanViewMetaData(solidKanbanViewMetaData);
-            // initialFilterMethod();
-            var viewModes_1 = ((_d = (_c = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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.allowedViews) && ((_h = (_g = (_f = (_e = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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.allowedViews.length) > 0 && ((_m = (_l = (_k = (_j = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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.allowedViews.map(function (view) { return { label: capitalize(view), value: view }; }));
-            setViewModes(viewModes_1);
-            if (((_r = (_q = (_p = (_o = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.layout) === null || _q === void 0 ? void 0 : _q.attrs) === null || _r === void 0 ? void 0 : _r.grouped) !== false) {
-                setGroupByFieldName((_v = (_u = (_t = (_s = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _s === void 0 ? void 0 : _s.solidView) === null || _t === void 0 ? void 0 : _t.layout) === null || _u === void 0 ? void 0 : _u.attrs) === null || _v === void 0 ? void 0 : _v.groupBy);
-            }
-            else {
-                setGroupByFieldName("deletedTracker");
-                setGroupedView(false);
-            }
-        }
-    }, [solidKanbanViewMetaData]);
-    // All kanban view state.
-    var _3 = useState([]), kanbanViewData = _3[0], setKanbanViewData = _3[1];
-    var _4 = useState({}), kanbanLoadMoreData = _4[0], setKanbanLoadMoreData = _4[1];
-    var _5 = useState(25), recordsInSwimlane = _5[0], setRecordsInSwimlane = _5[1];
-    var _6 = useState([]), selectedRecords = _6[0], setSelectedRecords = _6[1];
-    var _7 = useState(true), loading = _7[0], setLoading = _7[1];
-    var _8 = useState(false), isDialogVisible = _8[0], setDialogVisible = _8[1];
-    var _9 = useState(), createButtonUrl = _9[0], setCreateButtonUrl = _9[1];
-    var _10 = useState(), editButtonUrl = _10[0], setEditButtonUrl = _10[1];
-    var _11 = useState(5), columnsCount = _11[0], setColumnsCount = _11[1];
-    var _12 = useState(1), swimLaneCurrentPageNumber = _12[0], setSwimLaneCurrentPageNumber = _12[1];
-    var _13 = useState(false), queryDataLoaded = _13[0], setQueryDataLoaded = _13[1];
-    var _14 = useState(false), showSaveFilterPopup = _14[0], setShowSaveFilterPopup = _14[1];
-    var showToast = function (severity, summary, detail) {
-        var _a;
-        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
-            severity: severity,
-            summary: summary,
-            detail: detail,
-            life: 3000,
-        });
-    };
-    // Get the kanban view data.
-    // const [triggerGetSolidEntitiesForKanban, { data: solidEntityKanbanViewData, isLoading, error }] = useLazyGetSolidKanbanEntitiesQuery();
-    var _15 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _15[0], _16 = _15[1], solidEntityKanbanViewData = _16.data, isLoading = _16.isLoading, error = _16.error;
-    // Delete mutation 
-    var _17 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _17[0], _18 = _17[1], isSolidEntitiesDeleted = _18.isLoading, isDeleteSolidEntitiesSucess = _18.isSuccess, isSolidEntitiesDeleteError = _18.isError, SolidEntitiesDeleteError = _18.error, DeletedSolidEntities = _18.data;
-    var _19 = usePatchUpdateSolidEntityMutation(), patchKanbanView = _19[0], _20 = _19[1], isKanbanUpdateSuccessfull = _20.isSuccess, isKanbanUpdateError = _20.isError, kanbanUpdateError = _20.error;
-    // After data is fetched populate the kanban view state so as to be able to render the data. 
-    useEffect(function () {
-        if (solidEntityKanbanViewData) {
-            var latestKanbanGroupData = __spreadArray(__spreadArray([], kanbanViewData, true), solidEntityKanbanViewData === null || solidEntityKanbanViewData === void 0 ? void 0 : solidEntityKanbanViewData.groupRecords, true);
-            setKanbanViewData(latestKanbanGroupData);
-            var loadmoredata = Object.entries(latestKanbanGroupData).reduce(function (acc, _a) {
-                var key = _a[0], value = _a[1];
-                acc[value.groupName] = {
-                    offset: (value.groupData.meta.currentPage - 1) * value.groupData.meta.perPage,
-                    limit: value.groupData.meta.perPage,
-                    count: value.groupData.meta.totalRecords
-                };
-                return acc;
-            }, {});
-            setKanbanLoadMoreData(loadmoredata);
-            setLoading(false);
-        }
-    }, [solidEntityKanbanViewData]);
-    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;
-        if (solidKanbanViewMetaData) {
-            var createActionUrl = ((_d = (_c = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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";
-            if (createActionUrl) {
-                setCreateButtonUrl(createActionUrl);
-            }
-            if (editActionUrl) {
-                setEditButtonUrl(editActionUrl);
-            }
-        }
-    }, [solidKanbanViewMetaData]);
-    // Fetch data after toPopulate has been populated...
-    useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        if (solidKanbanViewMetaData) {
-            var swimlanesCount = ((_c = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data.solidView) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.attrs) === null || _c === void 0 ? void 0 : _c.swimlanesCount) || 5;
-            if (groupByFieldName && (toPopulate || toPopulateMedia)) {
-                var queryObject = queryStringToQueryObject();
-                var queryString = "";
-                if (searchParams) {
-                    // Get Object from Url
-                    var queryObject_1 = qs.parse(searchParams, {
-                        decoder: function (str) { return decodeURIComponent(str); },
-                        allowDots: true,
-                    });
-                    var filters_1 = {
-                        $and: []
-                    };
-                    if (queryObject_1.s_filter) {
-                        filters_1.$and.push(queryObject_1.s_filter);
-                    }
-                    if (queryObject_1.c_filter) {
-                        filters_1.$and.push(queryObject_1.c_filter);
-                    }
-                    var queryData = {
-                        offset: 0,
-                        limit: Number(queryObject_1.limit) + Number(queryObject_1.offset),
-                        fields: queryObject_1.fields || ["".concat(groupByFieldName), "count(".concat(groupByFieldName, ")")],
-                        groupBy: queryObject_1.groupBy || groupByFieldName,
-                        populateMedia: queryObject_1.populateMedia || toPopulateMedia,
-                        populateGroup: queryObject_1.populateGroup || true,
-                        groupFilter: {
-                            limit: Number(queryObject_1.groupFilter.limit) + Number(queryObject_1.groupFilter.offset) || ((_g = (_f = (_e = (_d = kanbanViewMetaData === null || kanbanViewMetaData === void 0 ? void 0 : kanbanViewMetaData.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.recordsInSwimlane),
-                            offset: 0,
-                            filters: filters_1,
-                            populate: queryObject_1.groupFilter.populate || toPopulate,
-                            populateMedia: queryObject_1.groupFilter.populateMedia || toPopulateMedia
-                        }
-                        // sort: [`id:desc`],
-                    };
-                    setRecordsInSwimlane(queryData.limit);
-                    setToPopulate(queryData.populate);
-                    setToPopulateMedia(queryData.populateMedia);
-                    setFilters(filters_1);
-                    setQueryDataLoaded(true);
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true
-                    });
-                }
-                else {
-                    var _m = initialFilterMethod(), recordsInSwimlane_1 = _m.recordsInSwimlane, toPopulate_1 = _m.toPopulate, toPopulateMedia_1 = _m.toPopulateMedia;
-                    var queryData = {
-                        offset: 0,
-                        limit: swimlanesCount,
-                        fields: ["".concat(groupByFieldName), "count(".concat(groupByFieldName, ")")],
-                        groupBy: groupByFieldName,
-                        populateMedia: toPopulateMedia_1,
-                        populateGroup: true,
-                        groupFilter: {
-                            limit: ((_l = (_k = (_j = (_h = kanbanViewMetaData === null || kanbanViewMetaData === void 0 ? void 0 : kanbanViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidView) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.recordsInSwimlane) || 10,
-                            offset: 0,
-                            filters: filters,
-                            populate: toPopulate_1,
-                            populateMedia: toPopulateMedia_1
-                        }
-                        // sort: [`id:desc`],
-                    };
-                    setRecordsInSwimlane(recordsInSwimlane_1);
-                    setToPopulate(toPopulate_1);
-                    setToPopulateMedia(toPopulateMedia_1);
-                    // fields=status&groupBy=status&fields=count(status)&populateGroup=true
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true
-                    });
-                    setQueryDataLoaded(true);
-                }
-                triggerGetSolidEntities(queryString);
-                setSelectedRecords([]);
-            }
-        }
-    }, [isDeleteSolidEntitiesSucess, groupByFieldName, solidKanbanViewMetaData]);
-    // clickable link allowing one to open the detail / form view.
-    var detailsBodyTemplate = function (solidViewData) {
-        return (_jsx(Link, { href: "".concat(editButtonUrl, "/").concat(solidViewData.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: _jsx("i", { className: "pi pi-pencil", style: { fontSize: "1rem" } }) }));
-    };
-    // handle bulk deletion
-    var deleteBulk = function () {
-        var deleteList = [];
-        selectedRecords.forEach(function (element) {
-            deleteList.push(element.id);
-        });
-        console.log(deleteList);
-        deleteManySolidEntities(deleteList);
-        setDialogVisible(false);
-    };
-    // handle closing of the delete dialog...
-    var onDeleteClose = function () {
-        setDialogVisible(false);
-        setSelectedRecords([]);
-    };
-    var handleLoadMore = function (groupByField) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, offset, limit, records, newLoadMoreData, queryData, queryString, data, newRecords, currentData, mergeData, updatedData, loadmoredata, error_1;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _a = kanbanLoadMoreData[groupByField], offset = _a.offset, limit = _a.limit, records = _a.records;
-                    newLoadMoreData = kanbanLoadMoreData;
-                    kanbanLoadMoreData[groupByField].offset = offset + limit;
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, , 4]);
-                    queryData = {
-                        offset: offset + limit,
-                        limit: limit,
-                        populate: toPopulate,
-                        populateMedia: toPopulateMedia,
-                        populateGroup: true,
-                        filters: __assign((_b = {}, _b[groupByFieldName] = {
-                            $in: [groupByField],
-                        }, _b), filters)
-                    };
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true
-                    });
-                    return [4 /*yield*/, triggerGetSolidEntities(queryString)];
-                case 2:
-                    data = _c.sent();
-                    newRecords = data.data.records;
-                    currentData = kanbanViewData;
-                    mergeData = function (kanbanViewData, newRecords, groupByField) {
-                        // Find the group matching the specified groupByField
-                        var originalData = structuredClone(kanbanViewData);
-                        var targetGroup = originalData.find(function (group) { return group.groupName === groupByField; });
-                        if (targetGroup) {
-                            var groupData = targetGroup.groupData;
-                            if (targetGroup.groupData) {
-                                // Extract existing records
-                                var existingRecords = targetGroup.groupData.records;
-                                var updatedRecords = __spreadArray(__spreadArray([], existingRecords, true), newRecords, true);
-                                targetGroup.groupData.records = updatedRecords;
-                                // Update the meta data (you can adjust this logic as needed)
-                                groupData.meta.prevPage = groupData.meta.currentPage;
-                                groupData.meta.currentPage = groupData.meta.currentPage + 1;
-                                groupData.meta.nextPage = groupData.meta.currentPage + 1;
-                            }
-                        }
-                        return originalData;
-                    };
-                    updatedData = mergeData(kanbanViewData, newRecords, groupByField);
-                    setKanbanViewData(updatedData);
-                    loadmoredata = Object.entries(updatedData).reduce(function (acc, _a) {
-                        var key = _a[0], value = _a[1];
-                        acc[value.groupName] = {
-                            offset: (value.groupData.meta.currentPage - 1) * value.groupData.meta.perPage,
-                            limit: value.groupData.meta.perPage,
-                            count: value.groupData.meta.totalRecords
-                        };
-                        return acc;
-                    }, {});
-                    setKanbanLoadMoreData(loadmoredata);
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _c.sent();
-                    console.error("Failed to load more data:", error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    // Handle drag-and-drop functionality
-    var onDragEnd = function (result) { return __awaiter(void 0, void 0, void 0, function () {
-        var source, destination, sourceGroupName, destinationGroupName, sourceGroupIndex, destinationGroupIndex, sourceGroup, destinationGroup, sourceRecords, destinationRecords, movedItem, updatedItem, formData, kanbanUpdateResponse, error_2;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    source = result.source, destination = result.destination;
-                    if (!destination)
-                        return [2 /*return*/];
-                    sourceGroupName = source.droppableId;
-                    destinationGroupName = destination.droppableId;
-                    sourceGroupIndex = kanbanViewData.findIndex(function (group) { return group.groupName === sourceGroupName; });
-                    destinationGroupIndex = kanbanViewData.findIndex(function (group) { return group.groupName === destinationGroupName; });
-                    if (sourceGroupIndex === -1 || destinationGroupIndex === -1)
-                        return [2 /*return*/];
-                    // If dragging within the same group
-                    if (sourceGroupName === destinationGroupName) {
-                        setKanbanViewData(function (prevData) {
-                            return prevData.map(function (group) {
-                                if (group.groupName === sourceGroupName) {
-                                    var updatedRecords = __spreadArray([], group.groupData.records, true);
-                                    var movedItem_1 = updatedRecords.splice(source.index, 1)[0]; // Remove the item
-                                    updatedRecords.splice(destination.index, 0, movedItem_1); // Insert at the new position
-                                    return __assign(__assign({}, group), { groupData: __assign(__assign({}, group.groupData), { records: updatedRecords }) });
-                                }
-                                return group;
-                            });
-                        });
-                        return [2 /*return*/];
-                    }
-                    sourceGroup = JSON.parse(JSON.stringify(kanbanViewData[sourceGroupIndex]));
-                    destinationGroup = JSON.parse(JSON.stringify(kanbanViewData[destinationGroupIndex]));
-                    sourceRecords = __spreadArray([], sourceGroup.groupData.records, true);
-                    destinationRecords = __spreadArray([], destinationGroup.groupData.records, true);
-                    movedItem = sourceRecords.splice(source.index, 1)[0];
-                    updatedItem = __assign(__assign({}, movedItem), { status: destinationGroupName });
-                    // Add the updated item to the destination
-                    destinationRecords.splice(destination.index, 0, updatedItem);
-                    // Update the group data
-                    sourceGroup.groupData.records = sourceRecords;
-                    destinationGroup.groupData.records = destinationRecords;
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    formData = new FormData();
-                    formData.append(groupByFieldName, destinationGroupName);
-                    return [4 /*yield*/, patchKanbanView({ id: +movedItem.id, data: formData }).unwrap()];
-                case 2:
-                    kanbanUpdateResponse = _b.sent();
-                    if ((kanbanUpdateResponse === null || kanbanUpdateResponse === void 0 ? void 0 : kanbanUpdateResponse.statusCode) === 200) {
-                        showToast("success", "Success", "Kanban View Updated!");
-                        // Update the kanbanViewData state
-                        setKanbanViewData(function (prevData) {
-                            return prevData.map(function (group) {
-                                if (group.groupName === sourceGroupName) {
-                                    return sourceGroup;
-                                }
-                                if (group.groupName === destinationGroupName) {
-                                    return destinationGroup;
-                                }
-                                return group;
-                            });
-                        });
-                    }
-                    else {
-                        showToast("error", "Duplicate Key", kanbanUpdateResponse === null || kanbanUpdateResponse === void 0 ? void 0 : kanbanUpdateResponse.error);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_2 = _b.sent();
-                    // 6. Handle 500 or network errors
-                    console.error("API error:", error_2);
-                    showToast("error", "Something went wrong", ((_a = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _a === void 0 ? void 0 : _a.message) || "Something went wrong");
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    // Handle SwimLane Pagination
-    var handleSwimLanePagination = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var swimlanesCount, queryData, queryString, data, updatedData;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    if (!solidKanbanViewMetaData) return [3 /*break*/, 2];
-                    swimlanesCount = ((_c = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data.solidView) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.attrs) === null || _c === void 0 ? void 0 : _c.swimlanesCount) || 5;
-                    queryData = {
-                        offset: swimLaneCurrentPageNumber * swimlanesCount,
-                        limit: swimlanesCount,
-                        fields: ["".concat(groupByFieldName), "count(".concat(groupByFieldName, ")")],
-                        groupBy: groupByFieldName,
-                        populateMedia: toPopulateMedia,
-                        populateGroup: true,
-                        groupFilter: {
-                            limit: recordsInSwimlane,
-                            offset: 0,
-                            filters: filters,
-                            populate: toPopulate,
-                            populateMedia: toPopulateMedia
-                        }
-                        // sort: [`id:desc`],
-                    };
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true
-                    });
-                    //Push  to Router
-                    router.push("?".concat(queryString));
-                    return [4 /*yield*/, triggerGetSolidEntities(queryString)];
-                case 1:
-                    data = _e.sent();
-                    if (data && ((_d = data === null || data === void 0 ? void 0 : data.data) === null || _d === void 0 ? void 0 : _d.groupRecords.length) > 0) {
-                        updatedData = __spreadArray(__spreadArray([], kanbanViewData, true), data.data.groupRecords, true);
-                        setKanbanViewData(updatedData);
-                    }
-                    setSwimLaneCurrentPageNumber(swimLaneCurrentPageNumber + 1);
-                    _e.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); };
-    // Handle the custom filter and Search Filter
-    var handleApplyCustomFilter = function (transformedFilter) { return __awaiter(void 0, void 0, void 0, function () {
-        var queryfilter_1, customFilter, updatedFilter, swimlanesCount, queryData, queryString, url, urlData, data, updatedData;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    if (!solidKanbanViewMetaData) return [3 /*break*/, 2];
-                    queryfilter_1 = {
-                        $and: []
-                    };
-                    if (transformedFilter.s_filter) {
-                        queryfilter_1.$and.push(transformedFilter.s_filter);
-                    }
-                    if (transformedFilter.c_filter) {
-                        queryfilter_1.$and.push(transformedFilter.c_filter);
-                    }
-                    customFilter = transformedFilter;
-                    updatedFilter = __assign(__assign({}, (filters || {})), (queryfilter_1 || {}));
-                    setFilters(function (prevFilters) { return (__assign(__assign({}, (prevFilters || {})), (queryfilter_1 || {}))); });
-                    swimlanesCount = ((_c = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data.solidView) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.attrs) === null || _c === void 0 ? void 0 : _c.swimlanesCount) || 5;
-                    if (!toPopulate) return [3 /*break*/, 2];
-                    queryData = {
-                        offset: 0,
-                        limit: swimlanesCount,
-                        fields: ["".concat(groupByFieldName), "count(".concat(groupByFieldName, ")")],
-                        groupBy: groupByFieldName,
-                        populateGroup: true,
-                        groupFilter: {
-                            limit: recordsInSwimlane,
-                            offset: 0,
-                            filters: updatedFilter,
-                            populate: toPopulate,
-                            populateMedia: toPopulateMedia
-                        }
-                    };
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true
-                    });
-                    // s_filter and c_filter format that needs to be passed to the router
-                    // only present if handleCustomFilter is applied
-                    if (customFilter) {
-                        url = void 0;
-                        urlData = queryData;
-                        delete urlData.filters;
-                        urlData.s_filter = customFilter.s_filter || {};
-                        urlData.c_filter = customFilter.c_filter || {};
-                        queryObjectToQueryString(urlData);
-                    }
-                    return [4 /*yield*/, triggerGetSolidEntities(queryString)];
-                case 1:
-                    data = _e.sent();
-                    // Update the kanban view data with the new data based on filter
-                    if (data && ((_d = data === null || data === void 0 ? void 0 : data.data) === null || _d === void 0 ? void 0 : _d.groupRecords.length) > 0) {
-                        updatedData = __spreadArray([], data.data.groupRecords, true);
-                        setKanbanViewData(updatedData);
-                    }
-                    setSelectedRecords([]);
-                    _e.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); };
-    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 (solidKanbanViewMetaData) {
-            var createActionUrl = ((_d = (_c = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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_2 = ((_7 = (_6 = (_5 = (_4 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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 = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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_2);
-            if (createActionUrl) {
-                setCreateButtonUrl(createActionUrl);
-            }
-            if (editActionUrl) {
-                setEditButtonUrl(editActionUrl);
-            }
-        }
-    }, [solidKanbanViewMetaData]);
-    var kanbanViewTitle = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.displayName;
-    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "page-header", children: [_jsxs("div", { className: "flex gap-3 align-items-center", children: [_jsx("p", { className: "m-0 view-title", children: kanbanViewTitle }), ((_e = (_d = (_c = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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.enableGlobalSearch) === true &&
-                                // <SolidGlobalSearchElement viewData={solidKanbanViewMetaData} handleApplyCustomFilter={handleApplyCustomFilter} ></SolidGlobalSearchElement>
-                                _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter })] }), _jsxs("div", { className: "flex align-items-center gap-3", children: [actionsAllowed.includes("".concat(createPermission(params.modelName))) && ((_h = (_g = (_f = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs.create) !== false &&
-                                _jsx(SolidCreateButton, { url: createButtonUrl }), actionsAllowed.includes("".concat(deletePermission(params.modelName))) && ((_l = (_k = (_j = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.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.delete) !== false && selectedRecords.length > 0 && _jsx(Button, { type: "button", label: "Delete", size: "small", onClick: function () { return setDialogVisible(true); }, className: "small-button", severity: "danger" }), _jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", outlined: true, onClick: function () {
-                                    window.location.reload();
-                                } }), _jsx(SolidKanbanViewConfigure, { solidKanbanViewMetaData: solidKanbanViewMetaData, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup })] })] }), _jsx("style", { children: ".p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);}" }), solidKanbanViewMetaData && kanbanViewData &&
-                _jsx(KanbanBoard, { groupedView: groupedView, kanbanViewData: kanbanViewData, solidKanbanViewMetaData: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data, setKanbanViewData: setKanbanViewData, handleLoadMore: handleLoadMore, onDragEnd: onDragEnd, handleSwimLanePagination: handleSwimLanePagination, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl }), _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", className: 'small-button', severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "No", icon: "pi pi-times", className: 'small-button', onClick: onDeleteClose })] })); }, onHide: function () { return setDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to delete the selected records?" }) }), openLightbox &&
-                _jsx(Lightbox, { open: openLightbox, plugins: [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: lightboxUrls }), _jsx(Dialog, { visible: isLayoutDialogVisible, header: "Change Kanban Layout", modal: true, onHide: function () { return setLayoutDialogVisible(false); }, contentStyle: {
-                    width: 800
-                }, children: _jsx(KanbanUserViewLayout, { solidKanbanViewMetaData: solidKanbanViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) })] }));
-};
-//# sourceMappingURL=SolidKanbanView.js.map