npm - @solidxai/core-ui - Versions diffs - 0.1.14-beta.9 → 0.1.14 - Mend

@solidxai/core-ui 0.1.14-beta.9 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (136) hide show

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

@@ -60,9 +60,7 @@ import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
 import qs from "qs";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { useSession } from "../../../hooks/useSession";
-import { resolveActiveUserId, resolveSavedFilterVariables } from "../../../helpers/resolveActiveUserId";
+import { useEffect, useRef, useState } from "react";
 import { SolidCreateButton } from "../common/SolidCreateButton";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
 import KanbanBoard from "./KanbanBoard";
@@ -132,36 +130,34 @@ var mergeKanbanGroupsWithDefinitions = function (groupRecords, swimlaneDefinitio
         return createEmptyKanbanGroup(definition, recordsInSwimlane);
     });
 };
-export var SolidKanbanView = forwardRef(function (params, ref) {
-    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;
-    var session = useSession();
-    var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
+export var SolidKanbanView = function (params) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     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(null);
+    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 _0 = useState(), filters = _0[0], setFilters = _0[1];
-    var _1 = useState(null), filterPredicates = _1[0], setFilterPredicates = _1[1];
-    var _2 = useState([]), toPopulate = _2[0], setToPopulate = _2[1];
-    var _3 = useState([]), toPopulateMedia = _3[0], setToPopulateMedia = _3[1];
-    var _4 = useState([]), actionsAllowed = _4[0], setActionsAllowed = _4[1];
-    var _5 = useState(false), showGlobalSearchElement = _5[0], setShowGlobalSearchElement = _5[1];
-    var _6 = useState(false), showArchived = _6[0], setShowArchived = _6[1];
+    var _z = useState(), filters = _z[0], setFilters = _z[1];
+    var _0 = useState(null), filterPredicates = _0[0], setFilterPredicates = _0[1];
+    var _1 = useState([]), toPopulate = _1[0], setToPopulate = _1[1];
+    var _2 = useState([]), toPopulateMedia = _2[0], setToPopulateMedia = _2[1];
+    var _3 = useState([]), actionsAllowed = _3[0], setActionsAllowed = _3[1];
+    var _4 = useState(false), showGlobalSearchElement = _4[0], setShowGlobalSearchElement = _4[1];
+    var _5 = useState(false), showArchived = _5[0], setShowArchived = _5[1];
     var sizeOptions = [
         { label: 'Compact', value: 'small', image: CompactImage },
         { label: 'Cozy', value: 'normal', image: CozyImage },
         { label: 'Comfortable', value: 'large', image: ComfortableImage }
     ];
-    var _7 = useState(sizeOptions[1].value), size = _7[0], setSize = _7[1];
-    var _8 = useState([]), viewModes = _8[0], setViewModes = _8[1];
-    var _9 = useState(""), groupByFieldName = _9[0], setGroupByFieldName = _9[1];
+    var _6 = useState(sizeOptions[1].value), size = _6[0], setSize = _6[1];
+    var _7 = useState([]), viewModes = _7[0], setViewModes = _7[1];
+    var _8 = useState(""), groupByFieldName = _8[0], setGroupByFieldName = _8[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var _10 = useState(false), openLightbox = _10[0], setOpenLightbox = _10[1];
-    var _11 = useState([]), lightboxUrls = _11[0], setLightboxUrls = _11[1];
-    var _12 = useState(), filterQueryString = _12[0], setFilterQueryString = _12[1];
-    var _13 = useState(false), isLayoutDialogVisible = _13[0], setLayoutDialogVisible = _13[1];
+    var _9 = useState(false), openLightbox = _9[0], setOpenLightbox = _9[1];
+    var _10 = useState([]), lightboxUrls = _10[0], setLightboxUrls = _10[1];
+    var _11 = useState(), filterQueryString = _11[0], setFilterQueryString = _11[1];
+    var _12 = useState(false), isLayoutDialogVisible = _12[0], setLayoutDialogVisible = _12[1];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
     var hasFilterPredicatesApplied = hasStoredFilterPredicates(filterPredicates);
     var hasActiveFilters = hasMeaningfulPersistedFilter(filters);
@@ -172,7 +168,7 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
             setShowGlobalSearchElement(hasAnyActiveFilters || hasStoredFilterState);
         }
     }, [hasAnyActiveFilters, hasStoredFilterState, params.embeded]);
