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

package/dist/components/core/kanban/SolidKanbanViewConfigure.js

@@ -1,65 +1,124 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { permissionExpression } from "../../../helpers/permissions";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
-import { Accordion, AccordionTab } from 'primereact/accordion';
-import { Button } from 'primereact/button';
-import { Divider } from 'primereact/divider';
-import { OverlayPanel } from 'primereact/overlaypanel';
-import { RadioButton } from 'primereact/radiobutton';
-import { useEffect, useRef, useState } from 'react';
+import { useSearchParams } from "../../../hooks/useSearchParams";
+import { useEffect, useState } from "react";
+import { SolidExport } from "../../../components/common/SolidExport";
+import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
+import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuLabel, SolidDropdownMenuRadioGroup, SolidDropdownMenuRadioItem, SolidDropdownMenuSeparator, SolidDropdownMenuSub, SolidDropdownMenuSubContent, SolidDropdownMenuSubTrigger, SolidDropdownMenuTrigger, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
+var normalizeViewModes = function (viewModes) {
+    if (viewModes === void 0) { viewModes = []; }
+    return viewModes
+        .map(function (option) {
+        if (!option)
+            return null;
+        if (typeof option === "string") {
+            return {
+                type: option,
+                label: option.charAt(0).toUpperCase() + option.slice(1),
+            };
+        }
+        var type = option.type || option.value;
+        if (!type)
+            return null;
+        return __assign(__assign({}, option), { type: type, label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)) });
+    })
+        .filter(Boolean);
+};
 export var SolidKanbanViewConfigure = function (_a) {
-    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, actionsAllowed = _a.actionsAllowed, setLayoutDialogVisible = _a.setLayoutDialogVisible, viewModes = _a.viewModes, setShowSaveFilterPopup = _a.setShowSaveFilterPopup;
-    var op = useRef(null);
-    var customizeLayout = useRef(null);
+    var _b, _c, _d, _e;
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, modelName = _a.modelName, actionsAllowed = _a.actionsAllowed, setLayoutDialogVisible = _a.setLayoutDialogVisible, viewModes = _a.viewModes, setShowSaveFilterPopup = _a.setShowSaveFilterPopup, filters = _a.filters, handleRefreshView = _a.handleRefreshView;
     var pathname = usePathname();
     var router = useRouter();
-    var _b = useState(""), view = _b[0], setView = _b[1];
-    var handleViewChange = function (newView) {
-        if (view === newView)
-            return; // Prevent unnecessary updates
-        var pathSegments = pathname.split('/').filter(Boolean);
-        pathSegments[pathSegments.length - 1] = newView; // Replace the last part with new view
-        var newPath = '/' + pathSegments.join('/');
-        router.push(newPath);
-    };
+    var searchParams = useSearchParams();
+    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;
+    var layoutAttrs = (_e = (_d = (_c = (_b = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) !== null && _e !== void 0 ? _e : {};
     useEffect(function () {
-        if (typeof pathname === 'string') {
-            var pathSegments = pathname.split('/').filter(Boolean);
+        if (typeof pathname === "string") {
+            var pathSegments = pathname.split("/").filter(Boolean);
             if (pathSegments.length > 0) {
                 setView(pathSegments[pathSegments.length - 1]);
             }
         }
-    }, []);
-    var _c = useState(false), isOverlayOpen = _c[0], setIsOverlayOpen = _c[1];
-    useEffect(function () {
-        var handleClickOutside = function (event) {
-            var _a;
-            if (customizeLayout.current &&
-                !((_a = customizeLayout.current.getElement()) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
-                setIsOverlayOpen(false);
-            }
+    }, [pathname]);
+    var handleViewChange = function (newViewType) {
+        var _a, _b, _c, _d;
+        if (view === newViewType)
+            return;
+        var nextView = visibleViewModes.find(function (option) { return option.type === newViewType; });
+        var pathSegments = pathname.split("/").filter(Boolean);
+        pathSegments[pathSegments.length - 1] = newViewType;
+        var nextSearchParams = new URLSearchParams(searchParams.toString());
+        var currentQuery = {
+            menuItemId: searchParams.get("menuItemId"),
+            menuItemName: searchParams.get("menuItemName"),
+            actionId: searchParams.get("actionId"),
+            actionName: searchParams.get("actionName"),
         };
-        if (isOverlayOpen) {
-            document.addEventListener("click", handleClickOutside);
-        }
-        else {
-            document.removeEventListener("click", handleClickOutside);
-        }
-        return function () { return document.removeEventListener("click", handleClickOutside); };
-    }, [isOverlayOpen]);
-    return (_jsxs("div", { className: "position-relative", children: [_jsx(Button, { type: "button", size: "small", icon: "pi pi-cog", severity: "secondary", outlined: true, className: 'solid-icon-button', 
-                // @ts-ignore
-                onClick: function (e) { return op.current.toggle(e); } }), _jsxs(OverlayPanel, { ref: op, children: [_jsx("div", { className: "p-2", children: _jsxs("div", { className: "flex flex-column", children: [_jsx(Button, { text: true, icon: 'pi pi-download', label: "Import", size: "small", severity: "secondary", className: "text-left gap-2 text-base" }), _jsx(Button, { text: true, icon: 'pi pi-upload', label: "Export", size: "small", severity: "secondary", className: "text-left gap-2 text-base" }), _jsx(Button, { text: true, type: "button", className: "w-8rem text-left text-base gap-2 purple-200", label: "Layout", size: "small", iconPos: "left", severity: "contrast", icon: 'pi pi-objects-column', onClick: function () { return setLayoutDialogVisible(true); } })] }) }), _jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-2 relative flex flex-column gap-1", children: [_jsx(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: function (e) {
-                                    var _a;
-                                    (_a = customizeLayout.current) === null || _a === void 0 ? void 0 : _a.toggle(e);
-                                    setIsOverlayOpen(function (prev) { return !prev; }); // ✅ Ensure state updates when toggled
-                                }, children: _jsx("i", { className: "pi pi-chevron-right text-sm" }) }), _jsx(Button, { text: true, icon: 'pi pi-save', label: "Save Custom Filter", size: "small", severity: "secondary", className: "text-left gap-2 text-base", onClick: function () { return setShowSaveFilterPopup(true); } }), _jsx(OverlayPanel, { ref: customizeLayout, className: "customize-layout-panel", style: { minWidth: 250 }, onShow: function () { return setIsOverlayOpen(true); }, onHide: function () {
-                                    setTimeout(function () { return setIsOverlayOpen(false); }, 50); // ✅ Ensure state updates
-                                }, children: _jsx("div", { className: "solid-layout-accordion", children: _jsx(Accordion, { expandIcon: "pi pi-chevron-down", collapseIcon: "pi pi-chevron-up", activeIndex: [0], children: viewModes && viewModes.length > 0 &&
-                                            _jsx(AccordionTab, { header: "Switch Type", children: _jsx("div", { className: "flex flex-column gap-1 p-1", children: viewModes.map(function (option) { return (_jsxs("div", { className: "flex align-items-center ".concat(option.value === view ? 'solid-active-view' : 'solid-view'), children: [_jsx(RadioButton, { inputId: option.value, name: "views", value: option.value, 
-                                                                // onChange={(e) => router}
-                                                                onChange: function () { return handleViewChange(option.value); }, checked: option.value === view }), _jsx("label", { htmlFor: option.value, className: "ml-2 flex align-items-center justify-content-between w-full", children: option.label })] }, option.value)); }) }) }) }) }) })] })] })] }));
+        var queryFields = {
+            menuItemId: (_a = nextView === null || nextView === void 0 ? void 0 : nextView.menuItemId) !== null && _a !== void 0 ? _a : currentQuery.menuItemId,
+            menuItemName: (_b = nextView === null || nextView === void 0 ? void 0 : nextView.menuItemName) !== null && _b !== void 0 ? _b : currentQuery.menuItemName,
+            actionId: (_c = nextView === null || nextView === void 0 ? void 0 : nextView.actionId) !== null && _c !== void 0 ? _c : currentQuery.actionId,
+            actionName: (_d = nextView === null || nextView === void 0 ? void 0 : nextView.actionName) !== null && _d !== void 0 ? _d : currentQuery.actionName,
+        };
+        Object.entries(queryFields).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (value) {
+                nextSearchParams.set(key, value);
+            }
+            else {
+                nextSearchParams.delete(key);
+            }
+        });
+        var newPath = "/" + pathSegments.join("/");
+        var nextQueryString = nextSearchParams.toString();
+        router.push(nextQueryString ? "".concat(newPath, "?").concat(nextQueryString) : newPath);
+    };
+    var clearLocalstorageCache = function () {
+        var currentPageUrl = window.location.pathname;
+        localStorage.removeItem(currentPageUrl);
+        window.location.reload();
+    };
+    var canImport = Boolean(modelName) &&
+        actionsAllowed.includes("".concat(permissionExpression(modelName, "create"))) &&
+        actionsAllowed.includes("".concat(permissionExpression("importTransaction", "create")));
+    var canExport = Boolean(modelName) &&
+        actionsAllowed.includes("".concat(permissionExpression(modelName, "findMany"))) &&
+        actionsAllowed.includes("".concat(permissionExpression("exportTransaction", "create")));
+    var canCustomizeLayout = actionsAllowed.includes("".concat(permissionExpression("userViewMetadata", "create")));
+    var canSaveCustomFilter = actionsAllowed.includes("".concat(permissionExpression("savedFilters", "create")));
+    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 kanban options", children: _jsx(SolidIcon, { name: "si-cog", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "listview-cogwheel-panel", children: [canImport && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
+                                    setOpenImportDialog(true);
+                                    setIsCogMenuOpen(false);
+                                }, children: [_jsx(SolidIcon, { name: "si-download", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Import" })] })), canExport && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
+                                    setExportView(true);
+                                    setIsCogMenuOpen(false);
+                                }, children: [_jsx(SolidIcon, { name: "si-upload", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Export" })] })), (canCustomizeLayout || canSaveCustomFilter) && _jsx(SolidDropdownMenuSeparator, {}), canCustomizeLayout && (_jsxs(SolidDropdownMenuSub, { children: [_jsxs(SolidDropdownMenuSubTrigger, { className: "solid-header-dropdown-item", children: [_jsx(SolidIcon, { name: "si-sliders-h", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Customize 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 () {
+                                    setShowSaveFilterPopup(true);
+                                    setIsCogMenuOpen(false);
+                                }, children: [_jsx(SolidIcon, { name: "si-save", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Save Custom Filter" })] })), _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
+                                    clearLocalstorageCache();
+                                    setIsCogMenuOpen(false);
+                                }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Clear cache" })] })] })] }), _jsxs(SolidDialog, { open: exportView, onOpenChange: setExportView, className: "solid-kanban-export-dialog", style: { width: "min(960px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-export-dialog-header", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Export" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle m-0", children: "Choose the file format, refine the field set, and save reusable export templates." })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "solid-kanban-export-dialog-body", children: _jsx(SolidExport, { listViewMetaData: solidKanbanViewMetaData, filters: filters }) })] }), openImportDialog && (_jsx(SolidGenericImport, { openImportDialog: openImportDialog, setOpenImportDialog: setOpenImportDialog, listViewMetaData: solidKanbanViewMetaData, handleFetchUpdatedRecords: handleRefreshView }))] }));
 };
 //# sourceMappingURL=SolidKanbanViewConfigure.js.map

package/dist/components/core/kanban/SolidKanbanViewConfigure.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { Accordion, AccordionTab } from 'primereact/accordion';\nimport { Button } from 'primereact/button';\nimport { Divider } from 'primereact/divider';\nimport { OverlayPanel } from 'primereact/overlaypanel';\nimport { RadioButton } from 'primereact/radiobutton';\nimport { useEffect, useRef, useState } from 'react'\n\nexport const SolidKanbanViewConfigure = ({ solidKanbanViewMetaData, actionsAllowed, setLayoutDialogVisible, viewModes, setShowSaveFilterPopup }: any) => {\n    const op = useRef(null);\n    const customizeLayout = useRef<OverlayPanel | null>(null);\n    const pathname = usePathname();\n    const router = useRouter();\n    const [view, setView] = useState<string>(\"\");\n\n    const handleViewChange = (newView: string) => {\n        if (view === newView) return; // Prevent unnecessary updates\n        const pathSegments = pathname.split('/').filter(Boolean);\n        pathSegments[pathSegments.length - 1] = newView; // Replace the last part with new view\n        const newPath = '/' + pathSegments.join('/');\n        router.push(newPath);\n    };\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    }, [])\n\n\n    const [isOverlayOpen, setIsOverlayOpen] = useState(false);\n    useEffect(() => {\n        const handleClickOutside = (event: MouseEvent) => {\n            if (\n                customizeLayout.current &&\n                !customizeLayout.current.getElement()?.contains(event.target as Node)\n            ) {\n                setIsOverlayOpen(false);\n            }\n        };\n\n        if (isOverlayOpen) {\n            document.addEventListener(\"click\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"click\", handleClickOutside);\n        }\n\n        return () => document.removeEventListener(\"click\", handleClickOutside);\n    }, [isOverlayOpen])\n\n\n\n\n\n\n\n    return (\n        <div className=\"position-relative\">\n            <Button\n                type=\"button\"\n                size=\"small\"\n                icon=\"pi pi-cog\"\n                severity=\"secondary\"\n                outlined\n                className='solid-icon-button'\n                // @ts-ignore\n                onClick={(e) => op.current.toggle(e)}\n            />\n            <OverlayPanel ref={op}>\n                <div className=\"p-2\">\n                    <div className=\"flex flex-column\">\n                        <Button text icon='pi pi-download' label=\"Import\" size=\"small\" severity=\"secondary\" className=\"text-left gap-2 text-base\" />\n                        <Button text icon='pi pi-upload' label=\"Export\" size=\"small\" severity=\"secondary\" className=\"text-left gap-2 text-base\" />\n                        <Button\n                            text\n                            type=\"button\"\n                            className=\"w-8rem text-left text-base gap-2 purple-200\"\n                            label=\"Layout\"\n                            size=\"small\"\n                            iconPos=\"left\"\n                            severity=\"contrast\"\n                            icon={'pi pi-objects-column'}\n                            onClick={() => setLayoutDialogVisible(true)}\n                        />\n                    </div>\n                </div>\n                <Divider className=\"m-0\" />\n                <div className=\"p-2 relative flex flex-column gap-1\">\n                    <Button\n                        icon='pi pi-sliders-h'\n                        label=\"Customize Layout\"\n                        severity={isOverlayOpen ? undefined : \"secondary\"}\n                        size=\"small\"\n                        text={isOverlayOpen ? false : true}\n                        className=\"text-left gap-2 w-full text-base\"\n                        // @ts-ignore\n                        onClick={(e) => {\n                            customizeLayout.current?.toggle(e);\n                            setIsOverlayOpen((prev) => !prev); // ✅ Ensure state updates when toggled\n                        }}\n                    >\n                        <i className=\"pi pi-chevron-right text-sm\"></i>\n                    </Button>\n                    <Button text icon='pi pi-save' label=\"Save Custom Filter\" size=\"small\" severity=\"secondary\" className=\"text-left gap-2 text-base\" onClick={() => setShowSaveFilterPopup(true)} />\n                    <OverlayPanel ref={customizeLayout} className=\"customize-layout-panel\" style={{ minWidth: 250 }}\n                        onShow={() => setIsOverlayOpen(true)}\n                        onHide={() => {\n                            setTimeout(() => setIsOverlayOpen(false), 50); // ✅ Ensure state updates\n                        }}\n                    >\n\n                        <div className=\"solid-layout-accordion\">\n                            <Accordion expandIcon=\"pi pi-chevron-down\" collapseIcon=\"pi pi-chevron-up\" activeIndex={[0]}>\n                                {viewModes && viewModes.length > 0 &&\n                                    <AccordionTab header=\"Switch Type\">\n                                        <div className=\"flex flex-column gap-1 p-1\">\n                                            {viewModes.map((option: any) => (\n                                                <div key={option.value} className={`flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`}>\n                                                    <RadioButton\n                                                        inputId={option.value}\n                                                        name=\"views\"\n                                                        value={option.value}\n                                                        // onChange={(e) => router}\n                                                        onChange={() => handleViewChange(option.value)}\n                                                        checked={option.value === view}\n                                                    />\n                                                    <label htmlFor={option.value} className=\"ml-2 flex align-items-center justify-content-between w-full\">\n                                                        {option.label}\n                                                        {/* <Image\n                                                        src={option.image}\n                                                        alt={option.value}\n                                                        fill\n                                                        className='relative row-spacing-img'\n                                                    /> */}\n                                                    </label>\n                                                </div>\n                                            ))}\n                                        </div>\n                                    </AccordionTab>\n                                }\n                            </Accordion>\n                        </div>\n                    </OverlayPanel>\n                </div>\n            </OverlayPanel>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidKanbanViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n    SolidDropdownMenu,\n    SolidDropdownMenuContent,\n    SolidDropdownMenuItem,\n    SolidDropdownMenuLabel,\n    SolidDropdownMenuRadioGroup,\n    SolidDropdownMenuRadioItem,\n    SolidDropdownMenuSeparator,\n    SolidDropdownMenuSub,\n    SolidDropdownMenuSubContent,\n    SolidDropdownMenuSubTrigger,\n    SolidDropdownMenuTrigger,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\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 SolidKanbanViewConfigure = ({\n    solidKanbanViewMetaData,\n    modelName,\n    actionsAllowed,\n    setLayoutDialogVisible,\n    viewModes,\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    const layoutAttrs = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs ?? {};\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        router.push(nextQueryString ? `${newPath}?${nextQueryString}` : newPath);\n    };\n\n    const clearLocalstorageCache = () => {\n        const currentPageUrl = window.location.pathname;\n        localStorage.removeItem(currentPageUrl);\n        window.location.reload();\n    };\n\n    const canImport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n    const canExport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n    const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n    const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n\n    return (\n        <div className=\"position-relative\">\n            <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n                <SolidDropdownMenuTrigger asChild>\n                    <button\n                        type=\"button\"\n                        className=\"solid-icon-button solid-header-cog-trigger\"\n                        aria-label=\"Open kanban options\"\n                    >\n                        <SolidIcon name=\"si-cog\" aria-hidden />\n                    </button>\n                </SolidDropdownMenuTrigger>\n                <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n                    {canImport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setOpenImportDialog(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Import</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {canExport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setExportView(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Export</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}\n\n                    {canCustomizeLayout && (\n                        <SolidDropdownMenuSub>\n                            <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                <span className=\"solid-header-action-button-label\">Customize 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 listViewMetaData={solidKanbanViewMetaData} filters={filters} />\n                </SolidDialogBody>\n            </SolidDialog>\n\n            {openImportDialog && (\n                <SolidGenericImport\n                    openImportDialog={openImportDialog}\n                    setOpenImportDialog={setOpenImportDialog}\n                    listViewMetaData={solidKanbanViewMetaData}\n                    handleFetchUpdatedRecords={handleRefreshView}\n                />\n            )}\n        </div>\n    );\n};\n"]}