@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

package/dist/components/core/list/SolidListViewConfigure.tsx

@@ -1,18 +1,10 @@
 import { useSession } from "../../../hooks/useSession";
 import { permissionExpression } from "../../../helpers/permissions";
-import Image from "../../common/Image";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
-import { Accordion, AccordionTab } from "primereact/accordion";
-import { Button } from "primereact/button";
-import { Checkbox } from "primereact/checkbox";
-import { Divider } from "primereact/divider";
-import { OverlayPanel } from "primereact/overlaypanel";
-import { RadioButton } from "primereact/radiobutton";
 import { useEffect, useRef, useState } from "react";
 import { SolidListColumnSelector } from "./SolidColumnSelector/SolidListColumnSelector";
 import { SolidExport } from "../../../components/common/SolidExport";
-import { Dialog } from "primereact/dialog";
 import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
 import { SolidListViewHeaderContextMenuButton } from "./SolidListViewHeaderContextMenuButton";
 import "../../common/solid-export.css";
@@ -20,6 +12,28 @@ import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImp
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { SolidListViewHeaderButton } from "./SolidListViewHeaderButton";
 import { capitalize } from "lodash";
+import { Cog, Download, RefreshCw, Save, SlidersHorizontal, Table, Trash2, Upload } from "lucide-react";
+import {
+    SolidDialog,
+    SolidDialogBody,
+    SolidDialogClose,
+    SolidDialogDescription,
+    SolidDialogHeader,
+    SolidDialogSeparator,
+    SolidDialogTitle,
+    SolidDropdownMenu,
+    SolidDropdownMenuCheckboxItem,
+    SolidDropdownMenuContent,
+    SolidDropdownMenuItem,
+    SolidDropdownMenuLabel,
+    SolidDropdownMenuRadioGroup,
+    SolidDropdownMenuRadioItem,
+    SolidDropdownMenuSeparator,
+    SolidDropdownMenuSub,
+    SolidDropdownMenuSubContent,
+    SolidDropdownMenuSubTrigger,
+    SolidDropdownMenuTrigger,
+} from "../../shad-cn-ui";
 
 export type ViewMode = {
     actionId: string;
@@ -53,15 +67,12 @@ export const SolidListViewConfigure = (
     // const [visible, setVisible] = useState<boolean>(false);
     const handleCustomButtonClick = useHandleListCustomButtonClick();
     const [openImportDialog, setOpenImportDialog] = useState<boolean>(false);
-    const op = useRef(null);
-    const exportRef = useRef(null);
-    const customizeLayout = useRef<OverlayPanel | null>(null);
     const pathname = usePathname();
     const router = useRouter();
     const [view, setView] = useState<string>("");
     const [exportView, setExportView] = useState<boolean>(false);
-    const [isOverlayOpen, setIsOverlayOpen] = useState(false);
-
+    const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);
+    const [showColumnSelectorDialog, setShowColumnSelectorDialog] = useState(false);
 
     const handleViewChange = (newView: ViewMode) => {
         if (view === newView.type) return; // Prevent unnecessary updates
@@ -80,26 +91,6 @@ export const SolidListViewConfigure = (
         }
     }, [])
 
-    useEffect(() => {
-        const handleClickOutside = (event: MouseEvent) => {
-            if (
-                customizeLayout.current &&
-                !customizeLayout.current.getElement()?.contains(event.target as Node)
-            ) {
-                setIsOverlayOpen(false);
-            }
-        };
-
-        if (isOverlayOpen) {
-            document.addEventListener("click", handleClickOutside);
-        } else {
-            document.removeEventListener("click", handleClickOutside);
-        }
-
-        return () => document.removeEventListener("click", handleClickOutside);
-    }, [isOverlayOpen])
-
-
     //Build a map of actionKey → boolean at the top level
     const headerActions = solidListViewLayout?.attrs ?? {};
 
