@archbase/admin 3.0.0 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ArchbaseAdminLayout.context.d.ts +36 -0
- package/dist/ArchbaseAdminLayoutFooter.d.ts +5 -0
- package/dist/ArchbaseAdminLayoutHeader.d.ts +44 -0
- package/dist/ArchbaseAdminMainLayout.d.ts +64 -0
- package/dist/ArchbaseAdminTabContainer.d.ts +9 -0
- package/dist/ArchbaseAdvancedSidebar.d.ts +39 -0
- package/dist/ArchbaseAliveAbleRoutes.d.ts +16 -0
- package/dist/ArchbaseChangeLanguageAction.d.ts +1 -0
- package/dist/ArchbaseChangeLanguageMenuItem.d.ts +1 -0
- package/dist/ArchbaseColorSchemeAction.d.ts +6 -0
- package/dist/ArchbaseHeaderNavAction.d.ts +5 -0
- package/dist/ArchbaseMyProfileModal.d.ts +17 -0
- package/dist/ArchbaseNavigation.context.d.ts +31 -0
- package/dist/CommandPaletteButton.d.ts +13 -0
- package/dist/buildMenuItem.d.ts +1 -0
- package/dist/buildMenuItemStyles.d.ts +3 -0
- package/dist/buildNavbar.d.ts +3 -0
- package/dist/buildSetCollapsedButton.d.ts +3 -0
- package/dist/createThemedStyles.d.ts +2 -0
- package/dist/drawer/DrawerContent.d.ts +10 -0
- package/dist/drawer/DrawerTrigger.d.ts +3 -0
- package/dist/drawer/useArchbaseDrawer.d.ts +3 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useArchbaseAdminStore.d.ts +11 -0
- package/dist/index.d.ts +30 -0
- package/dist/index.js +1117 -967
- package/dist/navigationData.d.ts +2 -0
- package/dist/navigationDataWithGroup.d.ts +2 -0
- package/dist/types.d.ts +65 -0
- package/package.json +27 -26
- package/dist/archbase-admin-3.0.0.tgz +0 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { ArchbaseUser } from '@archbase/security';
|
|
3
|
+
import { ArchbaseCompany, ArchbaseNavigationItem, ArchbaseOwner } from './types';
|
|
4
|
+
import { ArchbaseAdminMainLayoutSecurityOptions } from './ArchbaseAdminMainLayout';
|
|
5
|
+
export interface ArchbaseAdminLayoutListener {
|
|
6
|
+
onChangeLocationPath: (item: ArchbaseNavigationItem) => void;
|
|
7
|
+
}
|
|
8
|
+
export interface ArchbaseAdminLayoutContextValue {
|
|
9
|
+
navigationData?: ArchbaseNavigationItem[];
|
|
10
|
+
setNavigationData?: (navigationData: ArchbaseNavigationItem[]) => void;
|
|
11
|
+
user?: ArchbaseUser;
|
|
12
|
+
owner?: ArchbaseOwner;
|
|
13
|
+
company?: ArchbaseCompany;
|
|
14
|
+
navigationRootLink?: string;
|
|
15
|
+
collapsed?: boolean;
|
|
16
|
+
setCollapsed?: (value: boolean) => void;
|
|
17
|
+
hidden?: boolean;
|
|
18
|
+
setHidden?: (value: boolean) => void;
|
|
19
|
+
onNavigationDataChange?: (navigationData: ArchbaseNavigationItem[]) => void;
|
|
20
|
+
}
|
|
21
|
+
export interface ArchbaseAdminLayoutContextProps {
|
|
22
|
+
navigationData?: ArchbaseNavigationItem[];
|
|
23
|
+
user?: ArchbaseUser;
|
|
24
|
+
owner?: ArchbaseOwner;
|
|
25
|
+
company?: ArchbaseCompany;
|
|
26
|
+
navigationRootLink?: string;
|
|
27
|
+
children?: ReactNode;
|
|
28
|
+
opened?: boolean;
|
|
29
|
+
enableSecurity?: boolean;
|
|
30
|
+
securityOptions?: ArchbaseAdminMainLayoutSecurityOptions;
|
|
31
|
+
onNavigationDataChange?: (navigationData: ArchbaseNavigationItem[]) => void;
|
|
32
|
+
initialSidebarCollapsed?: boolean;
|
|
33
|
+
}
|
|
34
|
+
declare const ArchbaseAdminLayoutContext: React.Context<ArchbaseAdminLayoutContextValue>;
|
|
35
|
+
declare const ArchbaseAdminLayoutProvider: React.FC<ArchbaseAdminLayoutContextProps>;
|
|
36
|
+
export { ArchbaseAdminLayoutContext, ArchbaseAdminLayoutProvider };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { MenuStylesNames } from '@mantine/core';
|
|
2
|
+
import { default as React, CSSProperties, ReactNode } from 'react';
|
|
3
|
+
import { ArchbaseUser } from '@archbase/security';
|
|
4
|
+
import { ArchbaseCompany, ArchbaseNavigationItem, ArchbaseOwner } from './types';
|
|
5
|
+
export declare const defaultAvatar = "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";
|
|
6
|
+
export type ArchbaseAdminLayoutHeaderStylesProps = {
|
|
7
|
+
menu?: Partial<Record<MenuStylesNames, CSSProperties>>;
|
|
8
|
+
};
|
|
9
|
+
export type ArchbaseAdminLayoutHeaderProps = {
|
|
10
|
+
logo: string;
|
|
11
|
+
styleLogo?: CSSProperties;
|
|
12
|
+
userMenuItems: ReactNode;
|
|
13
|
+
showUserMenuToggleColorScheme?: boolean;
|
|
14
|
+
userMenuToggleColorSchemeIconSize?: string | number;
|
|
15
|
+
showUserMenuOptionsLabel?: boolean;
|
|
16
|
+
showMenuItemsAfterToggleColorScheme?: boolean;
|
|
17
|
+
userMenuItemsAfterToggleColorScheme?: ReactNode;
|
|
18
|
+
showMenuItemsBeforeToggleColorScheme?: boolean;
|
|
19
|
+
userMenuItemsBeforeToggleColorScheme?: ReactNode;
|
|
20
|
+
hideAutoHeaderActionsOnUserMenu?: boolean;
|
|
21
|
+
hideAutoHeaderActionsOnUserMenuBreakPoint?: string;
|
|
22
|
+
withDividerAfterUserMenuToggleColorScheme?: boolean;
|
|
23
|
+
user?: ArchbaseUser;
|
|
24
|
+
owner?: ArchbaseOwner;
|
|
25
|
+
company?: ArchbaseCompany;
|
|
26
|
+
navigationData?: ArchbaseNavigationItem[] | undefined;
|
|
27
|
+
headerActions?: ReactNode | ReactNode[];
|
|
28
|
+
headerLeftContent?: ReactNode | ReactNode[];
|
|
29
|
+
showLanguageSelector?: boolean;
|
|
30
|
+
showHeaderToggleColorScheme?: boolean;
|
|
31
|
+
showHeaderActions?: boolean;
|
|
32
|
+
sideBarHiddenBreakPoint?: string | number;
|
|
33
|
+
logoLeftSection?: ReactNode;
|
|
34
|
+
logoRightSection?: ReactNode;
|
|
35
|
+
toggleColorScheme?: () => void;
|
|
36
|
+
showBurger?: boolean;
|
|
37
|
+
showCommands?: boolean;
|
|
38
|
+
/** Cor do sol do botão de troca de tema */
|
|
39
|
+
sunColor?: string;
|
|
40
|
+
/** Cor da lua do botão de troca de tema */
|
|
41
|
+
moonColor?: string;
|
|
42
|
+
styles?: ArchbaseAdminLayoutHeaderStylesProps;
|
|
43
|
+
};
|
|
44
|
+
export declare const ArchbaseAdminLayoutHeader: React.FC<ArchbaseAdminLayoutHeaderProps>;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { MantineStyleProp } from '@mantine/core';
|
|
2
|
+
import { default as React, ReactNode } from 'react';
|
|
3
|
+
import { ArchbaseUser } from '@archbase/security';
|
|
4
|
+
import { ArchbaseCompany, ArchbaseNavigationItem, ArchbaseOwner } from './types';
|
|
5
|
+
export interface ArchbaseAdminMainLayoutSecurityOptions {
|
|
6
|
+
navigationResourceDescription: string;
|
|
7
|
+
navigationResourceName: string;
|
|
8
|
+
}
|
|
9
|
+
export interface ArchbaseCustomSidebarProps {
|
|
10
|
+
width?: string | number;
|
|
11
|
+
height?: string | number;
|
|
12
|
+
isHidden?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface ArchbaseAdminMainLayoutProps {
|
|
15
|
+
navigationData?: ArchbaseNavigationItem[];
|
|
16
|
+
user?: ArchbaseUser;
|
|
17
|
+
owner?: ArchbaseOwner;
|
|
18
|
+
company?: ArchbaseCompany;
|
|
19
|
+
navigationRootLink: string;
|
|
20
|
+
userMenuItems?: ReactNode | ReactNode[];
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
/** <Header /> component */
|
|
23
|
+
header?: React.ReactElement;
|
|
24
|
+
/** <Footer /> component */
|
|
25
|
+
footer?: React.ReactElement;
|
|
26
|
+
sideBarWidth?: string;
|
|
27
|
+
sideBarCollapsedWidth?: string | number;
|
|
28
|
+
sideBarHiddenBreakPoint?: string | number;
|
|
29
|
+
sideBarFooterHeight?: string | number;
|
|
30
|
+
sideBarFooterContent?: ReactNode;
|
|
31
|
+
onCollapsedSideBar?: (collapsed: boolean) => void;
|
|
32
|
+
onHiddenSidebar?: (hidden: boolean) => void;
|
|
33
|
+
sidebarDefaultGroupIcon?: ReactNode;
|
|
34
|
+
sidebarSelectedGroupName?: string;
|
|
35
|
+
sideBarHeaderHeight?: string | number;
|
|
36
|
+
sideBarHeaderContent?: ReactNode | undefined;
|
|
37
|
+
selectedGroupColor?: string | undefined;
|
|
38
|
+
groupColor?: string | undefined;
|
|
39
|
+
backgroundGroupColor?: string | undefined;
|
|
40
|
+
groupLabelDarkColor?: string | undefined;
|
|
41
|
+
groupLabelLightColor?: string | undefined;
|
|
42
|
+
headerColor?: string;
|
|
43
|
+
footerHeight?: string | number | undefined;
|
|
44
|
+
iconsWithBackground?: boolean;
|
|
45
|
+
menuItemHeight?: string | number;
|
|
46
|
+
showSideBar?: boolean;
|
|
47
|
+
showHeader?: boolean;
|
|
48
|
+
headerStyle?: MantineStyleProp;
|
|
49
|
+
highlightActiveMenuItem?: boolean;
|
|
50
|
+
enableSecurity?: boolean;
|
|
51
|
+
securityOptions?: ArchbaseAdminMainLayoutSecurityOptions;
|
|
52
|
+
customRenderSidebar?: (props: ArchbaseCustomSidebarProps) => ReactNode;
|
|
53
|
+
onNavigationDataChange?: (navigationData: ArchbaseNavigationItem[]) => void;
|
|
54
|
+
showCollapsedButton?: boolean;
|
|
55
|
+
initialSidebarCollapsed?: boolean;
|
|
56
|
+
sideBarBackgroundDarkColor?: string;
|
|
57
|
+
sideBarBackgroundLightColor?: string;
|
|
58
|
+
sideBarTextDarkColor?: string;
|
|
59
|
+
sideBarTextLightColor?: string;
|
|
60
|
+
sideBarIconDarkColor?: string;
|
|
61
|
+
sideBarIconLightColor?: string;
|
|
62
|
+
sideBarCollapsedSubmenuWidth?: string | number;
|
|
63
|
+
}
|
|
64
|
+
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, }: ArchbaseAdminMainLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ArchbaseNavigationItem, ArchbaseTabItem } from './types';
|
|
2
|
+
export interface ArchbaseAdminTabContainerProps {
|
|
3
|
+
navigationData: ArchbaseNavigationItem[];
|
|
4
|
+
onChangeActiveTabId?: (activeTabId: any) => void;
|
|
5
|
+
onChangeOpenedTabs?: (openedTabs: ArchbaseTabItem[]) => void;
|
|
6
|
+
activeTabId?: any;
|
|
7
|
+
openedTabs?: ArchbaseTabItem[];
|
|
8
|
+
}
|
|
9
|
+
export declare function ArchbaseAdminTabContainer({ navigationData, onChangeOpenedTabs, onChangeActiveTabId, activeTabId: defaultActiveTabId, openedTabs: defaultOpenedTabs, }: ArchbaseAdminTabContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { MantineTheme } from '@mantine/core';
|
|
2
|
+
import { default as React, ReactNode } from 'react';
|
|
3
|
+
import { ArchbaseNavigationItem } from './types';
|
|
4
|
+
export interface ArchbaseAdvancedSidebarProps {
|
|
5
|
+
navigationData: ArchbaseNavigationItem[];
|
|
6
|
+
sidebarWidth?: string | number;
|
|
7
|
+
sidebarHeight?: string | number;
|
|
8
|
+
sidebarCollapsedWidth?: string | number;
|
|
9
|
+
sidebarGroupWidth?: string | number;
|
|
10
|
+
onMenuItemClick?: (item: ArchbaseNavigationItem) => void;
|
|
11
|
+
onClickActionIcon?: (previousActiveGroupName: string, currentActiveGroupName: string) => void;
|
|
12
|
+
selectedGroupColor?: string;
|
|
13
|
+
groupColor?: string;
|
|
14
|
+
groupLabelDarkColor?: string;
|
|
15
|
+
groupLabelLightColor?: string;
|
|
16
|
+
backgroundGroupColor?: string;
|
|
17
|
+
isHidden?: boolean;
|
|
18
|
+
sideBarFooterHeight?: string | number | undefined;
|
|
19
|
+
sideBarFooterContent?: ReactNode | undefined;
|
|
20
|
+
collapsed?: boolean;
|
|
21
|
+
withBorder?: boolean;
|
|
22
|
+
showGroupLabels?: boolean;
|
|
23
|
+
theme: MantineTheme;
|
|
24
|
+
sidebarRef?: React.Ref<HTMLHtmlElement> | undefined;
|
|
25
|
+
defaultGroupIcon?: ReactNode;
|
|
26
|
+
selectedGroupName?: string;
|
|
27
|
+
sideBarHeaderContent?: ReactNode | undefined;
|
|
28
|
+
iconsWithBackground?: boolean;
|
|
29
|
+
menuItemHeight?: string | number;
|
|
30
|
+
highlightActiveMenuItem?: boolean;
|
|
31
|
+
backgroundDarkColor?: string;
|
|
32
|
+
backgroundLightColor?: string;
|
|
33
|
+
textDarkColor?: string;
|
|
34
|
+
textLightColor?: string;
|
|
35
|
+
iconDarkColor?: string;
|
|
36
|
+
iconLightColor?: string;
|
|
37
|
+
collapsedSubmenuWidth?: string | number;
|
|
38
|
+
}
|
|
39
|
+
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, }: ArchbaseAdvancedSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { RouteProps, RoutesProps } from 'react-router';
|
|
3
|
+
interface KeepAliveCacheContextValue {
|
|
4
|
+
cache: Map<string, ReactNode>;
|
|
5
|
+
requestedUnregister: Set<string>;
|
|
6
|
+
register: (path: string, component: ReactNode) => void;
|
|
7
|
+
unregister: (path: string) => void;
|
|
8
|
+
requestUnregister: (path: string) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const useKeepAliveCache: () => KeepAliveCacheContextValue;
|
|
11
|
+
export interface ArchbaseKeepAliveRouteProps extends Omit<RouteProps, 'element'> {
|
|
12
|
+
component?: ReactNode | React.ComponentType;
|
|
13
|
+
}
|
|
14
|
+
export declare const ArchbaseKeepAliveRoute: (props: ArchbaseKeepAliveRouteProps) => any;
|
|
15
|
+
export declare const ArchbaseAliveAbleRoutes: ({ children, ...props }: RoutesProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ArchbaseChangeLanguageAction: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ArchbaseChangeLanguageMenuItem: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export interface ArchbaseColorSchemeActionProps {
|
|
2
|
+
toggleColorScheme?: () => void;
|
|
3
|
+
sunColor?: string;
|
|
4
|
+
moonColor?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const ArchbaseColorSchemeAction: ({ toggleColorScheme: toggleColorSchemeExternal, sunColor, moonColor, }: ArchbaseColorSchemeActionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface MyProfileModalOptions {
|
|
2
|
+
showNickname?: boolean;
|
|
3
|
+
requiredNickname?: boolean;
|
|
4
|
+
/** Tamanho máximo da imagem do avatar em kilobytes */
|
|
5
|
+
avatarMaxSizeKB?: number;
|
|
6
|
+
/** Qualidade da compressão da imagem do avatar (0 a 1), sendo 1 melhor qualidade */
|
|
7
|
+
avatarImageQuality?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const defaultMyProfileModalOptions: MyProfileModalOptions;
|
|
10
|
+
export interface ArchbaseMyProfileModalProps {
|
|
11
|
+
opened: boolean;
|
|
12
|
+
handleClose: () => void;
|
|
13
|
+
userId: string;
|
|
14
|
+
updateUser: (newName: string, newAvatar?: string) => void;
|
|
15
|
+
options?: MyProfileModalOptions;
|
|
16
|
+
}
|
|
17
|
+
export declare function ArchbaseMyProfileModal({ opened, handleClose, userId, updateUser, options: internalOptions }: ArchbaseMyProfileModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
interface ArchbaseNavigationState {
|
|
3
|
+
userCloseLinkRequest: string;
|
|
4
|
+
linkClosed: string;
|
|
5
|
+
isClosing: boolean;
|
|
6
|
+
payload?: any;
|
|
7
|
+
}
|
|
8
|
+
interface ArchbaseNavigationAction {
|
|
9
|
+
type: 'USER_CLOSE_REQUEST' | 'CLOSE_ALLOWED' | 'DONE' | 'CLEAR_PAYLOAD';
|
|
10
|
+
link: string;
|
|
11
|
+
payload?: any;
|
|
12
|
+
}
|
|
13
|
+
export interface ArchbaseNavigationContextValues {
|
|
14
|
+
state: ArchbaseNavigationState;
|
|
15
|
+
dispatch: (action: ArchbaseNavigationAction) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare const ArchbaseNavigationContext: React.Context<ArchbaseNavigationContextValues>;
|
|
18
|
+
interface ArchbaseNavigationProviderProps {
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export declare const ArchbaseNavigationProvider: ({ children }: ArchbaseNavigationProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const useArchbaseNavigationContext: () => ArchbaseNavigationContextValues;
|
|
23
|
+
export interface ArchbaseNavigationListenerType {
|
|
24
|
+
closeAllowed: (payload?: any) => void;
|
|
25
|
+
isClosing: boolean;
|
|
26
|
+
}
|
|
27
|
+
export declare const useArchbaseNavigationListener: (id: string, onUserCloseRequest: () => void) => {
|
|
28
|
+
closeAllowed: (payload?: any) => void;
|
|
29
|
+
isClosing: boolean;
|
|
30
|
+
};
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SpotlightActionData } from '@mantine/spotlight';
|
|
2
|
+
import { ArchbaseNavigationItem } from './types';
|
|
3
|
+
export interface ArchbaseSpotlightActionData extends SpotlightActionData {
|
|
4
|
+
category?: string;
|
|
5
|
+
image?: string;
|
|
6
|
+
link?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface CommandPaletteButtonProps {
|
|
10
|
+
navigationData: ArchbaseNavigationItem[];
|
|
11
|
+
color?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const CommandPaletteButton: ({ navigationData, color }: CommandPaletteButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function buildMenuItem(theme: any, collapsed: any, onMenuItemClick: any, item: any, index: any, iconsWithBackground: any, currentPathName: any, highlightActiveMenuItem: any, sidebarTextColor: any, collapsedSubmenuWidth: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { MantineTheme } from '@mantine/core';
|
|
2
|
+
import { MenuItemStyles } from 'react-pro-sidebar';
|
|
3
|
+
export declare const buildMenuItemStyles: (colorScheme: any, theme: MantineTheme, collapsed: boolean, menuIconWidth: number, sidebarCollapsedWidth: number, hasMultipleGroups: boolean, iconsWithBackground: boolean, menuItemHeight: string | number, sidebarBackgroundColor: string, sidebarTextColor: string, sidebarIconColor: string) => MenuItemStyles;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { default as React, ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { MenuItemStyles } from 'react-pro-sidebar';
|
|
3
|
+
export declare function buildNavbar(sidebarRef: React.Ref<HTMLHtmlElement>, collapsed: boolean, sidebarWidth: string | number, sidebarCollapsedWidth: string | number, menuItemStyles: MenuItemStyles, links: ReactNode, isHidden: boolean, menuHeight: string | number, sideBarHeaderContent?: ReactNode | undefined, sideBarFooterContent?: ReactNode | undefined, sidebarBackgroundColor?: string): ReactElement;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { MantineColorScheme, MantineTheme } from '@mantine/core';
|
|
2
|
+
import { ArchbaseAdminLayoutContextValue } from './ArchbaseAdminLayout.context';
|
|
3
|
+
export declare function buildSetCollapsedButton(colorScheme: MantineColorScheme, theme: MantineTheme, adminLayoutContextValue: ArchbaseAdminLayoutContextValue, sideBarWidth: string | number, sideBarCollapsedWidth: string | number, handleCollapseSidebar: () => void): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CSSProperties, ModalBaseStylesNames } from '@mantine/core';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
export interface ArchbaseDrawerContentProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
size?: string | number;
|
|
7
|
+
drawerKey: string;
|
|
8
|
+
styles?: Partial<Record<ModalBaseStylesNames, CSSProperties>> | undefined;
|
|
9
|
+
}
|
|
10
|
+
export declare function ArchbaseDrawerContent({ children, title, size, drawerKey, styles }: ArchbaseDrawerContentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useArchbaseAdminStore';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ArchbaseTabItem } from '../types';
|
|
2
|
+
export interface AdminState {
|
|
3
|
+
collapsed: boolean;
|
|
4
|
+
nameStore: string;
|
|
5
|
+
openedTabs?: ArchbaseTabItem[];
|
|
6
|
+
activeTabId?: string | number | undefined;
|
|
7
|
+
setOpenedTabs: (openedTabs: ArchbaseTabItem[]) => void;
|
|
8
|
+
setActiveTabId: (activeTabId: any) => void;
|
|
9
|
+
setCollapsed: (collapsed: boolean) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const useArchbaseAdminStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AdminState>>;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export { ArchbaseAdminLayoutContext, ArchbaseAdminLayoutProvider } from './ArchbaseAdminLayout.context';
|
|
2
|
+
export type { ArchbaseAdminLayoutListener, ArchbaseAdminLayoutContextValue, ArchbaseAdminLayoutContextProps, } from './ArchbaseAdminLayout.context';
|
|
3
|
+
export type { ArchbaseAdminLayoutFooterProps } from './ArchbaseAdminLayoutFooter';
|
|
4
|
+
export { ArchbaseAdminLayoutFooter } from './ArchbaseAdminLayoutFooter';
|
|
5
|
+
export type { ArchbaseAdminLayoutHeaderProps } from './ArchbaseAdminLayoutHeader';
|
|
6
|
+
export { ArchbaseAdminLayoutHeader, defaultAvatar } from './ArchbaseAdminLayoutHeader';
|
|
7
|
+
export type { ArchbaseAdminMainLayoutProps } from './ArchbaseAdminMainLayout';
|
|
8
|
+
export { ArchbaseAdminMainLayout } from './ArchbaseAdminMainLayout';
|
|
9
|
+
export type { ArchbaseAdminTabContainerProps } from './ArchbaseAdminTabContainer';
|
|
10
|
+
export { ArchbaseAdminTabContainer } from './ArchbaseAdminTabContainer';
|
|
11
|
+
export { ArchbaseChangeLanguageAction } from './ArchbaseChangeLanguageAction';
|
|
12
|
+
export { ArchbaseColorSchemeAction } from './ArchbaseColorSchemeAction';
|
|
13
|
+
export type { ArchbaseHeaderNavActionProps } from './ArchbaseHeaderNavAction';
|
|
14
|
+
export { ArchbaseHeaderNavAction } from './ArchbaseHeaderNavAction';
|
|
15
|
+
export { ArchbaseNavigationContext, ArchbaseNavigationProvider, useArchbaseNavigationContext, useArchbaseNavigationListener, } from './ArchbaseNavigation.context';
|
|
16
|
+
export type { ArchbaseNavigationContextValues, ArchbaseNavigationListenerType } from './ArchbaseNavigation.context';
|
|
17
|
+
export { navigationDataSample } from './navigationData';
|
|
18
|
+
export type { ArchbaseNavigationItem, ArchbaseCommandColor, ArchbaseCommandMenu, ArchbaseOwner, ArchbaseCompany, ArchbaseTabItem, LocationDataItem, } from './types';
|
|
19
|
+
export { ArchbaseKeepAliveRoute, ArchbaseAliveAbleRoutes } from './ArchbaseAliveAbleRoutes';
|
|
20
|
+
export type { CommandPaletteButtonProps, ArchbaseSpotlightActionData } from './CommandPaletteButton';
|
|
21
|
+
export { CommandPaletteButton } from './CommandPaletteButton';
|
|
22
|
+
export type { ArchbaseAdvancedSidebarProps } from './ArchbaseAdvancedSidebar';
|
|
23
|
+
export { ArchbaseAdvancedSidebar } from './ArchbaseAdvancedSidebar';
|
|
24
|
+
export { ArchbaseDrawerContent } from './drawer/DrawerContent';
|
|
25
|
+
export type { ArchbaseDrawerContentProps } from './drawer/DrawerContent';
|
|
26
|
+
export { ArchbaseDrawerTrigger } from './drawer/DrawerTrigger';
|
|
27
|
+
export { useArchbaseDrawer } from './drawer/useArchbaseDrawer';
|
|
28
|
+
export { ArchbaseMyProfileModal, defaultMyProfileModalOptions } from './ArchbaseMyProfileModal';
|
|
29
|
+
export type { ArchbaseMyProfileModalProps, MyProfileModalOptions } from './ArchbaseMyProfileModal';
|
|
30
|
+
export * from './hooks';
|