@campxdev/react-blueprint 2.0.8 → 2.0.10

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

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

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

@@ -174,5 +174,6 @@ export type IconsType = {
     ESSIcon: IconComponent;
     SalaryIcon: IconComponent;
     ExpensesIcon: IconComponent;
+    LeavesIcon: IconComponent;
 };
 export declare const Icons: IconsType;

package/dist/esm/types/src/components/Charts/ProgressCard/ProgressCard.d.ts

@@ -0,0 +1,66 @@
+import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface ProgressCardProps {
+    title: string;
+    current: number;
+    total: number;
+    remaining?: number;
+    used?: number;
+    pending?: number;
+    progressBarColor?: string;
+    remainingLabel?: string | ReactNode;
+    usedLabel?: string | ReactNode;
+    totalLabel?: string | ReactNode;
+    pendingLabel?: string | ReactNode;
+    icon?: ReactNode;
+    moreOptions?: boolean;
+    menu?: ReactNode[] | ((props: {
+        close: () => void;
+    }) => ReactNode[]);
+    cardSx?: SxProps;
+    headerSx?: SxProps;
+    progressSx?: SxProps;
+    statsSx?: SxProps;
+    titleProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    remainingProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    usedProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    totalProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    pendingProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    children?: ReactNode;
+    renderHeader?: (props: {
+        title: string;
+        remaining: number;
+    }) => ReactNode;
+    renderProgress?: (props: {
+        current: number;
+        total: number;
+    }) => ReactNode;
+    renderStats?: (props: {
+        used: number;
+        total: number;
+    }) => ReactNode;
+    renderPending?: (props: {
+        pending: number;
+    }) => ReactNode;
+    renderFooter?: (props: {
+        used: number;
+        total: number;
+    }) => ReactNode;
+}
+export declare const ProgressCard: ({ title, current, total, remaining, used, pending, progressBarColor, remainingLabel, usedLabel, totalLabel, pendingLabel, icon, moreOptions, menu, cardSx, headerSx, progressSx, statsSx, titleProps, remainingProps, usedProps, totalProps, pendingProps, children, renderHeader, renderProgress, renderStats, renderPending, renderFooter, }: ProgressCardProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressCard;

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

@@ -1,4 +1,5 @@
 export * from './BarChart/BarChart';
 export * from './LineChart/LineChart';
-export * from './TreeMap/TreeMap';
 export * from './PieChart/PieChart';
+export * from './ProgressCard/ProgressCard';
+export * from './TreeMap/TreeMap';

package/dist/esm/types/src/components/DataDisplay/Accordion/styles.d.ts

@@ -13,4 +13,4 @@ export declare const StyledMuiAccordion: import("@mui/styled-engine").StyledComp
     TransitionProps?: import("@mui/material/transitions").TransitionProps;
 } & import("@mui/material").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("@types/react").Ref<HTMLDivElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "onChange" | "elevation" | "disabled" | "square" | "expanded" | "defaultExpanded" | "disableGutters" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "onChange" | "elevation" | "disabled" | "square" | "expanded" | "TransitionComponent" | "TransitionProps" | "defaultExpanded" | "disableGutters" | keyof import("@mui/material").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/types/src/components/Input/OtpInput/OtpInput.d.ts

@@ -1,6 +1,14 @@
+import { SxProps } from '@mui/material';
 interface OtpInputProps {
     length: number;
     onChangeOtp: (otp: string) => void;
+    containerSx?: SxProps;
+    inputSx?: SxProps;
+    label?: string;
+    name?: string;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
 }
-export declare const OtpInput: ({ length, onChangeOtp }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OtpInput: ({ length, onChangeOtp, containerSx, inputSx, label, name, required, error, helperText, }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
 export type { OtpInputProps };

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

@@ -26,7 +26,7 @@ export declare const createSidebarStyles: (collapsed: boolean) => {
     }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledListItemButtonProps, {}, {}>;
     StyledListItem: import("@mui/styled-engine").StyledComponent<import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
         ref?: import("@types/react").Ref<HTMLLIElement>;
-    }, "className" | "style" | "classes" | "alignItems" | "children" | "sx" | "dense" | "components" | "componentsProps" | "divider" | "disableGutters" | "slots" | "slotProps" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    }, "className" | "style" | "classes" | "alignItems" | "children" | "sx" | "dense" | "components" | "componentsProps" | "divider" | "slots" | "slotProps" | "disablePadding" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
     StyledLinkButton: import("@mui/styled-engine").StyledComponent<import("react-router-dom").LinkProps & import("@types/react").RefAttributes<HTMLAnchorElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledLinkButtonProps, {}, {}>;
     StyledListItemButton: import("@mui/styled-engine").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: import("@types/react").Ref<HTMLDivElement>;

