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

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

@@ -59,9 +59,6 @@ import { permissionExpression } from "../../../helpers/permissions";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
-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";
@@ -70,12 +67,7 @@ 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 { SolidLightbox } from "../../shad-cn-ui/SolidLightbox";
 import { useRouter } from "../../../hooks/useRouter";
 import { SolidKanbanViewConfigure } from "./SolidKanbanViewConfigure";
 import { KanbanUserViewLayout } from "./KanbanUserViewLayout";
@@ -84,13 +76,20 @@ import { setFilterObjectToLocalStorage, getFilterObjectFromLocalStorage } from "
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
 import { showToast } from "../../../redux/features/toastSlice";
+import { usePathname } from "../../../hooks/usePathname";
+import { useSearchParams } from "../../../hooks/useSearchParams";
+import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
+import { FilterMatchMode } from "../filter/filterMatchMode";
 export var SolidKanbanView = function (params) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
     var dispatch = useDispatch();
     var solidGlobalSearchElementRef = useRef();
     var router = useRouter();
+    var searchParams = useSearchParams();
     // TODO: The initial filter state will be created based on the fields which are present on this kanban view. 
     var _t = useState(), filters = _t[0], setFilters = _t[1];
     var _u = useState([]), toPopulate = _u[0], setToPopulate = _u[1];
