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

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

@@ -32,21 +32,26 @@ interface KanbanCardProps {
   cardNode?: any;
   DynamicCardWidget?: any;
   onDelete?: (record: Data) => void;
+  onRecover?: (record: Data) => void;
+  showArchived?: boolean;
 }
 
-const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget, onDelete }) => {
+const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget, onDelete, onRecover, showArchived }) => {
   const router = useRouter()
+  const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;
 
   const persistReturnView = () => {
     storeCurrentModelViewContext();
   };
 
   const openRecord = () => {
+    if (isArchivedRecord) return;
     persistReturnView();
     router.push(`${editButtonUrl}/${data?.id}`);
   };
 
   const openEdit = () => {
+    if (isArchivedRecord) return;
     persistReturnView();
     router.push(`${editButtonUrl}/${data?.id}`);
   };
@@ -65,14 +70,25 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
             </button>
           </SolidDropdownMenuTrigger>
           <SolidDropdownMenuContent className="solid-custom-overlay" align="end">
-            <SolidDropdownMenuItem
-              className="solid-header-dropdown-item"
-              onSelect={openEdit}
-            >
-              <SolidIcon name="si-pencil" className="solid-header-action-button-icon" aria-hidden />
-              <span className="solid-header-action-button-label">Edit</span>
-            </SolidDropdownMenuItem>
-            {onDelete ? (
+            {!isArchivedRecord ? (
+              <SolidDropdownMenuItem
+                className="solid-header-dropdown-item"
+                onSelect={openEdit}
+              >
+                <SolidIcon name="si-pencil" className="solid-header-action-button-icon" aria-hidden />
+                <span className="solid-header-action-button-label">Edit</span>
+              </SolidDropdownMenuItem>
+            ) : null}
+            {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (
+              <SolidDropdownMenuItem
+                className="solid-header-dropdown-item"
+                onSelect={() => onRecover(data)}
+              >
+                <SolidIcon name="si-refresh" className="solid-header-action-button-icon" aria-hidden />
+                <span className="solid-header-action-button-label">Recover</span>
+              </SolidDropdownMenuItem>
+            ) : null}
+            {onDelete && (data?.deletedAt === null || data?.deletedAt === undefined) ? (
               <SolidDropdownMenuItem
                 className="solid-header-dropdown-item solid-header-dropdown-item-danger"
                 onSelect={() => onDelete(data)}
@@ -102,12 +118,12 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
           {/* <p className="kanban-card-content">{data.content}</p> */}
           <div
             style={{
-              opacity: snapshot.isDragging ? 0.9 : 1,
+              opacity: snapshot.isDragging ? 0.9 : (isArchivedRecord ? 0.55 : 1),
               transform: snapshot.isDragging ? "rotate(-2deg)" : "",
-              cursor: isDragDisabled ? "pointer" : "grab"
+              cursor: isArchivedRecord ? "default" : (isDragDisabled ? "pointer" : "grab")
             }}
             elevation={snapshot.isDragging ? 3 : 1}
-            className="solid-kanban-card"
+            className={`solid-kanban-card${isArchivedRecord ? " greyed-out-row" : ""}`}
             onClick={openRecord}
           >
             {renderKanbanAction(data)}

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

@@ -20,9 +20,11 @@ interface KanbanColumnProps {
     toggleFold: (groupByField: string) => void;
     handleLoadMore: (groupByField: string) => void;
     onDelete?: (record: GroupData) => void;
+    onRecover?: (record: GroupData) => void;
+    showArchived?: boolean;
     setLightboxUrls: any;
     setOpenLightbox: any;
 }
-declare const KanbanColumn: ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const KanbanColumn: ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, showArchived }: KanbanColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default KanbanColumn;
 //# sourceMappingURL=KanbanColumn.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;CACrB;AAGD,QAAA,MAAM,YAAY,yMAAiN,iBAAiB,4CA0EnP,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;CACrB;AAGD,QAAA,MAAM,YAAY,kOAA0O,iBAAiB,4CA0E5Q,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -15,13 +15,13 @@ import { asCompatibleReactNode, CompatibleDroppable } from "../common/dndCompat"
 import { SolidButton, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 // @ts-ignore
 var KanbanColumn = function (_a) {
-    var groupByField = _a.groupByField, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, group = _a.group, groupData = _a.groupData, _b = _a.isKanbanDragEnabled, isKanbanDragEnabled = _b === void 0 ? true : _b, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, toggleFold = _a.toggleFold, handleLoadMore = _a.handleLoadMore, onDelete = _a.onDelete, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl;
+    var groupByField = _a.groupByField, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, group = _a.group, groupData = _a.groupData, _b = _a.isKanbanDragEnabled, isKanbanDragEnabled = _b === void 0 ? true : _b, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, toggleFold = _a.toggleFold, handleLoadMore = _a.handleLoadMore, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, showArchived = _a.showArchived;
     return (_jsxs("div", { className: group.folded ? "kanban-column kanban-column-folded" : "kanban-column", children: [_jsxs("div", { className: "kaban-heading-area", children: [group.folded &&
                         _jsx("a", { onClick: function (e) { return toggleFold(groupByField); }, children: _jsxs("div", { className: "flex items-center", children: [_jsxs("div", { className: "kanban-arrow-icon-container", children: [_jsx(SolidIcon, { name: "si-sort-up-fill", "aria-hidden": true }), _jsx(SolidIcon, { name: "si-sort-down-fill", "aria-hidden": true })] }), _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] })] }) }), !group.folded &&
                         _jsx("div", { className: "flex items-center", children: _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] }) }), !group.folded &&
                         _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger kanban-column-cogwheel", "aria-label": "Open ".concat(group.label, " lane options"), children: _jsx(SolidIcon, { name: "si-cog", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay kanban-options-panel", align: "start", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item kanban-fold-action-button", onSelect: function () { return toggleFold(groupByField); }, children: [_jsx(SolidIcon, { name: "si-angle-double-left", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Fold" })] }) })] })] }), !group.folded && (_jsx(CompatibleDroppable, { droppableId: groupByField, isDropDisabled: !isKanbanDragEnabled, children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.droppableProps, { style: { minHeight: "100px" }, children: [groupData.map(function (data, index) { return (
                         // @ts-ignore
-                        _jsx(KanbanCard, { data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, isDragDisabled: !isKanbanDragEnabled, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, groupByFieldName: groupByField, group: group, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onDelete: onDelete }, data.id)); }), asCompatibleReactNode(provided.placeholder), group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
+                        _jsx(KanbanCard, { data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, isDragDisabled: !isKanbanDragEnabled || Boolean(data === null || data === void 0 ? void 0 : data.deletedAt), setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, groupByFieldName: groupByField, group: group, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onDelete: onDelete, onRecover: onRecover, showArchived: showArchived }, data.id)); }), asCompatibleReactNode(provided.placeholder), group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
                             _jsx(SolidButton, { type: "button", variant: "ghost", size: "sm", className: "kaban-load-more", onClick: function () { return handleLoadMore(groupByField); }, children: "Load more data... (".concat(group.count - (group.limit * group.currentPage), " remaining)") })] }))); } }))] }));
 };
 export default KanbanColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { DroppableProvided } from \"@hello-pangea/dnd\";\nimport KanbanCard from \"./KanbanCard\";\nimport { asCompatibleReactNode, CompatibleDroppable } from \"../common/dndCompat\";\nimport {\n  SolidButton,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define types for props\ninterface Group {\n  label: string;\n  count: number;\n  folded: boolean;\n  limit: number;\n  currentPage: number;\n}\n\ninterface GroupData {\n  id: string;\n  title: string;\n  groupByField: string;\n}\n\ninterface KanbanColumnProps {\n  groupByField: string;\n  group: Group;\n  groupData: GroupData[];\n  isKanbanDragEnabled?: boolean;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  toggleFold: (groupByField: string) => void;\n  handleLoadMore: (groupByField: string) => void;\n  onDelete?: (record: GroupData) => void;\n  setLightboxUrls: any,\n  setOpenLightbox: any\n}\n\n// @ts-ignore\nconst KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => {\n  return (\n    <div className={group.folded ? \"kanban-column kanban-column-folded\" : \"kanban-column\"}>\n      <div className=\"kaban-heading-area\">\n        {group.folded &&\n          <a onClick={e => toggleFold(groupByField)}>\n            <div className=\"flex items-center\">\n              <div className=\"kanban-arrow-icon-container\">\n                <SolidIcon name=\"si-sort-up-fill\" aria-hidden />\n                <SolidIcon name=\"si-sort-down-fill\" aria-hidden />\n              </div>\n              <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n            </div>\n          </a>\n        }\n\n        {!group.folded &&\n          <div className=\"flex items-center\">\n            <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n          </div>\n        }\n        {!group.folded &&\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger kanban-column-cogwheel\"\n                aria-label={`Open ${group.label} lane options`}\n              >\n                <SolidIcon name=\"si-cog\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay kanban-options-panel\" align=\"start\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item kanban-fold-action-button\"\n                onSelect={() => toggleFold(groupByField)}\n              >\n                <SolidIcon name=\"si-angle-double-left\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Fold</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        }\n      </div>\n      {!group.folded && (\n        <CompatibleDroppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>\n          {(provided: DroppableProvided) => (\n            <div\n              ref={provided.innerRef}\n              {...provided.droppableProps}\n              style={{ minHeight: \"100px\" }}\n            >\n              {groupData.map((data, index) => (\n                // @ts-ignore\n                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} />\n              ))}\n              {asCompatibleReactNode(provided.placeholder)}\n              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&\n                <SolidButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"kaban-load-more\"\n                  onClick={() => handleLoadMore(groupByField)}\n                >\n                  {`Load more data... (${group.count - (group.limit * group.currentPage)} remaining)`}\n                </SolidButton>\n              }\n            </div>\n          )}\n        </CompatibleDroppable>\n      )}\n    </div>\n  );\n};\n\nexport default KanbanColumn;\n"]}
