@solidxai/core-ui 0.1.14 → 0.1.15-beta.0

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

@@ -3,7 +3,9 @@ import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
 import qs from "qs";
-import { useEffect, useRef, useState } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { useSession } from "../../../hooks/useSession";
+import { resolveActiveUserId, resolveSavedFilterVariables } from "../../../helpers/resolveActiveUserId";
 import { SolidLightbox } from "../../shad-cn-ui/SolidLightbox";
 import type { SolidLightboxSlide } from "../../shad-cn-ui/SolidLightbox";
 import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
@@ -35,11 +37,42 @@ import {
   SolidSelect,
 } from "../../shad-cn-ui";
 import { showToast } from "../../../redux/features/toastSlice";
+import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
+import { useHandleListCustomButtonClick } from "../../common/useHandleListCustomButtonClick";
+import { SolidListViewHeaderButton } from "../list/SolidListViewHeaderButton";
 
 type SolidCardViewParams = {
   moduleName: string;
   modelName: string;
   embeded: boolean;
+  customFilter?: any;
+};
+
+type SolidCardFilterInput = {
+  custom_filter_predicate?: any;
+  search_predicate?: any;
+  saved_filter_predicate?: any;
+  predefined_search_predicate?: any;
+};
+
+export type SolidCardViewHandle = {
+  refresh: () => void;
+  clearFilters: () => void;
+  applyFilter: (filter: SolidCardFilterInput) => void;
+  getSavedFilters: () => any[];
+  applySavedFilter: (name: string, variables?: Record<string, any>) => boolean;
+  setPagination: (nextFirst: number, nextRows: number) => void;
+  setShowArchived: (value: boolean) => void;
+  getState: () => {
+    first: number;
+    rows: number;
+    showArchived: boolean;
+    filters: any;
+    filterPredicates: any;
+    cards: any[];
+    totalRecords: number;
+    loading: boolean;
+  };
 };
 
 const DEFAULT_RECORD_SORT = ["id:desc"];
@@ -104,7 +137,9 @@ const deriveCardViewConfig = (solidCardViewMetaData: any) => {
   };
 };
 
