@campxdev/react-blueprint 2.1.4 → 2.1.6
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/cjs/index.js +1 -1
- package/dist/cjs/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIconV2.d.ts +3 -0
- package/dist/cjs/types/src/components/Assets/Icons/IconComponents/CampxIconV2.d.ts +3 -0
- package/dist/cjs/types/src/components/Assets/Icons/Icons.d.ts +2 -0
- package/dist/cjs/types/src/components/Layout/AppHeader/AppHeaderV2.d.ts +31 -0
- package/dist/cjs/types/src/components/Layout/AppHeader/styles/stylesV2.d.ts +1 -0
- package/dist/cjs/types/src/components/Layout/export.d.ts +1 -0
- package/dist/cjs/types/src/components/Navigation/Sidebar/SidebarV2.d.ts +20 -0
- package/dist/cjs/types/src/components/Navigation/export.d.ts +1 -0
- package/dist/cjs/types/src/stories/Layout/AppHeaderV2.stories.d.ts +8 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIconV2.d.ts +3 -0
- package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxIconV2.d.ts +3 -0
- package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts +2 -0
- package/dist/esm/types/src/components/Layout/AppHeader/AppHeaderV2.d.ts +31 -0
- package/dist/esm/types/src/components/Layout/AppHeader/styles/stylesV2.d.ts +1 -0
- package/dist/esm/types/src/components/Layout/export.d.ts +1 -0
- package/dist/esm/types/src/components/Navigation/Sidebar/SidebarV2.d.ts +20 -0
- package/dist/esm/types/src/components/Navigation/export.d.ts +1 -0
- package/dist/esm/types/src/stories/Layout/AppHeaderV2.stories.d.ts +8 -0
- package/dist/index.d.ts +52 -2
- package/package.json +1 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SxProps } from '@mui/material';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { SideMenuItemProps } from '../../export';
|
|
4
|
+
export type AppHeaderV2Props = {
|
|
5
|
+
/** Custom action components to display in the header */
|
|
6
|
+
actions?: ReactNode[];
|
|
7
|
+
/** Profile dropdown actions */
|
|
8
|
+
profileActions?: ReactNode[];
|
|
9
|
+
/** Full name of the current user */
|
|
10
|
+
userFullName: string;
|
|
11
|
+
/** User's designation/role */
|
|
12
|
+
designation?: string;
|
|
13
|
+
/** Whether the sidebar is collapsed */
|
|
14
|
+
collapsed: boolean;
|
|
15
|
+
/** Callback function to toggle sidebar drawer (mobile only) */
|
|
16
|
+
onToggleSidebar?: () => void;
|
|
17
|
+
/** Breadcrumb navigation component (displayed on desktop only) */
|
|
18
|
+
breadcrumbs?: ReactNode;
|
|
19
|
+
/** Institution data for user profile */
|
|
20
|
+
institutionsData?: any[];
|
|
21
|
+
/** Custom styles for profile component */
|
|
22
|
+
profileSx?: any;
|
|
23
|
+
/** Logout click handler */
|
|
24
|
+
onLogoutClick?: () => void;
|
|
25
|
+
/** Whether to show active devices in profile */
|
|
26
|
+
showActiveDevices?: boolean;
|
|
27
|
+
/** Custom styles for the header */
|
|
28
|
+
headerSx?: SxProps;
|
|
29
|
+
menu: SideMenuItemProps[];
|
|
30
|
+
};
|
|
31
|
+
export declare const AppHeaderV2: ({ actions, profileActions, profileSx, onLogoutClick, designation, userFullName, collapsed, onToggleSidebar, breadcrumbs, institutionsData, showActiveDevices, headerSx, menu, }: AppHeaderV2Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledHeaderV2: import("@mui/styled-engine").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
export declare const SidebarV2: ({ menu, collapsed, setCollapsed, }: {
|
|
3
|
+
menu: SideMenuItemProps[];
|
|
4
|
+
collapsed: boolean;
|
|
5
|
+
setCollapsed: any;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
interface SideMenuItemProps {
|
|
8
|
+
name: string;
|
|
9
|
+
path: string;
|
|
10
|
+
icon: ReactElement;
|
|
11
|
+
permissionKey?: string;
|
|
12
|
+
subMenu?: SubMenuItemProps[];
|
|
13
|
+
menu?: SideMenuItemProps[];
|
|
14
|
+
}
|
|
15
|
+
interface SubMenuItemProps {
|
|
16
|
+
name: string;
|
|
17
|
+
path: string;
|
|
18
|
+
permissionKey?: string;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -9,6 +9,7 @@ export * from './DropDownMenu/DropDownMenu';
|
|
|
9
9
|
export * from './DropDownMenu/DropdownMenuItem';
|
|
10
10
|
export * from './PreviewFiles/PreviewFiles';
|
|
11
11
|
export * from './Sidebar/Sidebar';
|
|
12
|
+
export * from './Sidebar/SidebarV2';
|
|
12
13
|
export * from './Stepper/Stepper';
|
|
13
14
|
export * from './TabsContainer/TabsContainer';
|
|
14
15
|
export * from './UploadDialog/UploadDialog';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { AppHeaderV2 } from '../../components/export';
|
|
3
|
+
declare const meta: Meta<typeof AppHeaderV2>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof AppHeaderV2>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const WithoutBreadcrumbs: Story;
|
|
8
|
+
export declare const MobileView: Story;
|