@campxdev/react-blueprint 2.1.3 → 2.1.5

package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIconV2.d.ts

@@ -0,0 +1,3 @@
+export declare const CampxFullLogoIconV2: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxIconV2.d.ts

@@ -0,0 +1,3 @@
+export declare const CampxIconV2: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts

@@ -176,5 +176,7 @@ export type IconsType = {
     SalaryIcon: IconComponent;
     ExpensesIcon: IconComponent;
     LeavesIcon: IconComponent;
+    CampxFullLogoIconV2: IconComponent;
+    CampxIconV2: IconComponent;
 };
 export declare const Icons: IconsType;

package/dist/esm/types/src/components/Layout/AppHeader/AppHeaderV2.d.ts

@@ -0,0 +1,31 @@
+import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { SideMenuItemProps } from '../../export';
+export type AppHeaderV2Props = {
+    /** Custom action components to display in the header */
+    actions?: ReactNode[];
+    /** Profile dropdown actions */
+    profileActions?: ReactNode[];
+    /** Full name of the current user */
+    userFullName: string;
+    /** User's designation/role */
+    designation?: string;
+    /** Whether the sidebar is collapsed */
+    collapsed: boolean;
+    /** Callback function to toggle sidebar drawer (mobile only) */
+    onToggleSidebar?: () => void;
+    /** Breadcrumb navigation component (displayed on desktop only) */
+    breadcrumbs?: ReactNode;
+    /** Institution data for user profile */
+    institutionsData?: any[];
+    /** Custom styles for profile component */
+    profileSx?: any;
+    /** Logout click handler */
+    onLogoutClick?: () => void;
+    /** Whether to show active devices in profile */
+    showActiveDevices?: boolean;
+    /** Custom styles for the header */
+    headerSx?: SxProps;
+    menu: SideMenuItemProps[];
+};
+export declare const AppHeaderV2: ({ actions, profileActions, profileSx, onLogoutClick, designation, userFullName, collapsed, onToggleSidebar, breadcrumbs, institutionsData, showActiveDevices, headerSx, menu, }: AppHeaderV2Props) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Layout/AppHeader/styles/stylesV2.d.ts

@@ -0,0 +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>, {}>;

package/dist/esm/types/src/components/Layout/export.d.ts

@@ -1,4 +1,5 @@
 export * from './AppHeader/AppHeader';
+export * from './AppHeader/AppHeaderV2';
 export * from './FloatingContainer/FloatingContainer';
 export * from './PageContent/PageContent';
 export * from './PageHeader/components/DensitySelector/DensitySelector';

package/dist/esm/types/src/components/Navigation/Sidebar/SidebarV2.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+export declare const SidebarV2: ({ menu, collapsed, setCollapsed, }: {
+    menu: SideMenuItemProps[];
+    collapsed: boolean;
+    setCollapsed: any;
+}) => import("react/jsx-runtime").JSX.Element;
+interface SideMenuItemProps {
+    name: string;
+    path: string;
+    icon: ReactElement;
+    permissionKey?: string;
+    subMenu?: SubMenuItemProps[];
+    menu?: SideMenuItemProps[];
+}
+interface SubMenuItemProps {
+    name: string;
+    path: string;
+    permissionKey?: string;
+}
+export {};

package/dist/esm/types/src/components/Navigation/export.d.ts

@@ -9,6 +9,7 @@ export * from './DropDownMenu/DropDownMenu';
 export * from './DropDownMenu/DropdownMenuItem';
 export * from './PreviewFiles/PreviewFiles';
 export * from './Sidebar/Sidebar';
+export * from './Sidebar/SidebarV2';
 export * from './Stepper/Stepper';
 export * from './TabsContainer/TabsContainer';
 export * from './UploadDialog/UploadDialog';

package/dist/esm/types/src/stories/Layout/AppHeaderV2.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AppHeaderV2 } from '../../components/export';
+declare const meta: Meta<typeof AppHeaderV2>;
+export default meta;
+type Story = StoryObj<typeof AppHeaderV2>;
+export declare const Primary: Story;
+export declare const WithoutBreadcrumbs: Story;
+export declare const MobileView: Story;

package/dist/index.d.ts

@@ -242,6 +242,8 @@ type IconsType = {
     SalaryIcon: IconComponent;
     ExpensesIcon: IconComponent;
     LeavesIcon: IconComponent;
+    CampxFullLogoIconV2: IconComponent;
+    CampxIconV2: IconComponent;
 };
 declare const Icons: IconsType;
 
