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

package/dist/components/core/card/CardGrid.d.ts

@@ -1,3 +1,3 @@
-export declare const CardGrid: ({ records, solidCardViewMetaData, editButtonUrl, setLightboxUrls, setOpenLightbox, }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const CardGrid: ({ records, solidCardViewMetaData, editButtonUrl, onRecover, setLightboxUrls, setOpenLightbox, showArchived, }: any) => import("react/jsx-runtime").JSX.Element;
 export default CardGrid;
 //# sourceMappingURL=CardGrid.d.ts.map

package/dist/components/core/card/CardGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,yFAMlB,GAAG,4CAyDL,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,kHAQlB,GAAG,4CA2DL,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/core/card/CardGrid.js

@@ -20,7 +20,7 @@ var findCardNode = function (nodes) {
 };
 export var CardGrid = function (_a) {
     var _b, _c, _d;
-    var records = _a.records, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
+    var records = _a.records, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived;
     var cardNode = findCardNode(((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.children) || []);
     var cardWidget = ((_d = cardNode === null || cardNode === void 0 ? void 0 : cardNode.attrs) === null || _d === void 0 ? void 0 : _d.cardWidget) || (cardNode === null || cardNode === void 0 ? void 0 : cardNode.cardWidget);
     var DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;
@@ -36,7 +36,7 @@ export var CardGrid = function (_a) {
                             ? "Register the widget in the extension registry or update the card metadata to point at a valid component."
                             : "Configure attrs.cardWidget on the card metadata so the grid can render each record." })] }) }));
     }
-    return (_jsx("div", { className: "solid-card-view-grid", children: records.map(function (record) { return (_jsx(CardItem, { data: record, solidCardViewMetaData: solidCardViewMetaData, editButtonUrl: editButtonUrl, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox }, record.id)); }) }));
+    return (_jsx("div", { className: "solid-card-view-grid", children: records.map(function (record) { return (_jsx(CardItem, { data: record, solidCardViewMetaData: solidCardViewMetaData, editButtonUrl: editButtonUrl, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onRecover: onRecover, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, showArchived: showArchived }, record.id)); }) }));
 };
 export default CardGrid;
 //# sourceMappingURL=CardGrid.js.map