package/dist/index.d.ts

@@ -237,6 +237,7 @@ type IconsType = {
     ESSIcon: IconComponent;
     SalaryIcon: IconComponent;
     ExpensesIcon: IconComponent;
+    LeavesIcon: IconComponent;
 };
 declare const Icons: IconsType;
 
@@ -348,10 +349,6 @@ type LineItem = {
 };
 declare const LineChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, width, height, margin, dataKey, data, lines, showToolTip, showLegend, cartesianGrid, axisLabelProps, baseAxisProps, legendSx, containerSx, }: LineChartProps) => react_jsx_runtime.JSX.Element;
 
-declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
-
 type PieChartProps = {
     title?: string;
     showSubtitle?: boolean;
@@ -383,6 +380,74 @@ type PieProps = {
 };
 declare const PieChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, margin, width, height, showToolTip, showLegend, legendSx, pie1, pie2, containerSx, }: PieChartProps) => react_jsx_runtime.JSX.Element;
 
+interface ProgressCardProps {
+    title: string;
+    current: number;
+    total: number;
+    remaining?: number;
+    used?: number;
+    pending?: number;
+    progressBarColor?: string;
+    remainingLabel?: string | ReactNode;
+    usedLabel?: string | ReactNode;
+    totalLabel?: string | ReactNode;
+    pendingLabel?: string | ReactNode;
+    icon?: ReactNode;
+    moreOptions?: boolean;
+    menu?: ReactNode[] | ((props: {
+        close: () => void;
+    }) => ReactNode[]);
+    cardSx?: SxProps;
+    headerSx?: SxProps;
+    progressSx?: SxProps;
+    statsSx?: SxProps;
+    titleProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    remainingProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    usedProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    totalProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    pendingProps?: {
+        variant?: any;
+        sx?: SxProps;
+    };
+    children?: ReactNode;
+    renderHeader?: (props: {
+        title: string;
+        remaining: number;
+    }) => ReactNode;
+    renderProgress?: (props: {
+        current: number;
+        total: number;
+    }) => ReactNode;
+    renderStats?: (props: {
+        used: number;
+        total: number;
+    }) => ReactNode;
+    renderPending?: (props: {
+        pending: number;
+    }) => ReactNode;
+    renderFooter?: (props: {
+        used: number;
+        total: number;
+    }) => ReactNode;
+}
+declare const ProgressCard: ({ title, current, total, remaining, used, pending, progressBarColor, remainingLabel, usedLabel, totalLabel, pendingLabel, icon, moreOptions, menu, cardSx, headerSx, progressSx, statsSx, titleProps, remainingProps, usedProps, totalProps, pendingProps, children, renderHeader, renderProgress, renderStats, renderPending, renderFooter, }: ProgressCardProps) => react_jsx_runtime.JSX.Element;
+
+declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+
 type AccordionProps = {
     title: ReactNode;
     content: ReactNode;
@@ -824,8 +889,15 @@ declare const TimePicker: <TDate extends PickerValidDate, TEnableAccessibleField
 interface OtpInputProps {
     length: number;
     onChangeOtp: (otp: string) => void;
+    containerSx?: SxProps;
+    inputSx?: SxProps;
+    label?: string;
+    name?: string;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
 }
-declare const OtpInput: ({ length, onChangeOtp }: OtpInputProps) => react_jsx_runtime.JSX.Element;
+declare const OtpInput: ({ length, onChangeOtp, containerSx, inputSx, label, name, required, error, helperText, }: OtpInputProps) => react_jsx_runtime.JSX.Element;
 
 type AppHeaderProps = {
     actions?: ReactNode[];
@@ -1126,5 +1198,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, RadioGroup, 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, 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, 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, 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 };

package/package.json

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