+{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,GACV,MAAM,kBAAkB,CAAC;AAiC1B,aAAa;AACb,IAAM,YAAY,GAAG,UAAC,EAAuP;QAArP,YAAY,kBAAA,EAAE,uBAAuB,6BAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAAE,QAAQ,cAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAAA;IACtP,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,eAAe,aACnF,eAAK,SAAS,EAAC,oBAAoB,aAChC,KAAK,CAAC,MAAM;wBACX,YAAG,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,UAAU,CAAC,YAAY,CAAC,EAAxB,CAAwB,YACvC,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,SAAS,IAAC,IAAI,EAAC,iBAAiB,wBAAe,EAChD,KAAC,SAAS,IAAC,IAAI,EAAC,mBAAmB,wBAAe,IAC9C,EACN,aAAG,SAAS,EAAC,sBAAsB,aAAE,UAAG,KAAK,CAAC,KAAK,CAAE,EAAC,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,CAAC,KAAK,GAAQ,IAAI,IAC/G,GACJ,EAGL,CAAC,KAAK,CAAC,MAAM;wBACZ,cAAK,SAAS,EAAC,mBAAmB,YAChC,aAAG,SAAS,EAAC,sBAAsB,aAAE,UAAG,KAAK,CAAC,KAAK,CAAE,EAAC,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,CAAC,KAAK,GAAQ,IAAI,GAC/G,EAEP,CAAC,KAAK,CAAC,MAAM;wBACZ,MAAC,iBAAiB,eAChB,KAAC,wBAAwB,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iDAAiD,gBAC/C,eAAQ,KAAK,CAAC,KAAK,kBAAe,YAE9C,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,wBAAe,GAChC,GACgB,EAC3B,KAAC,wBAAwB,IAAC,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAC,OAAO,YAC3F,MAAC,qBAAqB,IACpB,SAAS,EAAC,sDAAsD,EAChE,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,YAAY,CAAC,EAAxB,CAAwB,aAExC,KAAC,SAAS,IAAC,IAAI,EAAC,sBAAsB,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACjG,eAAM,SAAS,EAAC,kCAAkC,qBAAY,IACxC,GACC,IACT,IAElB,EACL,CAAC,KAAK,CAAC,MAAM,IAAI,CAChB,KAAC,mBAAmB,IAAC,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,mBAAmB,YACjF,UAAC,QAA2B,IAAK,OAAA,CAChC,wBACE,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,QAAQ,CAAC,cAAc,IAC3B,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAE5B,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA;wBAC9B,aAAa;wBACb,KAAC,UAAU,IAAe,IAAI,EAAE,IAAI,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,mBAAmB,IAAI,OAAO,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAC,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,IAAra,IAAI,CAAC,EAAE,CAAka,CAC3b,EAH+B,CAG/B,CAAC,EACD,qBAAqB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAC3C,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;4BACnE,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,YAAY,CAAC,EAA5B,CAA4B,YAE1C,6BAAsB,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAa,GACvE,KAEZ,CACP,EAvBiC,CAuBjC,GACmB,CACvB,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from \"react\";\nimport { DroppableProvided } from \"@hello-pangea/dnd\";\nimport KanbanCard from \"./KanbanCard\";\nimport { asCompatibleReactNode, CompatibleDroppable } from \"../common/dndCompat\";\nimport {\n  SolidButton,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define types for props\ninterface Group {\n  label: string;\n  count: number;\n  folded: boolean;\n  limit: number;\n  currentPage: number;\n}\n\ninterface GroupData {\n  id: string;\n  title: string;\n  groupByField: string;\n}\n\ninterface KanbanColumnProps {\n  groupByField: string;\n  group: Group;\n  groupData: GroupData[];\n  isKanbanDragEnabled?: boolean;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  toggleFold: (groupByField: string) => void;\n  handleLoadMore: (groupByField: string) => void;\n  onDelete?: (record: GroupData) => void;\n  onRecover?: (record: GroupData) => void;\n  showArchived?: boolean;\n  setLightboxUrls: any,\n  setOpenLightbox: any\n}\n\n// @ts-ignore\nconst KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, showArchived }: KanbanColumnProps) => {\n  return (\n    <div className={group.folded ? \"kanban-column kanban-column-folded\" : \"kanban-column\"}>\n      <div className=\"kaban-heading-area\">\n        {group.folded &&\n          <a onClick={e => toggleFold(groupByField)}>\n            <div className=\"flex items-center\">\n              <div className=\"kanban-arrow-icon-container\">\n                <SolidIcon name=\"si-sort-up-fill\" aria-hidden />\n                <SolidIcon name=\"si-sort-down-fill\" aria-hidden />\n              </div>\n              <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n            </div>\n          </a>\n        }\n\n        {!group.folded &&\n          <div className=\"flex items-center\">\n            <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n          </div>\n        }\n        {!group.folded &&\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger kanban-column-cogwheel\"\n                aria-label={`Open ${group.label} lane options`}\n              >\n                <SolidIcon name=\"si-cog\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay kanban-options-panel\" align=\"start\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item kanban-fold-action-button\"\n                onSelect={() => toggleFold(groupByField)}\n              >\n                <SolidIcon name=\"si-angle-double-left\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Fold</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        }\n      </div>\n      {!group.folded && (\n        <CompatibleDroppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>\n          {(provided: DroppableProvided) => (\n            <div\n              ref={provided.innerRef}\n              {...provided.droppableProps}\n              style={{ minHeight: \"100px\" }}\n            >\n              {groupData.map((data, index) => (\n                // @ts-ignore\n                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled || Boolean(data?.deletedAt)} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} onRecover={onRecover} showArchived={showArchived} />\n              ))}\n              {asCompatibleReactNode(provided.placeholder)}\n              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&\n                <SolidButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"kaban-load-more\"\n                  onClick={() => handleLoadMore(groupByField)}\n                >\n                  {`Load more data... (${group.count - (group.limit * group.currentPage)} remaining)`}\n                </SolidButton>\n              }\n            </div>\n          )}\n        </CompatibleDroppable>\n      )}\n    </div>\n  );\n};\n\nexport default KanbanColumn;\n"]}

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

