@archbase/admin 3.0.8 → 3.0.10

package/dist/ArchbaseAdminMainLayout.d.ts

@@ -1,6 +1,7 @@
 import { MantineStyleProp } from '@mantine/core';
 import { default as React, ReactNode } from 'react';
 import { ArchbaseUser } from '@archbase/security';
+import { SidebarVariant } from './sidebar';
 import { ArchbaseCompany, ArchbaseNavigationItem, ArchbaseOwner } from './types';
 export interface ArchbaseAdminMainLayoutSecurityOptions {
     navigationResourceDescription: string;
@@ -11,6 +12,14 @@ export interface ArchbaseCustomSidebarProps {
     height?: string | number;
     isHidden?: boolean;
 }
+/**
+ * Variante do sidebar a ser usado no layout
+ * - 'legacy': ArchbaseAdvancedSidebar (react-pro-sidebar) - deprecated
+ * - 'standard': Menu com accordion e nested menus (Notion/Slack style)
+ * - 'minimal': Icon-only com tooltips (VSCode style)
+ * - 'rail': Double panel com grupos (Discord style) - similar ao legacy
+ */
+export type AdminSidebarVariant = 'legacy' | SidebarVariant;
 export interface ArchbaseAdminMainLayoutProps {
     navigationData?: ArchbaseNavigationItem[];
     user?: ArchbaseUser;
@@ -60,7 +69,20 @@ export interface ArchbaseAdminMainLayoutProps {
     sideBarIconDarkColor?: string;
     sideBarIconLightColor?: string;
     sideBarCollapsedSubmenuWidth?: string | number;
+    /** Cor de destaque/hover dos items do sidebar (nome da cor do tema, ex: 'blue', 'appPrimary') */
+    sidebarActiveColor?: string;
     /** Número máximo de abas keepAlive mantidas em cache (LRU). Padrão: 10 */
     maxKeepAliveTabs?: number;
+    /**
+     * Variante do sidebar a ser usado.
+     * - 'legacy': ArchbaseAdvancedSidebar (react-pro-sidebar) - deprecated
+     * - 'standard': Menu com accordion e nested menus (Notion/Slack style)
+     * - 'minimal': Icon-only com tooltips (VSCode style)
+     * - 'rail': Double panel com grupos (Discord style) - similar ao legacy
+     * @default 'legacy'
+     */
+    sidebarVariant?: AdminSidebarVariant;
+    /** Mostrar campo de busca no sidebar (apenas para variantes Mantine) */
+    sidebarShowSearch?: boolean;
 }
-export declare function ArchbaseAdminMainLayout({ navigationRootLink, navigationData, user, children, header, footer, owner, company, sideBarWidth, sideBarCollapsedWidth, sideBarHiddenBreakPoint, sideBarFooterHeight, sideBarFooterContent, onCollapsedSideBar, onHiddenSidebar, sidebarDefaultGroupIcon, sidebarSelectedGroupName, sideBarHeaderHeight, sideBarHeaderContent, selectedGroupColor, groupColor, backgroundGroupColor, groupLabelDarkColor, groupLabelLightColor, headerColor, footerHeight, iconsWithBackground, menuItemHeight, showSideBar, showHeader, headerStyle, highlightActiveMenuItem, enableSecurity, securityOptions, customRenderSidebar, onNavigationDataChange, showCollapsedButton, initialSidebarCollapsed, sideBarBackgroundDarkColor, sideBarBackgroundLightColor, sideBarTextDarkColor, sideBarTextLightColor, sideBarIconDarkColor, sideBarIconLightColor, sideBarCollapsedSubmenuWidth, maxKeepAliveTabs, }: ArchbaseAdminMainLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArchbaseAdminMainLayout({ navigationRootLink, navigationData, user, children, header, footer, owner, company, sideBarWidth, sideBarCollapsedWidth, sideBarHiddenBreakPoint, sideBarFooterHeight, sideBarFooterContent, onCollapsedSideBar, onHiddenSidebar, sidebarDefaultGroupIcon, sidebarSelectedGroupName, sideBarHeaderHeight, sideBarHeaderContent, selectedGroupColor, groupColor, backgroundGroupColor, groupLabelDarkColor, groupLabelLightColor, headerColor, footerHeight, iconsWithBackground, menuItemHeight, showSideBar, showHeader, headerStyle, highlightActiveMenuItem, enableSecurity, securityOptions, customRenderSidebar, onNavigationDataChange, showCollapsedButton, initialSidebarCollapsed, sideBarBackgroundDarkColor, sideBarBackgroundLightColor, sideBarTextDarkColor, sideBarTextLightColor, sideBarIconDarkColor, sideBarIconLightColor, sideBarCollapsedSubmenuWidth, sidebarActiveColor, maxKeepAliveTabs, sidebarVariant, sidebarShowSearch, }: ArchbaseAdminMainLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/ArchbaseAdvancedSidebar.d.ts

@@ -1,6 +1,23 @@
 import { MantineTheme } from '@mantine/core';
 import { default as React, ReactNode } from 'react';
 import { ArchbaseNavigationItem } from './types';
+/**
+ * @deprecated Use ArchbaseMantineSidebar with variant="rail" instead.
+ * This component uses react-pro-sidebar which is no longer maintained.
+ *
+ * Migration example:
+ * ```tsx
+ * // Before
+ * <ArchbaseAdvancedSidebar navigationData={data} theme={theme} />
+ *
+ * // After
+ * <ArchbaseMantineSidebar
+ *   navigationData={data}
+ *   variant="rail"
+ *   theme={theme}
+ * />
+ * ```
+ */
 export interface ArchbaseAdvancedSidebarProps {
     navigationData: ArchbaseNavigationItem[];
     sidebarWidth?: string | number;
@@ -48,4 +65,8 @@ export interface ArchbaseAdvancedSidebarProps {
     /** Número de grupos no skeleton durante loading */
     skeletonGroupCount?: number;
 }
+/**
+ * @deprecated Use ArchbaseMantineSidebar with variant="rail" instead.
+ * This component uses react-pro-sidebar which is no longer maintained.
+ */
 export declare function ArchbaseAdvancedSidebar({ navigationData, sidebarGroupWidth, sidebarWidth, sidebarHeight, sidebarCollapsedWidth, selectedGroupColor, groupColor, backgroundGroupColor, isHidden, sideBarFooterHeight, sideBarFooterContent, groupLabelDarkColor, groupLabelLightColor, collapsed, onMenuItemClick, onClickActionIcon, withBorder, showGroupLabels, theme, sidebarRef, defaultGroupIcon, selectedGroupName, sideBarHeaderContent, iconsWithBackground, menuItemHeight, highlightActiveMenuItem, backgroundDarkColor, backgroundLightColor, textDarkColor, textLightColor, iconDarkColor, iconLightColor, collapsedSubmenuWidth, isLoading, loadingError, loadingComponent, errorComponent, skeletonItemCount, skeletonGroupCount, }: ArchbaseAdvancedSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export type { ArchbaseAdminLayoutFooterProps } from './ArchbaseAdminLayoutFooter
 export { ArchbaseAdminLayoutFooter } from './ArchbaseAdminLayoutFooter';
 export type { ArchbaseAdminLayoutHeaderProps } from './ArchbaseAdminLayoutHeader';
 export { ArchbaseAdminLayoutHeader, defaultAvatar } from './ArchbaseAdminLayoutHeader';
-export type { ArchbaseAdminMainLayoutProps } from './ArchbaseAdminMainLayout';
+export type { ArchbaseAdminMainLayoutProps, AdminSidebarVariant, ArchbaseCustomSidebarProps } from './ArchbaseAdminMainLayout';
 export { ArchbaseAdminMainLayout } from './ArchbaseAdminMainLayout';
 export type { ArchbaseAdminTabContainerProps } from './ArchbaseAdminTabContainer';
 export { ArchbaseAdminTabContainer } from './ArchbaseAdminTabContainer';
@@ -21,9 +21,12 @@ export type { ArchbaseKeepAliveRouteProps, ArchbaseAliveAbleRoutesProps } from '
 export type { CommandPaletteButtonProps, ArchbaseSpotlightActionData } from './CommandPaletteButton';
 export { CommandPaletteButton } from './CommandPaletteButton';
 export type { ArchbaseAdvancedSidebarProps } from './ArchbaseAdvancedSidebar';
+/** @deprecated Use ArchbaseMantineSidebar instead */
 export { ArchbaseAdvancedSidebar } from './ArchbaseAdvancedSidebar';
 export type { SidebarMenuSkeletonProps, SidebarGroupsSkeletonProps, SidebarErrorMessageProps } from './SidebarMenuSkeleton';
 export { SidebarMenuSkeleton, SidebarGroupsSkeleton, SidebarErrorMessage } from './SidebarMenuSkeleton';
+export { ArchbaseMantineSidebar, StandardSidebar, MinimalSidebar, RailSidebar, SidebarProvider, useSidebar, useSidebarOptional, SidebarItem, SidebarGroup, SidebarSection, SidebarGroupIcon, SidebarSearch, SidebarUserProfile, SidebarBadge, SidebarIndicator, SidebarMenuSkeleton as MantineSidebarMenuSkeleton, SidebarGroupsSkeleton as MantineSidebarGroupsSkeleton, SidebarHeaderSkeleton, SidebarUserProfileSkeleton, SidebarErrorMessage as MantineSidebarErrorMessage, useSidebarNavigation, useSidebarSearch, useSidebarKeyboard, } from './sidebar';
+export type { SidebarVariant, SidebarCollapsibleMode, ExtendedNavigationItem, ArchbaseMantineSidebarProps, SidebarContextValue, SidebarItemProps, SidebarGroupProps, SidebarSearchProps, SidebarUserProfileProps, SidebarGroupIconProps, SidebarBadgeProps, SidebarProviderProps, SidebarSkeletonProps, UseSidebarNavigationOptions, UseSidebarNavigationReturn, UseSidebarSearchOptions, UseSidebarSearchReturn, UseSidebarKeyboardOptions, UseSidebarKeyboardReturn, } from './sidebar';
 export { ArchbaseDrawerContent } from './drawer/DrawerContent';
 export type { ArchbaseDrawerContentProps } from './drawer/DrawerContent';
 export { ArchbaseDrawerTrigger } from './drawer/DrawerTrigger';