-    var _14 = useState([]), swimlaneDefinitions = _14[0], setSwimlaneDefinitions = _14[1];
+    var _13 = useState([]), swimlaneDefinitions = _13[0], setSwimlaneDefinitions = _13[1];
     var lightboxSlides = Array.isArray(lightboxUrls)
         ? lightboxUrls
             .map(function (item) {
@@ -246,9 +242,9 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _15 = useState({}), kanbanViewMetaData = _15[0], setKanbanViewMetaData = _15[1];
+    var _14 = useState({}), kanbanViewMetaData = _14[0], setKanbanViewMetaData = _14[1];
     var solidKanbanViewMetaData = useGetSolidViewLayoutQuery(kanbanViewMetaDataQs).data;
-    var visibleHeaderButtons = ((_f = (_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.headerButtons) !== null && _f !== void 0 ? _f : [])
+    var visibleHeaderButtons = ((_e = (_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.headerButtons) !== null && _e !== void 0 ? _e : [])
         .filter(function (button) { return isButtonVisibleInCurrentEnv(button === null || button === void 0 ? void 0 : button.attrs); });
     var initialFilterMethod = function () {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -343,38 +339,38 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
         }
     }, [solidKanbanViewMetaData]);
     // All kanban view state.
-    var _16 = useState([]), kanbanViewData = _16[0], setKanbanViewData = _16[1];
-    var _17 = useState({}), kanbanLoadMoreData = _17[0], setKanbanLoadMoreData = _17[1];
-    var _18 = useState(10), recordsInSwimlane = _18[0], setRecordsInSwimlane = _18[1];
-    var _19 = useState([]), selectedRecords = _19[0], setSelectedRecords = _19[1];
-    var _20 = useState(true), loading = _20[0], setLoading = _20[1];
-    var _21 = useState(false), isDialogVisible = _21[0], setDialogVisible = _21[1];
-    var _22 = useState(), createButtonUrl = _22[0], setCreateButtonUrl = _22[1];
-    var _23 = useState(), editButtonUrl = _23[0], setEditButtonUrl = _23[1];
-    var _24 = useState({}), createActionQueryParams = _24[0], setCreateActionQueryParams = _24[1];
-    var _25 = useState({}), editActionQueryParams = _25[0], setEditActionQueryParams = _25[1];
-    var _26 = useState(5), columnsCount = _26[0], setColumnsCount = _26[1];
-    var _27 = useState(1), swimLaneCurrentPageNumber = _27[0], setSwimLaneCurrentPageNumber = _27[1];
-    var _28 = useState(false), queryDataLoaded = _28[0], setQueryDataLoaded = _28[1];
-    var _29 = useState(false), showSaveFilterPopup = _29[0], setShowSaveFilterPopup = _29[1];
-    var _30 = useState(0), maxSwimLanesCount = _30[0], setMaxSwimLanesCount = _30[1];
-    var _31 = useState([]), rawKanbanGroupRecords = _31[0], setRawKanbanGroupRecords = _31[1];
-    var _32 = useState(0), serverSwimLaneCount = _32[0], setServerSwimLaneCount = _32[1];
+    var _15 = useState([]), kanbanViewData = _15[0], setKanbanViewData = _15[1];
+    var _16 = useState({}), kanbanLoadMoreData = _16[0], setKanbanLoadMoreData = _16[1];
+    var _17 = useState(10), recordsInSwimlane = _17[0], setRecordsInSwimlane = _17[1];
+    var _18 = useState([]), selectedRecords = _18[0], setSelectedRecords = _18[1];
+    var _19 = useState(true), loading = _19[0], setLoading = _19[1];
+    var _20 = useState(false), isDialogVisible = _20[0], setDialogVisible = _20[1];
+    var _21 = useState(), createButtonUrl = _21[0], setCreateButtonUrl = _21[1];
+    var _22 = useState(), editButtonUrl = _22[0], setEditButtonUrl = _22[1];
+    var _23 = useState({}), createActionQueryParams = _23[0], setCreateActionQueryParams = _23[1];
+    var _24 = useState({}), editActionQueryParams = _24[0], setEditActionQueryParams = _24[1];
+    var _25 = useState(5), columnsCount = _25[0], setColumnsCount = _25[1];
+    var _26 = useState(1), swimLaneCurrentPageNumber = _26[0], setSwimLaneCurrentPageNumber = _26[1];
+    var _27 = useState(false), queryDataLoaded = _27[0], setQueryDataLoaded = _27[1];
+    var _28 = useState(false), showSaveFilterPopup = _28[0], setShowSaveFilterPopup = _28[1];
+    var _29 = useState(0), maxSwimLanesCount = _29[0], setMaxSwimLanesCount = _29[1];
+    var _30 = useState([]), rawKanbanGroupRecords = _30[0], setRawKanbanGroupRecords = _30[1];
+    var _31 = useState(0), serverSwimLaneCount = _31[0], setServerSwimLaneCount = _31[1];
     var pathname = usePathname();
     var solidSettingsData = useGetSolidSettingsQuery(undefined).data;
     var solidSettingsMap = getSettingsMap(solidSettingsData);
     // @ts-ignore
     var editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
     var recordClickAction = resolveRecordClickAction(solidSettingsMap, {
-        isSystemModule: ((_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.module) === null || _j === void 0 ? void 0 : _j.isSystem) === true,
+        isSystemModule: ((_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.module) === null || _h === void 0 ? void 0 : _h.isSystem) === true,
     });
     // Get the kanban view data.
     // const [triggerGetSolidEntitiesForKanban, { data: solidEntityKanbanViewData, isLoading, error }] = useLazyGetSolidKanbanEntitiesQuery();
     var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
-    var _33 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntityById = _33[0], isRecoveringRecord = _33[1].isLoading;
+    var _32 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntityById = _32[0], isRecoveringRecord = _32[1].isLoading;
     // Delete mutation
-    var _34 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _34[0], _35 = _34[1], isDeleteSolidEntitiesLoading = _35.isLoading, isDeleteSolidEntitiesSucess = _35.isSuccess;
-    var _36 = usePatchUpdateSolidEntityMutation(), patchKanbanView = _36[0], isPatchKanbanViewLoading = _36[1].isLoading;
+    var _33 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _33[0], _34 = _33[1], isDeleteSolidEntitiesLoading = _34.isLoading, isDeleteSolidEntitiesSucess = _34.isSuccess;
+    var _35 = usePatchUpdateSolidEntityMutation(), patchKanbanView = _35[0], isPatchKanbanViewLoading = _35[1].isLoading;
     var applyArchivedQueryState = function (queryData) {
         if (showArchived) {
             queryData.showSoftDeleted = "inclusive";
@@ -521,7 +517,7 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
                     }
                     if (queryObject.saved_filter_predicate) {
                         // @ts-ignore
-                        filters_1.$and.push(resolveSavedFilterVariables(queryObject.saved_filter_predicate, user === null || user === void 0 ? void 0 : user.id, queryObject.saved_filter_variables || {}).value);
+                        filters_1.$and.push(queryObject.saved_filter_predicate);
                     }
                     if (queryObject.predefined_search_predicate) {
                         // @ts-ignore
@@ -955,8 +951,7 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
                         }
                         if (filterPredicates.saved_filter_predicate) {
                             // @ts-ignore
-                            queryfilter.$and.push(filterPredicates.resolved_saved_filter_predicate ||
-                                resolveActiveUserId(filterPredicates.saved_filter_predicate, user === null || user === void 0 ? void 0 : user.id));
+                            queryfilter.$and.push(filterPredicates.saved_filter_predicate);
                         }
                         if (filterPredicates.predefined_search_predicate) {
                             // @ts-ignore
@@ -1004,8 +999,6 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
                             // @ts-ignore
                             urlData.saved_filter_predicate = customFilter.saved_filter_predicate || {};
                             // @ts-ignore
-                            urlData.saved_filter_variables = customFilter.saved_filter_variables || {};
-                            // @ts-ignore
                             urlData.predefined_search_predicate = customFilter.predefined_search_predicate || {};
                             // @ts-ignore
                             urlData.predefined_search_chip = customFilter.predefined_search_chip || null;
@@ -1049,8 +1042,8 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
             }
         }
     }, [solidKanbanViewMetaData]);
