@solidxai/core-ui 0.1.12-beta.6 → 0.1.12-beta.8

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

@@ -203,6 +203,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
   const {
     useDeleteMultipleSolidEntitiesMutation,
     useLazyGetSolidEntitiesQuery,
+    useLazyRecoverSolidEntityByIdQuery,
     usePatchUpdateSolidEntityMutation
   } = entityApi;
 
@@ -349,7 +350,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
   const editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
   // Get the kanban view data.
   // const [triggerGetSolidEntitiesForKanban, { data: solidEntityKanbanViewData, isLoading, error }] = useLazyGetSolidKanbanEntitiesQuery();
-  const [triggerGetSolidEntities, { data: solidEntityKanbanViewData }] = useLazyGetSolidEntitiesQuery();
+  const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+  const [triggerRecoverSolidEntityById, { isLoading: isRecoveringRecord }] = useLazyRecoverSolidEntityByIdQuery();
 
   // Delete mutation 
   const [
@@ -366,14 +368,15 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     },
   ] = usePatchUpdateSolidEntityMutation();
 
-  // After data is fetched populate the kanban view state so as to be able to render the data. 
-  useEffect(() => {
-    if (solidEntityKanbanViewData) {
-      setServerSwimLaneCount(solidEntityKanbanViewData?.meta?.totalRecords || 0);
-      setRawKanbanGroupRecords(solidEntityKanbanViewData?.groupRecords || []);
-      setLoading(false);
+  const applyArchivedQueryState = (queryData: Record<string, any>) => {
+    if (showArchived) {
+      queryData.showSoftDeleted = "inclusive";
+      if (queryData.groupFilter) {
+        queryData.groupFilter.showSoftDeleted = "inclusive";
+      }
     }
-  }, [solidEntityKanbanViewData]);
+    return queryData;
+  };
 
   useEffect(() => {
     const mergedKanbanGroupData = mergeKanbanGroupsWithDefinitions(
@@ -499,6 +502,11 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
         const queryObject = getFilterObjectFromLocalStorage();
         let queryString = "";
         if (queryObject) {
+          setShowArchived(
+            queryObject.showArchived === true ||
+            queryObject.showArchived === "true" ||
+            queryObject.showSoftDeleted === "inclusive"
+          );
           const filters = {
             $and: []
           }
@@ -542,7 +550,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
           setToPopulate(toPopulate);
           setToPopulateMedia(toPopulateMedia);
           setRecordsInSwimlane(recordsInSwimlane);
-          // setFilters(filters);
+          setFilters(filters);
           setQueryDataLoaded(true);
 
           queryString = qs.stringify(queryData, {
@@ -550,6 +558,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
           });
 
         } else {
+          setShowArchived(false);
+          const defaultFilters = { $and: [] };
           const { recordsInSwimlane, toPopulate, toPopulateMedia } = initialFilterMethod();
           const queryData = {
             offset: 0,
@@ -561,7 +571,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
             groupFilter: {
               limit: kanbanViewMetaData?.data?.solidView?.layout?.attrs?.recordsInSwimlane || 10,
               offset: 0,
-              filters: filters,
+              filters: defaultFilters,
               populate: toPopulate,
               populateMedia: toPopulateMedia
             }
@@ -570,6 +580,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
           setRecordsInSwimlane(recordsInSwimlane);
           setToPopulate(toPopulate);
           setToPopulateMedia(toPopulateMedia);
+          setFilters(defaultFilters);
 
           // fields=status&groupBy=status&fields=count(status)&populateGroup=true
           queryString = qs.stringify(queryData, {
@@ -585,6 +596,76 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     }
   }, [groupByFieldName, isDeleteSolidEntitiesSucess, solidKanbanViewMetaData, swimlaneDefinitions]);
 
+  const loadKanbanBoard = async (nextFilters = filters) => {
+    if (!solidKanbanViewMetaData || !groupByFieldName || !queryDataLoaded) return;
+
+    setLoading(true);
+
+    try {
+      const swimlanesCount = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs?.swimlanesCount || 5;
+      const resolvedSwimlanesCount = swimlaneDefinitions.length > 0 ? swimlaneDefinitions.length : swimlanesCount;
+      const queryData = applyArchivedQueryState({
+        offset: 0,
+        limit: resolvedSwimlanesCount,
+        groupBy: groupByFieldName,
+        populate: toPopulate,
+        populateMedia: toPopulateMedia,
+        populateGroup: true,
+        groupFilter: {
+          limit: recordsInSwimlane,
+          offset: 0,
+          filters: nextFilters,
+          populate: toPopulate,
+          populateMedia: toPopulateMedia,
+        },
+      });
+
+      const response: any = await triggerGetSolidEntities(
+        qs.stringify(queryData, {
+          encodeValuesOnly: true
+        })
+      ).unwrap();
+
+      setServerSwimLaneCount(response?.meta?.totalRecords || 0);
+      setRawKanbanGroupRecords(response?.groupRecords || []);
+      setSelectedRecords([]);
+    } catch (error: any) {
+      dispatch(showToast({
+        severity: "error",
+        summary: "Failed to load board",
+        detail: error?.data?.message || error?.message || "Unable to load kanban data.",
+        life: 4000,
+      }));
+      setServerSwimLaneCount(0);
+      setRawKanbanGroupRecords([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!queryDataLoaded || !solidKanbanViewMetaData || !groupByFieldName) return;
+    void loadKanbanBoard(filters);
+  }, [groupByFieldName, queryDataLoaded, recordsInSwimlane, showArchived, solidKanbanViewMetaData, swimlaneDefinitions, toPopulate, toPopulateMedia]);
+
+  useEffect(() => {
+    if (!queryDataLoaded) return;
+
+    const persistedFilterObject = getFilterObjectFromLocalStorage() || {};
+    const nextPersistedFilterObject: Record<string, any> = {
+      ...persistedFilterObject,
+      showArchived,
+    };
+
+    if (showArchived) {
+      nextPersistedFilterObject.showSoftDeleted = "inclusive";
+    } else {
+      delete nextPersistedFilterObject.showSoftDeleted;
+    }
+
+    setFilterObjectToLocalStorage(nextPersistedFilterObject);
+  }, [queryDataLoaded, showArchived]);
+
   // clickable link allowing one to open the detail / form view.
 
   // handle bulk deletion
@@ -608,13 +689,35 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     setDialogVisible(true);
   };
 
+  const handleRecoverRecord = async (record: any) => {
+    if (!record?.id) return;
+
+    try {
+      const response: any = await triggerRecoverSolidEntityById(record.id).unwrap();
+      dispatch(showToast({
+        severity: "success",
+        summary: "Success",
+        detail: response?.data?.message || "Record recovered successfully.",
+        life: 3000,
+      }));
+      await loadKanbanBoard(filters);
+    } catch (error: any) {
+      dispatch(showToast({
+        severity: "error",
+        summary: "Recover Failed",
+        detail: error?.data?.message || error?.message || "Unable to recover the selected record.",
+        life: 4000,
+      }));
+    }
+  };
+
 
   // Individual Swimlane Load More
   const handleLoadMore = async (groupByField: string) => {
     const { offset, limit } = kanbanLoadMoreData[groupByField];
     kanbanLoadMoreData[groupByField].offset = offset + limit;
     try {
-      const queryData = {
+      const queryData = applyArchivedQueryState({
         offset: offset + limit,
         limit: limit,
         populate: toPopulate,
@@ -626,7 +729,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
           },
           ...filters
         }
-      }
+      });
 
 
       const queryString = qs.stringify(queryData, {
@@ -804,6 +907,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
         }
         // sort: [`id:desc`],
       };
+      applyArchivedQueryState(queryData);
       // fields=status&groupBy=status&fields=count(status)&populateGroup=true
       const queryString = qs.stringify(queryData, {
         encodeValuesOnly: true
@@ -875,7 +979,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
           populate: toPopulate,
           populateMedia: toPopulateMedia
         }
-      }
+      };
+      applyArchivedQueryState(queryData);
       const queryString = qs.stringify(queryData, {
         encodeValuesOnly: true
       });
@@ -893,6 +998,12 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
         // @ts-ignore
         urlData.search_predicate = customFilter.search_predicate || {};
         // @ts-ignore
+        urlData.showArchived = showArchived;
+        if (showArchived) {
+          // @ts-ignore
+          urlData.showSoftDeleted = "inclusive";
+        }
+        // @ts-ignore
         setFilterObjectToLocalStorage(urlData);
       }
 
@@ -928,7 +1039,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
   const kanbanViewTitle = solidKanbanViewMetaData?.data?.solidView?.displayName
   const entityDisplayName = solidKanbanViewMetaData?.data?.solidView?.model?.displayName || params.modelName;
-  const headerRequestStatusLabel = isDeleteSolidEntitiesLoading ? "Deleting..." : isPatchKanbanViewLoading ? "Updating..." : loading || !queryDataLoaded ? "Loading..." : null;
+  const headerRequestStatusLabel = isDeleteSolidEntitiesLoading ? "Deleting..." : isPatchKanbanViewLoading ? "Updating..." : isRecoveringRecord ? "Recovering..." : loading || !queryDataLoaded ? "Loading..." : null;
 
   const handleRefreshView = () => {
     if (hasStoredFilterPredicates(getFilterObjectFromLocalStorage())) {
@@ -937,7 +1048,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
       return;
     }
 
-    window.location.reload();
+     loadKanbanBoard(filters);
   };
 
   const toggleBothSidebars = () => {
@@ -1011,6 +1122,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
                   modelName={params.modelName}
                   actionsAllowed={actionsAllowed}
                   viewModes={viewModes}
+                  setShowArchived={setShowArchived}
+                  showArchived={showArchived}
                   setLayoutDialogVisible={setLayoutDialogVisible}
                   setShowSaveFilterPopup={setShowSaveFilterPopup}
                   filters={filters}
@@ -1027,7 +1140,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
           <style>{`.p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);}`}</style>
           {solidKanbanViewMetaData && kanbanViewData &&
-            <KanbanBoard groupByFieldName={groupByFieldName} kanbanViewData={kanbanViewData} maxSwimLanesCount={maxSwimLanesCount} solidKanbanViewMetaData={solidKanbanViewMetaData?.data} setKanbanViewData={setKanbanViewData} handleLoadMore={handleLoadMore} onDragEnd={onDragEnd} handleSwimLanePagination={handleSwimLanePagination} onDelete={actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) && solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.delete !== false ? openDeleteDialogForRecord : undefined} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editBaseUrl}></KanbanBoard>
+            <KanbanBoard groupByFieldName={groupByFieldName} kanbanViewData={kanbanViewData} maxSwimLanesCount={maxSwimLanesCount} solidKanbanViewMetaData={solidKanbanViewMetaData?.data} setKanbanViewData={setKanbanViewData} handleLoadMore={handleLoadMore} onDragEnd={onDragEnd} handleSwimLanePagination={handleSwimLanePagination} onDelete={actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) && solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.delete !== false ? openDeleteDialogForRecord : undefined} onRecover={handleRecoverRecord} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editBaseUrl} showArchived={showArchived}></KanbanBoard>
           }
         </div>
       </div>

