@campxdev/react-blueprint 2.0.9 → 2.0.11

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.
@@ -0,0 +1,4 @@
1
+ export declare const LeavesIcon: ({ color, size, }: {
2
+ color?: string;
3
+ size?: number;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -174,5 +174,6 @@ export type IconsType = {
174
174
  ESSIcon: IconComponent;
175
175
  SalaryIcon: IconComponent;
176
176
  ExpensesIcon: IconComponent;
177
+ LeavesIcon: IconComponent;
177
178
  };
178
179
  export declare const Icons: IconsType;
@@ -0,0 +1,66 @@
1
+ import { SxProps } from '@mui/material';
2
+ import { ReactNode } from 'react';
3
+ export interface ProgressCardProps {
4
+ title: string;
5
+ current: number;
6
+ total: number;
7
+ remaining?: number;
8
+ used?: number;
9
+ pending?: number;
10
+ progressBarColor?: string;
11
+ remainingLabel?: string | ReactNode;
12
+ usedLabel?: string | ReactNode;
13
+ totalLabel?: string | ReactNode;
14
+ pendingLabel?: string | ReactNode;
15
+ icon?: ReactNode;
16
+ moreOptions?: boolean;
17
+ menu?: ReactNode[] | ((props: {
18
+ close: () => void;
19
+ }) => ReactNode[]);
20
+ cardSx?: SxProps;
21
+ headerSx?: SxProps;
22
+ progressSx?: SxProps;
23
+ statsSx?: SxProps;
24
+ titleProps?: {
25
+ variant?: any;
26
+ sx?: SxProps;
27
+ };
28
+ remainingProps?: {
29
+ variant?: any;
30
+ sx?: SxProps;
31
+ };
32
+ usedProps?: {
33
+ variant?: any;
34
+ sx?: SxProps;
35
+ };
36
+ totalProps?: {
37
+ variant?: any;
38
+ sx?: SxProps;
39
+ };
40
+ pendingProps?: {
41
+ variant?: any;
42
+ sx?: SxProps;
43
+ };
44
+ children?: ReactNode;
45
+ renderHeader?: (props: {
46
+ title: string;
47
+ remaining: number;
48
+ }) => ReactNode;
49
+ renderProgress?: (props: {
50
+ current: number;
51
+ total: number;
52
+ }) => ReactNode;
53
+ renderStats?: (props: {
54
+ used: number;
55
+ total: number;
56
+ }) => ReactNode;
57
+ renderPending?: (props: {
58
+ pending: number;
59
+ }) => ReactNode;
60
+ renderFooter?: (props: {
61
+ used: number;
62
+ total: number;
63
+ }) => ReactNode;
64
+ }
65
+ 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;
66
+ export default ProgressCard;
@@ -1,4 +1,5 @@
1
1
  export * from './BarChart/BarChart';
2
2
  export * from './LineChart/LineChart';
3
- export * from './TreeMap/TreeMap';
4
3
  export * from './PieChart/PieChart';
4
+ export * from './ProgressCard/ProgressCard';
5
+ export * from './TreeMap/TreeMap';
@@ -1,4 +1,4 @@
1
- import { AccordionProps as MuiAccordionProps } from '@mui/material';
1
+ import { AccordionProps as MuiAccordionProps, SxProps } from '@mui/material';
2
2
  import { ReactNode } from 'react';
3
3
  export type AccordionProps = {
4
4
  title: ReactNode;
@@ -6,6 +6,7 @@ export type AccordionProps = {
6
6
  actions?: ReactNode;
7
7
  index?: number;
8
8
  errorKeys?: string[];
9
+ contentSx?: SxProps;
9
10
  expanded?: boolean | number;
10
11
  } & Omit<MuiAccordionProps, 'children' | 'content' | 'title' | 'index' | 'expanded' | 'actions'>;
11
12
  export declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,4 +13,4 @@ export declare const StyledMuiAccordion: import("@mui/styled-engine").StyledComp
13
13
  TransitionProps?: import("@mui/material/transitions").TransitionProps;
14
14
  } & 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"> & {
15
15
  ref?: import("@types/react").Ref<HTMLDivElement>;
16
- }, 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>, {}, {}>;
16
+ }, 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>, {}, {}>;
@@ -26,7 +26,7 @@ export declare const createSidebarStyles: (collapsed: boolean) => {
26
26
  }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledListItemButtonProps, {}, {}>;
27
27
  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"> & {