package/dist/components/core/card/CardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport CardItem from \"./CardItem\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\nconst findCardNode = (nodes: any[] = []): any => {\n  for (const node of nodes) {\n    if (!node) continue;\n    if (node.type === \"card\") return node;\n    if (Array.isArray(node?.children) && node.children.length > 0) {\n      const nestedCard = findCardNode(node.children);\n      if (nestedCard) return nestedCard;\n    }\n  }\n\n  return null;\n};\n\nexport const CardGrid = ({\n  records,\n  solidCardViewMetaData,\n  editButtonUrl,\n  setLightboxUrls,\n  setOpenLightbox,\n}: any) => {\n  const cardNode = findCardNode(solidCardViewMetaData?.solidView?.layout?.children || []);\n  const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;\n  const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n  const cardConfigurationIssue = !cardWidget\n    ? { type: \"missing_widget_reference\" }\n    : !DynamicCardWidget\n      ? { type: \"missing_widget\", cardWidget }\n      : null;\n\n  if (cardConfigurationIssue) {\n    return (\n      <div className=\"solid-kanban-config-placeholder-container\">\n        <div className=\"solid-kanban-config-placeholder-panel\">\n          <div className=\"solid-kanban-config-placeholder-badge\">CARD CONFIGURATION</div>\n          <div className=\"solid-kanban-config-placeholder-title\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Card widget could not be resolved\"\n              : \"Card widget is not configured\"}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-description\">\n            {cardConfigurationIssue.type === \"missing_widget\" ? (\n              <>\n                This card view references <code>{cardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n              </>\n            ) : (\n              <>\n                This card view does not define a <code>cardWidget</code> on the card node.\n              </>\n            )}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-hint\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Register the widget in the extension registry or update the card metadata to point at a valid component.\"\n              : \"Configure attrs.cardWidget on the card metadata so the grid can render each record.\"}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-card-view-grid\">\n      {records.map((record: any) => (\n        <CardItem\n          key={record.id}\n          data={record}\n          solidCardViewMetaData={solidCardViewMetaData}\n          editButtonUrl={editButtonUrl}\n          cardNode={cardNode}\n          DynamicCardWidget={DynamicCardWidget}\n          setLightboxUrls={setLightboxUrls}\n          setOpenLightbox={setOpenLightbox}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default CardGrid;\n"]}
+{"version":3,"file":"CardGrid.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport CardItem from \"./CardItem\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\nconst findCardNode = (nodes: any[] = []): any => {\n  for (const node of nodes) {\n    if (!node) continue;\n    if (node.type === \"card\") return node;\n    if (Array.isArray(node?.children) && node.children.length > 0) {\n      const nestedCard = findCardNode(node.children);\n      if (nestedCard) return nestedCard;\n    }\n  }\n\n  return null;\n};\n\nexport const CardGrid = ({\n  records,\n  solidCardViewMetaData,\n  editButtonUrl,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}: any) => {\n  const cardNode = findCardNode(solidCardViewMetaData?.solidView?.layout?.children || []);\n  const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;\n  const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n  const cardConfigurationIssue = !cardWidget\n    ? { type: \"missing_widget_reference\" }\n    : !DynamicCardWidget\n      ? { type: \"missing_widget\", cardWidget }\n      : null;\n\n  if (cardConfigurationIssue) {\n    return (\n      <div className=\"solid-kanban-config-placeholder-container\">\n        <div className=\"solid-kanban-config-placeholder-panel\">\n          <div className=\"solid-kanban-config-placeholder-badge\">CARD CONFIGURATION</div>\n          <div className=\"solid-kanban-config-placeholder-title\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Card widget could not be resolved\"\n              : \"Card widget is not configured\"}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-description\">\n            {cardConfigurationIssue.type === \"missing_widget\" ? (\n              <>\n                This card view references <code>{cardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n              </>\n            ) : (\n              <>\n                This card view does not define a <code>cardWidget</code> on the card node.\n              </>\n            )}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-hint\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Register the widget in the extension registry or update the card metadata to point at a valid component.\"\n              : \"Configure attrs.cardWidget on the card metadata so the grid can render each record.\"}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-card-view-grid\">\n      {records.map((record: any) => (\n        <CardItem\n          key={record.id}\n          data={record}\n          solidCardViewMetaData={solidCardViewMetaData}\n          editButtonUrl={editButtonUrl}\n          cardNode={cardNode}\n          DynamicCardWidget={DynamicCardWidget}\n          onRecover={onRecover}\n          setLightboxUrls={setLightboxUrls}\n          setOpenLightbox={setOpenLightbox}\n          showArchived={showArchived}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default CardGrid;\n"]}

package/dist/components/core/card/CardGrid.tsx

@@ -19,8 +19,10 @@ export const CardGrid = ({
   records,
   solidCardViewMetaData,
   editButtonUrl,
+  onRecover,
   setLightboxUrls,
   setOpenLightbox,
+  showArchived,
 }: any) => {
   const cardNode = findCardNode(solidCardViewMetaData?.solidView?.layout?.children || []);
   const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;
@@ -72,8 +74,10 @@ export const CardGrid = ({
           editButtonUrl={editButtonUrl}
           cardNode={cardNode}
           DynamicCardWidget={DynamicCardWidget}
+          onRecover={onRecover}
           setLightboxUrls={setLightboxUrls}
           setOpenLightbox={setOpenLightbox}
+          showArchived={showArchived}
         />
       ))}
     </div>

package/dist/components/core/card/CardItem.d.ts

@@ -5,8 +5,10 @@ interface CardItemProps {
     editButtonUrl?: string;
     cardNode?: any;
     DynamicCardWidget?: any;
+    onRecover?: (record: any) => void;
     setLightboxUrls?: any;
     setOpenLightbox?: any;
+    showArchived?: boolean;
 }
 declare const CardItem: React.FC<CardItemProps>;
 export default CardItem;