@@ -149,195 +140,226 @@ export const SolidListViewConfigure = (
         window.location.reload();
     };
 
+    const visibleViewModes = Array.isArray(viewModes) ? viewModes : [];
+    const showSwitchType = visibleViewModes.length > 1;
+    const handleViewTypeChange = (nextType: string) => {
+        const nextView = visibleViewModes.find((option: ViewMode) => option.type === nextType);
+        if (nextView) {
+            handleViewChange(nextView);
+        }
+    };
+
     return (
         <div className="position-relative">
-            <Button
-                type="button"
-                size="small"
-                icon="pi pi-cog"
-                severity="secondary"
-                className="solid-icon-button"
-                outlined
-                // @ts-ignore
-                onClick={(e) => op.current.toggle(e)}
-            />
-            <Dialog header="Export" visible={exportView} headerClassName="solid-export-dialog-header" className="ExportDialog p-0 m-0" onHide={() => { if (!exportView) return; setExportView(false); }}>
-                <SolidExport listViewMetaData={listViewMetaData} filters={filters} />
-            </Dialog>
-            <OverlayPanel ref={exportRef} className="listview-export-panel">
-
-            </OverlayPanel>
-            <OverlayPanel ref={op} className="listview-cogwheel-panel">
-                {(
-                    (actionsAllowed.includes(`${permissionExpression(params.modelName, 'deleteMany')}`) &&
-                        viewData?.data?.solidView?.layout?.attrs?.delete !== false &&
-                        selectedRecords.length > 0) ||
-                    isHeaderActionEnabled('import') && actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) && actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) ||
-                    isHeaderActionEnabled('export') && actionsAllowed.includes(`${permissionExpression(params.modelName, 'findMany')}`) && actionsAllowed.includes(`${permissionExpression('exportTransaction', 'create')}`) ||
-                    isHeaderActionEnabled('customizeLayout') && actionsAllowed.includes(`${permissionExpression('userViewMetadata', 'create')}`) ||
-                    isHeaderActionEnabled('savedFilters') && actionsAllowed.includes(`${permissionExpression('savedFilters', 'create')}`) ||
-                    (solidListViewLayout?.attrs?.headerButtons
-                        ?.some((rb: any) => rb.attrs.actionInContextMenu === true)) ||
-                    viewData?.data?.solidView?.model?.enableSoftDelete
-                ) && (
+            <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>
+                <SolidDropdownMenuTrigger asChild>
+                    <button
+                        type="button"
+                        className="solid-icon-button solid-header-cog-trigger"
+                        aria-label="Open list options"
+                    >
+                        <Cog size={16} />
+                    </button>
+                </SolidDropdownMenuTrigger>
+                <SolidDropdownMenuContent className="listview-cogwheel-panel">
+                    {(
+                        (actionsAllowed.includes(`${permissionExpression(params.modelName, 'deleteMany')}`) &&
+                            viewData?.data?.solidView?.layout?.attrs?.delete !== false &&
+                            selectedRecords.length > 0) ||
+                        isHeaderActionEnabled('import') && actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) && actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) ||
+                        isHeaderActionEnabled('export') && actionsAllowed.includes(`${permissionExpression(params.modelName, 'findMany')}`) && actionsAllowed.includes(`${permissionExpression('exportTransaction', 'create')}`) ||
+                        isHeaderActionEnabled('customizeLayout') && actionsAllowed.includes(`${permissionExpression('userViewMetadata', 'create')}`) ||
+                        isHeaderActionEnabled('savedFilters') && actionsAllowed.includes(`${permissionExpression('savedFilters', 'create')}`) ||
+                        (solidListViewLayout?.attrs?.headerButtons
+                            ?.some((rb: any) => rb.attrs.actionInContextMenu === true)) ||
+                        viewData?.data?.solidView?.model?.enableSoftDelete
+                    ) && (
                         <>
-                            <div className="p-2">
-                                <div className="flex flex-column">
-                                    {actionsAllowed.includes(`${permissionExpression(params.modelName, 'deleteMany')}`) && viewData?.data?.solidView?.layout?.attrs?.delete !== false && selectedRecords.length > 0 &&
-                                        <Button
-                                            text
-                                            type="button"
-                                            className="text-left gap-2 text-base"
-                                            label="Delete"
-                                            size="small"
-                                            iconPos="left"
-                                            severity="danger"
-                                            icon={'pi pi-trash'}
-                                            onClick={() => setDialogVisible(true)}
-                                        />}
-                                    {isHeaderActionEnabled("import") && actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) && actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) && (
-                                        <Button text icon='pi pi-download' label="Import" size="small" severity="secondary" className="text-left gap-2 text-base"
-                                            onClick={() => setOpenImportDialog(true)}
-                                        />
-                                    )}
-                                    {isHeaderActionEnabled("export") && actionsAllowed.includes(`${permissionExpression(params.modelName, 'findMany')}`) && actionsAllowed.includes(`${permissionExpression('exportTransaction', 'create')}`) && (
-                                        <Button text icon='pi pi-upload' label="Export" size="small" severity="secondary" className="text-left gap-2 text-base"
-                                            // @ts-ignore
-                                            onClick={() => { setExportView((exportView) => !exportView); }} />
-                                    )}
-                                    {solidListViewLayout?.attrs?.headerButtons
-                                        ?.filter((rb: any) => rb.attrs.actionInContextMenu === true)
-                                        ?.map((button: any, index: number) => (
-                                            <SolidListViewHeaderContextMenuButton
-                                                key={index}
-                                                button={button}
-                                                params={params}
-                                                solidListViewMetaData={listViewMetaData}
-                                                handleCustomButtonClick={handleCustomButtonClick}
-                                            />
-                                        ))}
-                                    {viewData?.data?.solidView?.model?.enableSoftDelete && (
-                                        <div className="flex align-items-center px-3 gap-2 mt-2 mb-1">
-                                            <Checkbox
-                                                inputId="showArchived"
-                                                checked={showArchived}
-                                                onChange={() => setShowArchived(!showArchived)}
-                                            />
-                                            <label htmlFor="showArchived" className="ml-2 text-base solid-secondary-text-color">
-                                                Show Archived Records
-                                            </label>
-                                        </div>
-                                    )}
-                                    {showArchived && (
-                                        <Button text icon='pi pi-refresh' label="Recover" size="small" severity="secondary" className="flex lg:hidden text-left gap-2 text-base "
-                                            onClick={() => setRecoverDialogVisible(true)} />
-                                    )}
+                            {actionsAllowed.includes(`${permissionExpression(params.modelName, 'deleteMany')}`) && viewData?.data?.solidView?.layout?.attrs?.delete !== false && selectedRecords.length > 0 && (
+                                <SolidDropdownMenuItem
+                                    className="solid-header-dropdown-item solid-header-dropdown-item-danger"
+                                    onSelect={() => {
+                                        setDialogVisible(true);
+                                        setIsCogMenuOpen(false);
+                                    }}
+                                >
+                                    <Trash2 size={14} className="solid-header-action-button-icon" />
+                                    <span className="solid-header-action-button-label">Delete</span>
+                                </SolidDropdownMenuItem>
+                            )}
+                            {isHeaderActionEnabled("import") && actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) && actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) && (
+                                <SolidDropdownMenuItem
+                                    className="solid-header-dropdown-item"
+                                    onSelect={() => {
+                                        setOpenImportDialog(true);
+                                        setIsCogMenuOpen(false);
+                                    }}
+                                >
+                                    <Download size={14} className="solid-header-action-button-icon" />
+                                    <span className="solid-header-action-button-label">Import</span>
+                                </SolidDropdownMenuItem>
+                            )}
+                            {isHeaderActionEnabled("export") && actionsAllowed.includes(`${permissionExpression(params.modelName, 'findMany')}`) && actionsAllowed.includes(`${permissionExpression('exportTransaction', 'create')}`) && (
+                                <SolidDropdownMenuItem
+                                    className="solid-header-dropdown-item"
+                                    onSelect={() => {
+                                        setExportView((current) => !current);
+                                        setIsCogMenuOpen(false);
+                                    }}
+                                >
+                                    <Upload size={14} className="solid-header-action-button-icon" />
+                                    <span className="solid-header-action-button-label">Export</span>
+                                </SolidDropdownMenuItem>
+                            )}
+                            {solidListViewLayout?.attrs?.headerButtons
+                                ?.filter((rb: any) => rb.attrs.actionInContextMenu === true)
+                                ?.map((button: any, index: number) => (
+                                    <SolidListViewHeaderContextMenuButton
+                                        key={index}
+                                        button={button}
+                                        params={params}
+                                        solidListViewMetaData={listViewMetaData}
+                                        handleCustomButtonClick={handleCustomButtonClick}
+                                        onActionComplete={() => setIsCogMenuOpen(false)}
+                                    />
+                                ))}
+                            {viewData?.data?.solidView?.model?.enableSoftDelete && (
+                                <SolidDropdownMenuCheckboxItem
+                                    checked={showArchived}
+                                    onCheckedChange={() => setShowArchived(!showArchived)}
+                                >
+                                    Show Archived Records
+                                </SolidDropdownMenuCheckboxItem>
+                            )}
+                            {showArchived && (
+                                <SolidDropdownMenuItem
+                                    className="solid-header-dropdown-item lg:hidden"
+                                    onSelect={() => {
+                                        setRecoverDialogVisible(true);
+                                        setIsCogMenuOpen(false);
+                                    }}
+                                >
+                                    <RefreshCw size={14} className="solid-header-action-button-icon" />
+                                    <span className="solid-header-action-button-label">Recover</span>
+                                </SolidDropdownMenuItem>
+                            )}
 