28
28
  ref?: import("@types/react").Ref<HTMLLIElement>;
29
- }, "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>, {}, {}>;
29
+ }, "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>, {}, {}>;
30
30
  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, {}, {}>;
31
31
  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"> & {
32
32
  ref?: import("@types/react").Ref<HTMLDivElement>;
package/dist/index.d.ts CHANGED
@@ -237,6 +237,7 @@ type IconsType = {
237
237
  ESSIcon: IconComponent;
238
238
  SalaryIcon: IconComponent;
239
239
  ExpensesIcon: IconComponent;
240
+ LeavesIcon: IconComponent;
240
241
  };
241
242
  declare const Icons: IconsType;
242
243
 
@@ -348,10 +349,6 @@ type LineItem = {
348
349
  };
349
350
  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;
350
351
 
351
- declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
352
- 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;
353
- }, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
354
-
355
352
  type PieChartProps = {
356
353
  title?: string;
357
354
  showSubtitle?: boolean;
@@ -383,12 +380,81 @@ type PieProps = {
383
380
  };
384
381
  declare const PieChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, margin, width, height, showToolTip, showLegend, legendSx, pie1, pie2, containerSx, }: PieChartProps) => react_jsx_runtime.JSX.Element;
385
382
 
383
+ interface ProgressCardProps {
384
+ title: string;
385
+ current: number;
386
+ total: number;
387
+ remaining?: number;
388
+ used?: number;
389
+ pending?: number;
390
+ progressBarColor?: string;
391
+ remainingLabel?: string | ReactNode;
392
+ usedLabel?: string | ReactNode;
393
+ totalLabel?: string | ReactNode;
394
+ pendingLabel?: string | ReactNode;
395
+ icon?: ReactNode;
396
+ moreOptions?: boolean;
397
+ menu?: ReactNode[] | ((props: {
398
+ close: () => void;
399
+ }) => ReactNode[]);
400
+ cardSx?: SxProps;
401
+ headerSx?: SxProps;
402
+ progressSx?: SxProps;
403
+ statsSx?: SxProps;
404
+ titleProps?: {
405
+ variant?: any;
406
+ sx?: SxProps;
407
+ };
408
+ remainingProps?: {
409
+ variant?: any;
410
+ sx?: SxProps;
411
+ };
412
+ usedProps?: {
413
+ variant?: any;
414
+ sx?: SxProps;
415
+ };
416
+ totalProps?: {
417
+ variant?: any;
418
+ sx?: SxProps;
419
+ };
420
+ pendingProps?: {
421
+ variant?: any;
422
+ sx?: SxProps;
423
+ };
424
+ children?: ReactNode;
425
+ renderHeader?: (props: {
426
+ title: string;
427
+ remaining: number;
428
+ }) => ReactNode;
429
+ renderProgress?: (props: {
430
+ current: number;
431
+ total: number;
432
+ }) => ReactNode;
433
+ renderStats?: (props: {
434
+ used: number;
435
+ total: number;
436
+ }) => ReactNode;
437
+ renderPending?: (props: {
438
+ pending: number;
439
+ }) => ReactNode;
440
+ renderFooter?: (props: {
441
+ used: number;
442
+ total: number;
443
+ }) => ReactNode;
444
+ }
445
+ 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;
446
+
447
+ declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
448
+ 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;
449
+ }, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
450
+
386
451
  type AccordionProps = {
387
452
  title: ReactNode;
388
453
  content: ReactNode;
389
454
  actions?: ReactNode;
390
455
  index?: number;
391
456
  errorKeys?: string[];
457
+ contentSx?: SxProps;
392
458
  expanded?: boolean | number;
393
459
  } & Omit<AccordionProps$1, 'children' | 'content' | 'title' | 'index' | 'expanded' | 'actions'>;
394
460
  declare const Accordion: (props: AccordionProps) => react_jsx_runtime.JSX.Element;
@@ -1133,5 +1199,5 @@ declare const splitBreadcrumbIdSlug: (param: string) => {
1133
1199
  declare const isLocal: boolean;
1134
1200
  declare const isDevelopment: boolean;
1135
1201
 
1136
- 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 };
1137
- 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 };
1202
+ 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 };
1203
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/react-blueprint",
3
- "version": "2.0.9",
3
+ "version": "2.0.11",
4
4
  "description": "React UI component library for CampX applications",
5
5
  "author": "CampX",
6
6
  "license": "MIT",