@toptal/picasso 24.1.0 → 25.0.0
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/Badge/Badge.js +1 -1
- package/Badge/Badge.js.map +1 -1
- package/Modal/Modal.js +2 -1
- package/Modal/Modal.js.map +1 -1
- package/PageSidebar/styles.js +1 -0
- package/PageSidebar/styles.js.map +1 -1
- package/SidebarItem/SidebarItemCompact.js +4 -4
- package/SidebarItem/SidebarItemCompact.js.map +1 -1
- package/SidebarItem/SidebarItemHeader.js +5 -3
- package/SidebarItem/SidebarItemHeader.js.map +1 -1
- package/SidebarItem/styles.d.ts +1 -1
- package/SidebarItem/styles.js +32 -32
- package/SidebarItem/styles.js.map +1 -1
- package/SidebarItemContent/SidebarItemContent.js +2 -2
- package/SidebarItemContent/SidebarItemContent.js.map +1 -1
- package/SidebarItemContent/styles.d.ts +1 -1
- package/SidebarItemContent/styles.js +4 -0
- package/SidebarItemContent/styles.js.map +1 -1
- package/SidebarMenu/SidebarMenu.d.ts +1 -1
- package/SidebarMenu/SidebarMenu.js +13 -16
- package/SidebarMenu/SidebarMenu.js.map +1 -1
- package/SidebarMenu/styles.d.ts +1 -1
- package/SidebarMenu/styles.js +3 -0
- package/SidebarMenu/styles.js.map +1 -1
- package/package.json +2 -2
package/Badge/Badge.js
CHANGED
|
@@ -12,7 +12,7 @@ const thresholds = {
|
|
|
12
12
|
export const Badge = forwardRef(function Badge({ children, style, variant = 'white', size = 'large', content, className, max, 'data-testid': testId }, ref) {
|
|
13
13
|
const classes = useStyles();
|
|
14
14
|
const hasChildren = Children.count(children) > 0;
|
|
15
|
-
return (React.createElement(MuiBadge, { ref: ref, style: style, "data-testid": testId, badgeContent: content, max: max || thresholds[size], className: className, classes: {
|
|
15
|
+
return (React.createElement(MuiBadge, { ref: ref, style: style, "data-testid": testId, badgeContent: content, max: max || thresholds[size], className: className, showZero: true, classes: {
|
|
16
16
|
badge: cx(classes.root, classes[variant], classes[size], {
|
|
17
17
|
[classes.static]: !hasChildren
|
|
18
18
|
})
|
package/Badge/Badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,UAAU,CAAA;AAsB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,EACE,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,SAAS,EACT,GAAG,EACH,aAAa,EAAE,MAAM,EACtB,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,YAAY,EAAE,OAAO,EACrB,GAAG,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvD,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW;aAC/B,CAAC;SACH,IAEA,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,UAAU,CAAA;AAsB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,EACE,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,SAAS,EACT,GAAG,EACH,aAAa,EAAE,MAAM,EACtB,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,YAAY,EAAE,OAAO,EACrB,GAAG,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,QACR,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvD,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW;aAC/B,CAAC;SACH,IAEA,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
package/Modal/Modal.js
CHANGED
|
@@ -13,6 +13,7 @@ import React, { forwardRef, useEffect, useRef } from 'react';
|
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
14
|
import Dialog from '@material-ui/core/Dialog';
|
|
15
15
|
import cx from 'classnames';
|
|
16
|
+
import { isBrowser } from '@toptal/picasso-shared';
|
|
16
17
|
import { usePicassoRoot, useBreakpoint } from '@toptal/picasso-provider';
|
|
17
18
|
import { CloseMinor16 } from '../Icon';
|
|
18
19
|
import useCombinedRefs from '../utils/use-combined-refs';
|
|
@@ -90,7 +91,7 @@ export const Modal = forwardRef(function Modal(props, ref) {
|
|
|
90
91
|
document.removeEventListener('focus', handleDocumentFocus, true);
|
|
91
92
|
};
|
|
92
93
|
}, [open, rootRef]);
|
|
93
|
-
const bodyOverflow = useRef(document.body.style.overflow);
|
|
94
|
+
const bodyOverflow = useRef(isBrowser() ? document.body.style.overflow : 'inherit');
|
|
94
95
|
useEffect(() => {
|
|
95
96
|
const resetBodyOverflow = () => {
|
|
96
97
|
document.body.style.overflow = bodyOverflow.current;
|
package/Modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,SAAS,EACT,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAE7C,OAAO,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
package/PageSidebar/styles.js
CHANGED
|
@@ -65,6 +65,7 @@ export default ({ palette, screens, zIndex, transitions }) => createStyles({
|
|
|
65
65
|
backgroundColor: palette.common.white,
|
|
66
66
|
borderRadius: '50%',
|
|
67
67
|
boxShadow: COLLAPSE_BUTTON_SHADOW,
|
|
68
|
+
zIndex: 100,
|
|
68
69
|
'&:hover': {
|
|
69
70
|
color: palette.common.white,
|
|
70
71
|
backgroundColor: palette.primary.main
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PageSidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,mEAAmE;AACnE,MAAM,sBAAsB,GAC1B,8DAA8D,CAAA;AAEhE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE,CAClE,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,cAAc,gBAAgB;QAExE,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,QAAQ;SACpB;QAED,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,MAAM;SACf;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB;IACD,wBAAwB,EAAE;QACxB,SAAS,EAAE,sBAAsB;QAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;SAChE;QAED,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,sBAAsB;YAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;gBAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;aAChE;SACF;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC5D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACtC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACrC;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,SAAS;QACd,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PageSidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,mEAAmE;AACnE,MAAM,sBAAsB,GAC1B,8DAA8D,CAAA;AAEhE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE,CAClE,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,cAAc,gBAAgB;QAExE,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,QAAQ;SACpB;QAED,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,MAAM;SACf;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB;IACD,wBAAwB,EAAE;QACxB,SAAS,EAAE,sBAAsB;QAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;SAChE;QAED,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,sBAAsB;YAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;gBAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;aAChE;SACF;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC5D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACtC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACrC;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,SAAS;QACd,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;QACjC,MAAM,EAAE,GAAG;QAEX,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI;SACtC;KACF;IACD,aAAa,EAAE;QACb,UAAU,EAAE,SAAS;KACtB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,aAAa,gBAAgB;QAEvE,WAAW,EAAE;YACX,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC,CAAA"}
|
|
@@ -2,9 +2,9 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import Container from '../Container';
|
|
4
4
|
import Dropdown from '../Dropdown';
|
|
5
|
-
import styles from './styles';
|
|
6
|
-
import { SubMenuContextProvider } from './SubMenuContextProvider';
|
|
7
5
|
import { SidebarItemHeader } from './SidebarItemHeader';
|
|
6
|
+
import { SubMenuContextProvider } from './SubMenuContextProvider';
|
|
7
|
+
import styles from './styles';
|
|
8
8
|
const useStyles = makeStyles(styles, {
|
|
9
9
|
name: 'PicassoSidebarItemCompact'
|
|
10
10
|
});
|
|
@@ -12,8 +12,8 @@ export const SidebarItemCompact = forwardRef(function CompactSidebarItem(props,
|
|
|
12
12
|
const { menu, index, compact, icon } = props;
|
|
13
13
|
const classes = useStyles();
|
|
14
14
|
const subMenu = (React.createElement(SubMenuContextProvider, { parentMenu: { compact, icon }, parentSidebarItemIndex: index }, menu));
|
|
15
|
-
return (React.createElement(
|
|
16
|
-
React.createElement(
|
|
15
|
+
return (React.createElement(Container, { left: 'small', right: 'small' },
|
|
16
|
+
React.createElement(Dropdown, { classes: { popper: classes.compactDropdown }, placement: 'right-start', content: subMenu },
|
|
17
17
|
React.createElement(SidebarItemHeader, Object.assign({}, props, { ref: ref })))));
|
|
18
18
|
});
|
|
19
19
|
//# sourceMappingURL=SidebarItemCompact.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItemCompact.js","sourceRoot":"","sources":["../../src/SidebarItem/SidebarItemCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,
|
|
1
|
+
{"version":3,"file":"SidebarItemCompact.js","sourceRoot":"","sources":["../../src/SidebarItem/SidebarItemCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,KAAY,EAAE,GAAG;IAC3C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAE5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,OAAO,GAAG,CACd,oBAAC,sBAAsB,IACrB,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAC7B,sBAAsB,EAAE,KAAK,IAE5B,IAAI,CACkB,CAC1B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO;QACnC,oBAAC,QAAQ,IACP,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,eAAe,EAAE,EAC5C,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO;YAEhB,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACjC,CACD,CACb,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -36,11 +36,13 @@ export const SidebarItemHeader = forwardRef(function SidebarItemHeader(props, re
|
|
|
36
36
|
}, [hasMenu, onClick]);
|
|
37
37
|
const subMenuClass = parentMenu &&
|
|
38
38
|
(parentMenu.icon ? classes.nestedMenuWithIcon : classes.nestedMenu);
|
|
39
|
-
|
|
39
|
+
const shouldShowSelected = (compact || !hasMenu) && selected;
|
|
40
|
+
return (React.createElement(MenuItem, Object.assign({}, rest, { classes: classes, ref: ref, className: cx(classes.root, classes.noWrap, classes[variant], subMenuClass, {
|
|
40
41
|
[classes.compact]: compact,
|
|
41
|
-
[classes.selected]:
|
|
42
|
+
[classes.selected]: shouldShowSelected,
|
|
43
|
+
[classes.parentCompact]: parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.compact,
|
|
42
44
|
[classes.collapsible]: hasMenu && (collapsible || compact)
|
|
43
|
-
},
|
|
45
|
+
}, className), onClick: handleMenuItemClick, selected: shouldShowSelected, disabled: disabled, variant: variant, nonSelectable: true, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.header }),
|
|
44
46
|
React.createElement(SidebarItemContent, Object.assign({}, props))));
|
|
45
47
|
});
|
|
46
48
|
//# sourceMappingURL=SidebarItemHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItemHeader.js","sourceRoot":"","sources":["../../src/SidebarItem/SidebarItemHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,0BAA0B;CACjC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,KAAY,EAAE,GAAG;IAC1C,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,OAAO,EACjB,OAAO,EACP,WAAW,EACX,OAAO;IACP,2FAA2F;IAC3F,sDAAsD;IACtD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,KAAK,KAGH,KAAK;IAFP,mBAAmB;IAChB,IAAI,UACL,KAAK,EApBH,uKAoBL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAE1C,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAA;IAE5B,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,KAAgD,EAAE,EAAE;QACnD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;SACjB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;IAED,MAAM,YAAY,GAChB,UAAU;QACV,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,MAAM,EACd,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"SidebarItemHeader.js","sourceRoot":"","sources":["../../src/SidebarItem/SidebarItemHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,0BAA0B;CACjC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,KAAY,EAAE,GAAG;IAC1C,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,OAAO,EACjB,OAAO,EACP,WAAW,EACX,OAAO;IACP,2FAA2F;IAC3F,sDAAsD;IACtD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,KAAK,KAGH,KAAK;IAFP,mBAAmB;IAChB,IAAI,UACL,KAAK,EApBH,uKAoBL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAE1C,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAA;IAE5B,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,KAAgD,EAAE,EAAE;QACnD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;SACjB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;IAED,MAAM,YAAY,GAChB,UAAU;QACV,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IAErE,MAAM,kBAAkB,GAAG,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAA;IAE5D,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,MAAM,EACd,OAAO,CAAC,OAAO,CAAC,EAChB,YAAY,EACZ;YACE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;YAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,kBAAkB;YACtC,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO;YAC5C,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,OAAO,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC;SAC3D,EACD,SAAS,CACV,EACD,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,uBACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM;QAE5B,oBAAC,kBAAkB,oBAAK,KAAK,EAAI,CACxB,CACZ,CAAA;AACH,CAAC,CACF,CAAA"}
|
package/SidebarItem/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "compact" | "root" | "selected" | "expandIcon" | "noWrap" | "collapsible" | "
|
|
2
|
+
declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "compact" | "root" | "selected" | "expandIcon" | "noWrap" | "collapsible" | "parentCompact" | "collapsibleWrapper" | "nestedMenu" | "nestedMenuWithIcon" | "compactDropdown" | "lightExpandIcon" | "darkExpandIcon" | "expandIconDisabled">;
|
|
3
3
|
export default _default;
|
package/SidebarItem/styles.js
CHANGED
|
@@ -5,53 +5,52 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
5
5
|
padding: '0 1rem',
|
|
6
6
|
margin: '0 1rem',
|
|
7
7
|
whiteSpace: 'nowrap',
|
|
8
|
+
borderRadius: sizes.borderRadius.small,
|
|
8
9
|
fontSize: '1rem'
|
|
9
10
|
},
|
|
10
|
-
roundedBorder: {
|
|
11
|
-
borderRadius: sizes.borderRadius.small
|
|
12
|
-
},
|
|
13
11
|
light: {
|
|
14
12
|
color: palette.grey.dark,
|
|
15
13
|
'&:hover': {
|
|
16
|
-
color: palette.blue.main
|
|
17
|
-
'&$selected': {
|
|
18
|
-
color: palette.blue.main,
|
|
19
|
-
backgroundColor: palette.grey.light
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
'&$selected': {
|
|
23
|
-
color: palette.blue.main,
|
|
24
|
-
backgroundColor: palette.grey.light
|
|
14
|
+
color: palette.blue.main
|
|
25
15
|
},
|
|
26
16
|
'&:focus': {
|
|
27
|
-
color: palette.blue.main
|
|
28
|
-
'&$selected': {
|
|
29
|
-
color: palette.blue.main,
|
|
30
|
-
backgroundColor: palette.grey.light
|
|
31
|
-
}
|
|
17
|
+
color: palette.blue.main
|
|
32
18
|
}
|
|
33
19
|
},
|
|
34
20
|
dark: {
|
|
35
21
|
'&:hover': {
|
|
36
|
-
color: palette.common.white
|
|
37
|
-
'&$selected': {
|
|
38
|
-
color: palette.common.white,
|
|
39
|
-
backgroundColor: palette.grey.dark
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
'&$selected': {
|
|
43
|
-
color: palette.common.white,
|
|
44
|
-
backgroundColor: palette.grey.dark
|
|
22
|
+
color: palette.common.white
|
|
45
23
|
},
|
|
46
24
|
'&:focus': {
|
|
47
|
-
color: palette.common.white
|
|
48
|
-
|
|
25
|
+
color: palette.common.white
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
selected: {
|
|
29
|
+
'&$light': {
|
|
30
|
+
'&, &:hover, &:focus': {
|
|
31
|
+
color: palette.blue.main,
|
|
32
|
+
backgroundColor: palette.grey.light
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
'&$dark': {
|
|
36
|
+
'&, &:hover, &:focus': {
|
|
49
37
|
color: palette.common.white,
|
|
50
38
|
backgroundColor: palette.grey.dark
|
|
51
39
|
}
|
|
52
40
|
}
|
|
53
41
|
},
|
|
54
|
-
|
|
42
|
+
parentCompact: {
|
|
43
|
+
'&$light': {
|
|
44
|
+
'&, &:hover, &:focus': {
|
|
45
|
+
margin: 0,
|
|
46
|
+
padding: '0.375em 1em',
|
|
47
|
+
borderRadius: sizes.borderRadius.small,
|
|
48
|
+
'&$selected': {
|
|
49
|
+
backgroundColor: palette.grey.lighter
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
55
54
|
collapsibleWrapper: {
|
|
56
55
|
padding: '0 0 0 1rem',
|
|
57
56
|
margin: '0 1rem'
|
|
@@ -64,9 +63,6 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
64
63
|
padding: '0 0 0 2.875rem',
|
|
65
64
|
marginRight: '1rem'
|
|
66
65
|
},
|
|
67
|
-
nestedMenuNoMargin: {
|
|
68
|
-
margin: 0
|
|
69
|
-
},
|
|
70
66
|
content: {
|
|
71
67
|
// to cover text overflow in the sub-menu header item
|
|
72
68
|
maxWidth: '100%'
|
|
@@ -74,6 +70,9 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
74
70
|
expandIcon: {
|
|
75
71
|
fontSize: '1em'
|
|
76
72
|
},
|
|
73
|
+
compactDropdown: {
|
|
74
|
+
marginLeft: '0.5em'
|
|
75
|
+
},
|
|
77
76
|
lightExpandIcon: {
|
|
78
77
|
color: palette.grey.dark
|
|
79
78
|
},
|
|
@@ -84,6 +83,7 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
84
83
|
color: palette.grey.main
|
|
85
84
|
},
|
|
86
85
|
compact: {
|
|
86
|
+
padding: 0,
|
|
87
87
|
overflow: 'visible'
|
|
88
88
|
},
|
|
89
89
|
noWrap: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/SidebarItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,QAAQ;QACpB,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/SidebarItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;QACtC,QAAQ,EAAE,MAAM;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SAC5B;KACF;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,qBAAqB,EAAE;gBACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;gBACxB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;aACpC;SACF;QACD,QAAQ,EAAE;YACR,qBAAqB,EAAE;gBACrB,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACnC;SACF;KACF;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,qBAAqB,EAAE;gBACrB,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,aAAa;gBACtB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,YAAY,EAAE;oBACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;iBACtC;aACF;SACF;KACF;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,YAAY;QACrB,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,YAAY;QACrB,WAAW,EAAE,MAAM;KACpB;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,gBAAgB;QACzB,WAAW,EAAE,MAAM;KACpB;IACD,OAAO,EAAE;QACP,qDAAqD;QACrD,QAAQ,EAAE,MAAM;KACjB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,KAAK;KAChB;IACD,eAAe,EAAE;QACf,UAAU,EAAE,OAAO;KACpB;IACD,eAAe,EAAE;QACf,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,cAAc,EAAE;QACd,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,SAAS;KACpB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;KACZ;IACD,WAAW,EAAE;QACX,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAA"}
|
|
@@ -36,9 +36,9 @@ const CompactItemContent = (props) => {
|
|
|
36
36
|
const classes = useStyles();
|
|
37
37
|
const hasBadge = badge != null;
|
|
38
38
|
const wrappedIcon = icon && hasBadge ? (React.createElement(ItemContentBadge, { content: badge.content }, icon)) : (icon);
|
|
39
|
-
return (React.createElement(Container, { className: classes.noWrap, inline: true, flex: true, alignItems: 'center' },
|
|
39
|
+
return (React.createElement(Container, { className: classes.noWrap, inline: true, flex: true, alignItems: 'center', padded: 'small' },
|
|
40
40
|
React.createElement(Tooltip, { compact: true, placement: 'right', content: getReactNodeTextContent(children) },
|
|
41
|
-
React.createElement("div",
|
|
41
|
+
React.createElement("div", { className: classes.iconWrapper }, wrappedIcon))));
|
|
42
42
|
};
|
|
43
43
|
const ExpandedItemContent = (props) => {
|
|
44
44
|
const { icon, badge, children, testIds } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItemContent.js","sourceRoot":"","sources":["../../src/SidebarItemContent/SidebarItemContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAA;AAErD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,MAAM,MAAM,UAAU,CAAA;AAa7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAAC,IAAe,EAAE,SAAkB,EAAE,EAAE,CAClE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,UACnE,IAAI,CACM,CACd,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAA;AAEH,MAAM,gBAAgB,GAAG,CAAC,KAAgD,EAAE,EAAE;IAC5E,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9C,uBAAsC,CAAQ,CAAA;IAEpD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEpD,OAAO,CACL,oBAAC,KAAK,kBACJ,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS;SAClC,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAC/B,IAAI,GAEP,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAA;IAE9B,MAAM,WAAW,GACf,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,CACjB,oBAAC,gBAAgB,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAG,IAAI,CAAoB,CACpE,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAA;IAEH,OAAO,CACL,oBAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"SidebarItemContent.js","sourceRoot":"","sources":["../../src/SidebarItemContent/SidebarItemContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "noWrap" | "withIcon" | "hiddenContent" | "staticBadge">;
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "noWrap" | "iconWrapper" | "withIcon" | "hiddenContent" | "staticBadge">;
|
|
2
2
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/SidebarItemContent/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS;KACtB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,OAAO;KACpB;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/SidebarItemContent/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS;KACtB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;IACD,WAAW,EAAE;QACX,UAAU,EAAE,OAAO;KACpB;CACF,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
2
1
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
2
|
+
import React, { HTMLAttributes } from 'react';
|
|
3
3
|
export interface Props extends BaseProps, HTMLAttributes<HTMLUListElement> {
|
|
4
4
|
/** Defines is sidebar menu pushed to bottom of sidebar */
|
|
5
5
|
bottom?: boolean;
|
|
@@ -9,54 +9,51 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { forwardRef, useCallback, useEffect } from 'react';
|
|
13
12
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
13
|
import cx from 'classnames';
|
|
14
|
+
import React, { forwardRef, useCallback, useEffect } from 'react';
|
|
15
15
|
import Menu from '../Menu';
|
|
16
16
|
import { useSidebarContext } from '../PageSidebar';
|
|
17
|
-
import
|
|
17
|
+
import { useSubMenuContext } from '../SidebarItem';
|
|
18
18
|
import styles from './styles';
|
|
19
19
|
const useStyles = makeStyles(styles, {
|
|
20
20
|
name: 'PicassoSidebarMenu'
|
|
21
21
|
});
|
|
22
22
|
export const SidebarMenu = forwardRef(function SidebarMenu(props, ref) {
|
|
23
23
|
const { bottom, style, className, children } = props, rest = __rest(props, ["bottom", "style", "className", "children"]);
|
|
24
|
-
const { parentSidebarItemIndex, isSubMenu } = useSubMenuContext();
|
|
24
|
+
const { parentSidebarItemIndex, isSubMenu, parentMenu } = useSubMenuContext();
|
|
25
25
|
const classes = useStyles();
|
|
26
26
|
const { variant, expandedItemKey, setExpandedItemKey, isCollapsed: isSidebarCollapsed } = useSidebarContext();
|
|
27
27
|
const expandSidebarItem = useCallback(setExpandedItemKey, [
|
|
28
28
|
setExpandedItemKey
|
|
29
29
|
]);
|
|
30
30
|
useEffect(() => {
|
|
31
|
-
|
|
32
|
-
const hasSelectedItem = (_a = React.Children.map(children, child => {
|
|
33
|
-
const sidebarItem = child;
|
|
34
|
-
return sidebarItem.props.selected;
|
|
35
|
-
})) === null || _a === void 0 ? void 0 : _a.some(selected => Boolean(selected) === true);
|
|
31
|
+
const hasSelectedItem = React.Children.toArray(children).some(child => React.isValidElement(child) && child.props.selected);
|
|
36
32
|
if (hasSelectedItem && parentSidebarItemIndex !== undefined) {
|
|
37
33
|
setExpandedItemKey(parentSidebarItemIndex);
|
|
38
34
|
}
|
|
39
35
|
}, [parentSidebarItemIndex, setExpandedItemKey, children]);
|
|
40
36
|
const items = React.Children.map(children, (child, index) => {
|
|
41
|
-
if (React.isValidElement(child)
|
|
42
|
-
const compact = isSidebarCollapsed && !isSubMenu;
|
|
43
|
-
const isExpanded = expandedItemKey === index;
|
|
37
|
+
if (React.isValidElement(child)) {
|
|
44
38
|
const itemProps = {
|
|
39
|
+
variant,
|
|
45
40
|
isSubMenu,
|
|
46
|
-
compact
|
|
47
|
-
variant
|
|
41
|
+
compact: isSidebarCollapsed && !isSubMenu
|
|
48
42
|
};
|
|
49
43
|
const expandibleProps = {
|
|
50
|
-
|
|
44
|
+
index,
|
|
51
45
|
expand: expandSidebarItem,
|
|
52
|
-
index
|
|
46
|
+
isExpanded: expandedItemKey === index
|
|
53
47
|
};
|
|
54
48
|
const newProps = Object.assign(Object.assign({}, itemProps), (child.props.collapsible ? expandibleProps : {}));
|
|
55
49
|
return React.cloneElement(child, newProps);
|
|
56
50
|
}
|
|
57
51
|
return child;
|
|
58
52
|
});
|
|
59
|
-
return (React.createElement(Menu, Object.assign({}, rest, { allowNestedNavigation: false, ref: ref, style: style, className: cx(classes.root, {
|
|
53
|
+
return (React.createElement(Menu, Object.assign({}, rest, { allowNestedNavigation: false, ref: ref, style: style, className: cx(classes.root, {
|
|
54
|
+
[classes.bottom]: bottom,
|
|
55
|
+
[classes.compactParent]: parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.compact
|
|
56
|
+
}, className) }), items));
|
|
60
57
|
});
|
|
61
58
|
SidebarMenu.defaultProps = {
|
|
62
59
|
bottom: false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":"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"}
|
package/SidebarMenu/styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "bottom" | "root">;
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "bottom" | "root" | "compactParent">;
|
|
2
2
|
export default _default;
|
package/SidebarMenu/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/SidebarMenu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;QACD,+CAA+C;QAC/C,QAAQ,EAAE,MAAM;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/SidebarMenu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;QACD,+CAA+C;QAC/C,QAAQ,EAAE,MAAM;KACjB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"typescript": "4.6.x"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@toptal/picasso-provider": "^1.1.
|
|
34
|
+
"@toptal/picasso-provider": "^1.1.2",
|
|
35
35
|
"@toptal/picasso-shared": "^8.2.0",
|
|
36
36
|
"ap-style-title-case": "^1.1.2",
|
|
37
37
|
"classnames": "^2.3.1",
|