@veiag/payload-enhanced-sidebar 0.2.0 → 0.3.0-beta.0

package/dist/components/EnhancedSidebar/context.d.ts

@@ -0,0 +1,6 @@
+export type EnhancedSidebarContextValue = {
+    activeTabId: string;
+    onTabChange: (tabId: string) => void;
+};
+export declare const EnhancedSidebarContext: import("react").Context<EnhancedSidebarContextValue>;
+export declare const useEnhancedSidebar: () => EnhancedSidebarContextValue;

package/dist/components/EnhancedSidebar/context.js

@@ -0,0 +1,9 @@
+'use client';
+import { createContext, useContext } from 'react';
+export const EnhancedSidebarContext = createContext({
+    activeTabId: '',
+    onTabChange: ()=>{}
+});
+export const useEnhancedSidebar = ()=>useContext(EnhancedSidebarContext);
+
+//# sourceMappingURL=context.js.map

package/dist/components/EnhancedSidebar/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EnhancedSidebar/context.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\n\nexport type EnhancedSidebarContextValue = {\n  activeTabId: string\n  onTabChange: (tabId: string) => void\n}\n\nexport const EnhancedSidebarContext = createContext<EnhancedSidebarContextValue>({\n  activeTabId: '',\n  onTabChange: () => {},\n})\n\nexport const useEnhancedSidebar = () => useContext(EnhancedSidebarContext)\n"],"names":["createContext","useContext","EnhancedSidebarContext","activeTabId","onTabChange","useEnhancedSidebar"],"mappings":"AAAA;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAOjD,OAAO,MAAMC,yBAAyBF,cAA2C;IAC/EG,aAAa;IACbC,aAAa,KAAO;AACtB,GAAE;AAEF,OAAO,MAAMC,qBAAqB,IAAMJ,WAAWC,wBAAuB"}

package/dist/components/EnhancedSidebar/hooks/useNavItemState.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Hook to get the active state of a nav item based on the current pathname.
+ * Use this in your custom NavItem component registered via `customComponents.NavItem`.
+ *
+ * @example
+ * ```tsx
+ * 'use client'
+ * import { useNavItemState } from '@veiag/payload-enhanced-sidebar'
+ *
+ * export const MyNavItem = ({ href, label }) => {
+ *   const { isActive, isCurrentPage } = useNavItemState(href)
+ *   return (
+ *     <a href={href} style={{ fontWeight: isActive ? 'bold' : 'normal' }}>
+ *       {label}
+ *     </a>
+ *   )
+ * }
+ * ```
+ */
+export declare const useNavItemState: (href: string) => {
+    isActive: boolean;
+    isCurrentPage: boolean;
+};

package/dist/components/EnhancedSidebar/hooks/useNavItemState.js

@@ -0,0 +1,32 @@
+'use client';
+import { usePathname } from 'next/navigation';
+/**
+ * Hook to get the active state of a nav item based on the current pathname.
+ * Use this in your custom NavItem component registered via `customComponents.NavItem`.
+ *
+ * @example
+ * ```tsx
+ * 'use client'
+ * import { useNavItemState } from '@veiag/payload-enhanced-sidebar'
+ *
+ * export const MyNavItem = ({ href, label }) => {
+ *   const { isActive, isCurrentPage } = useNavItemState(href)
+ *   return (
+ *     <a href={href} style={{ fontWeight: isActive ? 'bold' : 'normal' }}>
+ *       {label}
+ *     </a>
+ *   )
+ * }
+ * ```
+ */ export const useNavItemState = (href)=>{
+    const pathname = usePathname();
+    return {
+        isActive: pathname.startsWith(href) && [
+            '/',
+            undefined
+        ].includes(pathname[href.length]),
+        isCurrentPage: pathname === href
+    };
+};
+
+//# sourceMappingURL=useNavItemState.js.map

package/dist/components/EnhancedSidebar/hooks/useNavItemState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EnhancedSidebar/hooks/useNavItemState.ts"],"sourcesContent":["'use client'\n\nimport { usePathname } from 'next/navigation'\n\n/**\n * Hook to get the active state of a nav item based on the current pathname.\n * Use this in your custom NavItem component registered via `customComponents.NavItem`.\n *\n * @example\n * ```tsx\n * 'use client'\n * import { useNavItemState } from '@veiag/payload-enhanced-sidebar'\n *\n * export const MyNavItem = ({ href, label }) => {\n *   const { isActive, isCurrentPage } = useNavItemState(href)\n *   return (\n *     <a href={href} style={{ fontWeight: isActive ? 'bold' : 'normal' }}>\n *       {label}\n *     </a>\n *   )\n * }\n * ```\n */\nexport const useNavItemState = (href: string): { isActive: boolean; isCurrentPage: boolean } => {\n  const pathname = usePathname()\n  return {\n    isActive: pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length]),\n    isCurrentPage: pathname === href,\n  }\n}\n"],"names":["usePathname","useNavItemState","href","pathname","isActive","startsWith","undefined","includes","length","isCurrentPage"],"mappings":"AAAA;AAEA,SAASA,WAAW,QAAQ,kBAAiB;AAE7C;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMC,WAAWH;IACjB,OAAO;QACLI,UAAUD,SAASE,UAAU,CAACH,SAAS;YAAC;YAAKI;SAAU,CAACC,QAAQ,CAACJ,QAAQ,CAACD,KAAKM,MAAM,CAAC;QACtFC,eAAeN,aAAaD;IAC9B;AACF,EAAC"}

package/dist/components/EnhancedSidebar/hooks/useTabState.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Returns whether a sidebar tab is currently active.
+ * Use this inside a custom `NavContent` component to show/hide tab content.
+ *
+ * @example
+ * ```tsx
+ * const { isActive } = useTabState('my-tab-id')
+ * return <div style={{ display: isActive ? undefined : 'none' }}>{children}</div>
+ * ```
+ */
+export declare const useTabState: (id: string) => {
+    isActive: boolean;
+};

package/dist/components/EnhancedSidebar/hooks/useTabState.js

@@ -0,0 +1,19 @@
+'use client';
+import { useEnhancedSidebar } from '../context';
+/**
+ * Returns whether a sidebar tab is currently active.
+ * Use this inside a custom `NavContent` component to show/hide tab content.
+ *
+ * @example
+ * ```tsx
+ * const { isActive } = useTabState('my-tab-id')
+ * return <div style={{ display: isActive ? undefined : 'none' }}>{children}</div>
+ * ```
+ */ export const useTabState = (id)=>{
+    const { activeTabId } = useEnhancedSidebar();
+    return {
+        isActive: activeTabId === id
+    };
+};
+
+//# sourceMappingURL=useTabState.js.map