-                                    <div className="flex flex-column lg:hidden">
-                                        {solidListViewLayout?.attrs?.headerButtons
-                                            ?.filter((rb: any) => rb.attrs.actionInContextMenu != true)
-                                            ?.map((button: any, index: number) => (
-                                                <SolidListViewHeaderButton
-                                                    key={index}
-                                                    button={button}
-                                                    params={params}
-                                                    solidListViewMetaData={listViewMetaData}
-                                                    handleCustomButtonClick={handleCustomButtonClick}
-                                                    selectedRecords={selectedRecords}
-                                                    filters={filters}
-                                                />
-                                            ))}
-                                    </div>
+                            {(
+                                isHeaderActionEnabled('customizeLayout') && actionsAllowed.includes(`${permissionExpression('userViewMetadata', 'create')}`) ||
+                                isHeaderActionEnabled('savedFilters') && actionsAllowed.includes(`${permissionExpression('savedFilters', 'create')}`) ||
+                                true
+                            ) && <SolidDropdownMenuSeparator />}
 
-                                </div>
-                            </div>
-                            <Divider className="m-0" />
+                            {isHeaderActionEnabled('customizeLayout') && actionsAllowed.includes(`${permissionExpression('userViewMetadata', 'create')}`) && (
+                                <SolidDropdownMenuSub>
+                                    <SolidDropdownMenuSubTrigger className="solid-header-dropdown-item">
+                                        <SlidersHorizontal size={14} className="solid-header-action-button-icon" />
+                                        <span className="solid-header-action-button-label">Customize Layout</span>
+                                    </SolidDropdownMenuSubTrigger>
+                                    <SolidDropdownMenuSubContent className="customize-layout-panel">
+                                        {showSwitchType && (
+                                            <>
+                                                <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>
+                                                <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewTypeChange}>
+                                                    {visibleViewModes.map((option: ViewMode) => (
+                                                        <SolidDropdownMenuRadioItem key={option.type} value={option.type}>
+                                                            {capitalize(option.type)}
+                                                        </SolidDropdownMenuRadioItem>
+                                                    ))}
+                                                </SolidDropdownMenuRadioGroup>
+                                                <SolidDropdownMenuSeparator />
+                                            </>
+                                        )}
+                                        <SolidDropdownMenuLabel>Row Spacing</SolidDropdownMenuLabel>
+                                        <SolidDropdownMenuRadioGroup value={size} onValueChange={(value: string) => setSize(value)}>
+                                            {sizeOptions.map((option: any) => (
+                                                <SolidDropdownMenuRadioItem key={option.value} value={option.value}>
+                                                    {option.label}
+                                                </SolidDropdownMenuRadioItem>
+                                            ))}
+                                        </SolidDropdownMenuRadioGroup>
+                                        <SolidDropdownMenuSeparator />
+                                        <SolidDropdownMenuItem
+                                            onSelect={() => {
+                                                setShowColumnSelectorDialog(true);
+                                                setIsCogMenuOpen(false);
+                                            }}
+                                        >
+                                            <Table size={14} className="solid-header-action-button-icon" />
+                                            <span className="solid-header-action-button-label">Column Selector</span>
+                                        </SolidDropdownMenuItem>
+                                    </SolidDropdownMenuSubContent>
+                                </SolidDropdownMenuSub>
+                            )}
+                            {isHeaderActionEnabled('savedFilters') && actionsAllowed.includes(`${permissionExpression('savedFilters', 'create')}`) && (
+                                <SolidDropdownMenuItem
+                                    className="solid-header-dropdown-item"
+                                    onSelect={() => {
+                                        setShowSaveFilterPopup(true);
+                                        setIsCogMenuOpen(false);
+                                    }}
+                                >
+                                    <Save size={14} className="solid-header-action-button-icon" />
+                                    <span className="solid-header-action-button-label">Save Custom Filter</span>
+                                </SolidDropdownMenuItem>
+                            )}
+                            <SolidDropdownMenuItem
+                                className="solid-header-dropdown-item"
+                                onSelect={() => {
+                                    clearLocalstorageCache();
+                                    setIsCogMenuOpen(false);
+                                }}
+                            >
+                                <Trash2 size={14} className="solid-header-action-button-icon" />
+                                <span className="solid-header-action-button-label">Clear cache</span>
+                            </SolidDropdownMenuItem>
                         </>
                     )}
