@campxdev/react-blueprint 2.1.3 → 2.1.5

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.
Files changed (22) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIconV2.d.ts +3 -0
  3. package/dist/cjs/types/src/components/Assets/Icons/IconComponents/CampxIconV2.d.ts +3 -0
  4. package/dist/cjs/types/src/components/Assets/Icons/Icons.d.ts +2 -0
  5. package/dist/cjs/types/src/components/Layout/AppHeader/AppHeaderV2.d.ts +31 -0
  6. package/dist/cjs/types/src/components/Layout/AppHeader/styles/stylesV2.d.ts +1 -0
  7. package/dist/cjs/types/src/components/Layout/export.d.ts +1 -0
  8. package/dist/cjs/types/src/components/Navigation/Sidebar/SidebarV2.d.ts +20 -0
  9. package/dist/cjs/types/src/components/Navigation/export.d.ts +1 -0
  10. package/dist/cjs/types/src/stories/Layout/AppHeaderV2.stories.d.ts +8 -0
  11. package/dist/esm/index.js +2 -2
  12. package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIconV2.d.ts +3 -0
  13. package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxIconV2.d.ts +3 -0
  14. package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts +2 -0
  15. package/dist/esm/types/src/components/Layout/AppHeader/AppHeaderV2.d.ts +31 -0
  16. package/dist/esm/types/src/components/Layout/AppHeader/styles/stylesV2.d.ts +1 -0
  17. package/dist/esm/types/src/components/Layout/export.d.ts +1 -0
  18. package/dist/esm/types/src/components/Navigation/Sidebar/SidebarV2.d.ts +20 -0
  19. package/dist/esm/types/src/components/Navigation/export.d.ts +1 -0
  20. package/dist/esm/types/src/stories/Layout/AppHeaderV2.stories.d.ts +8 -0
  21. package/dist/index.d.ts +52 -2
  22. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ export declare const CampxFullLogoIconV2: ({ size }: {
2
+ size?: number;
3
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ export declare const CampxIconV2: ({ size }: {
2
+ size?: number;
3
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -176,5 +176,7 @@ export type IconsType = {
176
176
  SalaryIcon: IconComponent;
177
177
  ExpensesIcon: IconComponent;
178
178
  LeavesIcon: IconComponent;
179
+ CampxFullLogoIconV2: IconComponent;
180
+ CampxIconV2: IconComponent;
179
181
  };
180
182
  export declare const Icons: IconsType;
@@ -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>, {}>;
@@ -1,4 +1,5 @@
1
1
  export * from './AppHeader/AppHeader';
2
+ export * from './AppHeader/AppHeaderV2';
2
3
  export * from './FloatingContainer/FloatingContainer';
3
4
  export * from './PageContent/PageContent';
4
5
  export * from './PageHeader/components/DensitySelector/DensitySelector';
@@ -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;