@campxdev/react-blueprint 0.1.48 → 0.1.49

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/Feedback/Tutorial/Tutorial.tsx +5 -2
  3. package/src/components/Layout/AppHeader/AppHeader.tsx +1 -1
  4. package/src/components/Navigation/Sidebar/Sidebar.tsx +12 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/react-blueprint",
3
- "version": "0.1.48",
3
+ "version": "0.1.49",
4
4
  "main": "./export.ts",
5
5
  "private": false,
6
6
  "dependencies": {
package/src/components/Feedback/Tutorial/Tutorial.tsx CHANGED
@@ -75,9 +75,11 @@ export const Tutorial = ({
75
75
  <ReactJoyride
76
76
  callback={handleJoyrideCallback}
77
77
  steps={steps}
78
- continuous={true}
78
+ continuous
79
79
  run={run}
80
- showSkipButton={true}
80
+ showSkipButton
81
+ showProgress
82
+ spotlightPadding={5}
81
83
  locale={{
82
84
  last: "Finish",
83
85
  next: "Next",
@@ -105,6 +107,7 @@ export const Tutorial = ({
105
107
  border: "1px solid black",
106
108
  fontFamily: "Roboto, sans-serif",
107
109
  },
110
+ options: {},
108
111
  }}
109
112
  />
110
113
  {children}
package/src/components/Layout/AppHeader/AppHeader.tsx CHANGED
@@ -24,7 +24,7 @@ export const AppHeader = ({
24
24
  collapsed,
25
25
  }: AppHeaderProps) => {
26
26
  return (
27
- <StyledHeader collapsed={collapsed}>
27
+ <StyledHeader collapsed={collapsed} className="appHeader">
28
28
  <Typography variant={"subtitle2"}>{clientName}</Typography>
29
29
  <Stack alignItems={"center"} gap={"12px"} flexDirection={"row"}>
30
30
  <StyledIconButton
package/src/components/Navigation/Sidebar/Sidebar.tsx CHANGED
@@ -51,7 +51,12 @@ export const Sidebar = ({
51
51
  let resolved = useResolvedPath(path);
52
52
  let match = useMatch({ path: resolved.pathname, end: false });
53
53
  return (
54
- <StyledListItem key={path} disablePadding match={match}>
54
+ <StyledListItem
55
+ key={path}
56
+ disablePadding
57
+ match={match}
58
+ className="listItem"
59
+ >
55
60
  <StyledLinkButton to={path} onClick={() => {}}>
56
61
  <StyledListItemButton collapsed={collapsed}>
57
62
  <StyledListItemIcon collapsed={collapsed}>
@@ -65,7 +70,11 @@ export const Sidebar = ({
65
70
  };
66
71
 
67
72
  return (
68
- <StyledSidebarContainer direction="column" spacing="12px">
73
+ <StyledSidebarContainer
74
+ direction="column"
75
+ spacing="12px"
76
+ className="sidebarContainer"
77
+ >
69
78
  <StyledLogoArea collapsed={collapsed}>
70
79
  {collapsed ? <CampxIcon size={32} /> : <CampxFullLogoIcon />}
71
80
  </StyledLogoArea>
@@ -76,7 +85,7 @@ export const Sidebar = ({
76
85
  <MenuItem menuItem={item} index={index} key={index} />
77
86
  ))}
78
87
  </StyledMenuBar>
79
- <StyledCollapsibleSection>
88
+ <StyledCollapsibleSection className="collapsibleSection">
80
89
  <IconButton onClick={toggleSidebar}>
81
90
  {collapsed ? <RightIcon size={32} /> : <LeftIcon size={32} />}
82
91
  </IconButton>