-                <div className="p-2 relative flex flex-column gap-1">
-                    {isHeaderActionEnabled('customizeLayout') && permissionExpression('userViewMetadata', 'create') && (<Button
-                        icon='pi pi-sliders-h'
-                        label="Customize Layout"
-                        severity={isOverlayOpen ? undefined : "secondary"}
-                        size="small"
-                        text={isOverlayOpen ? false : true}
-                        className="text-left gap-2 w-full text-base"
-                        // @ts-ignore
-                        onClick={(e) => {
-                            customizeLayout.current?.toggle(e);
-                            setIsOverlayOpen((prev) => !prev); // ✅ Ensure state updates when toggled
-                        }}
-                    >
-                        <i className="pi pi-chevron-right text-sm"></i>
-                    </Button>
-                    )}
-                    {isHeaderActionEnabled('savedFilters') && permissionExpression('savedFilters', 'create') && (
-                        <Button text icon='pi pi-save' label="Save Custom Filter" size="small" severity="secondary" className="text-left gap-2 text-base" onClick={() => setShowSaveFilterPopup(true)} />
-                    )}
-                    <Button text icon='pi pi-trash' label="Clear cache" size="small" severity="secondary" className="text-left gap-2 text-base "
-                        onClick={() => clearLocalstorageCache()} />
-
-                    <OverlayPanel ref={customizeLayout} className="customize-layout-panel" style={{ minWidth: 250 }}
-                        onShow={() => setIsOverlayOpen(true)}
-                        onHide={() => {
-                            setTimeout(() => setIsOverlayOpen(false), 50); // ✅ Ensure state updates
-                        }}
-                    >
-                        <div className="solid-layout-accordion">
-                            <Accordion multiple expandIcon="pi pi-chevron-down" collapseIcon="pi pi-chevron-up" activeIndex={[2]}>
-                                {viewModes && viewModes.length > 0 &&
-                                    <AccordionTab header="Switch Type">
-                                        <div className="flex flex-column gap-1 p-1">
-                                            {viewModes.map((option: ViewMode) => (
-                                                <div key={option.type} className={`flex align-items-center ${option.type === view ? 'solid-active-view' : 'solid-view'}`}>
-                                                    <RadioButton
-                                                        inputId={option.type}
-                                                        name="views"
-                                                        value={option.type}
-                                                        // onChange={(e) => router}
-                                                        onChange={() => handleViewChange(option)}
-                                                        checked={option.type === view}
-                                                    />
-                                                    <label htmlFor={option.type} className="ml-2 flex align-items-center justify-content-between w-full">
-                                                        {capitalize(option.type)}
-                                                    </label>
-                                                </div>
-                                            ))}
-                                        </div>
-                                    </AccordionTab>
-                                }
-                                <AccordionTab header="Row Spacing">
-                                    <div className="flex flex-column gap-1 p-1flex flex-column gap-1 p-1">
-                                        {sizeOptions.map((option: any) => (
-                                            <div key={option.value} className={`flex align-items-center ${option.value === size ? 'solid-active-view' : 'solid-view'}`}>
-                                                <RadioButton
-                                                    inputId={option.value}
-                                                    name="sizes"
-                                                    value={option.value}
-                                                    onChange={(e) => setSize(e.value)}
-                                                    checked={option.value === size}
-                                                />
-                                                <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
-                                                    {option.label}
-                                                    <Image
-                                                        src={option.image}
-                                                        alt={option.value}
-                                                        fill
-                                                        className='relative row-spacing-img'
-                                                    />
-                                                </label>
-                                            </div>
-                                        ))}
-                                    </div>
-                                </AccordionTab>
-                                <AccordionTab header="Column Selector" headerClassName="pb-0">
-                                    <SolidListColumnSelector listViewMetaData={listViewMetaData} customizeLayout={customizeLayout} />
-                                </AccordionTab>
-                            </Accordion>
-                        </div>
-                    </OverlayPanel>
-                </div>
-            </OverlayPanel>
+                </SolidDropdownMenuContent>
+            </SolidDropdownMenu>
+            <SolidDialog
+                open={exportView}
+                onOpenChange={setExportView}
+                className="solid-kanban-export-dialog solid-list-export-dialog"
+                style={{ width: "min(980px, calc(100vw - 32px))" }}
+            >
+                <SolidDialogHeader className="solid-export-dialog-header">
+                    <div>
+                        <SolidDialogTitle>Export</SolidDialogTitle>
+                        <SolidDialogDescription className="solid-filter-dialog-subtitle m-0">
+                            Choose the file format, refine the field set, and save reusable export templates.
+                        </SolidDialogDescription>
+                    </div>
+                    <SolidDialogClose />
+                </SolidDialogHeader>
+                <SolidDialogSeparator />
+                <SolidDialogBody className="solid-kanban-export-dialog-body">
+                    <SolidExport listViewMetaData={listViewMetaData} filters={filters} />
+                </SolidDialogBody>
+            </SolidDialog>
+            <SolidDialog
+                open={showColumnSelectorDialog}
+                onOpenChange={setShowColumnSelectorDialog}
+                className="solid-column-selector-dialog"
+                style={{ width: "min(388px, calc(100vw - 2rem))" }}
+            >
+                <SolidDialogHeader className="solid-filter-dialog-head">
+                    <div>
+                        <SolidDialogTitle className="solid-filter-dialog-title m-0">Column Selector</SolidDialogTitle>
+                        <SolidDialogDescription className="solid-filter-dialog-subtitle m-0">
+                            Choose visible columns and reorder them for this list view.
+                        </SolidDialogDescription>
+                    </div>
+                    <SolidDialogClose className="solid-filter-dialog-close" />
+                </SolidDialogHeader>
+                <SolidDialogSeparator className="solid-filter-dialog-sep" />
+                <SolidDialogBody className="solid-filter-dialog-body">
+                    <SolidListColumnSelector
+                        listViewMetaData={listViewMetaData}
+                        onClose={() => setShowColumnSelectorDialog(false)}
+                    />
+                </SolidDialogBody>
+            </SolidDialog>
             {openImportDialog &&
                 <SolidGenericImport
                     openImportDialog={openImportDialog}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewHeaderButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderButton.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,iGAAkG,GAAG,mDA2B1I,CAAC"}
+{"version":3,"file":"SolidListViewHeaderButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,iGAAkG,GAAG,mDA4B1I,CAAC"}

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

@@ -1,16 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSession } from "../../../hooks/useSession";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
-import { Button } from "primereact/button";
+import { SquarePen } from "lucide-react";
+import { SolidButton } from "../../shad-cn-ui";
 export var SolidListViewHeaderButton = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var _b, _c, _d, _e, _f, _g, _h;
     var button = _a.button, params = _a.params, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick, selectedRecords = _a.selectedRecords, filters = _a.filters;