@@ -36,12 +36,14 @@ interface KanbanColumnProps {
   toggleFold: (groupByField: string) => void;
   handleLoadMore: (groupByField: string) => void;
   onDelete?: (record: GroupData) => void;
+  onRecover?: (record: GroupData) => void;
+  showArchived?: boolean;
   setLightboxUrls: any,
   setOpenLightbox: any
 }
 
 // @ts-ignore
-const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => {
+const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, showArchived }: KanbanColumnProps) => {
   return (
     <div className={group.folded ? "kanban-column kanban-column-folded" : "kanban-column"}>
       <div className="kaban-heading-area">
@@ -95,7 +97,7 @@ const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData,
             >
               {groupData.map((data, index) => (
                 // @ts-ignore
-                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} />
+                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled || Boolean(data?.deletedAt)} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} onDelete={onDelete} onRecover={onRecover} showArchived={showArchived} />
               ))}
               {asCompatibleReactNode(provided.placeholder)}
               {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&

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

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":"AA2CA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAmEF,eAAO,MAAM,eAAe,WAAY,qBAAqB,4CAq8B5D,CAAC"}
+{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":"AA2CA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAmEF,eAAO,MAAM,eAAe,WAAY,qBAAqB,4CAsjC5D,CAAC"}

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

@@ -213,7 +213,7 @@ export var SolidKanbanView = function (params) {
     }, [params.modelName]);
     // Create the RTK slices for this entity
     var entityApi = createSolidEntityApi(params.modelName);
-    var useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation;
+    var useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, useLazyRecoverSolidEntityByIdQuery = entityApi.useLazyRecoverSolidEntityByIdQuery, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation;
     var menuItemId = searchParams.get("menuItemId");
     var menuItemName = searchParams.get("menuItemName");
     var actionId = searchParams.get("actionId");
@@ -347,19 +347,20 @@ export var SolidKanbanView = function (params) {
     var editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
     // Get the kanban view data.
     // const [triggerGetSolidEntitiesForKanban, { data: solidEntityKanbanViewData, isLoading, error }] = useLazyGetSolidKanbanEntitiesQuery();
-    var _22 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _22[0], solidEntityKanbanViewData = _22[1].data;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var _22 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntityById = _22[0], isRecoveringRecord = _22[1].isLoading;
     // Delete mutation 
     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;
-        if (solidEntityKanbanViewData) {
-            setServerSwimLaneCount(((_a = solidEntityKanbanViewData === null || solidEntityKanbanViewData === void 0 ? void 0 : solidEntityKanbanViewData.meta) === null || _a === void 0 ? void 0 : _a.totalRecords) || 0);
-            setRawKanbanGroupRecords((solidEntityKanbanViewData === null || solidEntityKanbanViewData === void 0 ? void 0 : solidEntityKanbanViewData.groupRecords) || []);
-            setLoading(false);
+    var applyArchivedQueryState = function (queryData) {
+        if (showArchived) {
+            queryData.showSoftDeleted = "inclusive";
+            if (queryData.groupFilter) {
+                queryData.groupFilter.showSoftDeleted = "inclusive";
+            }
         }
-    }, [solidEntityKanbanViewData]);
+        return queryData;
+    };
     useEffect(function () {
         var mergedKanbanGroupData = mergeKanbanGroupsWithDefinitions(rawKanbanGroupRecords, swimlaneDefinitions, recordsInSwimlane);
         setKanbanViewData(mergedKanbanGroupData);
@@ -481,6 +482,9 @@ export var SolidKanbanView = function (params) {
                 var queryObject = getFilterObjectFromLocalStorage();
                 var queryString = "";
                 if (queryObject) {
+                    setShowArchived(queryObject.showArchived === true ||
+                        queryObject.showArchived === "true" ||
+                        queryObject.showSoftDeleted === "inclusive");
                     var filters_1 = {
                         $and: []
                     };
@@ -521,13 +525,15 @@ export var SolidKanbanView = function (params) {
                     setToPopulate(toPopulate_1);
                     setToPopulateMedia(toPopulateMedia_1);
                     setRecordsInSwimlane(recordsInSwimlane_1);
-                    // setFilters(filters);
+                    setFilters(filters_1);
                     setQueryDataLoaded(true);
                     queryString = qs.stringify(queryData, {
                         encodeValuesOnly: true
                     });
                 }
                 else {
+                    setShowArchived(false);
+                    var defaultFilters = { $and: [] };
                     var _o = initialFilterMethod(), recordsInSwimlane_2 = _o.recordsInSwimlane, toPopulate_2 = _o.toPopulate, toPopulateMedia_2 = _o.toPopulateMedia;
                     var queryData = {
                         offset: 0,
@@ -539,7 +545,7 @@ export var SolidKanbanView = function (params) {
                         groupFilter: {
                             limit: ((_l = (_k = (_j = (_h = kanbanViewMetaData === null || kanbanViewMetaData === void 0 ? void 0 : kanbanViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidView) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.recordsInSwimlane) || 10,
                             offset: 0,
-                            filters: filters,
+                            filters: defaultFilters,
                             populate: toPopulate_2,
                             populateMedia: toPopulateMedia_2
                         }
@@ -548,6 +554,7 @@ export var SolidKanbanView = function (params) {
                     setRecordsInSwimlane(recordsInSwimlane_2);
                     setToPopulate(toPopulate_2);
                     setToPopulateMedia(toPopulateMedia_2);
+                    setFilters(defaultFilters);
                     // fields=status&groupBy=status&fields=count(status)&populateGroup=true
                     queryString = qs.stringify(queryData, {
                         encodeValuesOnly: true
@@ -559,6 +566,83 @@ export var SolidKanbanView = function (params) {
             }
         }
     }, [groupByFieldName, isDeleteSolidEntitiesSucess, solidKanbanViewMetaData, swimlaneDefinitions]);
+    var loadKanbanBoard = function (nextFilters) {
+        if (nextFilters === void 0) { nextFilters = filters; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var swimlanesCount, resolvedSwimlanesCount, queryData, response, error_2;
+            var _a, _b, _c, _d, _e, _f;
+            return __generator(this, function (_g) {
+                switch (_g.label) {
+                    case 0:
+                        if (!solidKanbanViewMetaData || !groupByFieldName || !queryDataLoaded)
+                            return [2 /*return*/];
+                        setLoading(true);
+                        _g.label = 1;
+                    case 1:
+                        _g.trys.push([1, 3, 4, 5]);
+                        swimlanesCount = ((_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.swimlanesCount) || 5;
+                        resolvedSwimlanesCount = swimlaneDefinitions.length > 0 ? swimlaneDefinitions.length : swimlanesCount;
+                        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,
+                            },
+                        });
+                        return [4 /*yield*/, triggerGetSolidEntities(qs.stringify(queryData, {
+                                encodeValuesOnly: true
+                            })).unwrap()];
+                    case 2:
+                        response = _g.sent();
+                        setServerSwimLaneCount(((_e = response === null || response === void 0 ? void 0 : response.meta) === null || _e === void 0 ? void 0 : _e.totalRecords) || 0);
+                        setRawKanbanGroupRecords((response === null || response === void 0 ? void 0 : response.groupRecords) || []);
+                        setSelectedRecords([]);
+                        return [3 /*break*/, 5];
+                    case 3:
+                        error_2 = _g.sent();
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: "Failed to load board",
+                            detail: ((_f = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _f === void 0 ? void 0 : _f.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.message) || "Unable to load kanban data.",
+                            life: 4000,
+                        }));
+                        setServerSwimLaneCount(0);
+                        setRawKanbanGroupRecords([]);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    useEffect(function () {
+        if (!queryDataLoaded || !solidKanbanViewMetaData || !groupByFieldName)
+            return;
+        void loadKanbanBoard(filters);
+    }, [groupByFieldName, queryDataLoaded, recordsInSwimlane, showArchived, solidKanbanViewMetaData, swimlaneDefinitions, toPopulate, toPopulateMedia]);
+    useEffect(function () {
+        if (!queryDataLoaded)
+            return;
+        var persistedFilterObject = getFilterObjectFromLocalStorage() || {};
+        var nextPersistedFilterObject = __assign(__assign({}, persistedFilterObject), { showArchived: 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
     var deleteBulk = function () {
@@ -578,9 +662,46 @@ export var SolidKanbanView = function (params) {
         setSelectedRecords(record ? [record] : []);
         setDialogVisible(true);
     };
+    var handleRecoverRecord = function (record) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_3;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!(record === null || record === void 0 ? void 0 : record.id))
+                        return [2 /*return*/];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, triggerRecoverSolidEntityById(record.id).unwrap()];
+                case 2:
+                    response = _c.sent();
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Success",
+                        detail: ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) || "Record recovered successfully.",
+                        life: 3000,
+                    }));
+                    return [4 /*yield*/, loadKanbanBoard(filters)];
+                case 3:
+                    _c.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_3 = _c.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Recover Failed",
+                        detail: ((_b = error_3 === null || error_3 === void 0 ? void 0 : error_3.data) === null || _b === void 0 ? void 0 : _b.message) || (error_3 === null || error_3 === void 0 ? void 0 : error_3.message) || "Unable to recover the selected record.",
+                        life: 4000,
+                    }));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
     // Individual Swimlane Load More
     var handleLoadMore = function (groupByField) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, offset, limit, queryData, queryString, data, newRecords, mergeData, updatedData_1, error_2;
+        var _a, offset, limit, queryData, queryString, data, newRecords, mergeData, updatedData_1, error_4;
         var _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -590,7 +711,7 @@ export var SolidKanbanView = function (params) {
                     _c.label = 1;
                 case 1:
                     _c.trys.push([1, 3, , 4]);
-                    queryData = {
+                    queryData = applyArchivedQueryState({
                         offset: offset + limit,
                         limit: limit,
                         populate: toPopulate,
@@ -599,7 +720,7 @@ export var SolidKanbanView = function (params) {
                         filters: __assign((_b = {}, _b[groupByFieldName] = {
                             $in: [groupByField],
                         }, _b), filters)
-                    };
+                    });
                     queryString = qs.stringify(queryData, {
                         encodeValuesOnly: true
                     });
@@ -639,8 +760,8 @@ export var SolidKanbanView = function (params) {
                     });
                     return [3 /*break*/, 4];
                 case 3:
-                    error_2 = _c.sent();
-                    console.error(ERROR_MESSAGES.LOAD_MORE_DATA, error_2);
+                    error_4 = _c.sent();
+                    console.error(ERROR_MESSAGES.LOAD_MORE_DATA, error_4);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
@@ -649,7 +770,7 @@ export var SolidKanbanView = function (params) {
     // Handle drag-and-drop functionality
     // @ts-ignore
     var onDragEnd = function (result) { return __awaiter(void 0, void 0, void 0, function () {
-        var source, destination, sourceGroupName, destinationGroupName, sourceGroupIndex, destinationGroupIndex, sourceGroup, destinationGroup, sourceRecords, destinationRecords, movedItem, updatedItem, oldkanbanViewData, formData, kanbanUpdateResponse, error_3;
+        var source, destination, sourceGroupName, destinationGroupName, sourceGroupIndex, destinationGroupIndex, sourceGroup, destinationGroup, sourceRecords, destinationRecords, movedItem, updatedItem, oldkanbanViewData, formData, kanbanUpdateResponse, error_5;
         var _a;
         var _b;
         return __generator(this, function (_c) {
@@ -722,10 +843,10 @@ export var SolidKanbanView = function (params) {
                     }
                     return [3 /*break*/, 4];
                 case 3:
-                    error_3 = _c.sent();
+                    error_5 = _c.sent();
                     // 6. Handle 500 or network errors
-                    console.error(ERROR_MESSAGES.API_ERROR, error_3);
-                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SOMETHING_WRONG, detail: ((_b = error_3 === null || error_3 === void 0 ? void 0 : error_3.data) === null || _b === void 0 ? void 0 : _b.message) || ERROR_MESSAGES.SOMETHING_WRONG }));
+                    console.error(ERROR_MESSAGES.API_ERROR, error_5);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SOMETHING_WRONG, detail: ((_b = error_5 === null || error_5 === void 0 ? void 0 : error_5.data) === null || _b === void 0 ? void 0 : _b.message) || ERROR_MESSAGES.SOMETHING_WRONG }));
                     setKanbanViewData(oldkanbanViewData);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
@@ -759,6 +880,7 @@ export var SolidKanbanView = function (params) {
                         }
                         // sort: [`id:desc`],
                     };
+                    applyArchivedQueryState(queryData);
                     queryString = qs.stringify(queryData, {
                         encodeValuesOnly: true
                     });
@@ -830,6 +952,7 @@ export var SolidKanbanView = function (params) {
                                 populateMedia: toPopulateMedia
                             }
                         };
+                        applyArchivedQueryState(queryData);
                         queryString = qs.stringify(queryData, {
                             encodeValuesOnly: true
                         });
@@ -846,6 +969,12 @@ export var SolidKanbanView = function (params) {
                             // @ts-ignore
                             urlData.search_predicate = customFilter.search_predicate || {};
                             // @ts-ignore
+                            urlData.showArchived = showArchived;
+                            if (showArchived) {
+                                // @ts-ignore
+                                urlData.showSoftDeleted = "inclusive";
+                            }
+                            // @ts-ignore
                             setFilterObjectToLocalStorage(urlData);
                         }
                         return [4 /*yield*/, triggerGetSolidEntities(queryString)];
@@ -881,7 +1010,7 @@ 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 entityDisplayName = ((_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.model) === null || _e === void 0 ? void 0 : _e.displayName) || params.modelName;
-    var headerRequestStatusLabel = isDeleteSolidEntitiesLoading ? "Deleting..." : isPatchKanbanViewLoading ? "Updating..." : loading || !queryDataLoaded ? "Loading..." : null;
+    var headerRequestStatusLabel = isDeleteSolidEntitiesLoading ? "Deleting..." : isPatchKanbanViewLoading ? "Updating..." : isRecoveringRecord ? "Recovering..." : loading || !queryDataLoaded ? "Loading..." : null;
     var handleRefreshView = function () {
         var _a, _b;
         if (hasStoredFilterPredicates(getFilterObjectFromLocalStorage())) {
@@ -889,7 +1018,7 @@ export var SolidKanbanView = function (params) {
             (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.clearAppliedFilters) === null || _b === void 0 ? void 0 : _b.call(_a, { preserveGrouping: true });
             return;
         }
-        window.location.reload();
+        loadKanbanBoard(filters);
     };
     var toggleBothSidebars = function () {
         if (visibleNavbar) {
@@ -901,8 +1030,8 @@ export var SolidKanbanView = function (params) {
     };
     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: [_jsxs("div", { className: "page-header solid-list-toolbar solid-kanban-toolbar flex-col lg:flex-row", children: [_jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "solid-list-toolbar-left flex w-full items-center gap-3", children: [_jsx("p", { className: "m-0 view-title solid-text-wrapper", children: kanbanViewTitle }), _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 items-center solid-header-buttons-wrapper solid-list-toolbar-actions", 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 }) }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) && ((_h = (_g = (_f = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs.create) !== false &&
-                                                    _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_l = (_k = (_j = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs.delete) !== false && selectedRecords.length > 0 && _jsx(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, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: handleRefreshView })] })] }), 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, onDelete: 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 ? openDeleteDialogForRecord : undefined, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl })] }) }), _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
+                                                    _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_l = (_k = (_j = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs.delete) !== false && selectedRecords.length > 0 && _jsx(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, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setShowArchived: setShowArchived, showArchived: showArchived, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: handleRefreshView })] })] }), 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, onDelete: 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 ? openDeleteDialogForRecord : undefined, onRecover: handleRecoverRecord, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl, 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 }) })] })] }));
 };