package/dist/components/EnhancedSidebar/hooks/useTabState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EnhancedSidebar/hooks/useTabState.ts"],"sourcesContent":["'use client'\n\nimport { useEnhancedSidebar } from '../context'\n\n/**\n * Returns whether a sidebar tab is currently active.\n * Use this inside a custom `NavContent` component to show/hide tab content.\n *\n * @example\n * ```tsx\n * const { isActive } = useTabState('my-tab-id')\n * return <div style={{ display: isActive ? undefined : 'none' }}>{children}</div>\n * ```\n */\nexport const useTabState = (id: string): { isActive: boolean } => {\n  const { activeTabId } = useEnhancedSidebar()\n  return { isActive: activeTabId === id }\n}\n"],"names":["useEnhancedSidebar","useTabState","id","activeTabId","isActive"],"mappings":"AAAA;AAEA,SAASA,kBAAkB,QAAQ,aAAY;AAE/C;;;;;;;;;CASC,GACD,OAAO,MAAMC,cAAc,CAACC;IAC1B,MAAM,EAAEC,WAAW,EAAE,GAAGH;IACxB,OAAO;QAAEI,UAAUD,gBAAgBD;IAAG;AACxC,EAAC"}

package/dist/components/EnhancedSidebar/index.js

@@ -1,14 +1,105 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { NavGroup } from '@payloadcms/ui';
 import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
 import { cookies } from 'next/headers';
-import React from 'react';
+import { formatAdminURL } from 'payload/shared';
+import React, { Fragment } from 'react';
 const COOKIE_KEY = 'payload-enhanced-sidebar-active-tab';
+import { extractLocalizedValue, resolveSidebarComponent } from '../../utils';
 import { getNavPrefs } from './getNavPrefs';
+import { Icon } from './Icon';
+import { NavItem } from './NavItem';
 import { SidebarContent } from './SidebarContent';
 import './index.scss';