package/dist/components/core/card/CardItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiErC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/core/card/CardItem.js

@@ -4,17 +4,22 @@ import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersiste
 import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var CardItem = function (_a) {
     var _b, _c;
-    var data = _a.data, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
+    var data = _a.data, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived;
     var router = useRouter();
+    var isArchivedRecord = (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined;
     var openRecord = function () {
+        if (isArchivedRecord)
+            return;
         storeCurrentModelViewContext();
         router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
     };
     var openEdit = function () {
+        if (isArchivedRecord)
+            return;
         storeCurrentModelViewContext();
         router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
     };
-    return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card", onClick: openRecord, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] }) })] }) }), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) }));
+    return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, style: { cursor: isArchivedRecord ? "default" : "pointer" }, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null] })] }) }), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) }));
 };
 export default CardItem;
 //# sourceMappingURL=CardItem.js.map

package/dist/components/core/card/CardItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,GACV,MAAM,kBAAkB,CAAC;AAY1B,IAAM,QAAQ,GAA4B,UAAC,EAQ1C;;QAPC,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,eAAe,qBAAA;IAEf,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAM,UAAU,GAAG;QACjB,4BAA4B,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACf,4BAA4B,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,eAAK,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAE,UAAU,aACzE,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,YACtE,MAAC,iBAAiB,eAChB,KAAC,wBAAwB,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sDAAsD,gBACrD,mBAAmB,YAE9B,KAAC,SAAS,IAAC,IAAI,EAAC,eAAe,wBAAe,GACvC,GACgB,EAC3B,KAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,KAAK,YACpE,MAAC,qBAAqB,IACpB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACtF,eAAM,SAAS,EAAC,kCAAkC,qBAAY,IACxC,GACC,IACT,GAChB,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,IAChB,OAAO,EAAE,IAAI,EACb,uBAAuB,EAAE,qBAAqB,EAC9C,SAAS,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,EAC3C,mBAAmB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAC/D,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,CAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,KAAI,EAAE,EAClE,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ninterface CardItemProps {\n  data: any;\n  solidCardViewMetaData: any;\n  editButtonUrl?: string;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n  data,\n  solidCardViewMetaData,\n  editButtonUrl,\n  cardNode,\n  DynamicCardWidget,\n  setLightboxUrls,\n  setOpenLightbox,\n}) => {\n  const router = useRouter();\n\n  const openRecord = () => {\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  return (\n    <div className=\"solid-card-view-item\">\n      <div className=\"solid-card-view-card solid-kanban-card\" onClick={openRecord}>\n        <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n                aria-label=\"Open card actions\"\n              >\n                <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item\"\n                onSelect={openEdit}\n              >\n                <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Edit</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        </div>\n        {DynamicCardWidget ? (\n          <DynamicCardWidget\n            rowData={data}\n            solidKanbanViewMetaData={solidCardViewMetaData}\n            solidView={solidCardViewMetaData?.solidView}\n            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n            card={cardNode}\n            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n            groupedView={false}\n            editButtonUrl={editButtonUrl}\n            setLightboxUrls={setLightboxUrls}\n            setOpenLightbox={setOpenLightbox}\n            openRecord={openRecord}\n            openEdit={openEdit}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardItem;\n"]}
+{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,GACV,MAAM,kBAAkB,CAAC;AAc1B,IAAM,QAAQ,GAA4B,UAAC,EAU1C;;QATC,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEZ,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,gBAAgB,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,SAAS,CAAC;IAEnF,IAAM,UAAU,GAAG;QACjB,IAAI,gBAAgB;YAAE,OAAO;QAC7B,4BAA4B,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACf,IAAI,gBAAgB;YAAE,OAAO;QAC7B,4BAA4B,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,eACE,SAAS,EAAE,gDAAyC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAE,EAC/F,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,aAE3D,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,YACtE,MAAC,iBAAiB,eAChB,KAAC,wBAAwB,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sDAAsD,gBACrD,mBAAmB,YAE9B,KAAC,SAAS,IAAC,IAAI,EAAC,eAAe,wBAAe,GACvC,GACgB,EAC3B,MAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,KAAK,aACnE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACnB,MAAC,qBAAqB,IACpB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACtF,eAAM,SAAS,EAAC,kCAAkC,qBAAY,IACxC,CACzB,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CACxF,MAAC,qBAAqB,IACpB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe,aAE/B,KAAC,SAAS,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACvF,eAAM,SAAS,EAAC,kCAAkC,wBAAe,IAC3C,CACzB,CAAC,CAAC,CAAC,IAAI,IACiB,IACT,GAChB,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,IAChB,OAAO,EAAE,IAAI,EACb,uBAAuB,EAAE,qBAAqB,EAC9C,SAAS,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,EAC3C,mBAAmB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAC/D,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,CAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,KAAI,EAAE,EAClE,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ninterface CardItemProps {\n  data: any;\n  solidCardViewMetaData: any;\n  editButtonUrl?: string;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  onRecover?: (record: any) => void;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  showArchived?: boolean;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n  data,\n  solidCardViewMetaData,\n  editButtonUrl,\n  cardNode,\n  DynamicCardWidget,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}) => {\n  const router = useRouter();\n  const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;\n\n  const openRecord = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  return (\n    <div className=\"solid-card-view-item\">\n      <div\n        className={`solid-card-view-card solid-kanban-card${isArchivedRecord ? \" greyed-out-row\" : \"\"}`}\n        onClick={openRecord}\n        style={{ cursor: isArchivedRecord ? \"default\" : \"pointer\" }}\n      >\n        <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n                aria-label=\"Open card actions\"\n              >\n                <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n              {!isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={openEdit}\n                >\n                  <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Edit</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={() => onRecover(data)}\n                >\n                  <SolidIcon name=\"si-refresh\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Recover</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        </div>\n        {DynamicCardWidget ? (\n          <DynamicCardWidget\n            rowData={data}\n            solidKanbanViewMetaData={solidCardViewMetaData}\n            solidView={solidCardViewMetaData?.solidView}\n            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n            card={cardNode}\n            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n            groupedView={false}\n            editButtonUrl={editButtonUrl}\n            setLightboxUrls={setLightboxUrls}\n            setOpenLightbox={setOpenLightbox}\n            openRecord={openRecord}\n            openEdit={openEdit}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardItem;\n"]}

package/dist/components/core/card/CardItem.tsx

@@ -16,8 +16,10 @@ interface CardItemProps {
   editButtonUrl?: string;
   cardNode?: any;
   DynamicCardWidget?: any;
+  onRecover?: (record: any) => void;
   setLightboxUrls?: any;
   setOpenLightbox?: any;
+  showArchived?: boolean;
 }
 
 const CardItem: React.FC<CardItemProps> = ({
@@ -26,24 +28,33 @@ const CardItem: React.FC<CardItemProps> = ({
   editButtonUrl,
   cardNode,
   DynamicCardWidget,
+  onRecover,
   setLightboxUrls,
   setOpenLightbox,
+  showArchived,
 }) => {
   const router = useRouter();
+  const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;
 
   const openRecord = () => {
+    if (isArchivedRecord) return;
     storeCurrentModelViewContext();
     router.push(`${editButtonUrl}/${data?.id}`);
   };
 
   const openEdit = () => {
+    if (isArchivedRecord) return;
     storeCurrentModelViewContext();
     router.push(`${editButtonUrl}/${data?.id}`);
   };
 
   return (
     <div className="solid-card-view-item">
-      <div className="solid-card-view-card solid-kanban-card" onClick={openRecord}>
+      <div
+        className={`solid-card-view-card solid-kanban-card${isArchivedRecord ? " greyed-out-row" : ""}`}
+        onClick={openRecord}
+        style={{ cursor: isArchivedRecord ? "default" : "pointer" }}
+      >
         <div className="solid-kanban-action" onClick={(e) => e.stopPropagation()}>
           <SolidDropdownMenu>
             <SolidDropdownMenuTrigger asChild>
@@ -56,13 +67,24 @@ const CardItem: React.FC<CardItemProps> = ({
               </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>
+              {!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}
             </SolidDropdownMenuContent>
           </SolidDropdownMenu>
         </div>

package/dist/components/core/card/SolidCardView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"AAiCA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DF,eAAO,MAAM,aAAa,WAAY,mBAAmB,4CA4axD,CAAC"}
+{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"AAmCA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DF,eAAO,MAAM,aAAa,WAAY,mBAAmB,4CAkexD,CAAC"}

package/dist/components/core/card/SolidCardView.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -56,7 +67,8 @@ import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePa
 import { SolidCardViewConfigure } from "./SolidCardViewConfigure";
 import { CardGrid } from "./CardGrid";
 import { CardUserViewLayout } from "./CardUserViewLayout";
-import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, SolidSelect, } from "../../shad-cn-ui";
+import { showToast } from "../../../redux/features/toastSlice";
 var deriveCardViewConfig = function (solidCardViewMetaData) {
     var _a, _b, _c, _d, _e, _f;
     var solidView = (_a = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
@@ -147,6 +159,7 @@ export var SolidCardView = function (params) {
     var _1 = useState(false), queryDataLoaded = _1[0], setQueryDataLoaded = _1[1];
     var _2 = useState(), solidCardViewMetaData = _2[0], setSolidCardViewMetaData = _2[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
+    var _3 = useState(false), showArchived = _3[0], setShowArchived = _3[1];
     var lightboxSlides = Array.isArray(lightboxUrls)
         ? lightboxUrls
             .map(function (item) {
@@ -164,8 +177,9 @@ export var SolidCardView = function (params) {
             .filter(function (slide) { return !!slide; })
         : [];
     var entityApi = createSolidEntityApi(params.modelName);
-    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, useLazyRecoverSolidEntityByIdQuery = entityApi.useLazyRecoverSolidEntityByIdQuery;
     var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var _4 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntityById = _4[0], recoverByIdIsLoading = _4[1].isLoading;
     var menuItemId = searchParams.get("menuItemId");
     var menuItemName = searchParams.get("menuItemName");
     var actionId = searchParams.get("actionId");
@@ -191,8 +205,8 @@ export var SolidCardView = function (params) {
     var paginationReport = "".concat(paginationStart, " - ").concat(paginationEnd, " of ").concat(totalRecords);
     var canGoPrev = currentPage > 1;
     var canGoNext = currentPage < totalPages;
-    var handleRowsChange = function (event) {
-        var nextRows = Number(event.target.value);
+    var handleRowsChange = function (value) {
+        var nextRows = Number(value);
         setRows(nextRows);
         setFirst(0);
     };
@@ -259,6 +273,9 @@ export var SolidCardView = function (params) {
         setRows(Number(persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.limit) || rows);
         setRowsPerPageOptions(pageSizeOptions);
         setFirst(Number(persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.offset) || 0);
+        setShowArchived((persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.showArchived) === true ||
+            (persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.showArchived) === "true" ||
+            (persistedFilterObject === null || persistedFilterObject === void 0 ? void 0 : persistedFilterObject.showSoftDeleted) === "inclusive");
         setToPopulate(toPopulate);
         setToPopulateMedia(toPopulateMedia);
         setFilters(restoredFilter.$and.length > 0 ? restoredFilter : { $and: [] });
@@ -280,8 +297,9 @@ export var SolidCardView = function (params) {
         setCreateButtonUrl(createActionUrl);
         setEditButtonUrl(editActionUrl);
     }, [solidCardViewMetaDataResponse]);
-    useEffect(function () {
-        var fetchCards = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var loadCards = function (nextFilters) {
+        if (nextFilters === void 0) { nextFilters = filters; }
+        return __awaiter(void 0, void 0, void 0, function () {
             var queryData, data;
             var _a;
             return __generator(this, function (_b) {
@@ -295,8 +313,11 @@ export var SolidCardView = function (params) {
                             limit: rows,
                             populate: toPopulate,
                             populateMedia: toPopulateMedia,
-                            filters: filters,
+                            filters: nextFilters,
                         };
+                        if (showArchived) {
+                            queryData.showSoftDeleted = "inclusive";
+                        }
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, , 3, 4]);
@@ -312,9 +333,24 @@ export var SolidCardView = function (params) {
                     case 4: return [2 /*return*/];
                 }
             });
-        }); };
-        fetchCards();
-    }, [queryDataLoaded, first, rows, toPopulate, toPopulateMedia, filters, solidCardViewMetaDataResponse]);
+        });
+    };
+    useEffect(function () {
+        void loadCards(filters);
+    }, [filters, first, queryDataLoaded, rows, showArchived, solidCardViewMetaDataResponse, toPopulate, toPopulateMedia]);
+    useEffect(function () {
+        if (!queryDataLoaded)
+            return;
+        var persistedFilterObject = typeof window !== "undefined" ? (getFilterObjectFromLocalStorage() || {}) : {};
+        var nextPersistedFilterObject = __assign(__assign({}, persistedFilterObject), { offset: first, limit: rows, showArchived: showArchived });
+        if (showArchived) {
+            nextPersistedFilterObject.showSoftDeleted = "inclusive";
+        }
+        else {
+            delete nextPersistedFilterObject.showSoftDeleted;
+        }
+        setFilterObjectToLocalStorage(nextPersistedFilterObject);
+    }, [first, queryDataLoaded, rows, showArchived]);
     var handleApplyCustomFilter = function (filterPredicates) { return __awaiter(void 0, void 0, void 0, function () {
         var updatedFilter;
         return __generator(this, function (_a) {
@@ -333,14 +369,7 @@ export var SolidCardView = function (params) {
             }
             setFirst(0);
             setFilters(updatedFilter);
-            setFilterObjectToLocalStorage({
-                offset: 0,
-                limit: rows,
-                custom_filter_predicate: filterPredicates.custom_filter_predicate || {},
-                search_predicate: filterPredicates.search_predicate || {},
-                saved_filter_predicate: filterPredicates.saved_filter_predicate || {},
-                predefined_search_predicate: filterPredicates.predefined_search_predicate || {},
-            });
+            setFilterObjectToLocalStorage(__assign(__assign({ offset: 0, limit: rows, showArchived: showArchived }, (showArchived ? { showSoftDeleted: "inclusive" } : {})), { custom_filter_predicate: filterPredicates.custom_filter_predicate || {}, search_predicate: filterPredicates.search_predicate || {}, saved_filter_predicate: filterPredicates.saved_filter_predicate || {}, predefined_search_predicate: filterPredicates.predefined_search_predicate || {} }));
             return [2 /*return*/];
         });
     }); };
@@ -350,8 +379,45 @@ export var SolidCardView = function (params) {
             (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.clearAppliedFilters) === null || _b === void 0 ? void 0 : _b.call(_a);
             return;
         }
-        setQueryDataLoaded(function (current) { return !current; });
+        void loadCards(filters);
     };
+    var handleRecoverRecord = function (record) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        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*/, loadCards(filters)];
+                case 3:
+                    _c.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _c.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Recover Failed",
+                        detail: ((_b = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _b === void 0 ? void 0 : _b.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "Unable to recover the selected record.",
+                        life: 4000,
+                    }));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
     var toggleBothSidebars = function () {
         if (visibleNavbar) {
             dispatch(toggleNavbar());
@@ -362,8 +428,8 @@ export var SolidCardView = function (params) {
     };
     var cardViewTitle = (_b = (_a = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.displayName;
     var showEmptyState = !loading && cards.length === 0;
-    var headerRequestStatusLabel = loading || !queryDataLoaded ? "Loading..." : null;
+    var headerRequestStatusLabel = recoverByIdIsLoading ? "Recovering..." : loading || !queryDataLoaded ? "Loading..." : null;
     return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex way to  flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-card-surface flex flex-col flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-card-toolbar flex-col lg:flex-row", children: [_jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "flex gap-4 items-center w-full solid-list-toolbar-left", children: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: cardViewTitle }), _jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "card", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidCardViewMetaDataResponse, 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"))) &&
-                                                    ((_f = (_e = (_d = (_c = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () { return handleFetchUpdatedRecords(); }, "aria-label": "Refresh cards", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidCardViewConfigure, { solidCardViewMetaData: solidCardViewMetaDataResponse, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: handleFetchUpdatedRecords })] })] }), showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "card", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidCardViewMetaDataResponse, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "solid-card-view-content", children: [_jsx("div", { className: "solid-card-view-body", children: showEmptyState ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidCardViewMetaDataResponse, handleFetchUpdatedRecords: handleFetchUpdatedRecords })) : (_jsx(CardGrid, { records: cards, solidCardViewMetaData: solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data, editButtonUrl: editBaseUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox })) }), totalRecords > 0 && (_jsx("div", { className: "solid-card-view-pagination", children: _jsxs("div", { className: "solid-card-view-pagination-bar solid-table-paginator flex items-center justify-center gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2", children: [_jsx("span", { className: "solid-paginator-label", children: "Records" }), _jsx("select", { value: rows, onChange: handleRowsChange, className: "solid-paginator-select", children: rowsOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsx("span", { className: "solid-paginator-report", children: paginationReport })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: handlePrevPage, disabled: !canGoPrev, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: handleNextPage, disabled: !canGoNext, children: "Next" })] })] }) }))] })] }) }), 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 Card Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "solid-kanban-layout-dialog-body", children: _jsx(CardUserViewLayout, { solidCardViewMetaData: solidCardViewMetaDataResponse, setLayoutDialogVisible: setLayoutDialogVisible }) })] })] }));
+                                                    ((_f = (_e = (_d = (_c = solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () { return handleFetchUpdatedRecords(); }, "aria-label": "Refresh cards", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidCardViewConfigure, { solidCardViewMetaData: solidCardViewMetaDataResponse, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setShowArchived: setShowArchived, showArchived: showArchived, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: handleFetchUpdatedRecords })] })] }), showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "card", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidCardViewMetaDataResponse, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "solid-card-view-content", children: [_jsx("div", { className: "solid-card-view-body", children: showEmptyState ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidCardViewMetaDataResponse, handleFetchUpdatedRecords: handleFetchUpdatedRecords })) : (_jsx(CardGrid, { records: cards, solidCardViewMetaData: solidCardViewMetaDataResponse === null || solidCardViewMetaDataResponse === void 0 ? void 0 : solidCardViewMetaDataResponse.data, editButtonUrl: editBaseUrl, onRecover: handleRecoverRecord, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, showArchived: showArchived })) }), totalRecords > 0 && (_jsx("div", { className: "solid-card-view-pagination", children: _jsxs("div", { className: "solid-card-view-pagination-bar solid-table-paginator flex items-center justify-center gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2", children: [_jsx("span", { className: "solid-paginator-label", children: "Records" }), _jsx(SolidSelect, { value: rows, className: "solid-paginator-select", options: rowsOptions.map(function (option) { return ({ label: String(option), value: option }); }), native: false, onChange: function (event) { return handleRowsChange(Number(event.value)); } }), _jsx("span", { className: "solid-paginator-report", children: paginationReport })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: handlePrevPage, disabled: !canGoPrev, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: handleNextPage, disabled: !canGoNext, children: "Next" })] })] }) }))] })] }) }), 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 Card Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "solid-kanban-layout-dialog-body", children: _jsx(CardUserViewLayout, { solidCardViewMetaData: solidCardViewMetaDataResponse, setLayoutDialogVisible: setLayoutDialogVisible }) })] })] }));
 };
 //# sourceMappingURL=SolidCardView.js.map