-    var kanbanViewTitle = (_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.displayName;
-    var entityDisplayName = ((_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.model) === null || _p === void 0 ? void 0 : _p.displayName) || params.modelName;
+    var kanbanViewTitle = (_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.displayName;
+    var entityDisplayName = ((_o = (_m = (_l = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _l === void 0 ? void 0 : _l.solidView) === null || _m === void 0 ? void 0 : _m.model) === null || _o === void 0 ? void 0 : _o.displayName) || params.modelName;
     var headerRequestStatusLabel = isDeleteSolidEntitiesLoading ? "Deleting..." : isPatchKanbanViewLoading ? "Updating..." : isRecoveringRecord ? "Recovering..." : loading || !queryDataLoaded ? "Loading..." : null;
     var handleRefreshView = function () {
         var _a, _b;
@@ -1061,38 +1054,6 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
         }
         loadKanbanBoard(filters);
     };
-    var cloneKanbanData = function () {
-        if (typeof structuredClone === "function")
-            return structuredClone(kanbanViewData);
-        return JSON.parse(JSON.stringify(kanbanViewData));
-    };
-    useImperativeHandle(ref, function () { return ({
-        refresh: function () {
-            void loadKanbanBoard(filters);
-        },
-        clearFilters: function () {
-            var _a, _b;
-            setFilters(params.customFilter || { $and: [] });
-            setFilterPredicates(null);
-            (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.clearFilter) === null || _b === void 0 ? void 0 : _b.call(_a);
-        },
-        applyFilter: function (filter) {
-            void handleApplyCustomFilter(filter);
-        },
-        getSavedFilters: function () { var _a, _b, _c; return (_c = (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.getSavedFilters) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : []; },
-        applySavedFilter: function (name, variables) { var _a, _b, _c; return (_c = (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.applySavedFilterByName) === null || _b === void 0 ? void 0 : _b.call(_a, name, variables)) !== null && _c !== void 0 ? _c : false; },
-        setShowArchived: function (value) {
-            setShowArchived(value);
-        },
-        getState: function () { return ({
-            groupByFieldName: groupByFieldName,
-            showArchived: showArchived,
-            filters: filters,
-            filterPredicates: filterPredicates,
-            kanbanData: cloneKanbanData(),
-            loading: loading,
-        }); },
-    }); }, [groupByFieldName, showArchived, filters, filterPredicates, kanbanViewData, loading]);
     var toggleBothSidebars = function () {
         if (visibleNavbar) {
             dispatch(toggleNavbar()); // close both
@@ -1102,10 +1063,10 @@ export var SolidKanbanView = forwardRef(function (params, ref) {
         }
     };
     console.log("Logging kanban data: ", solidKanbanViewMetaData);
-    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  flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-kanban-surface flex flex-col flex-1 min-h-0", children: [_jsx("div", { className: "page-header solid-list-toolbar solid-kanban-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsxs("div", { className: "solid-list-toolbar-left flex w-full items-center gap-3 lg:min-w-0 lg:flex-1", children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex w-full mt-3 lg:mt-0 lg:min-w-0", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }), _jsx("div", { className: "".concat(showGlobalSearchElement ? "lg:flex" : "hidden", " lg:hidden mt-3 lg:mt-0 w-full lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), _jsx("div", { className: "solid-list-search-toggle", 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 }) }) }), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_q = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; })) === null || _q === void 0 ? void 0 : _q.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidKanbanViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) && ((_t = (_s = (_r = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.layout) === null || _t === void 0 ? void 0 : _t.attrs.create) !== false &&
-                                                _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_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.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: handleRefreshView, "aria-label": "Refresh board", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidKanbanViewConfigure, { solidKanbanViewMetaData: solidKanbanViewMetaData, params: params, modelName: params.modelName, actionsAllowed: actionsAllowed, headerButtons: visibleHeaderButtons, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters, viewModes: viewModes, setShowArchived: setShowArchived, showArchived: showArchived, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, handleRefreshView: handleRefreshView })] })] }) }), _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, onDelete: actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_z = (_y = (_x = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _x === void 0 ? void 0 : _x.solidView) === null || _y === void 0 ? void 0 : _y.layout) === null || _z === void 0 ? void 0 : _z.attrs.delete) !== false ? openDeleteDialogForRecord : undefined, onRecover: handleRecoverRecord, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl, recordClickAction: recordClickAction, showArchived: showArchived, params: params, handleCustomButtonClick: handleCustomButtonClick })] }) }), _jsx(SolidConfirmDialog, { open: isDialogVisible, onCancel: onDeleteClose, onConfirm: deleteBulk, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: selectedRecords.length === 1
+    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  flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-kanban-surface flex flex-col flex-1 min-h-0", children: [_jsx("div", { className: "page-header solid-list-toolbar solid-kanban-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsx("div", { className: "solid-list-toolbar-left flex w-full items-center gap-3 lg:min-w-0 lg:flex-1", children: _jsx("div", { className: "".concat(showGlobalSearchElement ? "flex" : "hidden lg:flex", " mt-3 lg:mt-0  w-full lg:flex lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }) }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), _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 }) }) }), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_p = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; })) === null || _p === void 0 ? void 0 : _p.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidKanbanViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) && ((_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.create) !== false &&
+                                                _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_v = (_u = (_t = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _t === void 0 ? void 0 : _t.solidView) === null || _u === void 0 ? void 0 : _u.layout) === null || _v === void 0 ? void 0 : _v.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: handleRefreshView, "aria-label": "Refresh board", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidKanbanViewConfigure, { solidKanbanViewMetaData: solidKanbanViewMetaData, params: params, modelName: params.modelName, actionsAllowed: actionsAllowed, headerButtons: visibleHeaderButtons, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters, viewModes: viewModes, setShowArchived: setShowArchived, showArchived: showArchived, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, handleRefreshView: handleRefreshView })] })] }) }), _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, onDelete: actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_y = (_x = (_w = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.layout) === null || _y === void 0 ? void 0 : _y.attrs.delete) !== false ? openDeleteDialogForRecord : undefined, onRecover: handleRecoverRecord, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl, recordClickAction: recordClickAction, showArchived: showArchived })] }) }), _jsx(SolidConfirmDialog, { open: isDialogVisible, onCancel: onDeleteClose, onConfirm: deleteBulk, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: selectedRecords.length === 1
                         ? "Are you sure you want to delete this ".concat(entityDisplayName, " record?")
                         : "Are you sure you want to delete the selected ".concat(entityDisplayName, " records?") }), confirmLabel: "Delete", cancelLabel: "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