@starasia/admin 1.2.4 → 1.2.5

package/dist/components/AppLayout/index.d.ts

@@ -0,0 +1,34 @@
+import { default as React, ReactNode } from 'react';
+
+interface AppLayoutProps {
+    children?: ReactNode;
+    profile?: {
+        name: string;
+        email: string;
+    };
+    isLoadingProfile?: boolean;
+    onLogout: () => void;
+    headerRight?: ReactNode;
+    isLoggingOut?: boolean;
+    loadingComponent?: ReactNode;
+    /**
+     * Content untuk sidebar header slot (dibawah logo)
+     * Dapat berupa: Organization Menu, User Switcher, Custom Component, atau kombinasinya
+     */
+    sidebarHeaderContent?: ReactNode;
+}
+/**
+ * AppLayout - Main application layout component based on workspace pattern
+ * Features:
+ * - Responsive sidebar with collapse/expand (mobile: full-width + overlay)
+ * - Accordion menu items with auto-expansion
+ * - Sidebar scroll position persistence
+ * - Module switcher modal with localStorage
+ * - Settings shortcuts dropdown
+ * - User profile & logout dialog
+ * - Mobile hamburger menu
+ * - Loading overlay support
+ * - Embed mode for iframes
+ */
+export declare function AppLayout({ children, headerRight, profile, isLoadingProfile, onLogout, isLoggingOut, loadingComponent, sidebarHeaderContent, }: AppLayoutProps): React.JSX.Element;
+export {};

package/dist/components/ModuleSwitcherModal/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { SidebarMenus } from '../../types';
+
+export interface ModuleSwitcherModalProps {
+    isShow: boolean;
+    onHide: () => void;
+    menus: SidebarMenus;
+    selectedGroupId: number | null;
+    onSelect: (id: number | null) => void;
+}
+/**
+ * ModuleSwitcherModal - Module/namespace selector for the application
+ * Shows grid of available modules that can be selected to filter sidebar menus
+ */
+export declare function ModuleSwitcherModal({ isShow, onHide, menus, selectedGroupId, onSelect, }: ModuleSwitcherModalProps): React.JSX.Element;

package/dist/components/SidebarHeaderSlot/index.d.ts

@@ -0,0 +1,31 @@
+import { default as React, ReactNode } from 'react';
+
+export interface SidebarHeaderSlotProps {
+    /**
+     * Collapsed state from sidebar
+     */
+    collapsed?: boolean;
+    /**
+     * Content to display below logo - dapat berupa:
+     * - Organization menu
+     * - User switcher
+     * - Custom component
+     * - Atau kombinasi dari beberapa komponen
+     */
+    children?: ReactNode;
+}
+/**
+ * SidebarHeaderSlot - Flexible slot area dibawah logo sidebar
+ * Digunakan untuk menempatkan komponen apapun yang relevan dengan sidebar header
+ *
+ * Contoh penggunaan:
+ * <SidebarHeaderSlot collapsed={sidebarCollapsed}>
+ *   <OrganizationMenu />
+ * </SidebarHeaderSlot>
+ *
+ * atau:
+ * <SidebarHeaderSlot collapsed={sidebarCollapsed}>
+ *   <UserSwitcher />
+ * </SidebarHeaderSlot>
+ */
+export declare function SidebarHeaderSlot({ collapsed, children, }: SidebarHeaderSlotProps): React.JSX.Element | null;

package/dist/components/index.d.ts

@@ -1,14 +1,13 @@
+export * from './AppLayout';
+export * from './SidebarHeaderSlot';
+export * from './ModuleSwitcherModal';
 export * from './AuthLayout';
-export * from './ContentLayout';
-export * from './DashboardLayout';
-export * from './Header';
 export * from './HorizontalField';
 export * from './ModalDialog';
 export * from './PageLayout';
 export * from './Pressable';
 export * from './RightDrawer';
 export * from './Section';
-export * from './Sidebar';
 export * from './ActionMenu';
 export * from './AdvanceFilter';
 export * from './EachUtils';

