@campxdev/react-blueprint 2.0.9 → 2.0.10
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/LeavesIcon.d.ts +4 -0
- package/dist/cjs/types/src/components/Assets/Icons/Icons.d.ts +1 -0
- package/dist/cjs/types/src/components/Charts/ProgressCard/ProgressCard.d.ts +66 -0
- package/dist/cjs/types/src/components/Charts/export.d.ts +2 -1
- package/dist/cjs/types/src/components/DataDisplay/Accordion/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/Navigation/Sidebar/styles.d.ts +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/src/components/Assets/Icons/IconComponents/LeavesIcon.d.ts +4 -0
- package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts +1 -0
- package/dist/esm/types/src/components/Charts/ProgressCard/ProgressCard.d.ts +66 -0
- package/dist/esm/types/src/components/Charts/export.d.ts +2 -1
- package/dist/esm/types/src/components/DataDisplay/Accordion/styles.d.ts +1 -1
- package/dist/esm/types/src/components/Navigation/Sidebar/styles.d.ts +1 -1
- package/dist/index.d.ts +71 -6
- package/package.json +1 -1
|
@@ -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;
|
|
@@ -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" | "
|
|
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" | "
|
|
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,6 +380,74 @@ 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;
|
|
@@ -1133,5 +1198,5 @@ declare const splitBreadcrumbIdSlug: (param: string) => {
|
|
|
1133
1198
|
declare const isLocal: boolean;
|
|
1134
1199
|
declare const isDevelopment: boolean;
|
|
1135
1200
|
|
|
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 };
|
|
1201
|
+
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 };
|
|
1202
|
+
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 };
|