@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.
Files changed (30) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/types/src/assets/images/svg/Empty.d.ts +4 -1
  3. package/dist/cjs/types/src/assets/images/svg/index.d.ts +4 -1
  4. package/dist/cjs/types/src/components/Assets/ErrorPages/NoItemFound.d.ts +3 -1
  5. package/dist/cjs/types/src/components/Assets/Icons/Icons.d.ts +3 -2
  6. package/dist/cjs/types/src/components/DataDisplay/ActivityLogView/styles.d.ts +1 -1
  7. package/dist/cjs/types/src/components/DataDisplay/Card/styles.d.ts +1 -1
  8. package/dist/cjs/types/src/components/DataDisplay/ReactJoyride/ReactJoyride.d.ts +20 -0
  9. package/dist/cjs/types/src/components/DataDisplay/SidePanel/styles.d.ts +1 -1
  10. package/dist/cjs/types/src/components/DataDisplay/export.d.ts +1 -0
  11. package/dist/esm/index.js +2 -2
  12. package/dist/esm/types/src/assets/images/svg/Empty.d.ts +4 -1
  13. package/dist/esm/types/src/assets/images/svg/index.d.ts +4 -1
  14. package/dist/esm/types/src/components/Assets/ErrorPages/NoItemFound.d.ts +3 -1
  15. package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts +3 -2
  16. package/dist/esm/types/src/components/DataDisplay/ActivityLogView/styles.d.ts +1 -1
  17. package/dist/esm/types/src/components/DataDisplay/Card/styles.d.ts +1 -1
  18. package/dist/esm/types/src/components/DataDisplay/ReactJoyride/ReactJoyride.d.ts +20 -0
  19. package/dist/esm/types/src/components/DataDisplay/SidePanel/styles.d.ts +1 -1
  20. package/dist/esm/types/src/components/DataDisplay/export.d.ts +1 -0
  21. package/dist/index.d.ts +29 -5
  22. package/package.json +1 -1
  23. package/src/assets/images/svg/Empty.tsx +9 -3
  24. package/src/components/Assets/ErrorPages/NoItemFound.tsx +5 -1
  25. package/src/components/Assets/Icons/Icons.tsx +4 -3
  26. package/src/components/DataDisplay/ReactJoyride/CustomJoyRideStyles.css +84 -0
  27. package/src/components/DataDisplay/ReactJoyride/ReactJoyride.tsx +264 -0
  28. package/src/components/DataDisplay/export.ts +1 -0
  29. package/src/components/Layout/AppLayout/AppLayout.tsx +3 -0
  30. package/src/components/Layout/AppLayout/components/AppBar.tsx +6 -3
@@ -1 +1,4 @@
1
- export declare const Empty: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const Empty: ({ height, width, }: {
2
+ height?: string | number;
3
+ width?: string | number;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -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: () => import("react/jsx-runtime").JSX.Element;
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
- hoverColor?: string;
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" | "width" | "maxWidth" | "minWidth" | "height" | "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>, {}, {}>;
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" | "width" | "maxWidth" | "minWidth" | "height" | "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>, {}, {}>;
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" | "width" | "maxWidth" | "minWidth" | "height" | "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>, {}, {}>;
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';