@@ -106,12 +105,27 @@ export var SolidKanbanView = function (params) {
     var _z = useState(sizeOptions[1].value), size = _z[0], setSize = _z[1];
     var _0 = useState([]), viewModes = _0[0], setViewModes = _0[1];
     var _1 = useState(""), groupByFieldName = _1[0], setGroupByFieldName = _1[1];
-    var _2 = useState(true), groupedView = _2[0], setGroupedView = _2[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var _3 = useState(false), openLightbox = _3[0], setOpenLightbox = _3[1];
-    var _4 = useState({}), lightboxUrls = _4[0], setLightboxUrls = _4[1];
-    var _5 = useState(), filterQueryString = _5[0], setFilterQueryString = _5[1];
-    var _6 = useState(false), isLayoutDialogVisible = _6[0], setLayoutDialogVisible = _6[1];
+    var _2 = useState(false), openLightbox = _2[0], setOpenLightbox = _2[1];
+    var _3 = useState([]), lightboxUrls = _3[0], setLightboxUrls = _3[1];
+    var _4 = useState(), filterQueryString = _4[0], setFilterQueryString = _4[1];
+    var _5 = useState(false), isLayoutDialogVisible = _5[0], setLayoutDialogVisible = _5[1];
+    var lightboxSlides = Array.isArray(lightboxUrls)
+        ? lightboxUrls
+            .map(function (item) {
+            var src = (item === null || item === void 0 ? void 0 : item.src) || (item === null || item === void 0 ? void 0 : item.downloadUrl) || "";
+            if (!src) {
+                return null;
+            }
+            var mediaType = getMediaTypeFromUrl(src);
+            var slide = { src: src };
+            if (mediaType !== "image") {
+                slide.type = mediaType;
+            }
+            return slide;
+        })
+            .filter(function (slide) { return !!slide; })
+        : [];
     var pushFiltersToRouter = function (filterQueryString) {
         // @ts-ignore
         router.push("?".concat(filterQueryString), undefined, { shallow: true });
@@ -131,7 +145,12 @@ export var SolidKanbanView = function (params) {
                         permissionNames = [
                             permissionExpression(params.modelName, 'create'),
                             permissionExpression(params.modelName, 'delete'),
-                            permissionExpression(params.modelName, 'update')
+                            permissionExpression(params.modelName, 'update'),
+                            permissionExpression(params.modelName, 'findMany'),
+                            permissionExpression('importTransaction', 'create'),
+                            permissionExpression('exportTransaction', 'create'),
+                            permissionExpression('userViewMetadata', 'create'),
+                            permissionExpression('savedFilters', 'create')
                         ];
                         queryData = {
                             permissionNames: permissionNames
@@ -153,30 +172,66 @@ export var SolidKanbanView = function (params) {
     // Create the RTK slices for this entity
     var entityApi = createSolidEntityApi(params.modelName);
     var useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation;
+    var menuItemId = searchParams.get("menuItemId");
+    var menuItemName = searchParams.get("menuItemName");
+    var actionId = searchParams.get("actionId");
+    var actionName = searchParams.get("actionName");
     // Get the kanban view layout & metadata first. 
-    var kanbanViewMetaDataQs = qs.stringify(__assign(__assign({}, params), { viewType: 'kanban' }), {
+    var kanbanViewMetaDataQs = qs.stringify({
+        modelName: params.modelName,
+        moduleName: params.moduleName,
+        viewType: "kanban",
+        menuItemId: menuItemId,
+        menuItemName: menuItemName,
+        actionId: actionId,
+        actionName: actionName,
+    }, {
         encodeValuesOnly: true,
     });
-    var _7 = useState({}), kanbanViewMetaData = _7[0], setKanbanViewMetaData = _7[1];
+    var _6 = useState({}), kanbanViewMetaData = _6[0], setKanbanViewMetaData = _6[1];
     var solidKanbanViewMetaData = useGetSolidViewLayoutQuery(kanbanViewMetaDataQs).data;
     var initialFilterMethod = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         var solidView = solidKanbanViewMetaData.data.solidView;
         var solidFieldsMetadata = solidKanbanViewMetaData.data.solidFieldsMetadata;
         var initialFilters = {};
         var toPopulate = [];
         var toPopulateMedia = [];
-        function extractFields(node, result) {
+        function findCardNode(nodes) {
+            if (nodes === void 0) { nodes = []; }
+            for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
+                var node = nodes_1[_i];
+                if (!node)
+                    continue;
+                if (node.type === "card")
+                    return node;
+                if (Array.isArray(node.children) && node.children.length > 0) {
+                    var nestedCard = findCardNode(node.children);
+                    if (nestedCard)
+                        return nestedCard;
+                }
+            }
+            return null;
+        }
+        function extractFields(nodes, result) {
             if (result === void 0) { result = []; }
-            if (node.type === "field") {
-                result.push(node);
+            if (!nodes)
+                return result;
+            if (Array.isArray(nodes)) {
+                nodes.forEach(function (node) { return extractFields(node, result); });
+                return result;
             }
-            if (node.children) {
-                node.children.forEach(function (child) { return extractFields(child, result); });
+            if (nodes.type === "field") {
+                result.push(nodes);
+            }
+            if (nodes.children) {
+                nodes.children.forEach(function (child) { return extractFields(child, result); });
             }
             return result;
         }
-        var layoutFields = extractFields(solidView.layout);
+        var cardNode = findCardNode(((_a = solidView === null || solidView === void 0 ? void 0 : solidView.layout) === null || _a === void 0 ? void 0 : _a.children) || []);
+        var fieldSource = ((_b = cardNode === null || cardNode === void 0 ? void 0 : cardNode.children) === null || _b === void 0 ? void 0 : _b.length) ? cardNode.children : solidView.layout;
+        var layoutFields = extractFields(fieldSource);
         for (var i = 0; i < layoutFields.length; i++) {
             var column = layoutFields[i];
             var fieldMetadata = solidFieldsMetadata[column.attrs.name];
@@ -210,7 +265,7 @@ export var SolidKanbanView = function (params) {
             }
         }
         // 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 : 10;
+        var recordsInSwimlane = ((_f = (_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) === null || _f === void 0 ? void 0 : _f.recordsInSwimlane) ? (_k = (_j = (_h = (_g = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView) === null || _h === void 0 ? void 0 : _h.layout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.recordsInSwimlane : 10;
         // setToPopulate(toPopulate);
         // setToPopulateMedia(toPopulateMedia);
         // setRecordsInSwimlane(recordsInSwimlane);
@@ -220,45 +275,38 @@ export var SolidKanbanView = function (params) {
     };
     // Initial Filter data 
     useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e;
         if (solidKanbanViewMetaData) {
             setKanbanViewMetaData(solidKanbanViewMetaData);
-            // const viewModes = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs?.allowedViews && solidKanbanViewMetaData?.data?.solidView?.layout?.attrs?.allowedViews.length > 0 && solidKanbanViewMetaData?.data?.solidView?.layout?.attrs?.allowedViews.map((view: any) => { return { label: capitalize(view), value: view } });
             setViewModes((_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _a === void 0 ? void 0 : _a.viewModes);
-            // setViewModes(viewModes);
-            if (((_e = (_d = (_c = (_b = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.grouped) !== false) {
-                setGroupByFieldName((_j = (_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) === null || _j === void 0 ? void 0 : _j.groupBy);
-            }
-            else {
-                setGroupByFieldName("deletedTracker");
-                setGroupedView(false);
-            }
+            setGroupByFieldName(((_e = (_d = (_c = (_b = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.groupBy) || "");
         }
     }, [solidKanbanViewMetaData]);
     // All kanban view state.
-    var _8 = useState([]), kanbanViewData = _8[0], setKanbanViewData = _8[1];
-    var _9 = useState({}), kanbanLoadMoreData = _9[0], setKanbanLoadMoreData = _9[1];
-    var _10 = useState(10), recordsInSwimlane = _10[0], setRecordsInSwimlane = _10[1];
-    var _11 = useState([]), selectedRecords = _11[0], setSelectedRecords = _11[1];
-    var _12 = useState(true), loading = _12[0], setLoading = _12[1];
-    var _13 = useState(false), isDialogVisible = _13[0], setDialogVisible = _13[1];
-    var _14 = useState(), createButtonUrl = _14[0], setCreateButtonUrl = _14[1];
-    var _15 = useState(), editButtonUrl = _15[0], setEditButtonUrl = _15[1];
-    var _16 = useState({}), createActionQueryParams = _16[0], setCreateActionQueryParams = _16[1];
-    var _17 = useState({}), editActionQueryParams = _17[0], setEditActionQueryParams = _17[1];
-    var _18 = useState(5), columnsCount = _18[0], setColumnsCount = _18[1];
-    var _19 = useState(1), swimLaneCurrentPageNumber = _19[0], setSwimLaneCurrentPageNumber = _19[1];
-    var _20 = useState(false), queryDataLoaded = _20[0], setQueryDataLoaded = _20[1];
-    var _21 = useState(false), showSaveFilterPopup = _21[0], setShowSaveFilterPopup = _21[1];
-    var _22 = useState(0), maxSwimLanesCount = _22[0], setMaxSwimLanesCount = _22[1];
+    var _7 = useState([]), kanbanViewData = _7[0], setKanbanViewData = _7[1];
+    var _8 = useState({}), kanbanLoadMoreData = _8[0], setKanbanLoadMoreData = _8[1];
+    var _9 = useState(10), recordsInSwimlane = _9[0], setRecordsInSwimlane = _9[1];
+    var _10 = useState([]), selectedRecords = _10[0], setSelectedRecords = _10[1];
+    var _11 = useState(true), loading = _11[0], setLoading = _11[1];
+    var _12 = useState(false), isDialogVisible = _12[0], setDialogVisible = _12[1];
+    var _13 = useState(), createButtonUrl = _13[0], setCreateButtonUrl = _13[1];
+    var _14 = useState(), editButtonUrl = _14[0], setEditButtonUrl = _14[1];
+    var _15 = useState({}), createActionQueryParams = _15[0], setCreateActionQueryParams = _15[1];
+    var _16 = useState({}), editActionQueryParams = _16[0], setEditActionQueryParams = _16[1];
+    var _17 = useState(5), columnsCount = _17[0], setColumnsCount = _17[1];
+    var _18 = useState(1), swimLaneCurrentPageNumber = _18[0], setSwimLaneCurrentPageNumber = _18[1];
+    var _19 = useState(false), queryDataLoaded = _19[0], setQueryDataLoaded = _19[1];
+    var _20 = useState(false), showSaveFilterPopup = _20[0], setShowSaveFilterPopup = _20[1];
+    var _21 = useState(0), maxSwimLanesCount = _21[0], setMaxSwimLanesCount = _21[1];
+    var pathname = usePathname();
     // @ts-ignore
     var editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
     // Get the kanban view data.
     // const [triggerGetSolidEntitiesForKanban, { data: solidEntityKanbanViewData, isLoading, error }] = useLazyGetSolidKanbanEntitiesQuery();
-    var _23 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _23[0], solidEntityKanbanViewData = _23[1].data;
+    var _22 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _22[0], solidEntityKanbanViewData = _22[1].data;
     // Delete mutation 
-    var _24 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _24[0], isDeleteSolidEntitiesSucess = _24[1].isSuccess;
-    var patchKanbanView = usePatchUpdateSolidEntityMutation()[0];
+    var _23 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _23[0], _24 = _23[1], isDeleteSolidEntitiesLoading = _24.isLoading, isDeleteSolidEntitiesSucess = _24.isSuccess;
+    var _25 = usePatchUpdateSolidEntityMutation(), patchKanbanView = _25[0], isPatchKanbanViewLoading = _25[1].isLoading;
     // After data is fetched populate the kanban view state so as to be able to render the data. 
     useEffect(function () {
         var _a;
@@ -694,12 +742,10 @@ export var SolidKanbanView = function (params) {
         });
     };
     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;
+        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";
-            var viewModes_1 = ((_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_1);
             if (createActionUrl) {
                 setCreateButtonUrl(createActionUrl);
             }
@@ -709,6 +755,13 @@ export var SolidKanbanView = function (params) {
         }
     }, [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;
+    var headerRequestStatusLabel = isDeleteSolidEntitiesLoading
+        ? "Deleting..."
+        : isPatchKanbanViewLoading
+            ? "Updating..."
+            : loading || !queryDataLoaded
+                ? "Loading..."
+                : null;
     var toggleBothSidebars = function () {
         if (visibleNavbar) {
             dispatch(toggleNavbar()); // close both
@@ -717,23 +770,17 @@ export var SolidKanbanView = function (params) {
             dispatch(showNavbar()); // open both
         }
     };
-    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full ", children: [_jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [params.embeded !== true &&
-                                        _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", 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("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) })] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_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.enableGlobalSearch) === true &&
-                                        _jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) && ((_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.create) !== false &&
-                                        _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_p = (_o = (_m = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.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", className: "solid-icon-button", outlined: true, onClick: function () {
-                                            window.location.reload();
-                                        } }), _jsx(SolidKanbanViewConfigure, { solidKanbanViewMetaData: solidKanbanViewMetaData, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup })] })] }), ((_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.enableGlobalSearch) === true && showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("style", { children: ".p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);}" }), solidKanbanViewMetaData && kanbanViewData &&
-                _jsx(KanbanBoard, { groupByFieldName: groupByFieldName, groupedView: groupedView, kanbanViewData: kanbanViewData, maxSwimLanesCount: maxSwimLanesCount, solidKanbanViewMetaData: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data, setKanbanViewData: setKanbanViewData, handleLoadMore: handleLoadMore, onDragEnd: onDragEnd, handleSwimLanePagination: handleSwimLanePagination, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl }), _jsx(Dialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", 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); }, 
-                    // @ts-ignore
-                    slides: lightboxUrls }), _jsx(Dialog, { visible: isLayoutDialogVisible, header: "Change Kanban Layout", modal: true, onHide: function () { return setLayoutDialogVisible(false); }, 
-                // contentStyle={{
-                //   width: 800
-                // }}
-                style: { width: '800px' }, breakpoints: {
-                    '1024px': '75vw', '991px': '86vw', '767px': '92vw', '250px': '96vw'
-                }, children: _jsx(KanbanUserViewLayout, { solidKanbanViewMetaData: solidKanbanViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) })] }));
+    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-column flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-kanban-surface flex flex-column flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-kanban-toolbar flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full solid-list-toolbar-row", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full solid-list-toolbar-left", children: [params.embeded !== true &&
+                                                    _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: 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 &&
+                                                    _jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) })] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), ((_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.enableGlobalSearch) === true &&
+                                                    _jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, "aria-label": "Toggle search", leftIcon: _jsx(SolidIcon, { name: "si-search", "aria-hidden": true }) }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) && ((_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.create) !== false &&
+                                                    _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_p = (_o = (_m = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.attrs.delete) !== false && selectedRecords.length > 0 && _jsx(SolidButton, { type: "button", variant: "destructive", size: "sm", onClick: function () { return setDialogVisible(true); }, children: "Delete" }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () {
+                                                        window.location.reload();
+                                                    }, "aria-label": "Refresh board", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidKanbanViewConfigure, { solidKanbanViewMetaData: solidKanbanViewMetaData, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: function () { return window.location.reload(); } })] })] }), ((_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.enableGlobalSearch) === true && showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("style", { children: ".p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);}" }), solidKanbanViewMetaData && kanbanViewData &&
+                            _jsx(KanbanBoard, { groupByFieldName: groupByFieldName, kanbanViewData: kanbanViewData, maxSwimLanesCount: maxSwimLanesCount, solidKanbanViewMetaData: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data, setKanbanViewData: setKanbanViewData, handleLoadMore: handleLoadMore, onDragEnd: onDragEnd, handleSwimLanePagination: handleSwimLanePagination, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl })] }) }), _jsxs(SolidDialog, { open: isDialogVisible, onOpenChange: function (open) {
+                    if (!open) {
+                        onDeleteClose();
+                    }
+                }, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Confirm Delete" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, { className: "solid-shadcn-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-shadcn-dialog-body", children: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected records?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", autoFocus: true, onClick: deleteBulk, children: "Delete" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: onDeleteClose, children: "Cancel" })] })] }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } })), _jsxs(SolidDialog, { open: isLayoutDialogVisible, onOpenChange: setLayoutDialogVisible, className: "solid-kanban-layout-dialog", style: { width: "min(800px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Change Kanban Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "solid-kanban-layout-dialog-body", children: _jsx(KanbanUserViewLayout, { solidKanbanViewMetaData: solidKanbanViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) })] })] }));
 };
 //# sourceMappingURL=SolidKanbanView.js.map