@@ -921,6 +923,35 @@ type AppHeaderProps = {
 };
 declare const AppHeader: ({ actions, profileActions, profileSx, clientLogoUrl, onLogoutClick, designation, clientName, userFullName, collapsed, institutionsData, showActiveDevices, headerSx, }: AppHeaderProps) => react_jsx_runtime.JSX.Element;
 
+type AppHeaderV2Props = {
+    /** Custom action components to display in the header */
+    actions?: ReactNode[];
+    /** Profile dropdown actions */
+    profileActions?: ReactNode[];
+    /** Full name of the current user */
+    userFullName: string;
+    /** User's designation/role */
+    designation?: string;
+    /** Whether the sidebar is collapsed */
+    collapsed: boolean;
+    /** Callback function to toggle sidebar drawer (mobile only) */
+    onToggleSidebar?: () => void;
+    /** Breadcrumb navigation component (displayed on desktop only) */
+    breadcrumbs?: ReactNode;
+    /** Institution data for user profile */
+    institutionsData?: any[];
+    /** Custom styles for profile component */
+    profileSx?: any;
+    /** Logout click handler */
+    onLogoutClick?: () => void;
+    /** Whether to show active devices in profile */
+    showActiveDevices?: boolean;
+    /** Custom styles for the header */
+    headerSx?: SxProps;
+    menu: SideMenuItemProps$1[];
+};
+declare const AppHeaderV2: ({ actions, profileActions, profileSx, onLogoutClick, designation, userFullName, collapsed, onToggleSidebar, breadcrumbs, institutionsData, showActiveDevices, headerSx, menu, }: AppHeaderV2Props) => react_jsx_runtime.JSX.Element;
+
 type FloatingContainerProps = {
     title?: string;
     content: ReactNode;
@@ -1086,6 +1117,25 @@ type PreviewFilesProps = {
 declare const PreviewFiles: ({ files, label, onChange, showDownload, hideDelete, sx, ...props }: PreviewFilesProps) => react_jsx_runtime.JSX.Element;
 
 declare const Sidebar: ({ menu, collapsed, setCollapsed, }: {
+    menu: SideMenuItemProps$1[];
+    collapsed: boolean;
+    setCollapsed: any;
+}) => react_jsx_runtime.JSX.Element;
+interface SideMenuItemProps$1 {
+    name: string;
+    path: string;
+    icon: ReactElement;
+    permissionKey?: string;
+    subMenu?: SubMenuItemProps$1[];
+    menu?: SideMenuItemProps$1[];
+}
+interface SubMenuItemProps$1 {
+    name: string;
+    path: string;
+    permissionKey?: string;
+}
+
+declare const SidebarV2: ({ menu, collapsed, setCollapsed, }: {
     menu: SideMenuItemProps[];
     collapsed: boolean;
     setCollapsed: any;
@@ -1203,5 +1253,5 @@ declare const splitBreadcrumbIdSlug: (param: string) => {
 declare const isLocal: boolean;
 declare const isDevelopment: boolean;
 
-export { Accordion, AccordionGroup, ActivityLogView, Alert, AnimatedGIFs, AppHeader, BarChart, Breadcrumbs, Button, Card, CellContainer, CenterBox, Chips, CircularAvatar, ComingSoon, ConfirmDialog, DataTable, DatePicker, DateTimePicker, DensitySelector, Dialog, DialogButton, DropDownButton, DropDownIcon, DropdownMenu, DropdownMenuItem, EditableDataTable, EditableTableCore, EmptyIllustration, FileUpload, FloatingContent, FooterContainerContainer, FormActions, FormControlWrapper, FormWrapper, IconButtons, Icons, InternalServerError, LabelWrapper, LineChart, MuiThemeProvider, MultiCheckBox, NoInterneConnection, NoItemFound, OtpInput, PageContent, PageHeader, PageNotFound, PasswordField, PieChart, PreviewFiles, ProgressCard, RadioGroup, ResourceNotFound, SearchBar, Select, SidePanel, SidePanelVariables, Sidebar, SingleCheckBox, SingleSelect, Snackbar, Spinner, SquareAvatar, StatusCard, Stepper, StyledContainer, Svgs, Switch, TableColumnsSelector, TableColumnsSelectorMenuFooter, TabsContainer, TabsLayout, TextField, TimePicker, Timeline, ToolTipContent, Tooltip, Tutorial, Typography, UnAuthorized, UploadDialog, createBreadcrumbIdSlug, darkTheme, getBreadcrumbsCharacter, isDevelopment, isLocal, lightTheme, reactBlueprintReducers, splitBreadcrumbIdSlug, usePageHeader, useParams, useUrlParams };
-export type { AccordionProps, Activity, ActivityAction, AlertProps, AppHeaderProps, BarChartProps, BreadcrumbsProps, ButtonConfig, ButtonProps, CardProps, CheckboxProps, CircularAvatarProps, ConfirmDialogProps, ConfirmDialogType, DataTableProps, DensitySelectorProps, DialogButtonProps, DialogProps, DropdownMenuItemProps, DropdownMenuProps, EditableDataTableProps, FileUploadProps, FloatingContainerProps, FormActionsProps, IconComponent, IconProps, IconsType, LineChartProps, MultiCheckboxProps, OtpInputProps, PageContentProps, PasswordFieldProps, PieChartProps, PreviewFilesProps, ProgressCardProps, RadioGroupProps, SearchBarProps, SelectProps, Severity, SideMenuItemProps, SidePanelProps, SingleSelectProps, SnackbarProps, SquareAvatarProps, StatusCardProps, SubMenuItemProps, SwitchProps, TableColumnsSelectorProps, TabsContainerProps, TextFieldProps, TimelineItems, TimelineProps, TooltipContentProps, TooltipProps, TypographyProps, UploadDialogProps };
+export { Accordion, AccordionGroup, ActivityLogView, Alert, AnimatedGIFs, AppHeader, AppHeaderV2, BarChart, Breadcrumbs, Button, Card, CellContainer, CenterBox, Chips, CircularAvatar, ComingSoon, ConfirmDialog, DataTable, DatePicker, DateTimePicker, DensitySelector, Dialog, DialogButton, DropDownButton, DropDownIcon, DropdownMenu, DropdownMenuItem, EditableDataTable, EditableTableCore, EmptyIllustration, FileUpload, FloatingContent, FooterContainerContainer, FormActions, FormControlWrapper, FormWrapper, IconButtons, Icons, InternalServerError, LabelWrapper, LineChart, MuiThemeProvider, MultiCheckBox, NoInterneConnection, NoItemFound, OtpInput, PageContent, PageHeader, PageNotFound, PasswordField, PieChart, PreviewFiles, ProgressCard, RadioGroup, ResourceNotFound, SearchBar, Select, SidePanel, SidePanelVariables, Sidebar, SidebarV2, SingleCheckBox, SingleSelect, Snackbar, Spinner, SquareAvatar, StatusCard, Stepper, StyledContainer, Svgs, Switch, TableColumnsSelector, TableColumnsSelectorMenuFooter, TabsContainer, TabsLayout, TextField, TimePicker, Timeline, ToolTipContent, Tooltip, Tutorial, Typography, UnAuthorized, UploadDialog, createBreadcrumbIdSlug, darkTheme, getBreadcrumbsCharacter, isDevelopment, isLocal, lightTheme, reactBlueprintReducers, splitBreadcrumbIdSlug, usePageHeader, useParams, useUrlParams };
+export type { AccordionProps, Activity, ActivityAction, AlertProps, AppHeaderProps, AppHeaderV2Props, BarChartProps, BreadcrumbsProps, ButtonConfig, ButtonProps, CardProps, CheckboxProps, CircularAvatarProps, ConfirmDialogProps, ConfirmDialogType, DataTableProps, DensitySelectorProps, DialogButtonProps, DialogProps, DropdownMenuItemProps, DropdownMenuProps, EditableDataTableProps, FileUploadProps, FloatingContainerProps, FormActionsProps, IconComponent, IconProps, IconsType, LineChartProps, MultiCheckboxProps, OtpInputProps, PageContentProps, PasswordFieldProps, PieChartProps, PreviewFilesProps, ProgressCardProps, RadioGroupProps, SearchBarProps, SelectProps, Severity, SideMenuItemProps$1 as SideMenuItemProps, SidePanelProps, SingleSelectProps, SnackbarProps, SquareAvatarProps, StatusCardProps, SubMenuItemProps$1 as SubMenuItemProps, SwitchProps, TableColumnsSelectorProps, TabsContainerProps, TextFieldProps, TimelineItems, TimelineProps, TooltipContentProps, TooltipProps, TypographyProps, UploadDialogProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "React UI component library for CampX applications",
   "author": "CampX",
   "license": "MIT",