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

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

@@ -3,7 +3,7 @@ import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
 import qs from "qs";
-import { ChangeEvent, useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { SolidLightbox } from "../../shad-cn-ui/SolidLightbox";
 import type { SolidLightboxSlide } from "../../shad-cn-ui/SolidLightbox";
 import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
@@ -29,7 +29,9 @@ import {
   SolidDialogSeparator,
   SolidDialogTitle,
   SolidIcon,
+  SolidSelect,
 } from "../../shad-cn-ui";
+import { showToast } from "../../../redux/features/toastSlice";
 
 type SolidCardViewParams = {
   moduleName: string;
@@ -126,6 +128,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
   const [queryDataLoaded, setQueryDataLoaded] = useState(false);
   const [solidCardViewMetaData, setSolidCardViewMetaData] = useState<any>();
   const [triggerCheckIfPermissionExists] = useLazyCheckIfPermissionExistsQuery();
+  const [showArchived, setShowArchived] = useState(false);
 
   const lightboxSlides: SolidLightboxSlide[] = Array.isArray(lightboxUrls)
     ? lightboxUrls
@@ -145,8 +148,9 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     : [];
 
   const entityApi = createSolidEntityApi(params.modelName);
-  const { useLazyGetSolidEntitiesQuery } = entityApi;
+  const { useLazyGetSolidEntitiesQuery, useLazyRecoverSolidEntityByIdQuery } = entityApi;
   const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+  const [triggerRecoverSolidEntityById, { isLoading: recoverByIdIsLoading }] = useLazyRecoverSolidEntityByIdQuery();
 
   const menuItemId = searchParams.get("menuItemId");
   const menuItemName = searchParams.get("menuItemName");
@@ -180,8 +184,8 @@ export const SolidCardView = (params: SolidCardViewParams) => {
   const canGoPrev = currentPage > 1;
   const canGoNext = currentPage < totalPages;
 
-  const handleRowsChange = (event: ChangeEvent<HTMLSelectElement>) => {
-    const nextRows = Number(event.target.value);
+  const handleRowsChange = (value: number) => {
+    const nextRows = Number(value);
     setRows(nextRows);
     setFirst(0);
   };
@@ -247,6 +251,11 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     setRows(Number(persistedFilterObject?.limit) || rows);
     setRowsPerPageOptions(pageSizeOptions);
     setFirst(Number(persistedFilterObject?.offset) || 0);
+    setShowArchived(
+      persistedFilterObject?.showArchived === true ||
+      persistedFilterObject?.showArchived === "true" ||
+      persistedFilterObject?.showSoftDeleted === "inclusive"
+    );
     setToPopulate(toPopulate);
     setToPopulateMedia(toPopulateMedia);
     setFilters(restoredFilter.$and.length > 0 ? restoredFilter : { $and: [] });
@@ -272,34 +281,57 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     setEditButtonUrl(editActionUrl);
   }, [solidCardViewMetaDataResponse]);
 
+  const loadCards = async (nextFilters = filters) => {
+    if (!queryDataLoaded || !solidCardViewMetaDataResponse) return;
+
+    setLoading(true);
+
+    const queryData: any = {
+      offset: first,
+      limit: rows,
+      populate: toPopulate,
+      populateMedia: toPopulateMedia,
+      filters: nextFilters,
+    };
+    if (showArchived) {
+      queryData.showSoftDeleted = "inclusive";
+    }
+
+    try {
+      const data: any = await triggerGetSolidEntities(
+        qs.stringify(queryData, { encodeValuesOnly: true })
+      ).unwrap();
+
+      setCards(data?.records || []);
+      setTotalRecords(data?.meta?.totalRecords || 0);
+    } finally {
+      setLoading(false);
+    }
+  };
+
   useEffect(() => {
-    const fetchCards = async () => {
-      if (!queryDataLoaded || !solidCardViewMetaDataResponse) return;
-
-      setLoading(true);
-
-      const queryData = {
-        offset: first,
-        limit: rows,
-        populate: toPopulate,
-        populateMedia: toPopulateMedia,
-        filters,
-      };
-
-      try {
-        const data: any = await triggerGetSolidEntities(
-          qs.stringify(queryData, { encodeValuesOnly: true })
-        ).unwrap();
-
-        setCards(data?.records || []);
-        setTotalRecords(data?.meta?.totalRecords || 0);
-      } finally {
-        setLoading(false);
-      }
+    void loadCards(filters);
+  }, [filters, first, queryDataLoaded, rows, showArchived, solidCardViewMetaDataResponse, toPopulate, toPopulateMedia]);
+
+  useEffect(() => {
+    if (!queryDataLoaded) return;
+
+    const persistedFilterObject = typeof window !== "undefined" ? (getFilterObjectFromLocalStorage() || {}) : {};
+    const nextPersistedFilterObject: Record<string, any> = {
+      ...persistedFilterObject,
+      offset: first,
+      limit: rows,
+      showArchived,
     };
 
-    fetchCards();
-  }, [queryDataLoaded, first, rows, toPopulate, toPopulateMedia, filters, solidCardViewMetaDataResponse]);
+    if (showArchived) {
+      nextPersistedFilterObject.showSoftDeleted = "inclusive";
+    } else {
+      delete nextPersistedFilterObject.showSoftDeleted;
+    }
+
+    setFilterObjectToLocalStorage(nextPersistedFilterObject);
+  }, [first, queryDataLoaded, rows, showArchived]);
 
   const handleApplyCustomFilter = async (filterPredicates: any) => {
     const updatedFilter = { $and: [] as any[] };
@@ -322,6 +354,8 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     setFilterObjectToLocalStorage({
       offset: 0,
       limit: rows,
+      showArchived,
+      ...(showArchived ? { showSoftDeleted: "inclusive" } : {}),
       custom_filter_predicate: filterPredicates.custom_filter_predicate || {},
       search_predicate: filterPredicates.search_predicate || {},
       saved_filter_predicate: filterPredicates.saved_filter_predicate || {},
@@ -335,7 +369,29 @@ export const SolidCardView = (params: SolidCardViewParams) => {
       return;
     }
 
-    setQueryDataLoaded((current) => !current);
+    void loadCards(filters);
+  };
+
+  const handleRecoverRecord = async (record: any) => {
+    if (!record?.id) return;
+
+    try {
+      const response: any = await triggerRecoverSolidEntityById(record.id).unwrap();
+      dispatch(showToast({
+        severity: "success",
+        summary: "Success",
+        detail: response?.data?.message || "Record recovered successfully.",
+        life: 3000,
+      }));
+      await loadCards(filters);
+    } catch (error: any) {
+      dispatch(showToast({
+        severity: "error",
+        summary: "Recover Failed",
+        detail: error?.data?.message || error?.message || "Unable to recover the selected record.",
+        life: 4000,
+      }));
+    }
   };
 
   const toggleBothSidebars = () => {
@@ -348,7 +404,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
 
   const cardViewTitle = solidCardViewMetaDataResponse?.data?.solidView?.displayName;
   const showEmptyState = !loading && cards.length === 0;
-  const headerRequestStatusLabel = loading || !queryDataLoaded ? "Loading..." : null;
+  const headerRequestStatusLabel = recoverByIdIsLoading ? "Recovering..." : loading || !queryDataLoaded ? "Loading..." : null;
 
   return (
     <div className="page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden">
@@ -413,6 +469,8 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                   modelName={params.modelName}
                   actionsAllowed={actionsAllowed}
                   viewModes={viewModes}
+                  setShowArchived={setShowArchived}
+                  showArchived={showArchived}
                   setLayoutDialogVisible={setLayoutDialogVisible}
                   setShowSaveFilterPopup={setShowSaveFilterPopup}
                   filters={filters}
@@ -451,8 +509,10 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                   records={cards}
                   solidCardViewMetaData={solidCardViewMetaDataResponse?.data}
                   editButtonUrl={editBaseUrl}
+                  onRecover={handleRecoverRecord}
                   setLightboxUrls={setLightboxUrls}
                   setOpenLightbox={setOpenLightbox}
+                  showArchived={showArchived}
                 />
               )}
             </div>
@@ -462,17 +522,13 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                 <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">
                   <div className="solid-paginator-meta flex items-center gap-2">
                     <span className="solid-paginator-label">Records</span>
-                    <select
+                    <SolidSelect
                       value={rows}
-                      onChange={handleRowsChange}
                       className="solid-paginator-select"
-                    >
-                      {rowsOptions.map((option) => (
-                        <option key={option} value={option}>
-                          {option}
-                        </option>
-                      ))}
-                    </select>
+                      options={rowsOptions.map((option) => ({ label: String(option), value: option }))}
+                      native={false}
+                      onChange={(event) => handleRowsChange(Number(event.value))}
+                    />
                     <span className="solid-paginator-report">{paginationReport}</span>
                   </div>
                   <div className="solid-paginator-actions flex items-center gap-2">

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SolidCardViewConfigure.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"AAsDA,eAAO,MAAM,sBAAsB,iJAShC,GAAG,4CAmNL,CAAC"}
+{"version":3,"file":"SolidCardViewConfigure.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"AAuDA,eAAO,MAAM,sBAAsB,gLAWhC,GAAG,4CA6NL,CAAC"}

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

@@ -18,7 +18,7 @@ import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersiste
 import { useEffect, useState } from "react";
 import { SolidExport } from "../../../components/common/SolidExport";
 import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
-import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuLabel, SolidDropdownMenuRadioGroup, SolidDropdownMenuRadioItem, SolidDropdownMenuSeparator, SolidDropdownMenuSub, SolidDropdownMenuSubContent, SolidDropdownMenuSubTrigger, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuCheckboxItem, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuLabel, SolidDropdownMenuRadioGroup, SolidDropdownMenuRadioItem, SolidDropdownMenuSeparator, SolidDropdownMenuSub, SolidDropdownMenuSubContent, SolidDropdownMenuSubTrigger, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var normalizeViewModes = function (viewModes) {
     if (viewModes === void 0) { viewModes = []; }
     return viewModes
@@ -39,14 +39,15 @@ var normalizeViewModes = function (viewModes) {
         .filter(Boolean);
 };
 export var SolidCardViewConfigure = function (_a) {
-    var solidCardViewMetaData = _a.solidCardViewMetaData, modelName = _a.modelName, actionsAllowed = _a.actionsAllowed, viewModes = _a.viewModes, setLayoutDialogVisible = _a.setLayoutDialogVisible, setShowSaveFilterPopup = _a.setShowSaveFilterPopup, filters = _a.filters, handleRefreshView = _a.handleRefreshView;
+    var _b, _c, _d;
+    var solidCardViewMetaData = _a.solidCardViewMetaData, modelName = _a.modelName, actionsAllowed = _a.actionsAllowed, viewModes = _a.viewModes, setShowArchived = _a.setShowArchived, showArchived = _a.showArchived, setLayoutDialogVisible = _a.setLayoutDialogVisible, setShowSaveFilterPopup = _a.setShowSaveFilterPopup, filters = _a.filters, handleRefreshView = _a.handleRefreshView;
     var pathname = usePathname();
     var router = useRouter();
     var searchParams = useSearchParams();
-    var _b = useState(""), view = _b[0], setView = _b[1];
-    var _c = useState(false), isCogMenuOpen = _c[0], setIsCogMenuOpen = _c[1];
-    var _d = useState(false), openImportDialog = _d[0], setOpenImportDialog = _d[1];
-    var _e = useState(false), exportView = _e[0], setExportView = _e[1];
+    var _e = useState(""), view = _e[0], setView = _e[1];
+    var _f = useState(false), isCogMenuOpen = _f[0], setIsCogMenuOpen = _f[1];
+    var _g = useState(false), openImportDialog = _g[0], setOpenImportDialog = _g[1];
+    var _h = useState(false), exportView = _h[0], setExportView = _h[1];
     var visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);
     var showSwitchType = visibleViewModes.length > 1;
     useEffect(function () {
@@ -105,13 +106,14 @@ export var SolidCardViewConfigure = function (_a) {
         actionsAllowed.includes("".concat(permissionExpression("exportTransaction", "create")));
     var canCustomizeLayout = actionsAllowed.includes("".concat(permissionExpression("userViewMetadata", "create")));
     var canSaveCustomFilter = actionsAllowed.includes("".concat(permissionExpression("savedFilters", "create")));
+    var canShowArchivedRecords = Boolean((_d = (_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.enableSoftDelete);
     return (_jsxs("div", { className: "position-relative", children: [_jsxs(SolidDropdownMenu, { open: isCogMenuOpen, onOpenChange: setIsCogMenuOpen, children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-icon-button solid-header-cog-trigger", "aria-label": "Open card options", children: _jsx(SolidIcon, { name: "si-cog", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "listview-cogwheel-panel", children: [canImport && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
                                     setOpenImportDialog(true);
                                     setIsCogMenuOpen(false);
                                 }, children: [_jsx(SolidIcon, { name: "si-download", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Import" })] })), canExport && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
                                     setExportView(true);
                                     setIsCogMenuOpen(false);
-                                }, children: [_jsx(SolidIcon, { name: "si-upload", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Export" })] })), (canCustomizeLayout || canSaveCustomFilter) && _jsx(SolidDropdownMenuSeparator, {}), canCustomizeLayout && (_jsxs(SolidDropdownMenuSub, { children: [_jsxs(SolidDropdownMenuSubTrigger, { className: "solid-header-dropdown-item", children: [_jsx(SolidIcon, { name: "si-sliders-h", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout" })] }), _jsxs(SolidDropdownMenuSubContent, { className: "customize-layout-panel", children: [showSwitchType && (_jsxs(_Fragment, { children: [_jsx(SolidDropdownMenuLabel, { children: "Switch Type" }), _jsx(SolidDropdownMenuRadioGroup, { value: view, onValueChange: handleViewChange, children: visibleViewModes.map(function (option) { return (_jsx(SolidDropdownMenuRadioItem, { value: option.type, children: option.label }, option.type)); }) }), _jsx(SolidDropdownMenuSeparator, {})] })), _jsxs(SolidDropdownMenuItem, { onSelect: function () {
+                                }, children: [_jsx(SolidIcon, { name: "si-upload", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Export" })] })), canShowArchivedRecords && (_jsx(SolidDropdownMenuCheckboxItem, { checked: showArchived, onCheckedChange: function () { return setShowArchived(!showArchived); }, children: "Show Archived Records" })), (canCustomizeLayout || canSaveCustomFilter || canShowArchivedRecords) && _jsx(SolidDropdownMenuSeparator, {}), canCustomizeLayout && (_jsxs(SolidDropdownMenuSub, { children: [_jsxs(SolidDropdownMenuSubTrigger, { className: "solid-header-dropdown-item", children: [_jsx(SolidIcon, { name: "si-sliders-h", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout" })] }), _jsxs(SolidDropdownMenuSubContent, { className: "customize-layout-panel", children: [showSwitchType && (_jsxs(_Fragment, { children: [_jsx(SolidDropdownMenuLabel, { children: "Switch Type" }), _jsx(SolidDropdownMenuRadioGroup, { value: view, onValueChange: handleViewChange, children: visibleViewModes.map(function (option) { return (_jsx(SolidDropdownMenuRadioItem, { value: option.type, children: option.label }, option.type)); }) }), _jsx(SolidDropdownMenuSeparator, {})] })), _jsxs(SolidDropdownMenuItem, { onSelect: function () {
                                                     setLayoutDialogVisible(true);
                                                     setIsCogMenuOpen(false);
                                                 }, children: [_jsx(SolidIcon, { name: "si-code", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout Editor" })] })] })] })), canSaveCustomFilter && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {

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

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

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

@@ -15,6 +15,7 @@ import {
   SolidDialogSeparator,
   SolidDialogTitle,
   SolidDropdownMenu,
+  SolidDropdownMenuCheckboxItem,
   SolidDropdownMenuContent,
   SolidDropdownMenuItem,
   SolidDropdownMenuLabel,
@@ -57,6 +58,8 @@ export const SolidCardViewConfigure = ({
   modelName,
   actionsAllowed,
   viewModes,
+  setShowArchived,
+  showArchived,
   setLayoutDialogVisible,
   setShowSaveFilterPopup,
   filters,
@@ -136,6 +139,7 @@ export const SolidCardViewConfigure = ({
 
   const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression("userViewMetadata", "create")}`);
   const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression("savedFilters", "create")}`);
+  const canShowArchivedRecords = Boolean(solidCardViewMetaData?.data?.solidView?.model?.enableSoftDelete);
 
   return (
     <div className="position-relative">
@@ -176,7 +180,16 @@ export const SolidCardViewConfigure = ({
             </SolidDropdownMenuItem>
           )}
 
-          {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}
+          {canShowArchivedRecords && (
+            <SolidDropdownMenuCheckboxItem
+              checked={showArchived}
+              onCheckedChange={() => setShowArchived(!showArchived)}
+            >
+              Show Archived Records
+            </SolidDropdownMenuCheckboxItem>
+          )}
+
+          {(canCustomizeLayout || canSaveCustomFilter || canShowArchivedRecords) && <SolidDropdownMenuSeparator />}
 
           {canCustomizeLayout && (
             <SolidDropdownMenuSub>

package/dist/components/core/common/LoadDynamicJsxComponent.d.ts

@@ -0,0 +1,2 @@
+export declare const LoadDynamicJsxComponent: ({ context }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadDynamicJsxComponent.d.ts.map

package/dist/components/core/common/LoadDynamicJsxComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadDynamicJsxComponent.d.ts","sourceRoot":"./","sources":["components/core/common/LoadDynamicJsxComponent.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,uBAAuB,gBAAiB,GAAG,4CAoDvD,CAAA"}

package/dist/components/core/common/LoadDynamicJsxComponent.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import dynamic from "next/dynamic";
+import { useState, useEffect } from "react";
+// Fallback component for missing components
+const FallbackComponent = ({ componentName }) => (_jsxs("div", { style: { color: "red" }, children: ["Could not load ", _jsx("strong", { children: componentName })] }));
+export const LoadDynamicJsxComponent = ({ context }) => {
+    // const Component = dynamic<Props>(
+    //     async () => {
+    //         try {
+    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();
+    //             const mod = await import();
+    //             // Return the default export or a named export matching the componentName
+    //             return mod.default || mod[componentName];
+    //         } catch (error) {
+    //             console.error(`Failed to load component "${context?.rowAction?.action?.customComponent}":`, error);
+    //             // Return a fallback component if the import fails
+    //             return () => <GenerateModelCodeRowAction context={context} />;
+    //         }
+    //     },
+    //     { ssr: false } // Disable server-side rendering
+    // );
+    const [Component, setComponent] = useState(null);
+    const componentPath = context?.rowAction?.action?.customComponent;
+    const componentKey = componentPath?.split("/")?.pop();
+    const componentMap = {
+        "GenerateModelCodeRowAction": dynamic(() => import("../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction"), { ssr: false }),
+        "GenerateModuleCodeRowAction": dynamic(() => import("../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction"), { ssr: false }),
+    };
+    useEffect(() => {
+        if (!componentKey)
+            return;
+        if (componentMap[componentKey]) {
+            setComponent(() => () => setComponent(() => componentMap[componentKey]));
+        }
+        else {
+            import(componentPath)
+                .then((mod) => setComponent(() => mod.default || mod))
+                .catch((err) => {
+                console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);
+                setComponent(() => () => _jsx(FallbackComponent, { componentName: componentKey }));
+            });
+        }
+    }, [componentKey]);
+    if (!Component)
+        return _jsx("p", { children: "Loading..." });
+    return _jsx(Component, { context: context });
+};
+//# sourceMappingURL=LoadDynamicJsxComponent.js.map

package/dist/components/core/common/LoadDynamicJsxComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadDynamicJsxComponent.js","sourceRoot":"./","sources":["components/core/common/LoadDynamicJsxComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,4CAA4C;AAC5C,MAAM,iBAAiB,GAAG,CAAC,EAAE,aAAa,EAAO,EAAE,EAAE,CAAC,CAClD,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,gCACT,2BAAS,aAAa,GAAU,IAC7C,CACT,CAAC;AAMF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,OAAO,EAAO,EAAE,EAAE;IAGxD,oCAAoC;IACpC,oBAAoB;IACpB,gBAAgB;IAEhB,kGAAkG;IAClG,0CAA0C;IAC1C,wFAAwF;IACxF,wDAAwD;IACxD,4BAA4B;IAC5B,kHAAkH;IAClH,iEAAiE;IACjE,6EAA6E;IAC7E,YAAY;IACZ,SAAS;IACT,sDAAsD;IACtD,KAAK;IACL,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,CAAC;IAClE,MAAM,YAAY,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC;IAEtD,MAAM,YAAY,GAAwB;QACtC,4BAA4B,EAAE,OAAO,CACnC,GAAG,EAAE,CAAC,MAAM,CAAC,uEAAuE,CAAC,EACrF,EAAE,GAAG,EAAE,KAAK,EAAE,CACf;QACD,6BAA6B,EAAE,OAAO,CAClC,GAAG,EAAE,CAAC,MAAM,CAAC,yEAAyE,CAAC,EACvF,EAAE,GAAG,EAAE,KAAK,EAAE,CACjB;KACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,YAAY,CAAC,YAAY,CAAC,EAAE;YAC5B,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SAC5E;aAAM;YACP,MAAM,CAAC,aAAa,CAAC;iBAChB,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC;iBACrD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBACf,OAAO,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,iBAAiB,IAAI,aAAa,GAAG,EAAE,GAAG,CAAC,CAAC;gBAC7E,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,aAAa,EAAE,YAAY,GAAI,CAAC,CAAC;YAC7E,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,CAAC,SAAS;QAAE,OAAO,qCAAiB,CAAC;IAEzC,OAAO,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3C,CAAC,CAAA","sourcesContent":["'use client';\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport dynamic from \"next/dynamic\";\nimport { useState, useEffect } from \"react\";\n// Fallback component for missing components\nconst FallbackComponent = ({ componentName }: any) => (\n    <div style={{ color: \"red\" }}>\n        Could not load <strong>{componentName}</strong>\n    </div>\n);\n\ntype Props = {\n    context: any;\n};\n\nexport const LoadDynamicJsxComponent = ({ context }: any) => {\n\n    \n    // const Component = dynamic<Props>(\n    //     async () => {\n    //         try {\n               \n    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();\n    //             const mod = await import();\n    //             // Return the default export or a named export matching the componentName\n    //             return mod.default || mod[componentName];\n    //         } catch (error) {\n    //             console.error(`Failed to load component \"${context?.rowAction?.action?.customComponent}\":`, error);\n    //             // Return a fallback component if the import fails\n    //             return () => <GenerateModelCodeRowAction context={context} />;\n    //         }\n    //     },\n    //     { ssr: false } // Disable server-side rendering\n    // );\n    const [Component, setComponent] = useState<any>(null);\n    const componentPath = context?.rowAction?.action?.customComponent;\n    const componentKey = componentPath?.split(\"/\")?.pop();\n\n    const componentMap: Record<string, any> = {\n        \"GenerateModelCodeRowAction\": dynamic(\n          () => import(\"../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction\"),\n          { ssr: false }\n        ),\n        \"GenerateModuleCodeRowAction\": dynamic(\n            () => import(\"../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction\"),\n            { ssr: false }\n        ),\n    };\n\n    useEffect(() => {\n        if (!componentKey) return;\n\n        if (componentMap[componentKey]) {\n            setComponent(() => () => setComponent(() => componentMap[componentKey]));\n        } else {\n        import(componentPath)\n            .then((mod) => setComponent(() => mod.default || mod))\n            .catch((err) => {\n            console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);\n            setComponent(() => () => <FallbackComponent componentName={componentKey} />);\n            });\n        }\n    }, [componentKey]);\n\n    if (!Component) return <p>Loading...</p>;\n\n    return <Component context={context} />;\n}\n\n\n"]}

package/dist/components/core/common/LoadDynamicJsxComponent.tsx

@@ -0,0 +1,70 @@
+'use client';
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import dynamic from "next/dynamic";
+import { useState, useEffect } from "react";
+// Fallback component for missing components
+const FallbackComponent = ({ componentName }: any) => (
+    <div style={{ color: "red" }}>
+        Could not load <strong>{componentName}</strong>
+    </div>
+);
+
+type Props = {
+    context: any;
+};
+
+export const LoadDynamicJsxComponent = ({ context }: any) => {
+
+    
+    // const Component = dynamic<Props>(
+    //     async () => {
+    //         try {
+               
+    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();
+    //             const mod = await import();
+    //             // Return the default export or a named export matching the componentName
+    //             return mod.default || mod[componentName];
+    //         } catch (error) {
+    //             console.error(`Failed to load component "${context?.rowAction?.action?.customComponent}":`, error);
+    //             // Return a fallback component if the import fails
+    //             return () => <GenerateModelCodeRowAction context={context} />;
+    //         }
+    //     },
+    //     { ssr: false } // Disable server-side rendering
+    // );
+    const [Component, setComponent] = useState<any>(null);
+    const componentPath = context?.rowAction?.action?.customComponent;
+    const componentKey = componentPath?.split("/")?.pop();
+
+    const componentMap: Record<string, any> = {
+        "GenerateModelCodeRowAction": dynamic(
+          () => import("../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction"),
+          { ssr: false }
+        ),
+        "GenerateModuleCodeRowAction": dynamic(
+            () => import("../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction"),
+            { ssr: false }
+        ),
+    };
+
+    useEffect(() => {
+        if (!componentKey) return;
+
+        if (componentMap[componentKey]) {
+            setComponent(() => () => setComponent(() => componentMap[componentKey]));
+        } else {
+        import(componentPath)
+            .then((mod) => setComponent(() => mod.default || mod))
+            .catch((err) => {
+            console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);
+            setComponent(() => () => <FallbackComponent componentName={componentKey} />);
+            });
+        }
+    }, [componentKey]);
+
+    if (!Component) return <p>Loading...</p>;
+
+    return <Component context={context} />;
+}
+
+

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidImportWrapper: ({ setImportStep, listViewMetaData, setOpenImportDialog, handleFetchUpdatedRecords }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidImportWrapper.d.ts.map

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidImportWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportWrapper.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,wFAAyF,GAAG,4CAuB1H,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SolidImportDropzone } from './SolidImportDropzone';
+import { SolidImportTransaction } from './SolidImportTransaction';
+export var SolidImportWrapper = function (_a) {
+    var _b, _c, _d;
+    var setImportStep = _a.setImportStep, listViewMetaData = _a.listViewMetaData, setOpenImportDialog = _a.setOpenImportDialog, handleFetchUpdatedRecords = _a.handleFetchUpdatedRecords;
+    var _e = useState(false), importTransactionContext = _e[0], setImportTransactionContext = _e[1];
+    var _f = useState(null), transactionId = _f[0], setTransactionId = _f[1];
+    var modelMetadataId = (_d = (_c = (_b = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.id;
+    return (_jsx("div", { children: !importTransactionContext ?
+            _jsx(SolidImportDropzone, { setImportStep: setImportStep, setImportTransactionContext: setImportTransactionContext, setTransactionId: setTransactionId, modelMetadataId: modelMetadataId })
+            :
+                _jsx(SolidImportTransaction, { transactionId: transactionId, setImportTransactionContext: setImportTransactionContext, setOpenImportDialog: setOpenImportDialog, handleFetchUpdatedRecords: handleFetchUpdatedRecords }) }));
+};
+//# sourceMappingURL=SolidImportWrapper.js.map

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidImportWrapper.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportWrapper.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAAwF;;QAAtF,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,mBAAmB,yBAAA,EAAE,yBAAyB,+BAAA;IAC1G,IAAA,KAA0D,QAAQ,CAAC,KAAK,CAAC,EAAxE,wBAAwB,QAAA,EAAE,2BAA2B,QAAmB,CAAC;IAC1E,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACzD,IAAM,eAAe,GAAG,MAAA,MAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,EAAE,CAAC;IACrE,OAAO,CACH,wBACK,CAAC,wBAAwB,CAAC,CAAC;YACxB,KAAC,mBAAmB,IAChB,aAAa,EAAE,aAAa,EAC5B,2BAA2B,EAAE,2BAA2B,EACxD,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAClC;YACF,CAAC;gBACD,KAAC,sBAAsB,IACnB,aAAa,EAAE,aAAa,EAC5B,2BAA2B,EAAE,2BAA2B,EACxD,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,yBAAyB,GACtD,GAEJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport React, { useState } from 'react'\nimport { SolidImportDropzone } from './SolidImportDropzone'\nimport { SolidImportTransaction } from './SolidImportTransaction'\n\nexport const SolidImportWrapper = ({ setImportStep, listViewMetaData, setOpenImportDialog, handleFetchUpdatedRecords }: any) => {\n    const [importTransactionContext, setImportTransactionContext] = useState(false);\n    const [transactionId, setTransactionId] = useState(null);\n    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;\n    return (\n        <div>\n            {!importTransactionContext ?\n                <SolidImportDropzone\n                    setImportStep={setImportStep}\n                    setImportTransactionContext={setImportTransactionContext}\n                    setTransactionId={setTransactionId}\n                    modelMetadataId={modelMetadataId}\n                />\n                :\n                <SolidImportTransaction\n                    transactionId={transactionId}\n                    setImportTransactionContext={setImportTransactionContext}\n                    setOpenImportDialog={setOpenImportDialog}\n                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n                />\n            }\n        </div>\n    )\n}"]}