@campxdev/react-blueprint 2.3.3 → 2.3.6
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/assets/images/svg/Empty.d.ts +4 -1
- package/dist/cjs/types/src/assets/images/svg/index.d.ts +4 -1
- package/dist/cjs/types/src/components/Assets/ErrorPages/NoItemFound.d.ts +3 -1
- package/dist/cjs/types/src/components/Assets/Icons/Icons.d.ts +3 -2
- package/dist/cjs/types/src/components/DataDisplay/ActivityLogView/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/DataDisplay/Card/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/DataDisplay/ReactJoyride/ReactJoyride.d.ts +20 -0
- package/dist/cjs/types/src/components/DataDisplay/SidePanel/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/DataDisplay/export.d.ts +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/src/assets/images/svg/Empty.d.ts +4 -1
- package/dist/esm/types/src/assets/images/svg/index.d.ts +4 -1
- package/dist/esm/types/src/components/Assets/ErrorPages/NoItemFound.d.ts +3 -1
- package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts +3 -2
- package/dist/esm/types/src/components/DataDisplay/ActivityLogView/styles.d.ts +1 -1
- package/dist/esm/types/src/components/DataDisplay/Card/styles.d.ts +1 -1
- package/dist/esm/types/src/components/DataDisplay/ReactJoyride/ReactJoyride.d.ts +20 -0
- package/dist/esm/types/src/components/DataDisplay/SidePanel/styles.d.ts +1 -1
- package/dist/esm/types/src/components/DataDisplay/export.d.ts +1 -0
- package/dist/index.d.ts +29 -5
- package/package.json +1 -1
- package/src/assets/images/svg/Empty.tsx +9 -3
- package/src/components/Assets/ErrorPages/NoItemFound.tsx +5 -1
- package/src/components/Assets/Icons/Icons.tsx +4 -3
- package/src/components/DataDisplay/ReactJoyride/CustomJoyRideStyles.css +84 -0
- package/src/components/DataDisplay/ReactJoyride/ReactJoyride.tsx +264 -0
- package/src/components/DataDisplay/export.ts +1 -0
- package/src/components/Layout/AppLayout/AppLayout.tsx +3 -0
- package/src/components/Layout/AppLayout/components/AppBar.tsx +6 -3
|
@@ -5,6 +5,9 @@ export declare const Svgs: {
|
|
|
5
5
|
ServerError: () => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
Unauthorized: () => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
ComingSoon: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
Empty: (
|
|
8
|
+
Empty: ({ height, width, }: {
|
|
9
|
+
height?: string | number;
|
|
10
|
+
width?: string | number;
|
|
11
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
12
|
ResourceNotFound: () => import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
};
|
|
@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
interface NoItemFoundProps {
|
|
3
3
|
title?: string;
|
|
4
4
|
description: ReactNode;
|
|
5
|
+
height?: string | number;
|
|
6
|
+
width?: string | number;
|
|
5
7
|
}
|
|
6
|
-
export declare const NoItemFound: ({ title, description, }: NoItemFoundProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const NoItemFound: ({ title, description, height, width, }: NoItemFoundProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { FC, MouseEvent } from 'react';
|
|
2
2
|
export interface IconProps {
|
|
3
|
-
color?: string;
|
|
4
3
|
size?: number;
|
|
5
|
-
|
|
4
|
+
color?: string;
|
|
6
5
|
disabled?: boolean;
|
|
6
|
+
hoverColor?: string;
|
|
7
|
+
backgroundColor?: string;
|
|
7
8
|
onClick?: (event: MouseEvent<Element>) => void;
|
|
8
9
|
}
|
|
9
10
|
export type IconComponent = FC<IconProps>;
|
|
@@ -3,7 +3,7 @@ export declare const StyledSpinnerBox: import("@mui/styled-engine").StyledCompon
|
|
|
3
3
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
4
|
export declare const StyledSectionTitle: import("@mui/styled-engine").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
5
5
|
ref?: import("@types/react").Ref<HTMLSpanElement>;
|
|
6
|
-
}, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "
|
|
6
|
+
}, "height" | "width" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
7
7
|
export declare const StyledTimeline: import("@mui/styled-engine").StyledComponent<import("@mui/lab").TimelineProps & import("@types/react").RefAttributes<HTMLUListElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
8
8
|
export declare const StyledTimelineDot: import("@mui/styled-engine").StyledComponent<import("@mui/lab").TimelineDotProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
9
9
|
export declare const StyledTimelineConnector: import("@mui/styled-engine").StyledComponent<import("@mui/lab").TimelineConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -11,7 +11,7 @@ export declare const StyledStack: import("@mui/styled-engine").StyledComponent<i
|
|
|
11
11
|
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
12
12
|
export declare const StyledStatusText: import("@mui/styled-engine").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
13
13
|
ref?: import("@types/react").Ref<HTMLSpanElement>;
|
|
14
|
-
}, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "
|
|
14
|
+
}, "height" | "width" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
15
15
|
export declare const StyledIcon: import("@mui/styled-engine").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
16
16
|
ref?: import("@types/react").Ref<HTMLButtonElement>;
|
|
17
17
|
}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "loading" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import './CustomJoyRideStyles.css';
|
|
3
|
+
interface JoyrideStep {
|
|
4
|
+
target: string;
|
|
5
|
+
content: string | ReactNode;
|
|
6
|
+
title?: string;
|
|
7
|
+
placement?: 'top' | 'bottom' | 'left' | 'right' | 'center' | 'auto';
|
|
8
|
+
disableBeacon?: boolean;
|
|
9
|
+
hideCloseButton?: boolean;
|
|
10
|
+
showProgress?: boolean;
|
|
11
|
+
showSkipButton?: boolean;
|
|
12
|
+
spotlightClicks?: boolean;
|
|
13
|
+
styles?: Record<string, any>;
|
|
14
|
+
}
|
|
15
|
+
export declare const ReactJoyRide: ({ steps, children, tourName, }: {
|
|
16
|
+
steps: JoyrideStep[];
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
tourName: string;
|
|
19
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
@@ -9,4 +9,4 @@ export declare const StyledTextContainer: import("@mui/styled-engine").StyledCom
|
|
|
9
9
|
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
10
10
|
export declare const StyledTypography: import("@mui/styled-engine").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
11
11
|
ref?: import("@types/react").Ref<HTMLSpanElement>;
|
|
12
|
-
}, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "
|
|
12
|
+
}, "height" | "width" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -7,6 +7,7 @@ export * from './Chips/Chips';
|
|
|
7
7
|
export * from './DataTable/DataTable';
|
|
8
8
|
export * from './EditableDataTable/EditableDataTable';
|
|
9
9
|
export * from './EmptyIllustration/EmptyIllustration';
|
|
10
|
+
export * from './ReactJoyride/ReactJoyride';
|
|
10
11
|
export * from './SidePanel/SidePanel';
|
|
11
12
|
export * from './StatusCard/StatusCard';
|
|
12
13
|
export * from './Timeline/Timeline';
|