@campxdev/react-blueprint 0.1.47 → 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.
- package/package.json +1 -1
- package/src/components/Feedback/Tutorial/Tutorial.tsx +5 -2
- package/src/components/Layout/AppHeader/AppHeader.tsx +1 -1
- package/src/components/Navigation/Sidebar/Sidebar.tsx +15 -6
- package/src/components/Navigation/Sidebar/styles.tsx +1 -0
- package/src/themes/commonTheme.ts +1 -1
package/package.json
CHANGED
|
@@ -75,9 +75,11 @@ export const Tutorial = ({
|
|
|
75
75
|
<ReactJoyride
|
|
76
76
|
callback={handleJoyrideCallback}
|
|
77
77
|
steps={steps}
|
|
78
|
-
continuous
|
|
78
|
+
continuous
|
|
79
79
|
run={run}
|
|
80
|
-
showSkipButton
|
|
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}
|
|
@@ -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
|
|
@@ -51,13 +51,18 @@ export const Sidebar = ({
|
|
|
51
51
|
let resolved = useResolvedPath(path);
|
|
52
52
|
let match = useMatch({ path: resolved.pathname, end: false });
|
|
53
53
|
return (
|
|
54
|
-
<StyledListItem
|
|
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}>
|
|
58
63
|
{Icon ? Icon : <Icons.HomeIcon />}
|
|
59
64
|
</StyledListItemIcon>
|
|
60
|
-
{!collapsed && <Typography variant="
|
|
65
|
+
{!collapsed && <Typography variant="subtitle2">{name}</Typography>}
|
|
61
66
|
</StyledListItemButton>
|
|
62
67
|
</StyledLinkButton>
|
|
63
68
|
</StyledListItem>
|
|
@@ -65,9 +70,13 @@ export const Sidebar = ({
|
|
|
65
70
|
};
|
|
66
71
|
|
|
67
72
|
return (
|
|
68
|
-
<StyledSidebarContainer
|
|
73
|
+
<StyledSidebarContainer
|
|
74
|
+
direction="column"
|
|
75
|
+
spacing="12px"
|
|
76
|
+
className="sidebarContainer"
|
|
77
|
+
>
|
|
69
78
|
<StyledLogoArea collapsed={collapsed}>
|
|
70
|
-
{collapsed ? <CampxIcon /> : <CampxFullLogoIcon />}
|
|
79
|
+
{collapsed ? <CampxIcon size={32} /> : <CampxFullLogoIcon />}
|
|
71
80
|
</StyledLogoArea>
|
|
72
81
|
<StyledMenuBar>
|
|
73
82
|
{menu &&
|
|
@@ -76,9 +85,9 @@ 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
|
-
{collapsed ? <RightIcon /> : <LeftIcon />}
|
|
90
|
+
{collapsed ? <RightIcon size={32} /> : <LeftIcon size={32} />}
|
|
82
91
|
</IconButton>
|
|
83
92
|
</StyledCollapsibleSection>
|
|
84
93
|
</StyledSidebarContainer>
|