package/dist/components/core/kanban/SolidKanbanViewConfigure.d.ts

@@ -1,2 +1,2 @@
-export declare const SolidKanbanViewConfigure: ({ solidKanbanViewMetaData, modelName, actionsAllowed, setLayoutDialogVisible, viewModes, setShowSaveFilterPopup, filters, handleRefreshView, }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SolidKanbanViewConfigure: ({ solidKanbanViewMetaData, modelName, actionsAllowed, setLayoutDialogVisible, viewModes, setShowArchived, showArchived, setShowSaveFilterPopup, filters, handleRefreshView, }: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SolidKanbanViewConfigure.d.ts.map

package/dist/components/core/kanban/SolidKanbanViewConfigure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanViewConfigure.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,wBAAwB,mJASlC,GAAG,4CAkNL,CAAC"}
+{"version":3,"file":"SolidKanbanViewConfigure.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":"AAuDA,eAAO,MAAM,wBAAwB,kLAWlC,GAAG,4CA6NL,CAAC"}

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

@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { permissionExpression } from "../../../helpers/permissions";
+import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { useEffect, useState } from "react";
 import { SolidExport } from "../../../components/common/SolidExport";
 import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
-import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuLabel, SolidDropdownMenuRadioGroup, SolidDropdownMenuRadioItem, SolidDropdownMenuSeparator, SolidDropdownMenuSub, SolidDropdownMenuSubContent, SolidDropdownMenuSubTrigger, SolidDropdownMenuTrigger, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
+import { SolidDropdownMenu, SolidDropdownMenuCheckboxItem, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuLabel, SolidDropdownMenuRadioGroup, SolidDropdownMenuRadioItem, SolidDropdownMenuSeparator, SolidDropdownMenuSub, SolidDropdownMenuSubContent, SolidDropdownMenuSubTrigger, SolidDropdownMenuTrigger, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
 var normalizeViewModes = function (viewModes) {
     if (viewModes === void 0) { viewModes = []; }
     return viewModes
@@ -38,18 +39,17 @@ var normalizeViewModes = function (viewModes) {
         .filter(Boolean);
 };
 export var SolidKanbanViewConfigure = function (_a) {
-    var _b, _c, _d, _e;
-    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, modelName = _a.modelName, actionsAllowed = _a.actionsAllowed, setLayoutDialogVisible = _a.setLayoutDialogVisible, viewModes = _a.viewModes, setShowSaveFilterPopup = _a.setShowSaveFilterPopup, filters = _a.filters, handleRefreshView = _a.handleRefreshView;
+    var _b, _c, _d;
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, modelName = _a.modelName, actionsAllowed = _a.actionsAllowed, setLayoutDialogVisible = _a.setLayoutDialogVisible, viewModes = _a.viewModes, setShowArchived = _a.setShowArchived, showArchived = _a.showArchived, setShowSaveFilterPopup = _a.setShowSaveFilterPopup, filters = _a.filters, handleRefreshView = _a.handleRefreshView;
     var pathname = usePathname();
     var router = useRouter();
     var searchParams = useSearchParams();
-    var _f = useState(""), view = _f[0], setView = _f[1];
-    var _g = useState(false), isCogMenuOpen = _g[0], setIsCogMenuOpen = _g[1];
-    var _h = useState(false), openImportDialog = _h[0], setOpenImportDialog = _h[1];
-    var _j = useState(false), exportView = _j[0], setExportView = _j[1];
+    var _e = useState(""), view = _e[0], setView = _e[1];
+    var _f = useState(false), isCogMenuOpen = _f[0], setIsCogMenuOpen = _f[1];
+    var _g = useState(false), openImportDialog = _g[0], setOpenImportDialog = _g[1];
+    var _h = useState(false), exportView = _h[0], setExportView = _h[1];
     var visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);
     var showSwitchType = visibleViewModes.length > 1;
-    var layoutAttrs = (_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 ? _e : {};
     useEffect(function () {
         if (typeof pathname === "string") {
             var pathSegments = pathname.split("/").filter(Boolean);
@@ -89,7 +89,9 @@ export var SolidKanbanViewConfigure = function (_a) {
         });
         var newPath = "/" + pathSegments.join("/");
         var nextQueryString = nextSearchParams.toString();
-        router.push(nextQueryString ? "".concat(newPath, "?").concat(nextQueryString) : newPath);
+        var nextUrl = nextQueryString ? "".concat(newPath, "?").concat(nextQueryString) : newPath;
+        storeCurrentModelViewContext(nextUrl);
+        router.push(nextUrl);
     };
     var clearLocalstorageCache = function () {
         var currentPageUrl = window.location.pathname;
@@ -104,13 +106,14 @@ export var SolidKanbanViewConfigure = function (_a) {
         actionsAllowed.includes("".concat(permissionExpression("exportTransaction", "create")));
     var canCustomizeLayout = actionsAllowed.includes("".concat(permissionExpression("userViewMetadata", "create")));
     var canSaveCustomFilter = actionsAllowed.includes("".concat(permissionExpression("savedFilters", "create")));
+    var canShowArchivedRecords = Boolean((_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.model) === null || _d === void 0 ? void 0 : _d.enableSoftDelete);
     return (_jsxs("div", { className: "position-relative", children: [_jsxs(SolidDropdownMenu, { open: isCogMenuOpen, onOpenChange: setIsCogMenuOpen, children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-icon-button solid-header-cog-trigger", "aria-label": "Open kanban options", children: _jsx(SolidIcon, { name: "si-cog", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "listview-cogwheel-panel", children: [canImport && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
                                     setOpenImportDialog(true);
                                     setIsCogMenuOpen(false);
                                 }, children: [_jsx(SolidIcon, { name: "si-download", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Import" })] })), canExport && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
                                     setExportView(true);
                                     setIsCogMenuOpen(false);
-                                }, children: [_jsx(SolidIcon, { name: "si-upload", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Export" })] })), (canCustomizeLayout || canSaveCustomFilter) && _jsx(SolidDropdownMenuSeparator, {}), canCustomizeLayout && (_jsxs(SolidDropdownMenuSub, { children: [_jsxs(SolidDropdownMenuSubTrigger, { className: "solid-header-dropdown-item", children: [_jsx(SolidIcon, { name: "si-sliders-h", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout" })] }), _jsxs(SolidDropdownMenuSubContent, { className: "customize-layout-panel", children: [showSwitchType && (_jsxs(_Fragment, { children: [_jsx(SolidDropdownMenuLabel, { children: "Switch Type" }), _jsx(SolidDropdownMenuRadioGroup, { value: view, onValueChange: handleViewChange, children: visibleViewModes.map(function (option) { return (_jsx(SolidDropdownMenuRadioItem, { value: option.type, children: option.label }, option.type)); }) }), _jsx(SolidDropdownMenuSeparator, {})] })), _jsxs(SolidDropdownMenuItem, { onSelect: function () {
+                                }, children: [_jsx(SolidIcon, { name: "si-upload", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Export" })] })), canShowArchivedRecords && (_jsx(SolidDropdownMenuCheckboxItem, { checked: showArchived, onCheckedChange: function () { return setShowArchived(!showArchived); }, children: "Show Archived Records" })), (canCustomizeLayout || canSaveCustomFilter || canShowArchivedRecords) && _jsx(SolidDropdownMenuSeparator, {}), canCustomizeLayout && (_jsxs(SolidDropdownMenuSub, { children: [_jsxs(SolidDropdownMenuSubTrigger, { className: "solid-header-dropdown-item", children: [_jsx(SolidIcon, { name: "si-sliders-h", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout" })] }), _jsxs(SolidDropdownMenuSubContent, { className: "customize-layout-panel", children: [showSwitchType && (_jsxs(_Fragment, { children: [_jsx(SolidDropdownMenuLabel, { children: "Switch Type" }), _jsx(SolidDropdownMenuRadioGroup, { value: view, onValueChange: handleViewChange, children: visibleViewModes.map(function (option) { return (_jsx(SolidDropdownMenuRadioItem, { value: option.type, children: option.label }, option.type)); }) }), _jsx(SolidDropdownMenuSeparator, {})] })), _jsxs(SolidDropdownMenuItem, { onSelect: function () {
                                                     setLayoutDialogVisible(true);
                                                     setIsCogMenuOpen(false);
                                                 }, children: [_jsx(SolidIcon, { name: "si-code", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout Editor" })] })] })] })), canSaveCustomFilter && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {

package/dist/components/core/kanban/SolidKanbanViewConfigure.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n    SolidDropdownMenu,\n    SolidDropdownMenuContent,\n    SolidDropdownMenuItem,\n    SolidDropdownMenuLabel,\n    SolidDropdownMenuRadioGroup,\n    SolidDropdownMenuRadioItem,\n    SolidDropdownMenuSeparator,\n    SolidDropdownMenuSub,\n    SolidDropdownMenuSubContent,\n    SolidDropdownMenuSubTrigger,\n    SolidDropdownMenuTrigger,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n    return viewModes\n        .map((option: any) => {\n            if (!option) return null;\n\n            if (typeof option === \"string\") {\n                return {\n                    type: option,\n                    label: option.charAt(0).toUpperCase() + option.slice(1),\n                };\n            }\n\n            const type = option.type || option.value;\n            if (!type) return null;\n\n            return {\n                ...option,\n                type,\n                label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n            };\n        })\n        .filter(Boolean);\n};\n\nexport const SolidKanbanViewConfigure = ({\n    solidKanbanViewMetaData,\n    modelName,\n    actionsAllowed,\n    setLayoutDialogVisible,\n    viewModes,\n    setShowSaveFilterPopup,\n    filters,\n    handleRefreshView,\n}: any) => {\n    const pathname = usePathname();\n    const router = useRouter();\n    const searchParams = useSearchParams();\n    const [view, setView] = useState<string>(\"\");\n    const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n    const [openImportDialog, setOpenImportDialog] = useState(false);\n    const [exportView, setExportView] = useState(false);\n\n    const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n    const showSwitchType = visibleViewModes.length > 1;\n    const layoutAttrs = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs ?? {};\n\n    useEffect(() => {\n        if (typeof pathname === \"string\") {\n            const pathSegments = pathname.split(\"/\").filter(Boolean);\n            if (pathSegments.length > 0) {\n                setView(pathSegments[pathSegments.length - 1]);\n            }\n        }\n    }, [pathname]);\n\n    const handleViewChange = (newViewType: string) => {\n        if (view === newViewType) return;\n\n        const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n        const pathSegments = pathname.split(\"/\").filter(Boolean);\n        pathSegments[pathSegments.length - 1] = newViewType;\n        const nextSearchParams = new URLSearchParams(searchParams.toString());\n        const currentQuery = {\n            menuItemId: searchParams.get(\"menuItemId\"),\n            menuItemName: searchParams.get(\"menuItemName\"),\n            actionId: searchParams.get(\"actionId\"),\n            actionName: searchParams.get(\"actionName\"),\n        };\n\n        const queryFields = {\n            menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n            menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n            actionId: nextView?.actionId ?? currentQuery.actionId,\n            actionName: nextView?.actionName ?? currentQuery.actionName,\n        };\n\n        Object.entries(queryFields).forEach(([key, value]) => {\n            if (value) {\n                nextSearchParams.set(key, value);\n            } else {\n                nextSearchParams.delete(key);\n            }\n        });\n\n        const newPath = \"/\" + pathSegments.join(\"/\");\n        const nextQueryString = nextSearchParams.toString();\n        router.push(nextQueryString ? `${newPath}?${nextQueryString}` : newPath);\n    };\n\n    const clearLocalstorageCache = () => {\n        const currentPageUrl = window.location.pathname;\n        localStorage.removeItem(currentPageUrl);\n        window.location.reload();\n    };\n\n    const canImport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n    const canExport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n    const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n    const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n\n    return (\n        <div className=\"position-relative\">\n            <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n                <SolidDropdownMenuTrigger asChild>\n                    <button\n                        type=\"button\"\n                        className=\"solid-icon-button solid-header-cog-trigger\"\n                        aria-label=\"Open kanban options\"\n                    >\n                        <SolidIcon name=\"si-cog\" aria-hidden />\n                    </button>\n                </SolidDropdownMenuTrigger>\n                <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n                    {canImport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setOpenImportDialog(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Import</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {canExport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setExportView(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Export</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}\n\n                    {canCustomizeLayout && (\n                        <SolidDropdownMenuSub>\n                            <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                <span className=\"solid-header-action-button-label\">Layout</span>\n                            </SolidDropdownMenuSubTrigger>\n                            <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                                {showSwitchType && (\n                                    <>\n                                        <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                                        <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                                            {visibleViewModes.map((option: any) => (\n                                                <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                                                    {option.label}\n                                                </SolidDropdownMenuRadioItem>\n                                            ))}\n                                        </SolidDropdownMenuRadioGroup>\n                                        <SolidDropdownMenuSeparator />\n                                    </>\n                                )}\n                                <SolidDropdownMenuItem\n                                    onSelect={() => {\n                                        setLayoutDialogVisible(true);\n                                        setIsCogMenuOpen(false);\n                                    }}\n                                >\n                                    <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                    <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                                </SolidDropdownMenuItem>\n                            </SolidDropdownMenuSubContent>\n                        </SolidDropdownMenuSub>\n                    )}\n\n                    {canSaveCustomFilter && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setShowSaveFilterPopup(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    <SolidDropdownMenuItem\n                        className=\"solid-header-dropdown-item\"\n                        onSelect={() => {\n                            clearLocalstorageCache();\n                            setIsCogMenuOpen(false);\n                        }}\n                    >\n                        <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                        <span className=\"solid-header-action-button-label\">Clear cache</span>\n                    </SolidDropdownMenuItem>\n                </SolidDropdownMenuContent>\n            </SolidDropdownMenu>\n\n            <SolidDialog\n                open={exportView}\n                onOpenChange={setExportView}\n                className=\"solid-kanban-export-dialog\"\n                style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n            >\n                <SolidDialogHeader className=\"solid-export-dialog-header\">\n                    <div>\n                        <SolidDialogTitle>Export</SolidDialogTitle>\n                        <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n                            Choose the file format, refine the field set, and save reusable export templates.\n                        </SolidDialogDescription>\n                    </div>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogSeparator />\n                <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n                    <SolidExport\n                        listViewMetaData={solidKanbanViewMetaData}\n                        filters={filters}\n                        onExportComplete={() => setExportView(false)}\n                    />\n                </SolidDialogBody>\n            </SolidDialog>\n\n            {openImportDialog && (\n                <SolidGenericImport\n                    openImportDialog={openImportDialog}\n                    setOpenImportDialog={setOpenImportDialog}\n                    listViewMetaData={solidKanbanViewMetaData}\n                    handleFetchUpdatedRecords={handleRefreshView}\n                />\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidKanbanViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n    SolidDropdownMenu,\n    SolidDropdownMenuCheckboxItem,\n    SolidDropdownMenuContent,\n    SolidDropdownMenuItem,\n    SolidDropdownMenuLabel,\n    SolidDropdownMenuRadioGroup,\n    SolidDropdownMenuRadioItem,\n    SolidDropdownMenuSeparator,\n    SolidDropdownMenuSub,\n    SolidDropdownMenuSubContent,\n    SolidDropdownMenuSubTrigger,\n    SolidDropdownMenuTrigger,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n    return viewModes\n        .map((option: any) => {\n            if (!option) return null;\n\n            if (typeof option === \"string\") {\n                return {\n                    type: option,\n                    label: option.charAt(0).toUpperCase() + option.slice(1),\n                };\n            }\n\n            const type = option.type || option.value;\n            if (!type) return null;\n\n            return {\n                ...option,\n                type,\n                label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n            };\n        })\n        .filter(Boolean);\n};\n\nexport const SolidKanbanViewConfigure = ({\n    solidKanbanViewMetaData,\n    modelName,\n    actionsAllowed,\n    setLayoutDialogVisible,\n    viewModes,\n    setShowArchived,\n    showArchived,\n    setShowSaveFilterPopup,\n    filters,\n    handleRefreshView,\n}: any) => {\n    const pathname = usePathname();\n    const router = useRouter();\n    const searchParams = useSearchParams();\n    const [view, setView] = useState<string>(\"\");\n    const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n    const [openImportDialog, setOpenImportDialog] = useState(false);\n    const [exportView, setExportView] = useState(false);\n\n    const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n    const showSwitchType = visibleViewModes.length > 1;\n\n    useEffect(() => {\n        if (typeof pathname === \"string\") {\n            const pathSegments = pathname.split(\"/\").filter(Boolean);\n            if (pathSegments.length > 0) {\n                setView(pathSegments[pathSegments.length - 1]);\n            }\n        }\n    }, [pathname]);\n\n    const handleViewChange = (newViewType: string) => {\n        if (view === newViewType) return;\n\n        const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n        const pathSegments = pathname.split(\"/\").filter(Boolean);\n        pathSegments[pathSegments.length - 1] = newViewType;\n        const nextSearchParams = new URLSearchParams(searchParams.toString());\n        const currentQuery = {\n            menuItemId: searchParams.get(\"menuItemId\"),\n            menuItemName: searchParams.get(\"menuItemName\"),\n            actionId: searchParams.get(\"actionId\"),\n            actionName: searchParams.get(\"actionName\"),\n        };\n\n        const queryFields = {\n            menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n            menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n            actionId: nextView?.actionId ?? currentQuery.actionId,\n            actionName: nextView?.actionName ?? currentQuery.actionName,\n        };\n\n        Object.entries(queryFields).forEach(([key, value]) => {\n            if (value) {\n                nextSearchParams.set(key, value);\n            } else {\n                nextSearchParams.delete(key);\n            }\n        });\n\n        const newPath = \"/\" + pathSegments.join(\"/\");\n        const nextQueryString = nextSearchParams.toString();\n        const nextUrl = nextQueryString ? `${newPath}?${nextQueryString}` : newPath;\n        storeCurrentModelViewContext(nextUrl);\n        router.push(nextUrl);\n    };\n\n    const clearLocalstorageCache = () => {\n        const currentPageUrl = window.location.pathname;\n        localStorage.removeItem(currentPageUrl);\n        window.location.reload();\n    };\n\n    const canImport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n    const canExport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n    const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n    const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n    const canShowArchivedRecords = Boolean(solidKanbanViewMetaData?.data?.solidView?.model?.enableSoftDelete);\n\n    return (\n        <div className=\"position-relative\">\n            <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n                <SolidDropdownMenuTrigger asChild>\n                    <button\n                        type=\"button\"\n                        className=\"solid-icon-button solid-header-cog-trigger\"\n                        aria-label=\"Open kanban options\"\n                    >\n                        <SolidIcon name=\"si-cog\" aria-hidden />\n                    </button>\n                </SolidDropdownMenuTrigger>\n                <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n                    {canImport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setOpenImportDialog(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Import</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {canExport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setExportView(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Export</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {canShowArchivedRecords && (\n                        <SolidDropdownMenuCheckboxItem\n                            checked={showArchived}\n                            onCheckedChange={() => setShowArchived(!showArchived)}\n                        >\n                            Show Archived Records\n                        </SolidDropdownMenuCheckboxItem>\n                    )}\n\n                    {(canCustomizeLayout || canSaveCustomFilter || canShowArchivedRecords) && <SolidDropdownMenuSeparator />}\n\n                    {canCustomizeLayout && (\n                        <SolidDropdownMenuSub>\n                            <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                <span className=\"solid-header-action-button-label\">Layout</span>\n                            </SolidDropdownMenuSubTrigger>\n                            <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                                {showSwitchType && (\n                                    <>\n                                        <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                                        <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                                            {visibleViewModes.map((option: any) => (\n                                                <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                                                    {option.label}\n                                                </SolidDropdownMenuRadioItem>\n                                            ))}\n                                        </SolidDropdownMenuRadioGroup>\n                                        <SolidDropdownMenuSeparator />\n                                    </>\n                                )}\n                                <SolidDropdownMenuItem\n                                    onSelect={() => {\n                                        setLayoutDialogVisible(true);\n                                        setIsCogMenuOpen(false);\n                                    }}\n                                >\n                                    <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                    <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                                </SolidDropdownMenuItem>\n                            </SolidDropdownMenuSubContent>\n                        </SolidDropdownMenuSub>\n                    )}\n\n                    {canSaveCustomFilter && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setShowSaveFilterPopup(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    <SolidDropdownMenuItem\n                        className=\"solid-header-dropdown-item\"\n                        onSelect={() => {\n                            clearLocalstorageCache();\n                            setIsCogMenuOpen(false);\n                        }}\n                    >\n                        <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                        <span className=\"solid-header-action-button-label\">Clear cache</span>\n                    </SolidDropdownMenuItem>\n                </SolidDropdownMenuContent>\n            </SolidDropdownMenu>\n\n            <SolidDialog\n                open={exportView}\n                onOpenChange={setExportView}\n                className=\"solid-kanban-export-dialog\"\n                style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n            >\n                <SolidDialogHeader className=\"solid-export-dialog-header\">\n                    <div>\n                        <SolidDialogTitle>Export</SolidDialogTitle>\n                        <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n                            Choose the file format, refine the field set, and save reusable export templates.\n                        </SolidDialogDescription>\n                    </div>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogSeparator />\n                <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n                    <SolidExport\n                        listViewMetaData={solidKanbanViewMetaData}\n                        filters={filters}\n                        onExportComplete={() => setExportView(false)}\n                    />\n                </SolidDialogBody>\n            </SolidDialog>\n\n            {openImportDialog && (\n                <SolidGenericImport\n                    openImportDialog={openImportDialog}\n                    setOpenImportDialog={setOpenImportDialog}\n                    listViewMetaData={solidKanbanViewMetaData}\n                    handleFetchUpdatedRecords={handleRefreshView}\n                />\n            )}\n        </div>\n    );\n};\n"]}

package/dist/components/core/kanban/SolidKanbanViewConfigure.tsx

@@ -1,4 +1,5 @@
 import { permissionExpression } from "../../../helpers/permissions";
+import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
@@ -7,6 +8,7 @@ import { SolidExport } from "../../../components/common/SolidExport";
 import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
 import {
     SolidDropdownMenu,
+    SolidDropdownMenuCheckboxItem,
     SolidDropdownMenuContent,
     SolidDropdownMenuItem,
     SolidDropdownMenuLabel,
@@ -57,6 +59,8 @@ export const SolidKanbanViewConfigure = ({
     actionsAllowed,
     setLayoutDialogVisible,
     viewModes,
+    setShowArchived,
+    showArchived,
     setShowSaveFilterPopup,
     filters,
     handleRefreshView,
@@ -71,7 +75,6 @@ export const SolidKanbanViewConfigure = ({
 
     const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);
     const showSwitchType = visibleViewModes.length > 1;
-    const layoutAttrs = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs ?? {};
 
     useEffect(() => {
         if (typeof pathname === "string") {
@@ -113,7 +116,9 @@ export const SolidKanbanViewConfigure = ({
 
         const newPath = "/" + pathSegments.join("/");
         const nextQueryString = nextSearchParams.toString();
-        router.push(nextQueryString ? `${newPath}?${nextQueryString}` : newPath);
+        const nextUrl = nextQueryString ? `${newPath}?${nextQueryString}` : newPath;
+        storeCurrentModelViewContext(nextUrl);
+        router.push(nextUrl);
     };
 
     const clearLocalstorageCache = () => {
@@ -134,6 +139,7 @@ export const SolidKanbanViewConfigure = ({
 
     const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression("userViewMetadata", "create")}`);
     const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression("savedFilters", "create")}`);
+    const canShowArchivedRecords = Boolean(solidKanbanViewMetaData?.data?.solidView?.model?.enableSoftDelete);
 
     return (
         <div className="position-relative">
@@ -174,7 +180,16 @@ export const SolidKanbanViewConfigure = ({
                         </SolidDropdownMenuItem>
                     )}
 
-                    {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}
+                    {canShowArchivedRecords && (
+                        <SolidDropdownMenuCheckboxItem
+                            checked={showArchived}
+                            onCheckedChange={() => setShowArchived(!showArchived)}
+                        >
+                            Show Archived Records
+                        </SolidDropdownMenuCheckboxItem>
+                    )}
+
+                    {(canCustomizeLayout || canSaveCustomFilter || canShowArchivedRecords) && <SolidDropdownMenuSeparator />}
 
                     {canCustomizeLayout && (
                         <SolidDropdownMenuSub>

package/dist/components/core/list/SolidDataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidDataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTable.tsx"],"names":[],"mappings":"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"}

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

@@ -120,10 +120,11 @@ export function SolidDataTable(_a) {
         : size === "large"
             ? "solid-table-density-comfortable"
             : "solid-table-density-cozy";
-    return (_jsxs("div", { className: cx("solid-data-table-root w-full min-h-0", densityClass), style: {
+    var isAutoHeight = viewportHeight === "auto";
+    return (_jsxs("div", { className: cx("solid-data-table-root w-full min-h-0", densityClass, isAutoHeight && "solid-data-table-root-auto"), style: {
             height: viewportHeight || "100%",
             maxHeight: viewportHeight || "100%",
-        }, children: [_jsx("div", { className: "solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background", children: _jsxs("table", { className: cx("w-full text-sm border-collapse", tableClassName), children: [_jsx("thead", { className: "solid-data-table-head", children: _jsx("tr", { children: columns.map(function (column, index) {
+        }, children: [_jsx("div", { className: cx("solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background", isAutoHeight && "solid-data-table-viewport-auto"), children: _jsxs("table", { className: cx("w-full text-sm border-collapse", tableClassName), children: [_jsx("thead", { className: "solid-data-table-head", children: _jsx("tr", { children: columns.map(function (column, index) {
                                     var props = column.props;
                                     var isSelectionColumn = props.selectionMode === "multiple";
                                     var isSortable = Boolean(props.sortable && props.field && !isSelectionColumn);