@symply.io/basic-components 1.0.9-beta.1 → 1.0.9
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/README.md +1 -0
- package/Sidebar/SidebarItem.js +2 -2
- package/Sidebar/SidebarLink.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -790,6 +790,7 @@ import Sidebar from '@symply.io/basic-components/Sidebar';
|
|
|
790
790
|
| betaTagColor | CSSProperties["color"] | \#00A2A9 | false | The value of the `Input` element. |
|
|
791
791
|
| children | Array\<SidebarItemProps\> | | false | If not undefined the sub sidebar items would be rendered. |
|
|
792
792
|
| icon | Element | | true | The icon adornment. |
|
|
793
|
+
| id | string | | false | The element id of the item. |
|
|
793
794
|
| lock | boolean | | false | If `true` the lock icon will be rendered, and the sidebar item would be disabled. |
|
|
794
795
|
| name | string | | true | The sidebar item label. |
|
|
795
796
|
| path | string | | true | The link path of the sidebar item. |
|
package/Sidebar/SidebarItem.js
CHANGED
|
@@ -20,9 +20,9 @@ import useTheme from "@mui/material/styles/useTheme";
|
|
|
20
20
|
import ChevronRightIcon from "@mui/icons-material/ChevronRight";
|
|
21
21
|
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
|
|
22
22
|
function SidebarItem(props) {
|
|
23
|
-
var
|
|
23
|
+
var icon = props.icon, name = props.name, active = props.active, expand = props.expand, lock = props.lock, beta = props.beta, isSub = props.isSub, hasChildren = props.hasChildren, _a = props.betaTagColor, betaTagColor = _a === void 0 ? "#00A2A9" : _a, onClick = props.onClick;
|
|
24
24
|
var theme = useTheme();
|
|
25
|
-
return (_jsxs(ListItem, __assign({
|
|
25
|
+
return (_jsxs(ListItem, __assign({ button: true, onClick: onClick, disabled: lock, sx: {
|
|
26
26
|
paddingLeft: isSub ? theme.spacing(4) : undefined,
|
|
27
27
|
display: "flex",
|
|
28
28
|
width: "100%",
|
package/Sidebar/SidebarLink.js
CHANGED
|
@@ -26,9 +26,9 @@ import useTheme from "@mui/material/styles/useTheme";
|
|
|
26
26
|
import SidebarItem from "./SidebarItem";
|
|
27
27
|
function SidebarLink(props) {
|
|
28
28
|
var pathname = useLocation().pathname;
|
|
29
|
-
var name = props.name, path = props.path, icon = props.icon, lock = props.lock, beta = props.beta, active = props.active, titleForLock = props.titleForLock, betaTagColor = props.betaTagColor, rest = __rest(props, ["name", "path", "icon", "lock", "beta", "active", "titleForLock", "betaTagColor"]);
|
|
29
|
+
var id = props.id, name = props.name, path = props.path, icon = props.icon, lock = props.lock, beta = props.beta, active = props.active, titleForLock = props.titleForLock, betaTagColor = props.betaTagColor, rest = __rest(props, ["id", "name", "path", "icon", "lock", "beta", "active", "titleForLock", "betaTagColor"]);
|
|
30
30
|
var theme = useTheme();
|
|
31
|
-
return (_jsx(Link, __assign({ to: lock ? pathname : path, title: lock ? titleForLock || "Feature is unavailable on Free plan" : name, style: {
|
|
31
|
+
return (_jsx(Link, __assign({ id: id, to: lock ? pathname : path, title: lock ? titleForLock || "Feature is unavailable on Free plan" : name, style: {
|
|
32
32
|
color: theme.palette.primary.main,
|
|
33
33
|
textDecoration: "none"
|
|
34
34
|
} }, { children: _jsx(SidebarItem, __assign({ name: name, icon: icon, lock: lock, beta: beta, active: active, betaTagColor: betaTagColor }, rest), name) })));
|