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

package/dist/components/layout/AppSidebar.js

@@ -1,112 +1,243 @@
+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 { useGetSolidMenuBasedOnRoleQuery } from "../../redux/api/solidMenuApi";
-import { showNavbar, toggleNavbar, hideNavbar } from "../../redux/features/navbarSlice";
+import { hideNavbar, toggleNavbar } from "../../redux/features/navbarSlice";
 import { setIsAuthenticated, setUser } from "../../redux/features/userSlice";
 import { useSession } from "../../hooks/useSession";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import NavbarTwoMenu from "./navbar-two-menu";
 import UserProfileMenu from "./user-profile-menu";
-import Image from "../common/Image";
-import SettingImage from '../../resources/images/Navigation/SolidSettinsIcon.svg';
-import { Avatar } from "primereact/avatar";
+import SolidLink from "../common/Link";
 import { usePathname } from "../../hooks/usePathname";
+import { useSearchParams } from "../../hooks/useSearchParams";
 import { env } from "../../adapters/env";
+var defaultMenuKey = env("NEXT_PUBLIC_DEFAULT_MENU_KEY");
+var SIDEBAR_STORAGE_KEY = "solidx.sidebar.collapsed";
+var SELECTED_WORKSPACE_STORAGE_KEY = "solidx.sidebar.selected-workspace";
+var SIDEBAR_TOGGLE_EVENT = "solidx:sidebar-toggle";
+var DESKTOP_SIDEBAR_WIDTH = "272px";
+var DEFAULT_WORKSPACE_TITLE = "Solid Core";
+var DEFAULT_WORKSPACE_KEY = "solid-core";
+function normalizePath(path) {
+    if (!path || path === "/")
+        return "/";
+    return path.endsWith("/") ? path.slice(0, -1) : path;
+}
+function getPathAndParams(targetPath) {
+    var parsed = new URL(targetPath, "http://localhost");
+    return {
+        pathname: normalizePath(parsed.pathname),
+        searchParams: new URLSearchParams(parsed.search),
+    };
+}
+function doesSearchParamsMatchSubset(requiredParams, currentParams) {
+    var currentValueCounts = new Map();
+    currentParams.forEach(function (value, key) {
+        var token = "".concat(key, "=").concat(value);
+        currentValueCounts.set(token, (currentValueCounts.get(token) || 0) + 1);
+    });
+    var isSubset = true;
+    requiredParams.forEach(function (value, key) {
+        if (!isSubset)
+            return;
+        var token = "".concat(key, "=").concat(value);
+        var count = currentValueCounts.get(token) || 0;
+        if (count <= 0) {
+            isSubset = false;
+            return;
+        }
+        currentValueCounts.set(token, count - 1);
+    });
+    return isSubset;
+}
+function isMenuPathActive(itemPath, currentPathname, currentSearchParams) {
+    if (!itemPath)
+        return false;
+    var _a = getPathAndParams(itemPath), itemPathname = _a.pathname, itemSearchParams = _a.searchParams;
+    if (itemPathname !== normalizePath(currentPathname))
+        return false;
+    return doesSearchParamsMatchSubset(itemSearchParams, currentSearchParams);
+}
+function filterMenuItems(items, query) {
+    var normalizedQuery = query.trim().toLowerCase();
+    if (!normalizedQuery)
+        return items;
+    var next = [];
+    items.forEach(function (item) {
+        var children = item.children ? filterMenuItems(item.children, normalizedQuery) : [];
+        var matchesSelf = item.title.toLowerCase().includes(normalizedQuery);
+        if (matchesSelf || children.length > 0) {
+            next.push(__assign(__assign({}, item), { children: children }));
+        }
+    });
+    return next;
+}
+function resolveDefaultWorkspace(items) {
+    return (items.find(function (item) { return item.key === DEFAULT_WORKSPACE_KEY; }) ||
+        items.find(function (item) { return item.title.trim().toLowerCase() === DEFAULT_WORKSPACE_TITLE.toLowerCase(); }) ||
+        items.find(function (item) { return item.key === defaultMenuKey; }) ||
+        items[0]);
+}
+var SidebarMenuTree = function (_a) {
+    var items = _a.items, pathname = _a.pathname, searchParams = _a.searchParams, forceExpand = _a.forceExpand;
+    var _b = useState({}), expandedKeys = _b[0], setExpandedKeys = _b[1];
+    var buildNodeId = function (node, parentId, index) {
+        var base = node.key || node.path || node.title || "node-".concat(index);
+        return "".concat(parentId, "/").concat(base);
+    };
+    useEffect(function () {
+        var initialExpanded = {};
+        if (forceExpand) {
+            var walk_1 = function (nodes, parentId) {
+                if (parentId === void 0) { parentId = "root"; }
+                nodes.forEach(function (node, index) {
+                    var nodeId = buildNodeId(node, parentId, index);
+                    if (node.children && node.children.length > 0 && node.key) {
+                        initialExpanded[nodeId] = true;
+                        walk_1(node.children, nodeId);
+                    }
+                    else if (node.children && node.children.length > 0) {
+                        initialExpanded[nodeId] = true;
+                        walk_1(node.children, nodeId);
+                    }
+                });
+            };
+            walk_1(items);
+        }
+        setExpandedKeys(initialExpanded);
+    }, [items, forceExpand]);
+    var toggleExpanded = function (nodeId) {
+        setExpandedKeys(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[nodeId] = !prev[nodeId], _a)));
+        });
+    };
+    var renderNode = function (node, depth, parentId, index) {
+        if (depth === void 0) { depth = 0; }
+        if (parentId === void 0) { parentId = "root"; }
+        if (index === void 0) { index = 0; }
+        var nodeId = buildNodeId(node, parentId, index);
+        var hasChildren = !!(node.children && node.children.length > 0);
+        var isExpanded = expandedKeys[nodeId] === true;
+        var isActive = isMenuPathActive(node.path, pathname, searchParams);
+        var paddingLeft = 12 + depth * 14;
+        return (_jsxs("li", { className: "solid-sidebar-tree-item", children: [_jsxs("div", { className: "solid-sidebar-tree-row ".concat(isActive ? "is-active" : ""), style: { paddingLeft: paddingLeft }, children: [hasChildren ? (_jsx("button", { type: "button", className: "solid-sidebar-tree-parent", onClick: function () { return toggleExpanded(nodeId); }, "aria-expanded": isExpanded, "aria-label": "Toggle ".concat(node.title), children: _jsx("span", { className: "solid-sidebar-tree-label", children: node.title }) })) : node.path ? (_jsx(SolidLink, { href: node.path, className: "solid-sidebar-tree-link", children: _jsx("span", { className: "solid-sidebar-tree-label", children: node.title }) })) : (_jsx("span", { className: "solid-sidebar-tree-label", children: node.title })), hasChildren && (_jsx("button", { type: "button", className: "solid-sidebar-tree-toggle", onClick: function () { return toggleExpanded(nodeId); }, "aria-label": "Toggle ".concat(node.title), children: _jsx("span", { className: "solid-tree-plusminus", children: isExpanded ? "−" : "+" }) }))] }), hasChildren && isExpanded && (_jsx("ul", { className: "solid-sidebar-tree-list solid-sidebar-tree-children", children: node.children.map(function (child, childIndex) { return renderNode(child, depth + 1, nodeId, childIndex); }) }))] }, nodeId));
+    };
+    return _jsx("ul", { className: "solid-sidebar-tree-list", children: items.map(function (item, index) { return renderNode(item, 0, "root", index); }) });
+};
 var AppSidebar = function () {
     var dispatch = useDispatch();
     var pathname = usePathname();
-    // const [show, setShow] = useState(false);
+    var searchParams = useSearchParams();
     var visibleNavbar = useSelector(function (state) { return state.navbarState.visibleNavbar; });
     var menu = useGetSolidMenuBasedOnRoleQuery("").data;
-    var _a = useState(), currentMenu = _a[0], setCurrentMenu = _a[1];
-    var _b = useState(), currentMainMenu = _b[0], setCurrentMainMenu = _b[1];
-    var _c = useState(""), searchTerm = _c[0], setSearchTerm = _c[1];
-    useEffect(function () {
-        var _a, _b;
-        if (menu) {
-            setCurrentMenu(menu && menu.data.length > 0 && ((_a = menu.data.filter(function (m) { return m.key === env("NEXT_PUBLIC_DEFAULT_MENU_KEY"); })[0]) === null || _a === void 0 ? void 0 : _a.children));
-            setCurrentMainMenu(menu && menu.data.length > 0 && ((_b = menu.data.filter(function (m) { return m.key === env("NEXT_PUBLIC_DEFAULT_MENU_KEY"); })[0]) === null || _b === void 0 ? void 0 : _b.title));
-        }
-    }, [menu]);
+    var _a = useState(""), searchTerm = _a[0], setSearchTerm = _a[1];
+    var _b = useState(false), workspaceOpen = _b[0], setWorkspaceOpen = _b[1];
+    var _c = useState(function () {
+        if (typeof window === "undefined")
+            return "";
+        return window.localStorage.getItem(SELECTED_WORKSPACE_STORAGE_KEY) || "";
+    }), selectedWorkspaceKey = _c[0], setSelectedWorkspaceKey = _c[1];
+    var _d = useState(typeof window === "undefined" ? true : window.innerWidth > 1199), isDesktop = _d[0], setIsDesktop = _d[1];
+    var _e = useState(function () {
+        if (typeof window === "undefined")
+            return false;
+        var stored = window.localStorage.getItem(SIDEBAR_STORAGE_KEY);
+        if (stored === null)
+            return true;
+        return stored === "true";
+    }), isCollapsed = _e[0], setIsCollapsed = _e[1];
     var data = useSession().data;
-    // const handleToggle = () => setShow(!show);
-    var handleToggle = function () { return dispatch(toggleNavbar()); };
-    var handleMenu = function (m) {
-        // setShow(true);
-        dispatch(showNavbar());
-        setCurrentMainMenu(m.title);
-        setCurrentMenu(m.children);
-    };
-    useEffect(function () {
-        // Check if screen is small at the time of route change
-        if (window.innerWidth <= 1199) {
-            dispatch(hideNavbar());
-        }
-    }, [pathname, dispatch]);
     useEffect(function () {
         if (data) {
             dispatch(setUser(data === null || data === void 0 ? void 0 : data.user));
             dispatch(setIsAuthenticated(true));
         }
-    }, [data]);
-    var _d = useState(false), isSearchShow = _d[0], setSearchShow = _d[1];
-    var searchRef = useRef(null);
-    var handleClickOutside = function (event) {
-        if (searchRef.current && !searchRef.current.contains(event.target)) {
-            setSearchShow(false);
+    }, [data, dispatch]);
+    useEffect(function () {
+        var onResize = function () {
+            var desktop = window.innerWidth > 1199;
+            setIsDesktop(desktop);
+            if (desktop) {
+                dispatch(hideNavbar());
+            }
+        };
+        onResize();
+        window.addEventListener("resize", onResize);
+        return function () { return window.removeEventListener("resize", onResize); };
+    }, [dispatch]);
+    useEffect(function () {
+        if (typeof window === "undefined")
+            return;
+        window.localStorage.setItem(SIDEBAR_STORAGE_KEY, String(isCollapsed));
+    }, [isCollapsed]);
+    useEffect(function () {
+        if (typeof window === "undefined")
+            return;
+        if (!selectedWorkspaceKey) {
+            window.localStorage.removeItem(SELECTED_WORKSPACE_STORAGE_KEY);
+            return;
         }
-    };
+        window.localStorage.setItem(SELECTED_WORKSPACE_STORAGE_KEY, selectedWorkspaceKey);
+    }, [selectedWorkspaceKey]);
+    useEffect(function () {
+        var width = isDesktop ? (isCollapsed ? "0px" : DESKTOP_SIDEBAR_WIDTH) : "0px";
+        document.documentElement.style.setProperty("--solid-sidebar-width", width);
+    }, [isDesktop, isCollapsed]);
     useEffect(function () {
-        if (isSearchShow) {
-            document.addEventListener("mousedown", handleClickOutside);
+        var _a;
+        if (!((_a = menu === null || menu === void 0 ? void 0 : menu.data) === null || _a === void 0 ? void 0 : _a.length))
+            return;
+        var defaultWorkspace = resolveDefaultWorkspace(menu.data);
+        var hasSelectedWorkspace = menu.data.some(function (workspace) { return workspace.key === selectedWorkspaceKey; });
+        var nextWorkspaceKey = hasSelectedWorkspace ? selectedWorkspaceKey : (defaultWorkspace === null || defaultWorkspace === void 0 ? void 0 : defaultWorkspace.key) || "";
+        if (nextWorkspaceKey !== selectedWorkspaceKey) {
+            setSelectedWorkspaceKey(nextWorkspaceKey);
         }
-        else {
-            document.removeEventListener("mousedown", handleClickOutside);
+    }, [menu, selectedWorkspaceKey]);
+    useEffect(function () {
+        if (!isDesktop) {
+            dispatch(hideNavbar());
         }
-        return function () {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [isSearchShow]);
-    var additionalMenu = {
-        title: "General Settings",
-        key: "general-settings",
-        children: [
-            {
-                title: "Settings",
-                path: "",
-                key: "settings-menu-item",
-                children: [
-                    {
-                        title: "App Settings",
-                        path: "/admin/settings/app-settings",
-                        key: "app-setting"
-                    },
-                    {
-                        title: "Authentication Settings",
-                        path: "/admin/settings/authentication-settings",
-                        key: "auth-setting"
-                    },
-                    {
-                        title: "Misc",
-                        path: "/admin/settings/misc-settings",
-                        key: "misc-setting"
-                    }
-                ]
+    }, [pathname, dispatch, isDesktop]);
+    useEffect(function () {
+        var onToggleRequest = function () {
+            if (window.innerWidth > 1199) {
+                setIsCollapsed(function (prev) { return !prev; });
+                return;
             }
-        ],
-        icon: env("NEXT_PUBLIC_SETTINGS_ICON") ? env("NEXT_PUBLIC_SETTINGS_ICON") : SettingImage
+            dispatch(toggleNavbar());
+        };
+        window.addEventListener(SIDEBAR_TOGGLE_EVENT, onToggleRequest);
+        return function () { return window.removeEventListener(SIDEBAR_TOGGLE_EVENT, onToggleRequest); };
+    }, [dispatch]);
+    var workspaces = (menu === null || menu === void 0 ? void 0 : menu.data) || [];
+    var selectedWorkspace = workspaces.find(function (m) { return m.key === selectedWorkspaceKey; }) || workspaces[0];
+    var selectedWorkspaceChildren = (selectedWorkspace === null || selectedWorkspace === void 0 ? void 0 : selectedWorkspace.children) || [];
+    var filteredMenu = useMemo(function () { return filterMenuItems(selectedWorkspaceChildren, searchTerm); }, [selectedWorkspaceChildren, searchTerm]);
+    var shellClasses = [
+        "solid-sidebar",
+        isDesktop && isCollapsed ? "is-collapsed" : "",
+        !isDesktop && visibleNavbar ? "is-open" : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    var selectWorkspace = function (workspace) {
+        setSelectedWorkspaceKey(workspace.key || "");
+        setSearchTerm("");
+        setWorkspaceOpen(false);
     };
-    return (_jsxs(_Fragment, { children: [visibleNavbar && (_jsx("div", { className: "sidebar-backdrop", onClick: handleToggle })), (visibleNavbar || currentMainMenu) && (_jsx("div", { className: "sidebar-toggle-button  ".concat(!visibleNavbar || !currentMainMenu ? "s-collapsed hidden md:flex" : ""), onClick: handleToggle, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [_jsx("rect", { x: "0.3", y: "0.3", width: "23.4", height: "23.4", rx: "2.1", fill: "white" }), _jsx("rect", { x: "0.3", y: "0.3", width: "23.4", height: "23.4", rx: "2.1", stroke: "#D8E2EA", strokeWidth: "0.6" }), _jsx("path", { d: "M5.09735 16V14.6667H13.5929V16H5.09735ZM5.09735 12.6667V11.3333H11.6324V12.6667H5.09735ZM5.09735 9.33333V8H13.5929V9.33333H5.09735Z", fill: "#8D9199" }), _jsx("path", { d: "M16.2621 12L18.9026 14.3L18.099 15L14.6549 12L18.099 9L18.9026 9.7L16.2621 12Z", fill: "#8D9199" })] }) })), _jsxs("div", { className: "sidebar-left ".concat(visibleNavbar ? "open" : ""), children: [_jsx("div", { className: "navbar-menu", children: (menu === null || menu === void 0 ? void 0 : menu.data.length) > 0 && (menu === null || menu === void 0 ? void 0 : menu.data.map(function (m) {
-                            var iconSrc = typeof m.icon === "string"
-                                ? m.icon
-                                : m.icon && typeof m.icon.src === "string"
-                                    ? m.icon.src
-                                    : null;
-                            return (_jsx("a", { className: "flex align-items-center menu-item ".concat(currentMainMenu === m.title ? "active-menu-image" : ""), onClick: function () { return handleMenu(m); }, style: { cursor: 'pointer' }, children: m.icon ?
-                                    _jsx(Image, { src: iconSrc.startsWith("/") ? iconSrc : "".concat(env("API_URL"), "/").concat(iconSrc), alt: m.title, height: 30, width: 30, className: "relative", unoptimized: true })
-                                    :
-                                        _jsx("div", { children: _jsx(Avatar, { label: m.title.charAt(0), shape: "circle", style: { backgroundColor: 'var(--primary-color)', fontWeight: 500 } }) }) }, m.title));
-                        })) }), _jsx(UserProfileMenu, {})] }), currentMenu && (_jsxs("div", { className: "sidebar-right ".concat(visibleNavbar ? "open" : ""), children: [_jsx("div", { className: "flex relative justify-content-between align-items-center py-3 xl:py-4 px-3", children: _jsx("div", { className: "text-base sidebar-title font-semibold", children: currentMainMenu && currentMainMenu }) }), _jsx("div", { className: "px-3 solid-sidebar-menuitems-wrapper", children: _jsx(NavbarTwoMenu, { menuItems: currentMenu }) })] }))] }));
+    return (_jsxs(_Fragment, { children: [!isDesktop && visibleNavbar && _jsx("div", { className: "solid-sidebar-backdrop", onClick: function () { return dispatch(toggleNavbar()); } }), _jsxs("aside", { className: shellClasses, children: [_jsx("div", { className: "solid-sidebar-header", children: _jsxs("div", { className: "solid-workspace-switcher", children: [_jsxs("button", { type: "button", className: "solid-workspace-trigger", onClick: function () { return setWorkspaceOpen(function (prev) { return !prev; }); }, "aria-label": "Select workspace", children: [_jsx("span", { className: "solid-workspace-avatar", children: ((selectedWorkspace === null || selectedWorkspace === void 0 ? void 0 : selectedWorkspace.title) || "W").slice(0, 1).toUpperCase() }), !isCollapsed && (_jsxs(_Fragment, { children: [_jsxs("span", { className: "solid-workspace-label-wrap", children: [_jsx("span", { className: "solid-workspace-label-top", children: "Workspace" }), _jsx("span", { className: "solid-workspace-label", children: (selectedWorkspace === null || selectedWorkspace === void 0 ? void 0 : selectedWorkspace.title) || "Workspace" })] }), _jsx("span", { className: "solid-workspace-chevron-dual ".concat(workspaceOpen ? "is-open" : ""), "aria-hidden": "true", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: [_jsx("path", { d: "M4 6L7 3L10 6", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4 8L7 11L10 8", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" })] }) })] }))] }), workspaceOpen && !isCollapsed && (_jsx("div", { className: "solid-workspace-menu", children: workspaces.map(function (workspace) { return (_jsxs("button", { type: "button", className: "solid-workspace-item ".concat(workspace.key === (selectedWorkspace === null || selectedWorkspace === void 0 ? void 0 : selectedWorkspace.key) ? "is-active" : ""), onClick: function () { return selectWorkspace(workspace); }, children: [_jsx("span", { className: "solid-workspace-item-avatar", children: workspace.title.slice(0, 1).toUpperCase() }), _jsx("span", { className: "solid-workspace-item-label", children: workspace.title })] }, workspace.key || workspace.title)); }) }))] }) }), !isCollapsed ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "solid-sidebar-search-wrap", children: _jsx("input", { type: "text", value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); }, placeholder: "Search in menu...", className: "solid-sidebar-search" }) }), _jsx("div", { className: "solid-sidebar-tree-wrap", children: _jsx(SidebarMenuTree, { items: filteredMenu, pathname: pathname, searchParams: searchParams, forceExpand: !!searchTerm.trim() }) })] })) : (_jsx("div", { className: "solid-sidebar-collapsed-nav", children: filteredMenu.slice(0, 10).map(function (item) { return (_jsx(SolidLink, { href: item.path || "#", className: "solid-collapsed-item ".concat(isMenuPathActive(item.path, pathname, searchParams) ? "is-active" : ""), title: item.title, children: item.title.slice(0, 1).toUpperCase() }, item.key || item.title)); }) })), _jsx("div", { className: "solid-sidebar-footer", children: _jsx(UserProfileMenu, {}) })] }), isDesktop && isCollapsed && (_jsx("button", { type: "button", className: "solid-sidebar-hotspot", onClick: function () { return setIsCollapsed(false); }, "aria-label": "Expand sidebar", title: "Expand sidebar" }))] }));
 };
 export default AppSidebar;
 //# sourceMappingURL=AppSidebar.js.map

