@campxdev/react-blueprint 2.3.3 → 2.3.4
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/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/SidePanel/styles.d.ts +1 -1
- 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/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/SidePanel/styles.d.ts +1 -1
- package/dist/index.d.ts +7 -2
- package/package.json +1 -1
- package/src/assets/images/svg/Empty.tsx +9 -3
- package/src/components/Assets/ErrorPages/NoItemFound.tsx +5 -1
|
@@ -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 {};
|
|
@@ -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>, {}, {}>;
|
|
@@ -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>, {}, {}>;
|
package/dist/index.d.ts
CHANGED
|
@@ -38,7 +38,10 @@ declare const Svgs: {
|
|
|
38
38
|
ServerError: () => react_jsx_runtime.JSX.Element;
|
|
39
39
|
Unauthorized: () => react_jsx_runtime.JSX.Element;
|
|
40
40
|
ComingSoon: () => react_jsx_runtime.JSX.Element;
|
|
41
|
-
Empty: (
|
|
41
|
+
Empty: ({ height, width, }: {
|
|
42
|
+
height?: string | number;
|
|
43
|
+
width?: string | number;
|
|
44
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
42
45
|
ResourceNotFound: () => react_jsx_runtime.JSX.Element;
|
|
43
46
|
};
|
|
44
47
|
|
|
@@ -55,8 +58,10 @@ declare const NoInterneConnection: ({ resetBoundary }: any) => react_jsx_runtime
|
|
|
55
58
|
interface NoItemFoundProps {
|
|
56
59
|
title?: string;
|
|
57
60
|
description: ReactNode;
|
|
61
|
+
height?: string | number;
|
|
62
|
+
width?: string | number;
|
|
58
63
|
}
|
|
59
|
-
declare const NoItemFound: ({ title, description, }: NoItemFoundProps) => react_jsx_runtime.JSX.Element;
|
|
64
|
+
declare const NoItemFound: ({ title, description, height, width, }: NoItemFoundProps) => react_jsx_runtime.JSX.Element;
|
|
60
65
|
|
|
61
66
|
declare const PageNotFound: () => react_jsx_runtime.JSX.Element;
|
|
62
67
|
|
package/package.json
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
export const Empty = (
|
|
1
|
+
export const Empty = ({
|
|
2
|
+
height,
|
|
3
|
+
width,
|
|
4
|
+
}: {
|
|
5
|
+
height?: string | number;
|
|
6
|
+
width?: string | number;
|
|
7
|
+
}) => {
|
|
2
8
|
return (
|
|
3
9
|
<svg
|
|
4
|
-
width=
|
|
5
|
-
height=
|
|
10
|
+
width={width || '350'}
|
|
11
|
+
height={height || '243'}
|
|
6
12
|
viewBox="0 0 350 243"
|
|
7
13
|
fill="none"
|
|
8
14
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -7,15 +7,19 @@ import { CenterBox } from './styles';
|
|
|
7
7
|
interface NoItemFoundProps {
|
|
8
8
|
title?: string;
|
|
9
9
|
description: ReactNode;
|
|
10
|
+
height?: string | number;
|
|
11
|
+
width?: string | number;
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
export const NoItemFound = ({
|
|
13
15
|
title = 'No Items Found',
|
|
14
16
|
description,
|
|
17
|
+
height,
|
|
18
|
+
width,
|
|
15
19
|
}: NoItemFoundProps) => {
|
|
16
20
|
return (
|
|
17
21
|
<CenterBox>
|
|
18
|
-
<Svgs.Empty />
|
|
22
|
+
<Svgs.Empty height={height} width={width} />
|
|
19
23
|
<Typography variant="subtitle1">{title}</Typography>
|
|
20
24
|
<Typography variant="body2">{description}</Typography>
|
|
21
25
|
</CenterBox>
|