-export const SolidCardView = (params: SolidCardViewParams) => {
+export const SolidCardView = forwardRef<SolidCardViewHandle, SolidCardViewParams>((params, ref) => {
+  const session = useSession();
+  const user = session?.data?.user;
   const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);
   const dispatch = useDispatch();
   const pathname = usePathname();
@@ -138,6 +173,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
   const [showArchived, setShowArchived] = useState(false);
   const [selectedCardForDelete, setSelectedCardForDelete] = useState<any>(null);
   const [isDeleteDialogVisible, setDeleteDialogVisible] = useState(false);
+  const handleCustomButtonClick = useHandleListCustomButtonClick();
 
   const lightboxSlides: SolidLightboxSlide[] = Array.isArray(lightboxUrls)
     ? lightboxUrls
@@ -183,6 +219,8 @@ export const SolidCardView = (params: SolidCardViewParams) => {
   );
 
   const {data: solidCardViewMetaDataResponse,isLoading: solidCardViewMetaDataIsLoading,} = useGetSolidViewLayoutQuery(cardViewMetaDataQs);
+  const visibleHeaderButtons = (solidCardViewMetaDataResponse?.data?.solidView?.layout?.attrs?.headerButtons ?? [])
+    .filter((button: any) => isButtonVisibleInCurrentEnv(button?.attrs));
 
   const editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
   const recordClickAction = resolveRecordClickAction(solidSettingsMap, {
@@ -250,7 +288,11 @@ export const SolidCardView = (params: SolidCardViewParams) => {
       restoredFilter.$and.push(persistedFilterObject.search_predicate);
     }
     if (persistedFilterObject?.saved_filter_predicate) {
-      restoredFilter.$and.push(persistedFilterObject.saved_filter_predicate);
+      restoredFilter.$and.push(resolveSavedFilterVariables(
+        persistedFilterObject.saved_filter_predicate,
+        user?.id,
+        persistedFilterObject.saved_filter_variables || {}
+      ).value);
     }
     if (persistedFilterObject?.predefined_search_predicate) {
       restoredFilter.$and.push(persistedFilterObject.predefined_search_predicate);
@@ -359,7 +401,8 @@ export const SolidCardView = (params: SolidCardViewParams) => {
       updatedFilter.$and.push(filterPredicates.search_predicate);
     }
     if (filterPredicates.saved_filter_predicate) {
-      updatedFilter.$and.push(filterPredicates.saved_filter_predicate);
+      updatedFilter.$and.push(filterPredicates.resolved_saved_filter_predicate ||
+        resolveActiveUserId(filterPredicates.saved_filter_predicate, user?.id));
     }
     if (filterPredicates.predefined_search_predicate) {
       updatedFilter.$and.push(filterPredicates.predefined_search_predicate);
@@ -376,7 +419,12 @@ export const SolidCardView = (params: SolidCardViewParams) => {
       custom_filter_predicate: filterPredicates.custom_filter_predicate || {},
       search_predicate: filterPredicates.search_predicate || {},
       saved_filter_predicate: filterPredicates.saved_filter_predicate || {},
+      saved_filter_variables: filterPredicates.saved_filter_variables || {},
+      saved_filter_id: filterPredicates.saved_filter_id || null,
+      saved_filter_system_key: filterPredicates.saved_filter_system_key || null,
+      saved_filter_name: filterPredicates.saved_filter_name || null,
       predefined_search_predicate: filterPredicates.predefined_search_predicate || {},
+      predefined_search_chip: filterPredicates.predefined_search_chip || null,
     });
   };
 
@@ -389,6 +437,46 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     await loadCards(filters);
   };
 
+  const cloneCards = () => {
+    if (typeof structuredClone === "function") return structuredClone(cards);
+    return JSON.parse(JSON.stringify(cards));
+  };
+
+  useImperativeHandle(ref, () => ({
+    refresh: () => {
+      void loadCards(filters);
+    },
+    clearFilters: () => {
+      setFirst(0);
+      setFilters(params.customFilter || { $and: [] });
+      setFilterPredicates(null);
+      solidGlobalSearchElementRef.current?.clearFilter?.();
+    },
+    applyFilter: (filter) => {
+      void handleApplyCustomFilter(filter);
+    },
+    getSavedFilters: () => solidGlobalSearchElementRef.current?.getSavedFilters?.() ?? [],
+    applySavedFilter: (name, variables) =>
+      solidGlobalSearchElementRef.current?.applySavedFilterByName?.(name, variables) ?? false,
+    setPagination: (nextFirst, nextRows) => {
+      setFirst(nextFirst);
+      setRows(nextRows);
+    },
+    setShowArchived: (value) => {
+      setShowArchived(value);
+    },
+    getState: () => ({
+      first,
+      rows,
+      showArchived,
+      filters,
+      filterPredicates,
+      cards: cloneCards(),
+      totalRecords,
+      loading,
+    }),
+  }), [first, rows, showArchived, filters, filterPredicates, cards, totalRecords, loading]);
+
   const handleRecoverRecord = async (record: any) => {
     if (!record?.id) return;
 
@@ -493,7 +581,10 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                   </div>
                 )} */}
                 {/* <p className="m-0 view-title solid-text-wrapper">{cardViewTitle}</p> */}
-                <div className={`${showGlobalSearchElement ? "flex" : "hidden lg:flex"} mt-3 lg:mt-0 w-full lg:flex lg:min-w-0`}>
+                {/* Base `hidden` must be avoided here: the consuming app's Tailwind CSS loads after this
+                    library's generated CSS, so the app's base `.hidden` would override our media-scoped
+                    `lg:flex`. Only media-scoped visibility classes are safe on this element. */}
+                <div className={`${showGlobalSearchElement ? "flex" : "max-lg:hidden lg:flex"} w-full mt-3 lg:mt-0 lg:min-w-0`}>
                   <SolidGlobalSearchElement
                     viewType="card"
                     showSaveFilterPopup={showSaveFilterPopup}
@@ -508,7 +599,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
 
               <div className="flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto">
                 <SolidHeaderRequestStatus label={headerRequestStatusLabel} />
-                <div className="flex lg:hidden">
+                <div className="solid-list-search-toggle">
                   <SolidButton
                     type="button"
                     variant="outline"
@@ -520,6 +611,22 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                   />
                 </div>
 
+                <div className="solid-header-buttons-wrapper hidden items-center lg:flex">
+                  {visibleHeaderButtons
+                    .filter((button: any) => button?.attrs?.actionInContextMenu !== true)
+                    .map((button: any, index: number) => (
+                      <SolidListViewHeaderButton
+                        key={button?.attrs?.action ?? index}
+                        button={button}
+                        params={params}
+                        solidListViewMetaData={solidCardViewMetaDataResponse}
+                        handleCustomButtonClick={handleCustomButtonClick}
+                        selectedRecords={[]}
+                        filters={filters}
+                      />
+                    ))}
+                </div>
+
                 {actionsAllowed.includes(`${permissionExpression(params.modelName, "create")}`) &&
                   solidCardViewMetaDataResponse?.data?.solidView?.layout?.attrs?.create !== false && (
                     <SolidCreateButton
@@ -550,6 +657,9 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                   setShowSaveFilterPopup={setShowSaveFilterPopup}
                   filters={filters}
                   handleRefreshView={handleFetchUpdatedRecords}
+                  params={params}
+                  headerButtons={visibleHeaderButtons}
+                  handleCustomButtonClick={handleCustomButtonClick}
                 />
               </div>
             </div>
@@ -584,6 +694,8 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                     setLightboxUrls={setLightboxUrls}
                     setOpenLightbox={setOpenLightbox}
                     showArchived={showArchived}
+                    params={params}
+                    handleCustomButtonClick={handleCustomButtonClick}
                   />
                 )}
               </div>
@@ -673,4 +785,4 @@ export const SolidCardView = (params: SolidCardViewParams) => {
       </SolidDialog>
     </div>
   );
-};
+});

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