+/**
+ * Computes filtered and merged groups for a specific tab (server-side).
+ */ const computeGroupsForTab = (tab, groups, currentLang)=>{
+    const { collections: tabCollections, customItems, globals: tabGlobals } = tab;
+    const showAll = !tabCollections && !tabGlobals;
+    const allowedSlugs = new Set([
+        ...tabCollections ?? [],
+        ...tabGlobals ?? []
+    ]);
+    let result = [];
+    if (showAll) {
+        result = groups.map((g)=>({
+                ...g,
+                entities: [
+                    ...g.entities
+                ]
+            }));
+    } else if (allowedSlugs.size > 0) {
+        result = groups.map((group)=>({
+                ...group,
+                entities: group.entities.filter((entity)=>allowedSlugs.has(entity.slug))
+            })).filter((group)=>group.entities.length > 0);
+    }
+    if (customItems && customItems.length > 0) {
+        const topAdditions = [];
+        const topUngrouped = [];
+        const bottomUngrouped = [];
+        const toEntity = (item)=>({
+                slug: item.slug,
+                type: 'custom',
+                href: item.href,
+                isExternal: item.isExternal,
+                label: item.label
+            });
+        for (const item of customItems){
+            if (item.group) {
+                const itemGroupLabel = extractLocalizedValue(item.group, currentLang);
+                const existingGroup = result.find((g)=>{
+                    const groupLabel = extractLocalizedValue(g.label, currentLang);
+                    return groupLabel === itemGroupLabel;
+                });
+                if (existingGroup) {
+                    // Merged into existing collection group — position has no effect here
+                    existingGroup.entities.push(toEntity(item));
+                } else {
+                    // New custom group — position controls top vs bottom
+                    const newGroup = {
+                        entities: [
+                            toEntity(item)
+                        ],
+                        label: item.group
+                    };
+                    if (item.position === 'top') {
+                        topAdditions.push(newGroup);
+                    } else {
+                        result.push(newGroup);
+                    }
+                }
+            } else {
+                if (item.position === 'top') {
+                    topUngrouped.push(item);
+                } else {
+                    bottomUngrouped.push(item);
+                }
+            }
+        }
+        if (topUngrouped.length > 0) {
+            topAdditions.unshift({
+                entities: topUngrouped.map(toEntity),
+                label: ''
+            });
+        }
+        if (bottomUngrouped.length > 0) {
+            result.push({
+                entities: bottomUngrouped.map(toEntity),
+                label: ''
+            });
+        }
+        result = [
+            ...topAdditions,
+            ...result
+        ];
+    }
+    return result;
+};
 export const EnhancedSidebar = async (props)=>{
-    const { i18n, locale, params, payload, permissions, req, searchParams, sidebarConfig, user, visibleEntities } = props;
+    const { i18n, locale, params, payload, permissions, req, searchParams, sidebarConfig, user, visibleEntities, documentSubViewType, viewType } = props;
     if (!payload?.config) {
         return null;
     }
@@ -33,23 +124,29 @@ export const EnhancedSidebar = async (props)=>{
         searchParams,
         user
     };
+    const clientProps = {
+        documentSubViewType,
+        viewType
+    };
     const beforeNavLinksRendered = RenderServerComponent({
         Component: beforeNavLinks,
         importMap: payload.importMap,
-        serverProps
+        serverProps,
+        clientProps
     });
     const afterNavLinksRendered = RenderServerComponent({
         Component: afterNavLinks,
         importMap: payload.importMap,
-        serverProps
+        serverProps,
+        clientProps
     });
     const renderedSettingsMenu = settingsMenu && Array.isArray(settingsMenu) ? settingsMenu.map((item, index)=>RenderServerComponent({
             Component: item,
             importMap: payload.importMap,
             key: `settings-menu-item-${index}`,
-            serverProps
+            serverProps,
+            clientProps
         })) : [];
-    // Default config if not provided
     const config = sidebarConfig ?? {
         tabs: [
             {
@@ -66,14 +163,194 @@ export const EnhancedSidebar = async (props)=>{
     const tabs = config.tabs?.filter((t)=>t.type === 'tab') ?? [];
     const defaultTabId = tabs[0]?.id ?? 'default';
     const initialActiveTabId = storedTabId && tabs.some((t)=>t.id === storedTabId) ? storedTabId : defaultTabId;
+    const adminRoute = payload.config.routes.admin;
+    const currentLang = i18n.language;
+    /**
+   * Renders a single entity as a NavItem (default or custom).
+   */ const renderEntity = (entity, key)=>{
+        const { slug, type } = entity;
+        let href;
+        let id;
+        if (type === 'collection') {
+            href = formatAdminURL({
+                adminRoute,
+                path: `/collections/${slug}`
+            });
+            id = `nav-${slug}`;
+        } else if (type === 'global') {
+            href = formatAdminURL({
+                adminRoute,
+                path: `/globals/${slug}`
+            });
+            id = `nav-global-${slug}`;
+        } else if (type === 'custom' && entity.href) {
+            id = `nav-custom-${slug}`;
+            href = entity.isExternal ? entity.href : formatAdminURL({
+                adminRoute,
+                path: entity.href
+            });
+        } else {
+            return null;
+        }
+        const badgeConfig = config.badges?.[slug];
+        if (config.customComponents?.NavItem) {
+            const label = getTranslation(entity.label, i18n);
+            const { path, clientProps: extraProps } = resolveSidebarComponent(config.customComponents.NavItem);
+            return RenderServerComponent({
+                Component: path,
+                importMap: payload.importMap,
+                key,
+                clientProps: {
+                    entity,
+                    href,
+                    id,
+                    badgeConfig,
+                    label,
+                    ...extraProps
+                }
+            });
+        }
+        return /*#__PURE__*/ _jsx(NavItem, {
+            badgeConfig: badgeConfig,
+            entity: entity,
+            href: href,
+            id: id
+        }, key);
+    };
+    /**
+   * Renders a group with its entities (default NavGroup or custom).
+   */ const renderGroup = (group, key)=>{
+        const { entities, label } = group;
+        const isUngrouped = !label || typeof label === 'string' && label === '';
+        const translatedLabel = getTranslation(label || '', i18n);
+        const items = entities.map((entity, i)=>renderEntity(entity, `${key}-${i}`));
+        if (isUngrouped) {
+            return /*#__PURE__*/ _jsx(Fragment, {
+                children: items
+            }, key);
+        }
+        if (config.customComponents?.NavGroup) {
+            const { path, clientProps: extraProps } = resolveSidebarComponent(config.customComponents.NavGroup);
+            return RenderServerComponent({
+                Component: path,
+                importMap: payload.importMap,
+                key,
+                clientProps: {
+                    label: translatedLabel,
+                    isOpen: navPreferences?.groups?.[translatedLabel]?.open,
+                    children: items,
+                    ...extraProps
+                }
+            });
+        }
+        return /*#__PURE__*/ _jsx(NavGroup, {
+            isOpen: navPreferences?.groups?.[translatedLabel]?.open,
+            label: translatedLabel,
+            children: items
+        }, key);
+    };
+    // Pre-render content for every tab on the server
+    const tabsContent = {};
+    for (const tab of tabs){
+        const tabGroups = computeGroupsForTab(tab, groups, currentLang);
+        tabsContent[tab.id] = /*#__PURE__*/ _jsx(Fragment, {
+            children: tabGroups.map((group, i)=>renderGroup(group, `${tab.id}-${i}`))
+        });
+    }
+    // For the no-tabs fallback
+    const allContent = tabs.length === 0 ? /*#__PURE__*/ _jsx(Fragment, {
+        children: groups.map((group, i)=>renderGroup(group, `all-${i}`))
+    }) : undefined;
+    // Build server-side icon and tab button rendering
+    const allTabItems = config.tabs ?? [];
+    const hasCustomTabButton = !!config.customComponents?.TabButton;
+    const hasAnyIconComponent = allTabItems.some((t)=>t.iconComponent);
+    // tabIcons: per-id icon node (only built when no custom TabButton, just iconComponent overrides)
+    const tabIcons = {};
+    // renderedTabItems: fully custom tab button nodes (built when customComponents.TabButton is set)
+    const renderedTabItems = [];
+    if (hasCustomTabButton || hasAnyIconComponent) {
+        for (const item of allTabItems){
+            const label = getTranslation(item.label, i18n);
+            // Resolve icon: custom iconComponent > default Lucide
+            let iconNode;
+            if (item.iconComponent) {
+                const { path: iconPath, clientProps: iconExtraProps } = resolveSidebarComponent(item.iconComponent);
+                iconNode = RenderServerComponent({
+                    Component: iconPath,
+                    importMap: payload.importMap,
+                    clientProps: {
+                        id: item.id,
+                        label,
+                        type: item.type,
+                        ...iconExtraProps
+                    }
+                });
+            } else {
+                iconNode = /*#__PURE__*/ _jsx(Icon, {
+                    name: item.icon,
+                    size: 20
+                });
+            }
+            if (hasCustomTabButton) {
+                // Compute href for links
+                let href;
+                if (item.type === 'link') {
+                    href = item.isExternal ? item.href : formatAdminURL({
+                        adminRoute,
+                        path: item.href
+                    });
+                }
+                const { path: tabBtnPath, clientProps: tabBtnExtraProps } = resolveSidebarComponent(config.customComponents.TabButton);
+                renderedTabItems.push(RenderServerComponent({
+                    Component: tabBtnPath,
+                    importMap: payload.importMap,
+                    key: item.id,
+                    clientProps: {
+                        badge: item.badge,
+                        href,
+                        icon: iconNode,
+                        id: item.id,
+                        isExternal: item.type === 'link' ? item.isExternal : undefined,
+                        label,
+                        type: item.type,
+                        ...tabBtnExtraProps
+                    }
+                }));
+            } else if (item.iconComponent) {
+                tabIcons[item.id] = iconNode;
+            }
+        }
+    }
+    const customNavContent = config.customComponents?.NavContent ? (()=>{
+        const { path, clientProps: extraProps } = resolveSidebarComponent(config.customComponents.NavContent);
+        return RenderServerComponent({
+            Component: path,
+            importMap: payload.importMap,
+            key: 'enhanced-sidebar-nav-content',
+            clientProps: {
+                afterNavLinks: afterNavLinksRendered,
+                allContent,
+                beforeNavLinks: beforeNavLinksRendered,
+                tabs: tabs.map((t)=>({
+                        id: t.id
+                    })),
+                tabsContent,
+                ...extraProps
+            }
+        });
+    })() : undefined;
     return /*#__PURE__*/ _jsx(SidebarContent, {
         afterNavLinks: afterNavLinksRendered,
+        allContent: allContent,
         beforeNavLinks: beforeNavLinksRendered,
-        groups: groups,
+        customNavContent: customNavContent,
         initialActiveTabId: initialActiveTabId,
-        navPreferences: navPreferences,
+        renderedTabItems: renderedTabItems.length > 0 ? renderedTabItems : undefined,
         settingsMenu: renderedSettingsMenu,
-        sidebarConfig: config
+        sidebarConfig: config,
+        tabIcons: Object.keys(tabIcons).length > 0 ? tabIcons : undefined,
+        tabsContent: tabsContent
     });
 };
 export default EnhancedSidebar;

package/dist/components/EnhancedSidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EnhancedSidebar/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport { cookies } from 'next/headers'\nimport React from 'react'\n\nconst COOKIE_KEY = 'payload-enhanced-sidebar-active-tab'\n\nimport type { EnhancedSidebarConfig, ExtendedGroup } from '../../types'\n\nimport { getNavPrefs } from './getNavPrefs'\nimport { SidebarContent } from './SidebarContent'\nimport './index.scss'\n\nexport type EnhancedSidebarProps = {\n  req?: PayloadRequest\n  sidebarConfig?: EnhancedSidebarConfig\n} & ServerProps\n\nexport const EnhancedSidebar: React.FC<EnhancedSidebarProps> = async (props) => {\n  const {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    sidebarConfig,\n    user,\n    visibleEntities,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks, settingsMenu },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities?.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities?.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions || {},\n    i18n,\n  ) as unknown as ExtendedGroup[]\n\n  const navPreferences = await getNavPrefs(req)\n\n  const serverProps = {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n  }\n\n  const beforeNavLinksRendered = RenderServerComponent({\n    Component: beforeNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  const afterNavLinksRendered = RenderServerComponent({\n    Component: afterNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  const renderedSettingsMenu =\n    settingsMenu && Array.isArray(settingsMenu)\n      ? settingsMenu.map((item, index) =>\n          RenderServerComponent({\n            Component: item,\n            importMap: payload.importMap,\n            key: `settings-menu-item-${index}`,\n            serverProps,\n          }),\n        )\n      : []\n\n  // Default config if not provided\n  const config: EnhancedSidebarConfig = sidebarConfig ?? {\n    tabs: [\n      {\n        id: 'default',\n        type: 'tab',\n        icon: 'LayoutGrid',\n        label: 'Collections',\n      },\n    ],\n  }\n\n  // Read active tab from cookie\n  const cookieStore = await cookies()\n  const storedTabId = cookieStore.get(COOKIE_KEY)?.value\n  const tabs = config.tabs?.filter((t) => t.type === 'tab') ?? []\n  const defaultTabId = tabs[0]?.id ?? 'default'\n  const initialActiveTabId =\n    storedTabId && tabs.some((t) => t.id === storedTabId) ? storedTabId : defaultTabId\n\n  return (\n    <SidebarContent\n      afterNavLinks={afterNavLinksRendered}\n      beforeNavLinks={beforeNavLinksRendered}\n      groups={groups}\n      initialActiveTabId={initialActiveTabId}\n      navPreferences={navPreferences}\n      settingsMenu={renderedSettingsMenu}\n      sidebarConfig={config}\n    />\n  )\n}\n\nexport default EnhancedSidebar\n"],"names":["RenderServerComponent","EntityType","groupNavItems","cookies","React","COOKIE_KEY","getNavPrefs","SidebarContent","EnhancedSidebar","props","i18n","locale","params","payload","permissions","req","searchParams","sidebarConfig","user","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","settingsMenu","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","serverProps","beforeNavLinksRendered","Component","importMap","afterNavLinksRendered","renderedSettingsMenu","Array","isArray","item","index","key","tabs","id","icon","label","cookieStore","storedTabId","get","value","t","defaultTabId","initialActiveTabId","some"],"mappings":";AAGA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,UAAU,EAAEC,aAAa,QAAQ,wBAAuB;AACjE,SAASC,OAAO,QAAQ,eAAc;AACtC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,aAAa;AAInB,SAASC,WAAW,QAAQ,gBAAe;AAC3C,SAASC,cAAc,QAAQ,mBAAkB;AACjD,OAAO,eAAc;AAOrB,OAAO,MAAMC,kBAAkD,OAAOC;IACpE,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,GAAG,EACHC,YAAY,EACZC,aAAa,EACbC,IAAI,EACJC,eAAe,EAChB,GAAGV;IAEJ,IAAI,CAACI,SAASO,QAAQ;QACpB,OAAO;IACT;IAEA,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,aAAa,EAAEC,cAAc,EAAEC,YAAY,EAAE,EAC5D,EACDC,WAAW,EACXC,OAAO,EACR,GAAGd,QAAQO,MAAM;IAElB,MAAMQ,SAAS1B,cACb;WACKwB,YACAG,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKX,iBAAiBO,YAAYK,SAASD,OAC3DE,GAAG,CACF,CAACC,aACE,CAAA;gBACCC,MAAMjC,WAAWgC,UAAU;gBAC3BE,QAAQF;YACV,CAAA;WAEHN,QACAE,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKX,iBAAiBQ,QAAQI,SAASD,OACvDE,GAAG,CACF,CAACI,SACE,CAAA;gBACCF,MAAMjC,WAAWmC,MAAM;gBACvBD,QAAQC;YACV,CAAA;KAEP,EACDtB,eAAe,CAAC,GAChBJ;IAGF,MAAM2B,iBAAiB,MAAM/B,YAAYS;IAEzC,MAAMuB,cAAc;QAClB5B;QACAC;QACAC;QACAC;QACAC;QACAE;QACAE;IACF;IAEA,MAAMqB,yBAAyBvC,sBAAsB;QACnDwC,WAAWhB;QACXiB,WAAW5B,QAAQ4B,SAAS;QAC5BH;IACF;IAEA,MAAMI,wBAAwB1C,sBAAsB;QAClDwC,WAAWjB;QACXkB,WAAW5B,QAAQ4B,SAAS;QAC5BH;IACF;IAEA,MAAMK,uBACJlB,gBAAgBmB,MAAMC,OAAO,CAACpB,gBAC1BA,aAAaO,GAAG,CAAC,CAACc,MAAMC,QACtB/C,sBAAsB;YACpBwC,WAAWM;YACXL,WAAW5B,QAAQ4B,SAAS;YAC5BO,KAAK,CAAC,mBAAmB,EAAED,OAAO;YAClCT;QACF,MAEF,EAAE;IAER,iCAAiC;IACjC,MAAMlB,SAAgCH,iBAAiB;QACrDgC,MAAM;YACJ;gBACEC,IAAI;gBACJhB,MAAM;gBACNiB,MAAM;gBACNC,OAAO;YACT;SACD;IACH;IAEA,8BAA8B;IAC9B,MAAMC,cAAc,MAAMlD;IAC1B,MAAMmD,cAAcD,YAAYE,GAAG,CAAClD,aAAamD;IACjD,MAAMP,OAAO7B,OAAO6B,IAAI,EAAEpB,OAAO,CAAC4B,IAAMA,EAAEvB,IAAI,KAAK,UAAU,EAAE;IAC/D,MAAMwB,eAAeT,IAAI,CAAC,EAAE,EAAEC,MAAM;IACpC,MAAMS,qBACJL,eAAeL,KAAKW,IAAI,CAAC,CAACH,IAAMA,EAAEP,EAAE,KAAKI,eAAeA,cAAcI;IAExE,qBACE,KAACnD;QACCgB,eAAemB;QACflB,gBAAgBe;QAChBX,QAAQA;QACR+B,oBAAoBA;QACpBtB,gBAAgBA;QAChBZ,cAAckB;QACd1B,eAAeG;;AAGrB,EAAC;AAED,eAAeZ,gBAAe"}
+{"version":3,"sources":["../../../src/components/EnhancedSidebar/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { NavGroup } from '@payloadcms/ui'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport { cookies } from 'next/headers'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst COOKIE_KEY = 'payload-enhanced-sidebar-active-tab'\n\nimport type {\n  EnhancedSidebarConfig,\n  ExtendedEntity,\n  ExtendedGroup,\n  SidebarTab,\n  SidebarTabContent as SidebarTabContentType,\n  SidebarTabItem,\n} from '../../types'\n\nimport { extractLocalizedValue, resolveSidebarComponent } from '../../utils'\nimport { getNavPrefs } from './getNavPrefs'\nimport { Icon } from './Icon'\nimport { NavItem } from './NavItem'\nimport { SidebarContent } from './SidebarContent'\nimport './index.scss'\n\nexport type EnhancedSidebarProps = {\n  req?: PayloadRequest\n  sidebarConfig?: EnhancedSidebarConfig\n} & ServerProps\n\n/**\n * Computes filtered and merged groups for a specific tab (server-side).\n */\nconst computeGroupsForTab = (\n  tab: SidebarTabContentType,\n  groups: ExtendedGroup[],\n  currentLang: string,\n): ExtendedGroup[] => {\n  const { collections: tabCollections, customItems, globals: tabGlobals } = tab\n\n  const showAll = !tabCollections && !tabGlobals\n  const allowedSlugs = new Set([...(tabCollections ?? []), ...(tabGlobals ?? [])])\n\n  let result: ExtendedGroup[] = []\n\n  if (showAll) {\n    result = groups.map((g) => ({ ...g, entities: [...g.entities] }))\n  } else if (allowedSlugs.size > 0) {\n    result = groups\n      .map((group) => ({\n        ...group,\n        entities: group.entities.filter((entity) => allowedSlugs.has(entity.slug)),\n      }))\n      .filter((group) => group.entities.length > 0)\n  }\n\n  if (customItems && customItems.length > 0) {\n    const topAdditions: ExtendedGroup[] = []\n    const topUngrouped: SidebarTabItem[] = []\n    const bottomUngrouped: SidebarTabItem[] = []\n\n    const toEntity = (item: SidebarTabItem): ExtendedEntity =>\n      ({\n        slug: item.slug,\n        type: 'custom',\n        href: item.href,\n        isExternal: item.isExternal,\n        label: item.label,\n      }) as ExtendedEntity\n\n    for (const item of customItems) {\n      if (item.group) {\n        const itemGroupLabel = extractLocalizedValue(item.group, currentLang)\n        const existingGroup = result.find((g) => {\n          const groupLabel = extractLocalizedValue(g.label, currentLang)\n          return groupLabel === itemGroupLabel\n        })\n\n        if (existingGroup) {\n          // Merged into existing collection group — position has no effect here\n          existingGroup.entities.push(toEntity(item))\n        } else {\n          // New custom group — position controls top vs bottom\n          const newGroup: ExtendedGroup = { entities: [toEntity(item)], label: item.group }\n          if (item.position === 'top') {\n            topAdditions.push(newGroup)\n          } else {\n            result.push(newGroup)\n          }\n        }\n      } else {\n        if (item.position === 'top') {\n          topUngrouped.push(item)\n        } else {\n          bottomUngrouped.push(item)\n        }\n      }\n    }\n\n    if (topUngrouped.length > 0) {\n      topAdditions.unshift({ entities: topUngrouped.map(toEntity), label: '' })\n    }\n\n    if (bottomUngrouped.length > 0) {\n      result.push({ entities: bottomUngrouped.map(toEntity), label: '' })\n    }\n\n    result = [...topAdditions, ...result]\n  }\n\n  return result\n}\n\nexport const EnhancedSidebar: React.FC<EnhancedSidebarProps> = async (props) => {\n  const {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    sidebarConfig,\n    user,\n    visibleEntities,\n    documentSubViewType,\n    viewType,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks, settingsMenu },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities?.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities?.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions || {},\n    i18n,\n  ) as unknown as ExtendedGroup[]\n\n  const navPreferences = await getNavPrefs(req)\n\n  const serverProps = {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n  }\n\n  const clientProps = {\n    documentSubViewType,\n    viewType,\n  }\n\n  const beforeNavLinksRendered = RenderServerComponent({\n    Component: beforeNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n    clientProps,\n  })\n\n  const afterNavLinksRendered = RenderServerComponent({\n    Component: afterNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n    clientProps,\n  })\n\n  const renderedSettingsMenu =\n    settingsMenu && Array.isArray(settingsMenu)\n      ? settingsMenu.map((item, index) =>\n          RenderServerComponent({\n            Component: item,\n            importMap: payload.importMap,\n            key: `settings-menu-item-${index}`,\n            serverProps,\n            clientProps,\n          }),\n        )\n      : []\n\n  const config: EnhancedSidebarConfig = sidebarConfig ?? {\n    tabs: [\n      {\n        id: 'default',\n        type: 'tab',\n        icon: 'LayoutGrid',\n        label: 'Collections',\n      },\n    ],\n  }\n\n  // Read active tab from cookie\n  const cookieStore = await cookies()\n  const storedTabId = cookieStore.get(COOKIE_KEY)?.value\n  const tabs = config.tabs?.filter((t) => t.type === 'tab') ?? []\n  const defaultTabId = tabs[0]?.id ?? 'default'\n  const initialActiveTabId =\n    storedTabId && tabs.some((t) => t.id === storedTabId) ? storedTabId : defaultTabId\n\n  const adminRoute = payload.config.routes.admin\n  const currentLang = i18n.language\n\n  /**\n   * Renders a single entity as a NavItem (default or custom).\n   */\n  const renderEntity = (entity: ExtendedEntity, key: string): React.ReactNode => {\n    const { slug, type } = entity\n    let href: string\n    let id: string\n\n    if (type === 'collection') {\n      href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n      id = `nav-${slug}`\n    } else if (type === 'global') {\n      href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n      id = `nav-global-${slug}`\n    } else if (type === 'custom' && entity.href) {\n      id = `nav-custom-${slug}`\n      href = entity.isExternal ? entity.href : formatAdminURL({ adminRoute, path: entity.href })\n    } else {\n      return null\n    }\n\n    const badgeConfig = config.badges?.[slug]\n\n    if (config.customComponents?.NavItem) {\n      const label = getTranslation(entity.label, i18n)\n      const { path, clientProps: extraProps } = resolveSidebarComponent(config.customComponents.NavItem)\n      return RenderServerComponent({\n        Component: path,\n        importMap: payload.importMap,\n        key,\n        clientProps: { entity, href, id, badgeConfig, label, ...extraProps },\n      })\n    }\n\n    return <NavItem key={key} badgeConfig={badgeConfig} entity={entity} href={href} id={id} />\n  }\n\n  /**\n   * Renders a group with its entities (default NavGroup or custom).\n   */\n  const renderGroup = (group: ExtendedGroup, key: string): React.ReactNode => {\n    const { entities, label } = group\n    const isUngrouped = !label || (typeof label === 'string' && label === '')\n    const translatedLabel = getTranslation(label || '', i18n)\n\n    const items = entities.map((entity, i) => renderEntity(entity, `${key}-${i}`))\n\n    if (isUngrouped) {\n      return <Fragment key={key}>{items}</Fragment>\n    }\n\n    if (config.customComponents?.NavGroup) {\n      const { path, clientProps: extraProps } = resolveSidebarComponent(config.customComponents.NavGroup)\n      return RenderServerComponent({\n        Component: path,\n        importMap: payload.importMap,\n        key,\n        clientProps: {\n          label: translatedLabel,\n          isOpen: navPreferences?.groups?.[translatedLabel]?.open,\n          children: items,\n          ...extraProps,\n        },\n      })\n    }\n\n    return (\n      <NavGroup\n        isOpen={navPreferences?.groups?.[translatedLabel]?.open}\n        key={key}\n        label={translatedLabel}\n      >\n        {items}\n      </NavGroup>\n    )\n  }\n\n  // Pre-render content for every tab on the server\n  const tabsContent: Record<string, React.ReactNode> = {}\n  for (const tab of tabs) {\n    const tabGroups = computeGroupsForTab(tab, groups, currentLang)\n    tabsContent[tab.id] = (\n      <Fragment>{tabGroups.map((group, i) => renderGroup(group, `${tab.id}-${i}`))}</Fragment>\n    )\n  }\n\n  // For the no-tabs fallback\n  const allContent =\n    tabs.length === 0 ? (\n      <Fragment>{groups.map((group, i) => renderGroup(group, `all-${i}`))}</Fragment>\n    ) : undefined\n\n  // Build server-side icon and tab button rendering\n  const allTabItems = config.tabs ?? []\n  const hasCustomTabButton = !!config.customComponents?.TabButton\n  const hasAnyIconComponent = allTabItems.some((t) => t.iconComponent)\n\n  // tabIcons: per-id icon node (only built when no custom TabButton, just iconComponent overrides)\n  const tabIcons: Record<string, React.ReactNode> = {}\n  // renderedTabItems: fully custom tab button nodes (built when customComponents.TabButton is set)\n  const renderedTabItems: React.ReactNode[] = []\n\n  if (hasCustomTabButton || hasAnyIconComponent) {\n    for (const item of allTabItems) {\n      const label = getTranslation(item.label, i18n)\n\n      // Resolve icon: custom iconComponent > default Lucide\n      let iconNode: React.ReactNode\n      if (item.iconComponent) {\n        const { path: iconPath, clientProps: iconExtraProps } = resolveSidebarComponent(item.iconComponent)\n        iconNode = RenderServerComponent({\n          Component: iconPath,\n          importMap: payload.importMap,\n          clientProps: { id: item.id, label, type: item.type, ...iconExtraProps },\n        })\n      } else {\n        iconNode = <Icon name={item.icon!} size={20} />\n      }\n\n      if (hasCustomTabButton) {\n        // Compute href for links\n        let href: string | undefined\n        if (item.type === 'link') {\n          href = item.isExternal\n            ? item.href\n            : formatAdminURL({ adminRoute, path: item.href })\n        }\n\n        const { path: tabBtnPath, clientProps: tabBtnExtraProps } = resolveSidebarComponent(config.customComponents!.TabButton!)\n        renderedTabItems.push(\n          RenderServerComponent({\n            Component: tabBtnPath,\n            importMap: payload.importMap,\n            key: item.id,\n            clientProps: {\n              badge: item.badge,\n              href,\n              icon: iconNode,\n              id: item.id,\n              isExternal: item.type === 'link' ? item.isExternal : undefined,\n              label,\n              type: item.type,\n              ...tabBtnExtraProps,\n            },\n          }),\n        )\n      } else if (item.iconComponent) {\n        tabIcons[item.id] = iconNode\n      }\n    }\n  }\n\n  const customNavContent = config.customComponents?.NavContent\n    ? (() => {\n        const { path, clientProps: extraProps } = resolveSidebarComponent(config.customComponents!.NavContent!)\n        return RenderServerComponent({\n          Component: path,\n          importMap: payload.importMap,\n          key: 'enhanced-sidebar-nav-content',\n          clientProps: {\n            afterNavLinks: afterNavLinksRendered,\n            allContent,\n            beforeNavLinks: beforeNavLinksRendered,\n            tabs: tabs.map((t) => ({ id: t.id })),\n            tabsContent,\n            ...extraProps,\n          },\n        })\n      })()\n    : undefined\n\n  return (\n    <SidebarContent\n      afterNavLinks={afterNavLinksRendered}\n      allContent={allContent}\n      beforeNavLinks={beforeNavLinksRendered}\n      customNavContent={customNavContent}\n      initialActiveTabId={initialActiveTabId}\n      renderedTabItems={renderedTabItems.length > 0 ? renderedTabItems : undefined}\n      settingsMenu={renderedSettingsMenu}\n      sidebarConfig={config}\n      tabIcons={Object.keys(tabIcons).length > 0 ? tabIcons : undefined}\n      tabsContent={tabsContent}\n    />\n  )\n}\n\nexport default EnhancedSidebar\n"],"names":["getTranslation","RenderServerComponent","NavGroup","EntityType","groupNavItems","cookies","formatAdminURL","React","Fragment","COOKIE_KEY","extractLocalizedValue","resolveSidebarComponent","getNavPrefs","Icon","NavItem","SidebarContent","computeGroupsForTab","tab","groups","currentLang","collections","tabCollections","customItems","globals","tabGlobals","showAll","allowedSlugs","Set","result","map","g","entities","size","group","filter","entity","has","slug","length","topAdditions","topUngrouped","bottomUngrouped","toEntity","item","type","href","isExternal","label","itemGroupLabel","existingGroup","find","groupLabel","push","newGroup","position","unshift","EnhancedSidebar","props","i18n","locale","params","payload","permissions","req","searchParams","sidebarConfig","user","visibleEntities","documentSubViewType","viewType","config","admin","components","afterNavLinks","beforeNavLinks","settingsMenu","includes","collection","global","navPreferences","serverProps","clientProps","beforeNavLinksRendered","Component","importMap","afterNavLinksRendered","renderedSettingsMenu","Array","isArray","index","key","tabs","id","icon","cookieStore","storedTabId","get","value","t","defaultTabId","initialActiveTabId","some","adminRoute","routes","language","renderEntity","path","badgeConfig","badges","customComponents","extraProps","renderGroup","isUngrouped","translatedLabel","items","i","isOpen","open","children","tabsContent","tabGroups","allContent","undefined","allTabItems","hasCustomTabButton","TabButton","hasAnyIconComponent","iconComponent","tabIcons","renderedTabItems","iconNode","iconPath","iconExtraProps","name","tabBtnPath","tabBtnExtraProps","badge","customNavContent","NavContent","Object","keys"],"mappings":"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"}

package/dist/index.d.ts

@@ -2,4 +2,7 @@ import { type Config } from 'payload';
 import type { EnhancedSidebarConfig } from './types';
 export declare const payloadEnhancedSidebar: (pluginOptions?: EnhancedSidebarConfig) => (config: Config) => Config;
 export { BadgeProvider, useBadgeContext, useBadgeValue, } from './components/EnhancedSidebar/BadgeProvider';
-export type { BadgeColor, BadgeConfig, BadgeConfigApi, BadgeConfigCollectionCount, BadgeConfigProvider, BadgeValues, EnhancedSidebarConfig, } from './types';
+export { useEnhancedSidebar } from './components/EnhancedSidebar/context';
+export { useNavItemState } from './components/EnhancedSidebar/hooks/useNavItemState';
+export { useTabState } from './components/EnhancedSidebar/hooks/useTabState';
+export type { BadgeColor, BadgeConfig, BadgeConfigApi, BadgeConfigCollectionCount, BadgeConfigProvider, BadgeValues, CustomNavContentProps, CustomNavGroupProps, CustomNavItemProps, CustomTabButtonProps, CustomTabIconProps, EnhancedSidebarConfig, SidebarComponent, } from './types';

package/dist/index.js

@@ -1,5 +1,6 @@
 import { deepMerge } from 'payload';
 import { sidebarTranslations } from './translations';
+import { resolveSidebarComponent } from './utils';
 /**
  * Default configuration for the enhanced sidebar
  */ const defaultConfig = {
@@ -30,7 +31,6 @@ export const payloadEnhancedSidebar = (pluginOptions = {})=>(config)=>{
         if (pluginOptions.disabled) {
             return config;
         }
-        // Merge user config with defaults
         const sidebarConfig = {
             ...defaultConfig,
             ...pluginOptions,
@@ -50,6 +50,35 @@ export const payloadEnhancedSidebar = (pluginOptions = {})=>(config)=>{
                 }
             };
         }
+        // Register custom components and per-tab icons in the import map
+        if (!config.admin.dependencies) {
+            config.admin.dependencies = {};
+        }
+        const customComponentSlots = [
+            'NavContent',
+            'NavGroup',
+            'NavItem',
+            'TabButton'
+        ];
+        for (const slot of customComponentSlots){
+            const component = pluginOptions.customComponents?.[slot];
+            if (component) {
+                const { path } = resolveSidebarComponent(component);
+                config.admin.dependencies[`enhanced-sidebar-${slot.toLowerCase()}`] = {
+                    type: 'component',
+                    path
+                };
+            }
+        }
+        for (const tab of sidebarConfig.tabs ?? []){
+            if (tab.iconComponent) {
+                const { path } = resolveSidebarComponent(tab.iconComponent);
+                config.admin.dependencies[`enhanced-sidebar-icon-${tab.id}`] = {
+                    type: 'component',
+                    path
+                };
+            }
+        }
         // Check if we have any badges to fetch (api or collection-count)
         const hasBadgesToFetch = sidebarConfig.badges || sidebarConfig.tabs?.some((tab)=>tab.badge && tab.badge.type !== 'provider');
         // Add InternalBadgeProvider if we have badges to fetch
@@ -76,5 +105,8 @@ export const payloadEnhancedSidebar = (pluginOptions = {})=>(config)=>{
         return config;
     };
 export { BadgeProvider, useBadgeContext, useBadgeValue } from './components/EnhancedSidebar/BadgeProvider';
+export { useEnhancedSidebar } from './components/EnhancedSidebar/context';
+export { useNavItemState } from './components/EnhancedSidebar/hooks/useNavItemState';
+export { useTabState } from './components/EnhancedSidebar/hooks/useTabState';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { type Config, deepMerge } from 'payload'\n\nimport type { EnhancedSidebarConfig } from './types'\n\nimport { sidebarTranslations } from './translations'\n\n/**\n * Default configuration for the enhanced sidebar\n */\nconst defaultConfig: EnhancedSidebarConfig = {\n  showLogout: true,\n  tabs: [\n    {\n      id: 'dashboard',\n      type: 'link',\n      href: '/',\n      icon: 'House',\n      label: { en: 'Dashboard', uk: 'Головна' },\n    },\n    {\n      id: 'default',\n      type: 'tab',\n      icon: 'LayoutGrid',\n      label: { en: 'Collections', uk: 'Колекції' },\n    },\n  ],\n}\n\nexport const payloadEnhancedSidebar =\n  (pluginOptions: EnhancedSidebarConfig = {}) =>\n  (config: Config): Config => {\n    if (pluginOptions.disabled) {\n      return config\n    }\n\n    // Merge user config with defaults\n    const sidebarConfig: EnhancedSidebarConfig = {\n      ...defaultConfig,\n      ...pluginOptions,\n      tabs: pluginOptions.tabs ?? defaultConfig.tabs,\n    }\n\n    if (!config.admin) {\n      config.admin = {}\n    }\n\n    if (!config.admin.components) {\n      config.admin.components = {}\n    }\n\n    if (!config.admin.components.Nav) {\n      config.admin.components.Nav = {\n        path: '@veiag/payload-enhanced-sidebar/rsc#EnhancedSidebar',\n        serverProps: {\n          sidebarConfig,\n        },\n      }\n    }\n\n    // Check if we have any badges to fetch (api or collection-count)\n    const hasBadgesToFetch =\n      sidebarConfig.badges ||\n      sidebarConfig.tabs?.some((tab) => tab.badge && tab.badge.type !== 'provider')\n\n    // Add InternalBadgeProvider if we have badges to fetch\n    if (hasBadgesToFetch) {\n      if (!config.admin.components.providers) {\n        config.admin.components.providers = []\n      }\n\n      // Add our internal provider at the beginning (so user providers can override)\n      config.admin.components.providers.unshift({\n        clientProps: {\n          sidebarConfig,\n        },\n        path: '@veiag/payload-enhanced-sidebar/client#InternalBadgeProvider',\n      })\n    }\n\n    // Adding translations\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n    if (!config.i18n.translations) {\n      config.i18n.translations = {}\n    }\n\n    config.i18n.translations = deepMerge(config.i18n.translations, sidebarTranslations)\n\n    return config\n  }\n\nexport {\n  BadgeProvider,\n  useBadgeContext,\n  useBadgeValue,\n} from './components/EnhancedSidebar/BadgeProvider'\n\nexport type {\n  BadgeColor,\n  BadgeConfig,\n  BadgeConfigApi,\n  BadgeConfigCollectionCount,\n  BadgeConfigProvider,\n  BadgeValues,\n  EnhancedSidebarConfig,\n} from './types'\n"],"names":["deepMerge","sidebarTranslations","defaultConfig","showLogout","tabs","id","type","href","icon","label","en","uk","payloadEnhancedSidebar","pluginOptions","config","disabled","sidebarConfig","admin","components","Nav","path","serverProps","hasBadgesToFetch","badges","some","tab","badge","providers","unshift","clientProps","i18n","translations","BadgeProvider","useBadgeContext","useBadgeValue"],"mappings":"AAAA,SAAsBA,SAAS,QAAQ,UAAS;AAIhD,SAASC,mBAAmB,QAAQ,iBAAgB;AAEpD;;CAEC,GACD,MAAMC,gBAAuC;IAC3CC,YAAY;IACZC,MAAM;QACJ;YACEC,IAAI;YACJC,MAAM;YACNC,MAAM;YACNC,MAAM;YACNC,OAAO;gBAAEC,IAAI;gBAAaC,IAAI;YAAU;QAC1C;QACA;YACEN,IAAI;YACJC,MAAM;YACNE,MAAM;YACNC,OAAO;gBAAEC,IAAI;gBAAeC,IAAI;YAAW;QAC7C;KACD;AACH;AAEA,OAAO,MAAMC,yBACX,CAACC,gBAAuC,CAAC,CAAC,GAC1C,CAACC;QACC,IAAID,cAAcE,QAAQ,EAAE;YAC1B,OAAOD;QACT;QAEA,kCAAkC;QAClC,MAAME,gBAAuC;YAC3C,GAAGd,aAAa;YAChB,GAAGW,aAAa;YAChBT,MAAMS,cAAcT,IAAI,IAAIF,cAAcE,IAAI;QAChD;QAEA,IAAI,CAACU,OAAOG,KAAK,EAAE;YACjBH,OAAOG,KAAK,GAAG,CAAC;QAClB;QAEA,IAAI,CAACH,OAAOG,KAAK,CAACC,UAAU,EAAE;YAC5BJ,OAAOG,KAAK,CAACC,UAAU,GAAG,CAAC;QAC7B;QAEA,IAAI,CAACJ,OAAOG,KAAK,CAACC,UAAU,CAACC,GAAG,EAAE;YAChCL,OAAOG,KAAK,CAACC,UAAU,CAACC,GAAG,GAAG;gBAC5BC,MAAM;gBACNC,aAAa;oBACXL;gBACF;YACF;QACF;QAEA,iEAAiE;QACjE,MAAMM,mBACJN,cAAcO,MAAM,IACpBP,cAAcZ,IAAI,EAAEoB,KAAK,CAACC,MAAQA,IAAIC,KAAK,IAAID,IAAIC,KAAK,CAACpB,IAAI,KAAK;QAEpE,uDAAuD;QACvD,IAAIgB,kBAAkB;YACpB,IAAI,CAACR,OAAOG,KAAK,CAACC,UAAU,CAACS,SAAS,EAAE;gBACtCb,OAAOG,KAAK,CAACC,UAAU,CAACS,SAAS,GAAG,EAAE;YACxC;YAEA,8EAA8E;YAC9Eb,OAAOG,KAAK,CAACC,UAAU,CAACS,SAAS,CAACC,OAAO,CAAC;gBACxCC,aAAa;oBACXb;gBACF;gBACAI,MAAM;YACR;QACF;QAEA,sBAAsB;QACtB,IAAI,CAACN,OAAOgB,IAAI,EAAE;YAChBhB,OAAOgB,IAAI,GAAG,CAAC;QACjB;QACA,IAAI,CAAChB,OAAOgB,IAAI,CAACC,YAAY,EAAE;YAC7BjB,OAAOgB,IAAI,CAACC,YAAY,GAAG,CAAC;QAC9B;QAEAjB,OAAOgB,IAAI,CAACC,YAAY,GAAG/B,UAAUc,OAAOgB,IAAI,CAACC,YAAY,EAAE9B;QAE/D,OAAOa;IACT,EAAC;AAEH,SACEkB,aAAa,EACbC,eAAe,EACfC,aAAa,QACR,6CAA4C"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { type Config, deepMerge } from 'payload'\n\nimport type { EnhancedSidebarConfig } from './types'\n\nimport { sidebarTranslations } from './translations'\nimport { resolveSidebarComponent } from './utils'\n\n/**\n * Default configuration for the enhanced sidebar\n */\nconst defaultConfig: EnhancedSidebarConfig = {\n  showLogout: true,\n  tabs: [\n    {\n      id: 'dashboard',\n      type: 'link',\n      href: '/',\n      icon: 'House',\n      label: { en: 'Dashboard', uk: 'Головна' },\n    },\n    {\n      id: 'default',\n      type: 'tab',\n      icon: 'LayoutGrid',\n      label: { en: 'Collections', uk: 'Колекції' },\n    },\n  ],\n}\n\nexport const payloadEnhancedSidebar =\n  (pluginOptions: EnhancedSidebarConfig = {}) =>\n  (config: Config): Config => {\n    if (pluginOptions.disabled) {\n      return config\n    }\n\n    const sidebarConfig: EnhancedSidebarConfig = {\n      ...defaultConfig,\n      ...pluginOptions,\n      tabs: pluginOptions.tabs ?? defaultConfig.tabs,\n    }\n\n    if (!config.admin) {\n      config.admin = {}\n    }\n\n    if (!config.admin.components) {\n      config.admin.components = {}\n    }\n\n    if (!config.admin.components.Nav) {\n      config.admin.components.Nav = {\n        path: '@veiag/payload-enhanced-sidebar/rsc#EnhancedSidebar',\n        serverProps: {\n          sidebarConfig,\n        },\n      }\n    }\n\n    // Register custom components and per-tab icons in the import map\n    if (!config.admin.dependencies) {\n      config.admin.dependencies = {}\n    }\n\n    const customComponentSlots = ['NavContent', 'NavGroup', 'NavItem', 'TabButton'] as const\n    for (const slot of customComponentSlots) {\n      const component = pluginOptions.customComponents?.[slot]\n      if (component) {\n        const { path } = resolveSidebarComponent(component)\n        config.admin.dependencies[`enhanced-sidebar-${slot.toLowerCase()}`] = {\n          type: 'component',\n          path,\n        }\n      }\n    }\n\n    for (const tab of sidebarConfig.tabs ?? []) {\n      if (tab.iconComponent) {\n        const { path } = resolveSidebarComponent(tab.iconComponent)\n        config.admin.dependencies[`enhanced-sidebar-icon-${tab.id}`] = {\n          type: 'component',\n          path,\n        }\n      }\n    }\n\n    // Check if we have any badges to fetch (api or collection-count)\n    const hasBadgesToFetch =\n      sidebarConfig.badges ||\n      sidebarConfig.tabs?.some((tab) => tab.badge && tab.badge.type !== 'provider')\n\n    // Add InternalBadgeProvider if we have badges to fetch\n    if (hasBadgesToFetch) {\n      if (!config.admin.components.providers) {\n        config.admin.components.providers = []\n      }\n\n      // Add our internal provider at the beginning (so user providers can override)\n      config.admin.components.providers.unshift({\n        clientProps: {\n          sidebarConfig,\n        },\n        path: '@veiag/payload-enhanced-sidebar/client#InternalBadgeProvider',\n      })\n    }\n\n    // Adding translations\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n    if (!config.i18n.translations) {\n      config.i18n.translations = {}\n    }\n\n    config.i18n.translations = deepMerge(config.i18n.translations, sidebarTranslations)\n\n    return config\n  }\n\nexport {\n  BadgeProvider,\n  useBadgeContext,\n  useBadgeValue,\n} from './components/EnhancedSidebar/BadgeProvider'\n\nexport { useEnhancedSidebar } from './components/EnhancedSidebar/context'\nexport { useNavItemState } from './components/EnhancedSidebar/hooks/useNavItemState'\nexport { useTabState } from './components/EnhancedSidebar/hooks/useTabState'\n\nexport type {\n  BadgeColor,\n  BadgeConfig,\n  BadgeConfigApi,\n  BadgeConfigCollectionCount,\n  BadgeConfigProvider,\n  BadgeValues,\n  CustomNavContentProps,\n  CustomNavGroupProps,\n  CustomNavItemProps,\n  CustomTabButtonProps,\n  CustomTabIconProps,\n  EnhancedSidebarConfig,\n  SidebarComponent,\n} from './types'\n"],"names":["deepMerge","sidebarTranslations","resolveSidebarComponent","defaultConfig","showLogout","tabs","id","type","href","icon","label","en","uk","payloadEnhancedSidebar","pluginOptions","config","disabled","sidebarConfig","admin","components","Nav","path","serverProps","dependencies","customComponentSlots","slot","component","customComponents","toLowerCase","tab","iconComponent","hasBadgesToFetch","badges","some","badge","providers","unshift","clientProps","i18n","translations","BadgeProvider","useBadgeContext","useBadgeValue","useEnhancedSidebar","useNavItemState","useTabState"],"mappings":"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"}