package/dist/components/layout/AppSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { showNavbar, toggleNavbar, hideNavbar } from \"../../redux/features/navbarSlice\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport Image from \"../common/Image\";\nimport SettingImage from '../../resources/images/Navigation/SolidSettinsIcon.svg'\nimport { Avatar } from \"primereact/avatar\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { env } from \"../../adapters/env\";\n\nconst AppSidebar = () => {\n    const dispatch = useDispatch();\n    const pathname = usePathname();\n    // const [show, setShow] = useState(false);\n    const visibleNavbar = useSelector(\n        (state: any) => state.navbarState.visibleNavbar\n    );\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => dispatch(toggleNavbar());\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        dispatch(showNavbar());\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        // Check if screen is small at the time of route change\n        if (window.innerWidth <= 1199) {\n            dispatch(hideNavbar());\n        }\n    }, [pathname, dispatch]);\n\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n    const additionalMenu = {\n        title: \"General Settings\",\n        key: \"general-settings\",\n        children: [\n            {\n                title: \"Settings\",\n                path: \"\",\n                key: \"settings-menu-item\",\n                children: [\n                    {\n                        title: \"App Settings\",\n                        path: \"/admin/settings/app-settings\",\n                        key: \"app-setting\"\n                    },\n                    {\n                        title: \"Authentication Settings\",\n                        path: \"/admin/settings/authentication-settings\",\n                        key: \"auth-setting\"\n                    },\n                    {\n                        title: \"Misc\",\n                        path: \"/admin/settings/misc-settings\",\n                        key: \"misc-setting\"\n                    }\n                ]\n            }\n        ],\n        icon: env(\"NEXT_PUBLIC_SETTINGS_ICON\") ? env(\"NEXT_PUBLIC_SETTINGS_ICON\") : SettingImage\n    };\n\n\n\n    return (\n        <>\n            {visibleNavbar && (\n                <div\n                    className=\"sidebar-backdrop\"\n                    onClick={handleToggle}\n                />\n            )}\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {(visibleNavbar || currentMainMenu) && (\n                <div\n                    className={`sidebar-toggle-button  ${!visibleNavbar || !currentMainMenu ? \"s-collapsed hidden md:flex\" : \"\"}`}\n                    onClick={handleToggle}\n                // severity=\"secondary\"\n                >\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <rect x=\"0.3\" y=\"0.3\" width=\"23.4\" height=\"23.4\" rx=\"2.1\" fill=\"white\" />\n                        <rect x=\"0.3\" y=\"0.3\" width=\"23.4\" height=\"23.4\" rx=\"2.1\" stroke=\"#D8E2EA\" strokeWidth=\"0.6\" />\n                        <path d=\"M5.09735 16V14.6667H13.5929V16H5.09735ZM5.09735 12.6667V11.3333H11.6324V12.6667H5.09735ZM5.09735 9.33333V8H13.5929V9.33333H5.09735Z\" fill=\"#8D9199\" />\n                        <path d=\"M16.2621 12L18.9026 14.3L18.099 15L14.6549 12L18.099 9L18.9026 9.7L16.2621 12Z\" fill=\"#8D9199\" />\n                    </svg>\n                </div>\n            )}\n\n            <div className={`sidebar-left ${visibleNavbar ? \"open\" : \"\"}`}>\n                <div className=\"navbar-menu\">\n                    {menu?.data.length > 0 && menu?.data.map((m: any) => {\n                        const iconSrc =\n                            typeof m.icon === \"string\"\n                                ? m.icon\n                                : m.icon && typeof m.icon.src === \"string\"\n                                    ? m.icon.src\n                                    : null;\n                        return (\n                            <a\n                                key={m.title}\n                                className={`flex align-items-center menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                onClick={() => handleMenu(m)}\n                                style={{ cursor: 'pointer' }}\n                            >\n                                {m.icon ?\n                                    <Image\n                                        src={iconSrc.startsWith(\"/\") ? iconSrc : `${env(\"API_URL\")}/${iconSrc}`}\n                                        alt={m.title}\n                                        height={30}\n                                        width={30}\n                                        className=\"relative\"\n                                        unoptimized\n                                    />\n                                    :\n                                    <div>\n                                        <Avatar label={m.title.charAt(0)} shape=\"circle\" style={{ backgroundColor: 'var(--primary-color)', fontWeight: 500 }} />\n                                    </div>\n                                }\n                            </a>\n                        )\n                    })}\n                </div>\n\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={`sidebar-right ${visibleNavbar ? \"open\" : \"\"}`}>\n\n                    <div className=\"flex relative justify-content-between align-items-center py-3 xl:py-4 px-3\">\n                        <div className=\"text-base sidebar-title font-semibold\">{currentMainMenu && currentMainMenu}</div>\n                        {/* <button\n                            className=\"sidebar-toggle-button\"\n                            onClick={handleToggle}\n                        >\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src={`/images/menu-toggle.png`}\n                                alt=\"Solid\"\n                            />\n                        </button> */}\n                    </div>\n                    {/* <div className=\"w-full px-3 mb-3\" style={{ position: 'relative' }} ref={searchRef}>\n                        <IconField iconPosition=\"left\">\n                            <InputIcon className=\"pi pi-search text-sm\"> </InputIcon>\n                            <InputText placeholder=\"Search\" className=\"small-input text-sm w-full pr-6\" />\n                        </IconField>\n                        <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 20 }}>\n                            <img\n                                style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div>\n                    </div> */}\n                    <div className=\"px-3 solid-sidebar-menuitems-wrapper\">\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default AppSidebar;\n"]}
+{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { hideNavbar, toggleNavbar } from \"../../redux/features/navbarSlice\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport SolidLink from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { env } from \"../../adapters/env\";\n\ntype SolidMenuItem = {\n    key?: string;\n    title: string;\n    path?: string;\n    icon?: string | { src?: string };\n    children?: SolidMenuItem[];\n};\n\nconst defaultMenuKey = env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\");\nconst SIDEBAR_STORAGE_KEY = \"solidx.sidebar.collapsed\";\nconst SELECTED_WORKSPACE_STORAGE_KEY = \"solidx.sidebar.selected-workspace\";\nconst SIDEBAR_TOGGLE_EVENT = \"solidx:sidebar-toggle\";\nconst DESKTOP_SIDEBAR_WIDTH = \"272px\";\nconst DEFAULT_WORKSPACE_TITLE = \"Solid Core\";\nconst DEFAULT_WORKSPACE_KEY = \"solid-core\";\n\nfunction normalizePath(path: string): string {\n    if (!path || path === \"/\") return \"/\";\n    return path.endsWith(\"/\") ? path.slice(0, -1) : path;\n}\n\nfunction getPathAndParams(targetPath: string): { pathname: string; searchParams: URLSearchParams } {\n    const parsed = new URL(targetPath, \"http://localhost\");\n    return {\n        pathname: normalizePath(parsed.pathname),\n        searchParams: new URLSearchParams(parsed.search),\n    };\n}\n\nfunction doesSearchParamsMatchSubset(requiredParams: URLSearchParams, currentParams: URLSearchParams): boolean {\n    const currentValueCounts = new Map<string, number>();\n    currentParams.forEach((value, key) => {\n        const token = `${key}=${value}`;\n        currentValueCounts.set(token, (currentValueCounts.get(token) || 0) + 1);\n    });\n\n    let isSubset = true;\n    requiredParams.forEach((value, key) => {\n        if (!isSubset) return;\n        const token = `${key}=${value}`;\n        const count = currentValueCounts.get(token) || 0;\n        if (count <= 0) {\n            isSubset = false;\n            return;\n        }\n        currentValueCounts.set(token, count - 1);\n    });\n\n    return isSubset;\n}\n\nfunction isMenuPathActive(itemPath: string | undefined, currentPathname: string, currentSearchParams: URLSearchParams): boolean {\n    if (!itemPath) return false;\n\n    const { pathname: itemPathname, searchParams: itemSearchParams } = getPathAndParams(itemPath);\n    if (itemPathname !== normalizePath(currentPathname)) return false;\n\n    return doesSearchParamsMatchSubset(itemSearchParams, currentSearchParams);\n}\n\nfunction filterMenuItems(items: SolidMenuItem[], query: string): SolidMenuItem[] {\n    const normalizedQuery = query.trim().toLowerCase();\n    if (!normalizedQuery) return items;\n\n    const next: SolidMenuItem[] = [];\n    items.forEach((item) => {\n        const children = item.children ? filterMenuItems(item.children, normalizedQuery) : [];\n        const matchesSelf = item.title.toLowerCase().includes(normalizedQuery);\n        if (matchesSelf || children.length > 0) {\n            next.push({ ...item, children });\n        }\n    });\n    return next;\n}\n\nfunction resolveDefaultWorkspace(items: SolidMenuItem[]) {\n    return (\n        items.find((item) => item.key === DEFAULT_WORKSPACE_KEY) ||\n        items.find((item) => item.title.trim().toLowerCase() === DEFAULT_WORKSPACE_TITLE.toLowerCase()) ||\n        items.find((item) => item.key === defaultMenuKey) ||\n        items[0]\n    );\n}\n\nconst SidebarMenuTree = ({\n    items,\n    pathname,\n    searchParams,\n    forceExpand,\n}: {\n    items: SolidMenuItem[];\n    pathname: string;\n    searchParams: URLSearchParams;\n    forceExpand?: boolean;\n}) => {\n    const [expandedKeys, setExpandedKeys] = useState<Record<string, boolean>>({});\n\n    const buildNodeId = (node: SolidMenuItem, parentId: string, index: number) => {\n        const base = node.key || node.path || node.title || `node-${index}`;\n        return `${parentId}/${base}`;\n    };\n\n    useEffect(() => {\n        const initialExpanded: Record<string, boolean> = {};\n        if (forceExpand) {\n            const walk = (nodes: SolidMenuItem[], parentId = \"root\") => {\n                nodes.forEach((node, index) => {\n                    const nodeId = buildNodeId(node, parentId, index);\n                    if (node.children && node.children.length > 0 && node.key) {\n                        initialExpanded[nodeId] = true;\n                        walk(node.children, nodeId);\n                    } else if (node.children && node.children.length > 0) {\n                        initialExpanded[nodeId] = true;\n                        walk(node.children, nodeId);\n                    }\n                });\n            };\n            walk(items);\n        }\n        setExpandedKeys(initialExpanded);\n    }, [items, forceExpand]);\n\n    const toggleExpanded = (nodeId: string) => {\n        setExpandedKeys((prev) => ({ ...prev, [nodeId]: !prev[nodeId] }));\n    };\n\n    const renderNode = (node: SolidMenuItem, depth = 0, parentId = \"root\", index = 0) => {\n        const nodeId = buildNodeId(node, parentId, index);\n        const hasChildren = !!(node.children && node.children.length > 0);\n        const isExpanded = expandedKeys[nodeId] === true;\n        const isActive = isMenuPathActive(node.path, pathname, searchParams);\n        const paddingLeft = 12 + depth * 14;\n\n        return (\n            <li key={nodeId} className=\"solid-sidebar-tree-item\">\n                <div\n                    className={`solid-sidebar-tree-row ${isActive ? \"is-active\" : \"\"}`}\n                    style={{ paddingLeft }}\n                >\n                    {hasChildren ? (\n                        <button\n                            type=\"button\"\n                            className=\"solid-sidebar-tree-parent\"\n                            onClick={() => toggleExpanded(nodeId)}\n                            aria-expanded={isExpanded}\n                            aria-label={`Toggle ${node.title}`}\n                        >\n                            <span className=\"solid-sidebar-tree-label\">{node.title}</span>\n                        </button>\n                    ) : node.path ? (\n                        <SolidLink href={node.path} className=\"solid-sidebar-tree-link\">\n                            <span className=\"solid-sidebar-tree-label\">{node.title}</span>\n                        </SolidLink>\n                    ) : (\n                        <span className=\"solid-sidebar-tree-label\">{node.title}</span>\n                    )}\n                    {hasChildren && (\n                        <button\n                            type=\"button\"\n                            className=\"solid-sidebar-tree-toggle\"\n                            onClick={() => toggleExpanded(nodeId)}\n                            aria-label={`Toggle ${node.title}`}\n                        >\n                            <span className=\"solid-tree-plusminus\">{isExpanded ? \"−\" : \"+\"}</span>\n                        </button>\n                    )}\n                </div>\n                {hasChildren && isExpanded && (\n                    <ul className=\"solid-sidebar-tree-list solid-sidebar-tree-children\">\n                        {node.children!.map((child, childIndex) => renderNode(child, depth + 1, nodeId, childIndex))}\n                    </ul>\n                )}\n            </li>\n        );\n    };\n\n    return <ul className=\"solid-sidebar-tree-list\">{items.map((item, index) => renderNode(item, 0, \"root\", index))}</ul>;\n};\n\nconst AppSidebar = () => {\n    const dispatch = useDispatch();\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    const visibleNavbar = useSelector((state: any) => state.navbarState.visibleNavbar);\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n    const [searchTerm, setSearchTerm] = useState(\"\");\n    const [workspaceOpen, setWorkspaceOpen] = useState(false);\n    const [selectedWorkspaceKey, setSelectedWorkspaceKey] = useState<string>(() => {\n        if (typeof window === \"undefined\") return \"\";\n        return window.localStorage.getItem(SELECTED_WORKSPACE_STORAGE_KEY) || \"\";\n    });\n    const [isDesktop, setIsDesktop] = useState<boolean>(typeof window === \"undefined\" ? true : window.innerWidth > 1199);\n    const [isCollapsed, setIsCollapsed] = useState<boolean>(() => {\n        if (typeof window === \"undefined\") return false;\n        const stored = window.localStorage.getItem(SIDEBAR_STORAGE_KEY);\n        if (stored === null) return true;\n        return stored === \"true\";\n    });\n\n    const { data } = useSession();\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data, dispatch]);\n\n    useEffect(() => {\n        const onResize = () => {\n            const desktop = window.innerWidth > 1199;\n            setIsDesktop(desktop);\n            if (desktop) {\n                dispatch(hideNavbar());\n            }\n        };\n\n        onResize();\n        window.addEventListener(\"resize\", onResize);\n        return () => window.removeEventListener(\"resize\", onResize);\n    }, [dispatch]);\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        window.localStorage.setItem(SIDEBAR_STORAGE_KEY, String(isCollapsed));\n    }, [isCollapsed]);\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        if (!selectedWorkspaceKey) {\n            window.localStorage.removeItem(SELECTED_WORKSPACE_STORAGE_KEY);\n            return;\n        }\n        window.localStorage.setItem(SELECTED_WORKSPACE_STORAGE_KEY, selectedWorkspaceKey);\n    }, [selectedWorkspaceKey]);\n\n    useEffect(() => {\n        const width = isDesktop ? (isCollapsed ? \"0px\" : DESKTOP_SIDEBAR_WIDTH) : \"0px\";\n        document.documentElement.style.setProperty(\"--solid-sidebar-width\", width);\n    }, [isDesktop, isCollapsed]);\n\n    useEffect(() => {\n        if (!menu?.data?.length) return;\n        const defaultWorkspace = resolveDefaultWorkspace(menu.data);\n        const hasSelectedWorkspace = menu.data.some((workspace: SolidMenuItem) => workspace.key === selectedWorkspaceKey);\n        const nextWorkspaceKey = hasSelectedWorkspace ? selectedWorkspaceKey : defaultWorkspace?.key || \"\";\n\n        if (nextWorkspaceKey !== selectedWorkspaceKey) {\n            setSelectedWorkspaceKey(nextWorkspaceKey);\n        }\n    }, [menu, selectedWorkspaceKey]);\n\n    useEffect(() => {\n        if (!isDesktop) {\n            dispatch(hideNavbar());\n        }\n    }, [pathname, dispatch, isDesktop]);\n\n    useEffect(() => {\n        const onToggleRequest = () => {\n            if (window.innerWidth > 1199) {\n                setIsCollapsed((prev) => !prev);\n                return;\n            }\n            dispatch(toggleNavbar());\n        };\n\n        window.addEventListener(SIDEBAR_TOGGLE_EVENT, onToggleRequest);\n        return () => window.removeEventListener(SIDEBAR_TOGGLE_EVENT, onToggleRequest);\n    }, [dispatch]);\n\n    const workspaces: SolidMenuItem[] = menu?.data || [];\n    const selectedWorkspace = workspaces.find((m) => m.key === selectedWorkspaceKey) || workspaces[0];\n    const selectedWorkspaceChildren = selectedWorkspace?.children || [];\n\n    const filteredMenu = useMemo(\n        () => filterMenuItems(selectedWorkspaceChildren, searchTerm),\n        [selectedWorkspaceChildren, searchTerm]\n    );\n\n    const shellClasses = [\n        \"solid-sidebar\",\n        isDesktop && isCollapsed ? \"is-collapsed\" : \"\",\n        !isDesktop && visibleNavbar ? \"is-open\" : \"\",\n    ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const selectWorkspace = (workspace: SolidMenuItem) => {\n        setSelectedWorkspaceKey(workspace.key || \"\");\n        setSearchTerm(\"\");\n        setWorkspaceOpen(false);\n    };\n\n    return (\n        <>\n            {!isDesktop && visibleNavbar && <div className=\"solid-sidebar-backdrop\" onClick={() => dispatch(toggleNavbar())} />}\n\n            <aside className={shellClasses}>\n                <div className=\"solid-sidebar-header\">\n                    <div className=\"solid-workspace-switcher\">\n                        <button\n                            type=\"button\"\n                            className=\"solid-workspace-trigger\"\n                            onClick={() => setWorkspaceOpen((prev) => !prev)}\n                            aria-label=\"Select workspace\"\n                        >\n                            <span className=\"solid-workspace-avatar\">\n                                {(selectedWorkspace?.title || \"W\").slice(0, 1).toUpperCase()}\n                            </span>\n                            {!isCollapsed && (\n                                <>\n                                    <span className=\"solid-workspace-label-wrap\">\n                                        <span className=\"solid-workspace-label-top\">Workspace</span>\n                                        <span className=\"solid-workspace-label\">{selectedWorkspace?.title || \"Workspace\"}</span>\n                                    </span>\n                                    <span className={`solid-workspace-chevron-dual ${workspaceOpen ? \"is-open\" : \"\"}`} aria-hidden=\"true\">\n                                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                                            <path d=\"M4 6L7 3L10 6\" stroke=\"currentColor\" strokeWidth=\"1.25\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                                            <path d=\"M4 8L7 11L10 8\" stroke=\"currentColor\" strokeWidth=\"1.25\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                                        </svg>\n                                    </span>\n                                </>\n                            )}\n                        </button>\n\n                        {workspaceOpen && !isCollapsed && (\n                            <div className=\"solid-workspace-menu\">\n                                {workspaces.map((workspace) => (\n                                    <button\n                                        type=\"button\"\n                                        key={workspace.key || workspace.title}\n                                        className={`solid-workspace-item ${workspace.key === selectedWorkspace?.key ? \"is-active\" : \"\"}`}\n                                        onClick={() => selectWorkspace(workspace)}\n                                    >\n                                        <span className=\"solid-workspace-item-avatar\">{workspace.title.slice(0, 1).toUpperCase()}</span>\n                                        <span className=\"solid-workspace-item-label\">{workspace.title}</span>\n                                    </button>\n                                ))}\n                            </div>\n                        )}\n                    </div>\n\n                </div>\n\n                {!isCollapsed ? (\n                    <>\n                        <div className=\"solid-sidebar-search-wrap\">\n                            <input\n                                type=\"text\"\n                                value={searchTerm}\n                                onChange={(e) => setSearchTerm(e.target.value)}\n                                placeholder=\"Search in menu...\"\n                                className=\"solid-sidebar-search\"\n                            />\n                        </div>\n\n                        <div className=\"solid-sidebar-tree-wrap\">\n                            <SidebarMenuTree items={filteredMenu} pathname={pathname} searchParams={searchParams} forceExpand={!!searchTerm.trim()} />\n                        </div>\n                    </>\n                ) : (\n                    <div className=\"solid-sidebar-collapsed-nav\">\n                        {filteredMenu.slice(0, 10).map((item) => (\n                            <SolidLink\n                                key={item.key || item.title}\n                                href={item.path || \"#\"}\n                                className={`solid-collapsed-item ${isMenuPathActive(item.path, pathname, searchParams) ? \"is-active\" : \"\"}`}\n                                title={item.title}\n                            >\n                                {item.title.slice(0, 1).toUpperCase()}\n                            </SolidLink>\n                        ))}\n                    </div>\n                )}\n\n                <div className=\"solid-sidebar-footer\">\n                    <UserProfileMenu />\n                </div>\n            </aside>\n\n            {isDesktop && isCollapsed && (\n                <button\n                    type=\"button\"\n                    className=\"solid-sidebar-hotspot\"\n                    onClick={() => setIsCollapsed(false)}\n                    aria-label=\"Expand sidebar\"\n                    title=\"Expand sidebar\"\n                />\n            )}\n        </>\n    );\n};\n\nexport default AppSidebar;\n"]}