@solidxai/core-ui 0.0.1

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

@@ -0,0 +1,342 @@
+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";
+import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { SolidListViewHeaderButton } from "./SolidListViewHeaderButton";
+
+export const SolidListViewConfigure = (
+    { listViewMetaData,
+        solidListViewLayout,
+        setShowArchived,
+        showArchived,
+        viewData,
+        sizeOptions,
+        setSize,
+        size,
+        viewModes,
+        params,
+        actionsAllowed,
+        selectedRecords,
+        setDialogVisible,
+        setShowSaveFilterPopup,
+        filters,
+        handleFetchUpdatedRecords,
+        setRecoverDialogVisible,
+
+    }:
+        any) => {
+    // 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 handleViewChange = (newView: string) => {
+        if (view === newView) return; // Prevent unnecessary updates
+        const pathSegments = pathname.split('/').filter(Boolean);
+        pathSegments[pathSegments.length - 1] = newView; // Replace the last part with new view
+        const newPath = '/' + pathSegments.join('/');
+        router.push(newPath);
+    };
+
+    useEffect(() => {
+        if (typeof pathname === 'string') {
+            const pathSegments = pathname.split('/').filter(Boolean);
+            if (pathSegments.length > 0) {
+                setView(pathSegments[pathSegments.length - 1]);
+            }
+        }
+    }, [])
+
+    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 ?? {};
+
+    const normalizeAction = (value: boolean | string[]) => {
+        if (value === true) return { enabled: true, roles: [] };
+        if (value === false) return { enabled: false, roles: [] };
+        if (Array.isArray(value)) return { enabled: true, roles: value };
+        return { enabled: true, roles: [] }; // default
+    };
+    const normalized = {
+        import: normalizeAction(headerActions.import),
+        export: normalizeAction(headerActions.export),
+        customizeLayout: normalizeAction(headerActions.customizeLayout),
+        savedFilters: normalizeAction(headerActions.savedFilters),
+    };
+
+    // Role checks
+    const { data: session, status } = useSession();
+    const user = session?.user;
+    const useRoleCheck = (roles: string[]) => hasAnyRole(user?.roles, roles);
+
+    // Map of action → roleCheck
+    const roleCheckMap = {
+        import: useRoleCheck(normalized.import.roles),
+        export: useRoleCheck(normalized.export.roles),
+        customizeLayout: useRoleCheck(normalized.customizeLayout.roles),
+        savedFilters: useRoleCheck(normalized.savedFilters.roles),
+    };
+
+    const isHeaderActionEnabled = (action: keyof typeof normalized) => {
+        const { enabled, roles } = normalized[action];
+
+        // 1. If explicitly disabled
+        if (!enabled) return false;
+
+        // 2. If roles list exists → must have at least one
+        if (roles.length > 0) {
+            return roleCheckMap[action] === true;
+        }
+        // 3. No restrictions → enabled
+        return true;
+    };
+
+    const clearLocalstorageCache = () => {
+        const currentPageUrl = window.location.pathname; // Get the current page URL
+        localStorage.removeItem(currentPageUrl); // Remove from local storage with the URL as the key
+        window.location.reload();
+    };
+
+    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
+                ) && (
+                        <>
+                            <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)} />
+                                    )}
+
+                                    <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>
+
+                                </div>
+                            </div>
+                            <Divider className="m-0" />
+                        </>
+                    )}
+                <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: any) => (
+                                                <div key={option.value} className={`flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`}>
+                                                    <RadioButton
+                                                        inputId={option.value}
+                                                        name="views"
+                                                        value={option.value}
+                                                        // onChange={(e) => router}
+                                                        onChange={() => handleViewChange(option.value)}
+                                                        checked={option.value === view}
+                                                    />
+                                                    <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
+                                                        {option.label}
+                                                    </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>
+            {openImportDialog &&
+                <SolidGenericImport
+                    openImportDialog={openImportDialog}
+                    setOpenImportDialog={setOpenImportDialog}
+                    listViewMetaData={listViewMetaData}
+                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}
+                />
+            }
+        </div>
+    )
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSession } from "../../../hooks/useSession";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { Button } from "primereact/button";
+export var SolidListViewHeaderButton = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    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 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 () {
+            var event = {
+                params: params,
+                solidListViewMetaData: solidListViewMetaData.data,
+                selectedRecords: selectedRecords,
+                filters: filters
+            };
+            handleCustomButtonClick(button.attrs, event);
+        } }));
+};
+//# sourceMappingURL=SolidListViewHeaderButton.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+import { useSession } from "../../../hooks/useSession";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { Button } from "primereact/button";
+
+export const SolidListViewHeaderButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, selectedRecords, filters }: any) => {
+    const { data: session, status } = useSession();
+    const user = session?.user;
+
+    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+
+    if (!hasRole) return null;
+
+    return (
+        <Button
+            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}
+            onClick={() => {
+                const event = {
+                    params,
+                    solidListViewMetaData: solidListViewMetaData.data,
+                    selectedRecords: selectedRecords,
+                    filters
+                };
+                handleCustomButtonClick(button.attrs, event);
+            }}
+        />
+    );
+};

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { Button } from "primereact/button";
+import { useSession } from "../../../hooks/useSession";
+export var SolidListViewHeaderContextMenuButton = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var button = _a.button, params = _a.params, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick;
+    var _g = useSession(), session = _g.data, status = _g.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, { text: true, type: "button", className: "w-full text-left gap-2", label: button.attrs.label, size: "small", iconPos: "left", icon: ((_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.className) ? (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.className : "pi pi-pencil", onClick: function () {
+            var event = {
+                params: params,
+                solidListViewMetaData: solidListViewMetaData.data,
+            };
+            handleCustomButtonClick(button.attrs, event);
+        } }));
+};
+//# sourceMappingURL=SolidListViewHeaderContextMenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewHeaderContextMenuButton.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,MAAM,CAAC,IAAM,oCAAoC,GAAG,UAAC,EAAuE;;QAArE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA;IAE3G,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,QACJ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EACzB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC,CAAC,cAAc,EAC1E,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;aACpD,CAAC;YACF,uBAAuB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,32 @@
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { Button } from "primereact/button";
+import { useSession } from "../../../hooks/useSession";
+
+export const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick }: any) => {
+
+    const { data: session, status } = useSession();
+    const user = session?.user;
+
+    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+
+    if (!hasRole) return null;
+
+    return (
+        <Button
+            text
+            type="button"
+            className="w-full text-left gap-2"
+            label={button.attrs.label}
+            size="small"
+            iconPos="left"
+            icon={button?.attrs?.className ? button?.attrs?.className : "pi pi-pencil"}
+            onClick={() => {
+                const event = {
+                    params,
+                    solidListViewMetaData: solidListViewMetaData.data,
+                };
+                handleCustomButtonClick(button.attrs, event);
+            }}
+        />
+    );
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewRowButtonContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowButtonContextMenu.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iCAAiC,iGAAkG,GAAG,mDAmClJ,CAAC"}

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

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSession } from "../../../hooks/useSession";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { Button } from "primereact/button";
+export var SolidListViewRowButtonContextMenu = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h;
+    var button = _a.button, params = _a.params, getSelectedSolidViewData = _a.getSelectedSolidViewData, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick;
+    var selectedSolidViewData = getSelectedSolidViewData === null || getSelectedSolidViewData === void 0 ? void 0 : getSelectedSolidViewData();
+    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", icon: ((_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.icon) ? (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.icon : "pi pi-pencil", className: "w-full text-left gap-2 ".concat(((_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.className) ? (_h = button === null || button === void 0 ? void 0 : button.attrs) === null || _h === void 0 ? void 0 : _h.className : ''), label: button.attrs.label, size: "small", onClick: function () {
+            var event = {
+                params: params,
+                rowData: selectedSolidViewData,
+                solidListViewMetaData: solidListViewMetaData.data,
+            };
+            var modifiedButtonAttrs = __assign({}, button.attrs); // Create a copy
+            // Conditionally add popupWidth for specific actions
+            if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {
+                modifiedButtonAttrs.popupWidth = '30vw';
+            }
+            handleCustomButtonClick(modifiedButtonAttrs, event);
+        } }));
+};
+//# sourceMappingURL=SolidListViewRowButtonContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewRowButtonContextMenu.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowButtonContextMenu.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,iCAAiC,GAAG,UAAC,EAAiG;;QAA/F,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,wBAAwB,8BAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA;IACxI,IAAM,qBAAqB,GAAG,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,EAAI,CAAC;IAErD,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,IAAI,EAAE,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,CAAC,CAAC,CAAC,cAAc,EAChE,SAAS,EAAE,iCAA0B,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAC/F,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EACzB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,OAAO,EAAE,qBAAqB;gBAC9B,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;aACpD,CAAC;YAEF,IAAM,mBAAmB,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAC,CAAC,gBAAgB;YAEjE,oDAAoD;YACpD,IAAI,mBAAmB,CAAC,MAAM,KAAK,4BAA4B,IAAI,mBAAmB,CAAC,MAAM,KAAK,6BAA6B,EAAE;gBAC7H,mBAAmB,CAAC,UAAU,GAAG,MAAM,CAAC;aAC3C;YAED,uBAAuB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACxD,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,40 @@
+import { useSession } from "../../../hooks/useSession";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { Button } from "primereact/button";
+
+export const SolidListViewRowButtonContextMenu = ({ button, params, getSelectedSolidViewData, solidListViewMetaData, handleCustomButtonClick }: any) => {
+    const selectedSolidViewData = getSelectedSolidViewData?.();
+
+    const { data: session, status } = useSession();
+    const user = session?.user;
+
+    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+
+    if (!hasRole) return null;
+
+    return (
+        <Button
+            type="button"
+            icon={button?.attrs?.icon ? button?.attrs?.icon : "pi pi-pencil"}
+            className={`w-full text-left gap-2 ${button?.attrs?.className ? button?.attrs?.className : ''}`}
+            label={button.attrs.label}
+            size="small"
+            onClick={() => {
+                const event = {
+                    params,
+                    rowData: selectedSolidViewData,
+                    solidListViewMetaData: solidListViewMetaData.data,
+                };
+
+                const modifiedButtonAttrs = { ...button.attrs }; // Create a copy
+
+                // Conditionally add popupWidth for specific actions
+                if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {
+                    modifiedButtonAttrs.popupWidth = '30vw';
+                }
+
+                handleCustomButtonClick(modifiedButtonAttrs, event);
+            }}
+        />
+    );
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewShimmerLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewShimmerLoading.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,+CA0EvC,CAAA"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from 'primereact/skeleton';
+export var SolidListViewShimmerLoading = function () {
+    var rows = Array.from({ length: 14 });
+    return (_jsx("div", { className: 'h-screen surface-0', children: _jsxs("div", { className: 'solid-list-skeleton-wrapper', children: [_jsxs("table", { className: "solid-list-skeleton-table", style: { borderCollapse: 'collapse', width: '100%' }, children: [_jsx("thead", { children: _jsxs("tr", { className: "solid-list-skeleton-header", children: [_jsx("th", { className: "solid-list-skeleton-col-1", children: _jsx(Skeleton, { width: "16px", height: '16px', className: 'border-round-xs' }) }), _jsx("th", { className: "solid-list-skeleton-col-2", children: _jsx(Skeleton, { width: "70px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-3", children: _jsx(Skeleton, { width: "90px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-4", children: _jsx(Skeleton, { width: "80px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-5", children: _jsx(Skeleton, { width: "90px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-6", children: _jsx(Skeleton, { width: "100px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-7", children: _jsx(Skeleton, { width: "30px", className: 'border-round-lg' }) }), _jsx("th", { className: "solid-list-skeleton-col-8", children: _jsx(Skeleton, { width: "30px", className: 'border-round-lg' }) })] }) }), _jsx("tbody", { children: rows.map(function (_, i) { return (_jsxs("tr", { className: "solid-list-skeleton-row", children: [_jsx("td", { children: _jsx(Skeleton, { width: "16px", height: '16px', className: 'border-round-xs' }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { width: "50%" }) }), _jsx("td", { children: _jsx(Skeleton, { shape: "circle", height: '15px', width: '15px' }) }), _jsx("td", { children: _jsx(Skeleton, { width: "5px", height: '20px' }) })] }, i)); }) })] }), _jsxs("div", { className: 'solid-list-skeleton-footer flex align-items-center justify-content-between', children: [_jsxs("div", { className: 'flex align-items-center gap-3', children: [_jsx(Skeleton, { width: "5rem", height: "1rem" }), _jsx(Skeleton, { width: "30px", height: '15px', className: 'border-round-sm' })] }), _jsxs("div", { className: 'flex align-items-center gap-3', children: [_jsx(Skeleton, { width: "70px" }), _jsx(Skeleton, { width: "10px", height: '15px', className: 'border-round-sm' }), _jsx(Skeleton, { width: "15px", height: '15px', className: 'border-round-sm' })] })] })] }) }));
+};
+//# sourceMappingURL=SolidListViewShimmerLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewShimmerLoading.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewShimmerLoading.tsx"],"names":[],"mappings":"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"}