@@ -1,2 +1,2 @@
-export declare const SolidCardViewConfigure: ({ solidCardViewMetaData, modelName, actionsAllowed, viewModes, setShowArchived, showArchived, 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, params, headerButtons, handleCustomButtonClick, }: 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":"AAuDA,eAAO,MAAM,sBAAsB,gLAWhC,GAAG,4CAyNL,CAAC"}
+{"version":3,"file":"SolidCardViewConfigure.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"AAwDA,eAAO,MAAM,sBAAsB,gOAchC,GAAG,4CAuPL,CAAC"}

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

@@ -19,6 +19,7 @@ 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, SolidDropdownMenuCheckboxItem, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuLabel, SolidDropdownMenuRadioGroup, SolidDropdownMenuRadioItem, SolidDropdownMenuSeparator, SolidDropdownMenuSub, SolidDropdownMenuSubContent, SolidDropdownMenuSubTrigger, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
+import { SolidListViewHeaderContextMenuButton } from "../list/SolidListViewHeaderContextMenuButton";
 var normalizeViewModes = function (viewModes) {
     if (viewModes === void 0) { viewModes = []; }
     return viewModes
@@ -40,14 +41,14 @@ var normalizeViewModes = function (viewModes) {
 };
 export var SolidCardViewConfigure = function (_a) {
     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 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, params = _a.params, _e = _a.headerButtons, headerButtons = _e === void 0 ? [] : _e, handleCustomButtonClick = _a.handleCustomButtonClick;
     var pathname = usePathname();
     var router = useRouter();
     var searchParams = useSearchParams();
-    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 _f = useState(""), view = _f[0], setView = _f[1];
+    var _g = useState(false), isCogMenuOpen = _g[0], setIsCogMenuOpen = _g[1];
+    var _h = useState(false), openImportDialog = _h[0], setOpenImportDialog = _h[1];
+    var _j = useState(false), exportView = _j[0], setExportView = _j[1];
     var visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);
     var showSwitchType = visibleViewModes.length > 1;
     useEffect(function () {
@@ -103,13 +104,21 @@ export var SolidCardViewConfigure = function (_a) {
     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);
+    var contextMenuHeaderButtons = headerButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true; });
+    var mobileOnlyHeaderButtons = headerButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; });
     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" })] })), canShowArchivedRecords && (_jsx(SolidDropdownMenuCheckboxItem, { className: showArchived ? "solid-archive-toggle-item-active" : undefined, checked: showArchived, icon: _jsx(SolidIcon, { name: "si-archive", className: "solid-header-action-button-icon solid-archive-toggle-icon", "aria-hidden": true }), onCheckedChange: function () { return setShowArchived(!showArchived); }, children: "Show Archived Rows" })), (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 () {
+                                }, 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" })] })), contextMenuHeaderButtons.map(function (button, index) {
+                                var _a, _b;
+                                return (_jsx(SolidListViewHeaderContextMenuButton, { button: button, params: params, solidListViewMetaData: solidCardViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: [], filters: filters, onActionComplete: function () { return setIsCogMenuOpen(false); } }, (_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.action) !== null && _b !== void 0 ? _b : index));
+                            }), _jsx("div", { className: "lg:hidden flex flex-col gap-1", children: mobileOnlyHeaderButtons.map(function (button, index) {
+                                    var _a, _b;
+                                    return (_jsx(SolidListViewHeaderContextMenuButton, { button: button, params: params, solidListViewMetaData: solidCardViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: [], filters: filters, onActionComplete: function () { return setIsCogMenuOpen(false); } }, "mobile-".concat((_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.action) !== null && _b !== void 0 ? _b : index)));
+                                }) }), canShowArchivedRecords && (_jsx(SolidDropdownMenuCheckboxItem, { className: showArchived ? "solid-archive-toggle-item-active" : undefined, checked: showArchived, icon: _jsx(SolidIcon, { name: "si-archive", className: "solid-header-action-button-icon solid-archive-toggle-icon", "aria-hidden": true }), onCheckedChange: function () { return setShowArchived(!showArchived); }, children: "Show Archived Rows" })), (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 { canExportRecords, canImportRecords, 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 = canImportRecords(actionsAllowed, modelName);\n\n  const canExport = canExportRecords(actionsAllowed, modelName);\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              className={showArchived ? \"solid-archive-toggle-item-active\" : undefined}\n              checked={showArchived}\n              icon={<SolidIcon name=\"si-archive\" className=\"solid-header-action-button-icon solid-archive-toggle-icon\" aria-hidden />}\n              onCheckedChange={() => setShowArchived(!showArchived)}\n            >\n              Show Archived Rows\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"]}
+{"version":3,"file":"SolidCardViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { canExportRecords, canImportRecords, 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\";\nimport { SolidListViewHeaderContextMenuButton } from \"../list/SolidListViewHeaderContextMenuButton\";\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  params,\n  headerButtons = [],\n  handleCustomButtonClick,\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 = canImportRecords(actionsAllowed, modelName);\n\n  const canExport = canExportRecords(actionsAllowed, modelName);\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  const contextMenuHeaderButtons = headerButtons.filter((button: any) => button?.attrs?.actionInContextMenu === true);\n  const mobileOnlyHeaderButtons = headerButtons.filter((button: any) => button?.attrs?.actionInContextMenu !== true);\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          {contextMenuHeaderButtons.map((button: any, index: number) => (\n            <SolidListViewHeaderContextMenuButton\n              key={button?.attrs?.action ?? index}\n              button={button}\n              params={params}\n              solidListViewMetaData={solidCardViewMetaData}\n              handleCustomButtonClick={handleCustomButtonClick}\n              selectedRecords={[]}\n              filters={filters}\n              onActionComplete={() => setIsCogMenuOpen(false)}\n            />\n          ))}\n\n          <div className=\"lg:hidden flex flex-col gap-1\">\n            {mobileOnlyHeaderButtons.map((button: any, index: number) => (\n              <SolidListViewHeaderContextMenuButton\n                key={`mobile-${button?.attrs?.action ?? index}`}\n                button={button}\n                params={params}\n                solidListViewMetaData={solidCardViewMetaData}\n                handleCustomButtonClick={handleCustomButtonClick}\n                selectedRecords={[]}\n                filters={filters}\n                onActionComplete={() => setIsCogMenuOpen(false)}\n              />\n            ))}\n          </div>\n\n          {canShowArchivedRecords && (\n            <SolidDropdownMenuCheckboxItem\n              className={showArchived ? \"solid-archive-toggle-item-active\" : undefined}\n              checked={showArchived}\n              icon={<SolidIcon name=\"si-archive\" className=\"solid-header-action-button-icon solid-archive-toggle-icon\" aria-hidden />}\n              onCheckedChange={() => setShowArchived(!showArchived)}\n            >\n              Show Archived Rows\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

@@ -28,6 +28,7 @@ import {
   SolidDropdownMenuTrigger,
   SolidIcon,
 } from "../../shad-cn-ui";
+import { SolidListViewHeaderContextMenuButton } from "../list/SolidListViewHeaderContextMenuButton";
 
 const normalizeViewModes = (viewModes: any[] = []) => {
   return viewModes
@@ -64,6 +65,9 @@ export const SolidCardViewConfigure = ({
   setShowSaveFilterPopup,
   filters,
   handleRefreshView,
+  params,
+  headerButtons = [],
+  handleCustomButtonClick,
 }: any) => {
   const pathname = usePathname();
   const router = useRouter();
@@ -134,6 +138,8 @@ 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);
+  const contextMenuHeaderButtons = headerButtons.filter((button: any) => button?.attrs?.actionInContextMenu === true);
+  const mobileOnlyHeaderButtons = headerButtons.filter((button: any) => button?.attrs?.actionInContextMenu !== true);
 
   return (
     <div className="position-relative">
@@ -174,6 +180,34 @@ export const SolidCardViewConfigure = ({
             </SolidDropdownMenuItem>
           )}
 
+          {contextMenuHeaderButtons.map((button: any, index: number) => (
+            <SolidListViewHeaderContextMenuButton
+              key={button?.attrs?.action ?? index}
+              button={button}
+              params={params}
+              solidListViewMetaData={solidCardViewMetaData}
+              handleCustomButtonClick={handleCustomButtonClick}
+              selectedRecords={[]}
+              filters={filters}
+              onActionComplete={() => setIsCogMenuOpen(false)}
+            />
+          ))}
+
+          <div className="lg:hidden flex flex-col gap-1">
+            {mobileOnlyHeaderButtons.map((button: any, index: number) => (
+              <SolidListViewHeaderContextMenuButton
+                key={`mobile-${button?.attrs?.action ?? index}`}
+                button={button}
+                params={params}
+                solidListViewMetaData={solidCardViewMetaData}
+                handleCustomButtonClick={handleCustomButtonClick}
+                selectedRecords={[]}
+                filters={filters}
+                onActionComplete={() => setIsCogMenuOpen(false)}
+              />
+            ))}
+          </div>
+
           {canShowArchivedRecords && (
             <SolidDropdownMenuCheckboxItem
               className={showArchived ? "solid-archive-toggle-item-active" : undefined}

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

@@ -6,11 +6,15 @@ export interface PDFViewerProps {
 /**
  * Renders a PDF using the browser's built-in PDF viewer.
  *
- * The signed URL is fetched into a blob first, which both keeps any auth on the
- * request and guarantees inline rendering regardless of the `Content-Disposition`
- * the storage provider sends back. Everything else — zoom, rotation, page
- * navigation, text search/selection, print, download — is handled natively by
- * the browser, so there is no pdf.js worker to configure or version-match.
+ * The signed URL is handed straight to the iframe instead of being fetched into a
+ * blob first. `fetch` is subject to CORS, so a blob-based viewer only works where
+ * the storage bucket explicitly allows the app's origin — which differs per
+ * environment and silently breaks on any bucket that hasn't been configured.
+ * Iframes are not subject to CORS, so this renders identically everywhere.
+ *
+ * Zoom, rotation, page navigation, text search/selection, print and download all
+ * come from the browser's native viewer, so there is no pdf.js worker to
+ * configure or version-match.
  */
 export default function PDFViewer({ url, height }: PDFViewerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PDFViewer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PDFViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,GAAG,EAAE,MAAe,EAAE,EAAE,cAAc,2CA6FzE"}
+{"version":3,"file":"PDFViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,GAAG,EAAE,MAAe,EAAE,EAAE,cAAc,2CAkCzE"}

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

@@ -1,114 +1,22 @@
-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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { SolidButton } from '../../shad-cn-ui/SolidButton';
-import { SolidIcon } from '../../shad-cn-ui/SolidIcon';
 /**
  * Renders a PDF using the browser's built-in PDF viewer.
  *
- * The signed URL is fetched into a blob first, which both keeps any auth on the
- * request and guarantees inline rendering regardless of the `Content-Disposition`
- * the storage provider sends back. Everything else — zoom, rotation, page
- * navigation, text search/selection, print, download — is handled natively by
- * the browser, so there is no pdf.js worker to configure or version-match.
+ * The signed URL is handed straight to the iframe instead of being fetched into a
+ * blob first. `fetch` is subject to CORS, so a blob-based viewer only works where
+ * the storage bucket explicitly allows the app's origin — which differs per
+ * environment and silently breaks on any bucket that hasn't been configured.
+ * Iframes are not subject to CORS, so this renders identically everywhere.
+ *
+ * Zoom, rotation, page navigation, text search/selection, print and download all
+ * come from the browser's native viewer, so there is no pdf.js worker to
+ * configure or version-match.
  */
 export default function PDFViewer(_a) {
-    var _this = this;
     var url = _a.url, _b = _a.height, height = _b === void 0 ? '70vh' : _b;
-    var _c = useState(null), blobUrl = _c[0], setBlobUrl = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
-    var _e = useState(0), reloadToken = _e[0], setReloadToken = _e[1];
-    var blobUrlRef = useRef(null);
-    useEffect(function () {
-        if (!url)
-            return;
-        var controller = new AbortController();
-        setError(null);
-        setBlobUrl(null);
-        fetch(url, { signal: controller.signal })
-            .then(function (res) { return __awaiter(_this, void 0, void 0, function () {
-            var contentType, blob, nextBlobUrl;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!res.ok)
-                            throw new Error("Request failed with ".concat(res.status));
-                        contentType = (_a = res.headers.get('content-type')) !== null && _a !== void 0 ? _a : '';
-                        if (contentType && !contentType.includes('pdf') && !contentType.includes('octet-stream')) {
-                            throw new Error("Unexpected content type: ".concat(contentType));
-                        }
-                        return [4 /*yield*/, res.blob()];
-                    case 1:
-                        blob = _b.sent();
-                        nextBlobUrl = URL.createObjectURL(blob);
-                        // Revoke the URL this one replaces so repeated previews don't leak.
-                        if (blobUrlRef.current)
-                            URL.revokeObjectURL(blobUrlRef.current);
-                        blobUrlRef.current = nextBlobUrl;
-                        setBlobUrl(nextBlobUrl);
-                        return [2 /*return*/];
-                }
-            });
-        }); })
-            .catch(function (err) {
-            if (controller.signal.aborted)
-                return;
-            console.error('PDF load error:', err);
-            setError('Failed to load PDF');
-        });
-        return function () { return controller.abort(); };
-    }, [url, reloadToken]);
-    useEffect(function () {
-        return function () {
-            if (blobUrlRef.current)
-                URL.revokeObjectURL(blobUrlRef.current);
-        };
-    }, []);
     if (!url) {
         return (_jsx("div", { className: "flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]", style: { height: height }, children: _jsx("p", { className: "text-[var(--solid-text-muted)]", children: "No PDF URL provided" }) }));
     }
-    if (error) {
-        return (_jsxs("div", { className: "flex min-h-0 flex-col items-center justify-center gap-4 rounded-lg bg-[var(--solid-danger-soft)]", style: { height: height }, children: [_jsx("p", { className: "text-[var(--solid-danger)]", children: error }), _jsx(SolidButton, { onClick: function () { return setReloadToken(function (t) { return t + 1; }); }, leftIcon: _jsx(SolidIcon, { name: "si-refresh", size: 16, "aria-hidden": true }), children: "Retry" })] }));
-    }
-    if (!blobUrl) {
-        return (_jsx("div", { className: "flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]", style: { height: height }, children: _jsx("p", { className: "text-[var(--solid-text-secondary)]", children: "Loading PDF..." }) }));
-    }
-    return (_jsx("iframe", { src: blobUrl, title: "PDF preview", className: "block min-h-0 w-full rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]", style: { height: height } }));
+    return (_jsxs("div", { className: "flex min-h-0 flex-col gap-2", style: { height: height }, children: [_jsx("iframe", { src: url, title: "PDF preview", className: "block min-h-0 w-full flex-1 rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]" }), _jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-center text-xs text-[var(--solid-text-muted)] underline", children: "Not rendering? Open in a new tab" })] }));
 }
 //# sourceMappingURL=PDFViewer.js.map