-    var _k = useSession(), session = _k.data, status = _k.status;
+    var _j = useSession(), session = _j.data, status = _j.status;
     var user = session === null || session === void 0 ? void 0 : session.user;
     var hasRole = !((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.roles) || ((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.roles.length) === 0 ? true : hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.roles);
     if (!hasRole)
         return null;
-    return (_jsx(Button, { type: "button", className: "text-left ".concat((_f = (_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.className) !== null && _f !== void 0 ? _f : "gap-2"), label: button.attrs.label, size: "small", iconPos: "left", icon: (_h = (_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.icon) !== null && _h !== void 0 ? _h : (_j = button === null || button === void 0 ? void 0 : button.attrs) === null || _j === void 0 ? void 0 : _j.icon, onClick: function () {
+    return (_jsx(SolidButton, { type: "button", className: "text-left ".concat((_f = (_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.className) !== null && _f !== void 0 ? _f : "gap-2"), size: "small", icon: (_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.icon, leftIcon: !((_h = button === null || button === void 0 ? void 0 : button.attrs) === null || _h === void 0 ? void 0 : _h.icon) ? _jsx(SquarePen, { size: 14 }) : undefined, onClick: function () {
             var event = {
                 params: params,
                 solidListViewMetaData: solidListViewMetaData.data,
@@ -18,6 +19,6 @@ export var SolidListViewHeaderButton = function (_a) {
                 filters: filters
             };
             handleCustomButtonClick(button.attrs, event);
-        } }));
+        }, children: button.attrs.label }));
 };
 //# sourceMappingURL=SolidListViewHeaderButton.js.map

package/dist/components/core/list/SolidListViewHeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewHeaderButton.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,EAAiG;;QAA/F,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA;IAC1H,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAElI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,oBAAa,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,mCAAI,OAAO,CAAE,EAC7D,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EACzB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,mCAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,EAChD,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;gBACjD,eAAe,EAAE,eAAe;gBAChC,OAAO,SAAA;aACV,CAAC;YACF,uBAAuB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useSession } from \"../../../hooks/useSession\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { Button } from \"primereact/button\";\n\nexport const SolidListViewHeaderButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, selectedRecords, filters }: any) => {\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n\n    if (!hasRole) return null;\n\n    return (\n        <Button\n            type=\"button\"\n            className={`text-left ${button?.attrs?.className ?? \"gap-2\"}`}\n            label={button.attrs.label}\n            size=\"small\"\n            iconPos=\"left\"\n            icon={button?.attrs?.icon ?? button?.attrs?.icon}\n            onClick={() => {\n                const event = {\n                    params,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                    selectedRecords: selectedRecords,\n                    filters\n                };\n                handleCustomButtonClick(button.attrs, event);\n            }}\n        />\n    );\n};"]}
+{"version":3,"file":"SolidListViewHeaderButton.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,EAAiG;;QAA/F,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA;IAC1H,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAElI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACH,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,oBAAa,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,mCAAI,OAAO,CAAE,EAC7D,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,EACzB,QAAQ,EAAE,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,CAAA,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,SAAS,EACpE,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;gBACjD,eAAe,EAAE,eAAe;gBAChC,OAAO,SAAA;aACV,CAAC;YACF,uBAAuB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,YAEA,MAAM,CAAC,KAAK,CAAC,KAAK,GACT,CACjB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useSession } from \"../../../hooks/useSession\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { SquarePen } from \"lucide-react\";\nimport { SolidButton } from \"../../shad-cn-ui\";\n\nexport const SolidListViewHeaderButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, selectedRecords, filters }: any) => {\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n\n    if (!hasRole) return null;\n\n    return (\n        <SolidButton\n            type=\"button\"\n            className={`text-left ${button?.attrs?.className ?? \"gap-2\"}`}\n            size=\"small\"\n            icon={button?.attrs?.icon}\n            leftIcon={!button?.attrs?.icon ? <SquarePen size={14} /> : undefined}\n            onClick={() => {\n                const event = {\n                    params,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                    selectedRecords: selectedRecords,\n                    filters\n                };\n                handleCustomButtonClick(button.attrs, event);\n            }}\n        >\n            {button.attrs.label}\n        </SolidButton>\n    );\n};\n"]}

package/dist/components/core/list/SolidListViewHeaderButton.tsx

@@ -1,6 +1,7 @@
 import { useSession } from "../../../hooks/useSession";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
-import { Button } from "primereact/button";
+import { SquarePen } from "lucide-react";
+import { SolidButton } from "../../shad-cn-ui";
 
 export const SolidListViewHeaderButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, selectedRecords, filters }: any) => {
     const { data: session, status } = useSession();
@@ -11,13 +12,12 @@ export const SolidListViewHeaderButton = ({ button, params, solidListViewMetaDat
     if (!hasRole) return null;
 
     return (
-        <Button
+        <SolidButton
             type="button"
             className={`text-left ${button?.attrs?.className ?? "gap-2"}`}
-            label={button.attrs.label}
             size="small"
-            iconPos="left"
-            icon={button?.attrs?.icon ?? button?.attrs?.icon}
+            icon={button?.attrs?.icon}
+            leftIcon={!button?.attrs?.icon ? <SquarePen size={14} /> : undefined}
             onClick={() => {
                 const event = {
                     params,
@@ -27,6 +27,8 @@ export const SolidListViewHeaderButton = ({ button, params, solidListViewMetaDat
                 };
                 handleCustomButtonClick(button.attrs, event);
             }}
-        />
+        >
+            {button.attrs.label}
+        </SolidButton>
     );
-};
+};

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.d.ts

@@ -1,2 +1,2 @@
-export declare const SolidListViewHeaderContextMenuButton: ({ button, params, solidListViewMetaData, handleCustomButtonClick }: any) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SolidListViewHeaderContextMenuButton: ({ button, params, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SolidListViewHeaderContextMenuButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewHeaderContextMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,oCAAoC,uEAAwE,GAAG,mDA2B3H,CAAC"}
+{"version":3,"file":"SolidListViewHeaderContextMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,oCAAoC,yFAA0F,GAAG,mDA2B7I,CAAC"}