@solidstarters/solid-core-ui 1.1.78 → 1.1.80

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

@@ -0,0 +1,678 @@
+// @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