package/dist/entries/App/context.d.ts

@@ -1,17 +1,19 @@
-import { HeaderButtonProps, SidebarMenuItem, SidebarMenus, HeaderUserData } from '../../components';
-import { MenuSelectButtonProps } from '../../components/Header/MenuSelectButton';
+import { SidebarMenuItem, SidebarMenus } from '../../types';
 
 export interface AppContextValue {
     menus: SidebarMenus;
     menuBottom?: SidebarMenuItem[];
-    userData: HeaderUserData | null;
-    setUserData: (value: HeaderUserData) => void;
+    userData: {
+        name: string;
+        email: string;
+        photoURL?: string;
+    } | null;
+    setUserData: (value: {
+        name: string;
+        email: string;
+        photoURL?: string;
+    }) => void;
     logo: string;
-    headerButtons?: HeaderButtonProps[];
-    headerButtonsLeft?: HeaderButtonProps[];
-    menuSelectButtons?: MenuSelectButtonProps[];
-    menuSelectCustom?: React.ReactNode;
-    bottomDrawerContent?: React.ReactNode;
-    variant?: "default" | "simple";
+    appName: string;
 }
 export declare const AppContext: import('react').Context<AppContextValue>;

package/dist/entries/App/hooks.d.ts

@@ -1,4 +1,4 @@
-import { HeaderUserData } from '../../components';
+import { HeaderUserData } from '../../types';
 
 export declare const useApp: () => import('./context').AppContextValue;
 export interface UseAppStateProps {

package/dist/entries/App/index.d.ts

@@ -1,23 +1,21 @@
 import { default as React, PropsWithChildren } from 'react';
-import { HeaderButtonProps, HeaderUserData, SidebarMenuItem, SidebarMenus } from '../../components';
+import { SidebarMenuItem, SidebarMenus } from '../../types';
 import { ThemeObject } from '@starasia/theme';
-import { MenuSelectButtonProps } from '../../components/Header/MenuSelectButton';
 
 interface AppProps extends PropsWithChildren {
     router: React.ReactNode;
     menus: SidebarMenus;
     menuBottom?: SidebarMenuItem[];
     logo: string;
+    appName?: string;
     theme?: ThemeObject;
-    headerButtons?: HeaderButtonProps[];
-    initialUserData?: HeaderUserData | null;
-    headerButtonsLeft?: HeaderButtonProps[];
-    menuSelectButtons?: MenuSelectButtonProps[];
-    menuSelectCustom?: React.ReactNode;
-    bottomDrawerContent?: React.ReactNode;
-    variant?: "default" | "simple";
+    initialUserData?: {
+        name: string;
+        email: string;
+        photoURL?: string;
+    } | null;
 }
-export declare const AppComponent: ({ router, menus, menuBottom, logo, initialUserData, theme, headerButtons, headerButtonsLeft, menuSelectButtons, menuSelectCustom, bottomDrawerContent, variant, }: AppProps) => React.JSX.Element;
-export declare const App: React.MemoExoticComponent<({ router, menus, menuBottom, logo, initialUserData, theme, headerButtons, headerButtonsLeft, menuSelectButtons, menuSelectCustom, bottomDrawerContent, variant, }: AppProps) => React.JSX.Element>;
+export declare const AppComponent: ({ router, menus, menuBottom, logo, appName, initialUserData, theme, }: AppProps) => React.JSX.Element;
+export declare const App: React.MemoExoticComponent<({ router, menus, menuBottom, logo, appName, initialUserData, theme, }: AppProps) => React.JSX.Element>;
 export * from './hooks';
 export * from './context';

package/dist/hooks/useDynamicTitle.d.ts

@@ -1,4 +1,4 @@
-import { SidebarMenus } from '../components';
+import { SidebarMenus } from '../types';
 
 export declare function useDynamicTitle({ appName, menuConfig, formatTitle, }: {
     menuConfig: SidebarMenus;