@toptal/picasso-page 2.2.0 → 3.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/dist-package/src/PageSidebar/PageSidebar.d.ts.map +1 -1
- package/dist-package/src/PageSidebar/PageSidebar.js +2 -2
- package/dist-package/src/PageSidebar/PageSidebar.js.map +1 -1
- package/dist-package/src/PageTopBar/PageTopBar.d.ts.map +1 -1
- package/dist-package/src/PageTopBar/PageTopBar.js +1 -1
- package/dist-package/src/PageTopBar/PageTopBar.js.map +1 -1
- package/dist-package/src/SidebarItem/SidebarItemHeader.d.ts.map +1 -1
- package/dist-package/src/SidebarItem/SidebarItemHeader.js +58 -15
- package/dist-package/src/SidebarItem/SidebarItemHeader.js.map +1 -1
- package/dist-package/src/SidebarItem/styles.d.ts +1 -1
- package/dist-package/src/SidebarItem/styles.d.ts.map +1 -1
- package/dist-package/src/SidebarItem/styles.js +1 -69
- package/dist-package/src/SidebarItem/styles.js.map +1 -1
- package/dist-package/src/SidebarLogo/SidebarLogo.d.ts.map +1 -1
- package/dist-package/src/SidebarLogo/SidebarLogo.js +1 -1
- package/dist-package/src/SidebarLogo/SidebarLogo.js.map +1 -1
- package/dist-package/src/SidebarMenu/SidebarMenu.d.ts.map +1 -1
- package/dist-package/src/SidebarMenu/SidebarMenu.js +3 -9
- package/dist-package/src/SidebarMenu/SidebarMenu.js.map +1 -1
- package/dist-package/src/TopBarItem/TopBarItem.d.ts.map +1 -1
- package/dist-package/src/TopBarItem/TopBarItem.js +15 -9
- package/dist-package/src/TopBarItem/TopBarItem.js.map +1 -1
- package/dist-package/src/TopBarMenu/TopBarMenu.d.ts.map +1 -1
- package/dist-package/src/TopBarMenu/TopBarMenu.js +4 -6
- package/dist-package/src/TopBarMenu/TopBarMenu.js.map +1 -1
- package/package.json +19 -18
- package/src/PageAutocomplete/__snapshots__/test.tsx.snap +5 -19
- package/src/PageSidebar/PageSidebar.tsx +1 -3
- package/src/PageSidebar/__snapshots__/test.tsx.snap +9 -9
- package/src/PageTopBar/PageTopBar.tsx +1 -5
- package/src/PageTopBar/__snapshots__/test.tsx.snap +13 -13
- package/src/PageTopBarMenu/__snapshots__/test.tsx.snap +3 -3
- package/src/PageTopBarMenu/test.tsx +3 -3
- package/src/SidebarItem/SidebarItemHeader.tsx +90 -26
- package/src/SidebarItem/__snapshots__/test.tsx.snap +79 -79
- package/src/SidebarItem/styles.ts +1 -69
- package/src/SidebarLogo/SidebarLogo.tsx +0 -2
- package/src/SidebarLogo/__snapshots__/test.tsx.snap +1 -1
- package/src/SidebarMenu/SidebarMenu.tsx +3 -12
- package/src/SidebarMenu/__snapshots__/test.tsx.snap +2 -2
- package/src/TopBarItem/TopBarItem.tsx +25 -10
- package/src/TopBarMenu/TopBarMenu.tsx +1 -7
- package/dist-package/src/SidebarMenu/styles.d.ts +0 -3
- package/dist-package/src/SidebarMenu/styles.d.ts.map +0 -1
- package/dist-package/src/SidebarMenu/styles.js +0 -20
- package/dist-package/src/SidebarMenu/styles.js.map +0 -1
- package/dist-package/src/TopBarItem/styles.d.ts +0 -4
- package/dist-package/src/TopBarItem/styles.d.ts.map +0 -1
- package/dist-package/src/TopBarItem/styles.js +0 -46
- package/dist-package/src/TopBarItem/styles.js.map +0 -1
- package/dist-package/src/TopBarMenu/styles.d.ts +0 -3
- package/dist-package/src/TopBarMenu/styles.d.ts.map +0 -1
- package/dist-package/src/TopBarMenu/styles.js +0 -11
- package/dist-package/src/TopBarMenu/styles.js.map +0 -1
- package/src/SidebarMenu/styles.ts +0 -21
- package/src/TopBarItem/styles.ts +0 -49
- package/src/TopBarMenu/styles.ts +0 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAuD,MAAM,OAAO,CAAA;AAgB3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,iDAAiD;IACjD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,2EAA2E;IAC3E,OAAO,CAAC,EAAE;QACR,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAC7B,CAAA;IACD,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IAC7C,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAMD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAuD,MAAM,OAAO,CAAA;AAgB3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,iDAAiD;IACjD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,2EAA2E;IAC3E,OAAO,CAAC,EAAE;QACR,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAC7B,CAAA;IACD,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IAC7C,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAMD,eAAO,MAAM,WAAW,8EAsGtB,CAAA;;;;;;AASF,wBAIE"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { makeStyles } from '@material-ui/core/styles';
|
|
2
2
|
import { useSidebar } from '@toptal/picasso-provider';
|
|
3
3
|
import cx from 'classnames';
|
|
4
|
-
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
5
5
|
import React, { forwardRef, useCallback, useEffect, useState } from 'react';
|
|
6
6
|
import { ButtonCircular } from '@toptal/picasso-button';
|
|
7
7
|
import { Container } from '@toptal/picasso-container';
|
|
@@ -41,7 +41,7 @@ export const PageSidebar = forwardRef(function Sidebar(props, ref) {
|
|
|
41
41
|
setIsCollapsed(previousState => !previousState);
|
|
42
42
|
onCollapse();
|
|
43
43
|
}, [setIsCollapsed, onCollapse]);
|
|
44
|
-
return (React.createElement(Container, { ref: ref,
|
|
44
|
+
return (React.createElement(Container, { ref: ref, style: style, className: cx(classes.root, className, classes[variant], classes[size], {
|
|
45
45
|
[classes.rootCollapsed]: collapsible && isCollapsed,
|
|
46
46
|
[classes.hamburgerNotAvailable]: !hasTopBar,
|
|
47
47
|
}), "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.container, onMouseEnter: collapsible ? () => setIsHovered(true) : noop, onMouseLeave: collapsible ? () => setIsHovered(false) : noop },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageTopBar.d.ts","sourceRoot":"","sources":["../../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,KAA4C,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAqBvD,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC;IACnE,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,iDAAiD;IACjD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,oBAAoB;IACpB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,oBAAoB;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB;aAAkC,WAAW;EAEzE,CAAA;AAMF,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"PageTopBar.d.ts","sourceRoot":"","sources":["../../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,KAA4C,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAqBvD,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC;IACnE,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,iDAAiD;IACjD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,oBAAoB;IACpB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,oBAAoB;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB;aAAkC,WAAW;EAEzE,CAAA;AAMF,eAAO,MAAM,UAAU,2EAmIrB,CAAA;AAQF,eAAe,UAAU,CAAA"}
|
|
@@ -73,7 +73,7 @@ export const PageTopBar = forwardRef(function PageTopBar(props, ref) {
|
|
|
73
73
|
centerContent && (React.createElement(React.Fragment, null,
|
|
74
74
|
React.createElement(PageHamburgerPortal, null,
|
|
75
75
|
React.createElement("div", { className: classes.centerContentPortal }, centerContent)),
|
|
76
|
-
React.createElement(Container, {
|
|
76
|
+
React.createElement(Container, { className: classes.centerContent }, centerContent))),
|
|
77
77
|
React.createElement("div", { className: classes.right },
|
|
78
78
|
actionItems,
|
|
79
79
|
rightContent))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageTopBar.js","sourceRoot":"","sources":["../../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EACL,aAAa,EACb,oCAAoC,GACrC,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AA2B7B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA2B;IAC7E,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,eAAe;CACtB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,OAAO,GAAG,MAAM,EAChB,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAbH,wIAaL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IACxC,MAAM,EAAE,iCAAiC,EAAE,GACzC,oCAAoC,EAAE,CAAA;IACxC,MAAM,EAAE,YAAY,EAAE,qBAAqB,EAAE,SAAS,EAAE,GACtD,mBAAmB,EAAE,CAAA;IAEvB,yBAAyB,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAE3B,OAAO,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAEtC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,UAAU,CAAmB,WAAW,CAAC,CAAA;IACtE,MAAM,EAAE,WAAW,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAE7C,MAAM,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IAChD,MAAM,WAAW,GAAG,CAClB;QACE,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAC,SAAS,EAAE,OAAO,CAAC,UAAU,GAAI;QACpE,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CACtD,CACJ,CAAA;IAED,MAAM,aAAa,GAAG,IAAI,IAAI,WAAW,CAAA;IAEzC,MAAM,cAAc,GAAG,KAAK,IAAI,CAC9B,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,UAAU,EAAC,QAAQ;QACtD,6BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAClE;QACF,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO;YACrB,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,IAAG,KAAK,CAAc,CACtC,CACF,CACb,CAAA;IAED,MAAM,cAAc,GAAG,EAAE,CACvB;QACE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,IAAI,KAAK,KAAK,MAAM;QAClD,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;KACjC,EACD,OAAO,CAAC,OAAO,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE;QAC5C,6BAAK,SAAS,EAAE,OAAO,CAAC,OAAO;YAC7B,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,WAAW,EACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,OAAO,CAAC,EAChB,SAAS,EACT;oBACE,CAAC,OAAO,CAAC,iCAAiC,CAAC,EACzC,iCAAiC;iBACpC,CACF,EACD,KAAK,EAAE,KAAK;gBAEZ,6BAAK,SAAS,EAAE,cAAc;oBAE5B,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;wBAC1B,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO;4BAC7C,oBAAC,aAAa,IACZ,EAAE,EAAE,WAAW,iBACF,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,GAC/B;4BACD,QAAQ;gCACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,aAAa,CAAC;gCACjD,CAAC,CAAC,aAAa;4BAChB,cAAc,CACL;wBACX,WAAW,CACR;oBAGL,aAAa,IAAI,CAChB;wBACE,oBAAC,mBAAmB;4BAClB,6BAAK,SAAS,EAAE,OAAO,CAAC,mBAAmB,IACxC,aAAa,CACV,CACc;wBACtB,oBAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"PageTopBar.js","sourceRoot":"","sources":["../../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItemHeader.d.ts","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItemHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SidebarItemHeader.d.ts","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItemHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAItD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAuFpC,eAAO,MAAM,iBAAiB,2EAmE7B,CAAA"}
|
|
@@ -9,17 +9,68 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import {
|
|
13
|
-
import cx from 'classnames';
|
|
12
|
+
import { twMerge, twJoin } from '@toptal/picasso-tailwind-merge';
|
|
14
13
|
import React, { forwardRef, useCallback } from 'react';
|
|
15
14
|
import { MenuItem } from '@toptal/picasso-menu';
|
|
16
15
|
import { SidebarItemContent } from '../SidebarItemContent';
|
|
17
|
-
import styles from './styles';
|
|
18
16
|
import { useSubMenuContext } from './SubMenuContextProvider';
|
|
19
17
|
import { getTagProps, getBadgeProps } from './utils';
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
const getColorStyles = ({ variant, selected, }) => {
|
|
19
|
+
if (variant === 'light') {
|
|
20
|
+
if (selected) {
|
|
21
|
+
return 'text-blue-500 hover:text-blue-500 focus:text-blue-500 bg-gray-300 hover:bg-gray-300 focus:bg-gray-300';
|
|
22
|
+
}
|
|
23
|
+
return 'text-graphite-700 hover:text-blue-500 focus:text-blue-500';
|
|
24
|
+
}
|
|
25
|
+
if (variant === 'dark') {
|
|
26
|
+
if (selected) {
|
|
27
|
+
return 'text-white hover:text-white focus:text-white bg-graphite-700 hover:bg-graphite-700 focus:bg-graphite-700';
|
|
28
|
+
}
|
|
29
|
+
return 'hover:text-white focus:text-white';
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const getSpacingStyles = ({ compact, parentMenu, hasMenu, collapsible, }) => {
|
|
33
|
+
let pl = 'pl-4';
|
|
34
|
+
let pr = 'pr-4';
|
|
35
|
+
let pt = 'pt-0';
|
|
36
|
+
let pb = 'pb-0';
|
|
37
|
+
let ml = 'ml-4';
|
|
38
|
+
let mr = 'mr-4';
|
|
39
|
+
let mt = 'mt-0';
|
|
40
|
+
let mb = 'mb-0';
|
|
41
|
+
if (parentMenu) {
|
|
42
|
+
pr = 'pr-4';
|
|
43
|
+
pl = parentMenu.icon ? 'pl-[2.875rem]' : 'pl-8';
|
|
44
|
+
mr = 'mr-4';
|
|
45
|
+
}
|
|
46
|
+
if (compact) {
|
|
47
|
+
pt = 'pt-0';
|
|
48
|
+
pb = 'pb-0';
|
|
49
|
+
pr = 'pr-0';
|
|
50
|
+
pl = 'pl-0';
|
|
51
|
+
}
|
|
52
|
+
if (hasMenu && (collapsible || compact)) {
|
|
53
|
+
pt = 'pt-0';
|
|
54
|
+
pb = 'pb-0';
|
|
55
|
+
pr = 'pr-0';
|
|
56
|
+
pl = 'pl-0';
|
|
57
|
+
mt = 'mt-0';
|
|
58
|
+
mb = 'mb-0';
|
|
59
|
+
mr = 'mr-0';
|
|
60
|
+
ml = 'ml-0';
|
|
61
|
+
}
|
|
62
|
+
if (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.compact) {
|
|
63
|
+
mr = 'mr-0';
|
|
64
|
+
mt = 'mt-0';
|
|
65
|
+
mb = 'mb-0';
|
|
66
|
+
ml = 'ml-0';
|
|
67
|
+
pt = 'pt-[0.375rem]';
|
|
68
|
+
pb = 'pb-[0.375rem]';
|
|
69
|
+
pl = 'pl-4';
|
|
70
|
+
pr = 'pr-4';
|
|
71
|
+
}
|
|
72
|
+
return twJoin(pl, pr, pt, pb, mt, mb, mr, ml);
|
|
73
|
+
};
|
|
23
74
|
export const SidebarItemHeader = forwardRef(function SidebarItemHeader(props, ref) {
|
|
24
75
|
const { className, disabled, menu, selected, compact, variant = 'light', onClick, collapsible, testIds,
|
|
25
76
|
// these props are being destructured only for the purpose of excluding them from `...rest`
|
|
@@ -27,7 +78,6 @@ export const SidebarItemHeader = forwardRef(function SidebarItemHeader(props, re
|
|
|
27
78
|
icon, isSubMenu, badge, tag, isExpanded, expand, index } = props,
|
|
28
79
|
/* eslint-enable */
|
|
29
80
|
rest = __rest(props, ["className", "disabled", "menu", "selected", "compact", "variant", "onClick", "collapsible", "testIds", "icon", "isSubMenu", "badge", "tag", "isExpanded", "expand", "index"]);
|
|
30
|
-
const classes = useStyles();
|
|
31
81
|
const { parentMenu } = useSubMenuContext();
|
|
32
82
|
const hasMenu = menu != null;
|
|
33
83
|
const handleMenuItemClick = useCallback((event) => {
|
|
@@ -35,15 +85,8 @@ export const SidebarItemHeader = forwardRef(function SidebarItemHeader(props, re
|
|
|
35
85
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
36
86
|
}
|
|
37
87
|
}, [hasMenu, onClick]);
|
|
38
|
-
const subMenuClass = parentMenu &&
|
|
39
|
-
(parentMenu.icon ? classes.nestedMenuWithIcon : classes.nestedMenu);
|
|
40
88
|
const shouldShowSelected = (compact || !hasMenu) && selected;
|
|
41
|
-
return (React.createElement(MenuItem, Object.assign({}, rest, {
|
|
42
|
-
[classes.compact]: compact,
|
|
43
|
-
[classes.selected]: shouldShowSelected,
|
|
44
|
-
[classes.parentCompact]: parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.compact,
|
|
45
|
-
[classes.collapsible]: hasMenu && (collapsible || compact),
|
|
46
|
-
}, className), onClick: handleMenuItemClick, selected: shouldShowSelected, disabled: disabled, variant: variant, nonSelectable: true, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.header }),
|
|
89
|
+
return (React.createElement(MenuItem, Object.assign({}, rest, { ref: ref, className: twMerge('h-[2.75rem] whitespace-nowrap rounded-sm', 'flex-1 min-w-0', getColorStyles({ variant, selected: shouldShowSelected }), getSpacingStyles({ compact, parentMenu, hasMenu, collapsible }), compact && 'overflow-visible', className), onClick: handleMenuItemClick, selected: shouldShowSelected, disabled: disabled, variant: variant, nonSelectable: true, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.header }),
|
|
47
90
|
React.createElement(SidebarItemContent, Object.assign({}, props, { badge: getBadgeProps(badge), tag: getTagProps(tag) }))));
|
|
48
91
|
});
|
|
49
92
|
//# sourceMappingURL=SidebarItemHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItemHeader.js","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItemHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SidebarItemHeader.js","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItemHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "content" | "collapsibleWrapper" | "expandIcon" | "compactDropdown" | "lightExpandIcon" | "darkExpandIcon" | "expandIconDisabled">;
|
|
3
3
|
export default _default;
|
|
4
4
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/SidebarItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/SidebarItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAGxB,KAAK;AAAlC,wBA4BI"}
|
|
@@ -1,68 +1,12 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
export default ({ palette
|
|
2
|
+
export default ({ palette }) => createStyles({
|
|
3
3
|
root: {
|
|
4
|
-
height: '2.75em',
|
|
5
|
-
padding: '0 1rem',
|
|
6
|
-
margin: '0 1rem',
|
|
7
|
-
whiteSpace: 'nowrap',
|
|
8
|
-
borderRadius: sizes.borderRadius.small,
|
|
9
4
|
fontSize: '1rem',
|
|
10
5
|
},
|
|
11
|
-
light: {
|
|
12
|
-
color: palette.grey.dark,
|
|
13
|
-
'&:hover': {
|
|
14
|
-
color: palette.blue.main,
|
|
15
|
-
},
|
|
16
|
-
'&:focus': {
|
|
17
|
-
color: palette.blue.main,
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
dark: {
|
|
21
|
-
'&:hover': {
|
|
22
|
-
color: palette.common.white,
|
|
23
|
-
},
|
|
24
|
-
'&:focus': {
|
|
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': {
|
|
37
|
-
color: palette.common.white,
|
|
38
|
-
backgroundColor: palette.grey.dark,
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
},
|
|
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
|
-
},
|
|
54
6
|
collapsibleWrapper: {
|
|
55
7
|
padding: '0 0 0 1rem',
|
|
56
8
|
margin: '0 1rem',
|
|
57
9
|
},
|
|
58
|
-
nestedMenu: {
|
|
59
|
-
padding: '0 1rem 0 2rem',
|
|
60
|
-
marginRight: '1rem',
|
|
61
|
-
},
|
|
62
|
-
nestedMenuWithIcon: {
|
|
63
|
-
padding: '0 1rem 0 2.875rem',
|
|
64
|
-
marginRight: '1rem',
|
|
65
|
-
},
|
|
66
10
|
content: {
|
|
67
11
|
// to cover text overflow in the sub-menu header item
|
|
68
12
|
maxWidth: '100%',
|
|
@@ -82,17 +26,5 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
82
26
|
expandIconDisabled: {
|
|
83
27
|
color: palette.grey.main,
|
|
84
28
|
},
|
|
85
|
-
compact: {
|
|
86
|
-
padding: 0,
|
|
87
|
-
overflow: 'visible',
|
|
88
|
-
},
|
|
89
|
-
noWrap: {
|
|
90
|
-
flex: 1,
|
|
91
|
-
minWidth: 0,
|
|
92
|
-
},
|
|
93
|
-
collapsible: {
|
|
94
|
-
margin: 0,
|
|
95
|
-
padding: 0,
|
|
96
|
-
},
|
|
97
29
|
});
|
|
98
30
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/SidebarItem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/SidebarItem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;KACjB;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,YAAY;QACrB,MAAM,EAAE,QAAQ;KACjB;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;CACF,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarLogo.d.ts","sourceRoot":"","sources":["../../../src/SidebarLogo/SidebarLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AASvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,CAAC,cAAc,GAAG,eAAe,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yDAAyD;IACzD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAMD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"SidebarLogo.d.ts","sourceRoot":"","sources":["../../../src/SidebarLogo/SidebarLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AASvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,CAAC,cAAc,GAAG,eAAe,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yDAAyD;IACzD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAMD,eAAO,MAAM,WAAW,8EAwBvB,CAAA;AAMD,eAAe,WAAW,CAAA"}
|
|
@@ -23,7 +23,7 @@ export const SidebarLogo = forwardRef(function SidebarLogo(_a, ref) {
|
|
|
23
23
|
const classes = useStyles();
|
|
24
24
|
const { isCollapsed: isSidebarCollapsed } = useSidebarContext();
|
|
25
25
|
const logo = isSidebarCollapsed ? collapsedLogo : fullLogo;
|
|
26
|
-
return (React.createElement(Container, Object.assign({}, rest, { className: cx(classes.root, className), ref: ref,
|
|
26
|
+
return (React.createElement(Container, Object.assign({}, rest, { className: cx(classes.root, className), ref: ref, bottom: 'xsmall', left: 'large' }),
|
|
27
27
|
logo,
|
|
28
28
|
children));
|
|
29
29
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarLogo.js","sourceRoot":"","sources":["../../../src/SidebarLogo/SidebarLogo.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAYzE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAyD,EACzD,GAAG;QADH,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,sDAAyD,CAAF;IAGvD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAE/D,MAAM,IAAI,GAAG,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE1D,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,
|
|
1
|
+
{"version":3,"file":"SidebarLogo.js","sourceRoot":"","sources":["../../../src/SidebarLogo/SidebarLogo.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAYzE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAyD,EACzD,GAAG;QADH,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,sDAAyD,CAAF;IAGvD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAE/D,MAAM,IAAI,GAAG,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE1D,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,OAAO;QAEX,IAAI;QACJ,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAA6C,MAAM,OAAO,CAAA;AAOjE,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACxE,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,WAAW,gFAuEvB,CAAA;AAQD,eAAe,WAAW,CAAA"}
|
|
@@ -9,20 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
13
12
|
import cx from 'classnames';
|
|
14
13
|
import React, { forwardRef, useCallback, useEffect } from 'react';
|
|
15
14
|
import { Menu } from '@toptal/picasso-menu';
|
|
16
15
|
import { useSidebarContext } from '../PageSidebar/SidebarContextProvider';
|
|
17
16
|
import { useSubMenuContext } from '../SidebarItem';
|
|
18
|
-
import styles from './styles';
|
|
19
|
-
const useStyles = makeStyles(styles, {
|
|
20
|
-
name: 'PicassoSidebarMenu',
|
|
21
|
-
});
|
|
22
17
|
export const SidebarMenu = forwardRef(function SidebarMenu(props, ref) {
|
|
23
18
|
const { bottom, style, className, children } = props, rest = __rest(props, ["bottom", "style", "className", "children"]);
|
|
24
19
|
const { parentSidebarItemIndex, isSubMenu, parentMenu } = useSubMenuContext();
|
|
25
|
-
const classes = useStyles();
|
|
26
20
|
const { variant, expandedItemKey, setExpandedItemKey, isCollapsed: isSidebarCollapsed, } = useSidebarContext();
|
|
27
21
|
const expandSidebarItem = useCallback(setExpandedItemKey, [
|
|
28
22
|
setExpandedItemKey,
|
|
@@ -50,9 +44,9 @@ export const SidebarMenu = forwardRef(function SidebarMenu(props, ref) {
|
|
|
50
44
|
}
|
|
51
45
|
return child;
|
|
52
46
|
});
|
|
53
|
-
return (React.createElement(Menu, Object.assign({}, rest, { allowNestedNavigation: false, ref: ref, style: style, className: cx(
|
|
54
|
-
[
|
|
55
|
-
[
|
|
47
|
+
return (React.createElement(Menu, Object.assign({}, rest, { allowNestedNavigation: false, ref: ref, style: style, className: cx('shadow-0 order-1 [&_&]:flex-1 flex-grow-0 flex-shrink-1 max-w-full', {
|
|
48
|
+
['order-[99]']: bottom,
|
|
49
|
+
['p-2']: parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.compact,
|
|
56
50
|
}, className) }), items));
|
|
57
51
|
});
|
|
58
52
|
SidebarMenu.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAOlD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAvD,4CAA+C,CAAQ,CAAA;IAC7D,MAAM,EAAE,sBAAsB,EAAE,SAAS,EAAE,UAAU,EAAE,GACrD,iBAAiB,EAAE,CAAA;IAErB,MAAM,EACJ,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,WAAW,EAAE,kBAAkB,GAChC,GAAG,iBAAiB,EAAE,CAAA;IAEvB,MAAM,iBAAiB,GAAG,WAAW,CAAC,kBAAkB,EAAE;QACxD,kBAAkB;KACnB,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC3D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CAC7D,CAAA;QAED,IAAI,eAAe,IAAI,sBAAsB,KAAK,SAAS,EAAE;YAC3D,kBAAkB,CAAC,sBAAsB,CAAC,CAAA;SAC3C;IACH,CAAC,EAAE,CAAC,sBAAsB,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1D,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC1D,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAC/B,MAAM,SAAS,GAA8B;gBAC3C,OAAO;gBACP,SAAS;gBACT,OAAO,EAAE,kBAAkB,IAAI,CAAC,SAAS;aAC1C,CAAA;YAED,MAAM,eAAe,GAA8B;gBACjD,KAAK;gBACL,MAAM,EAAE,iBAAiB;gBACzB,UAAU,EAAE,eAAe,KAAK,KAAK;aACtC,CAAA;YAED,MAAM,QAAQ,mCACT,SAAS,GACT,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CACpD,CAAA;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;SAC3C;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,qBAAqB,EAAE,KAAK,EAC5B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE;YACE,CAAC,YAAY,CAAC,EAAE,MAAM;YACtB,CAAC,KAAK,CAAC,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO;SAC7B,EACD,SAAS,CACV,KAEA,KAAK,CACD,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,MAAM,EAAE,KAAK;CACd,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBarItem.d.ts","sourceRoot":"","sources":["../../../src/TopBarItem/TopBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"TopBarItem.d.ts","sourceRoot":"","sources":["../../../src/TopBarItem/TopBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAM/D,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc;IACtD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,EAAE,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IAC/B,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IACpE,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;CAC1E;AAiBD,eAAO,MAAM,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAqBlD,CAAA;AASD,eAAe,UAAU,CAAA"}
|
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import React, { forwardRef, memo } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import cx from 'classnames';
|
|
2
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
4
3
|
import { noop } from '@toptal/picasso-utils';
|
|
5
4
|
import { SidebarItem } from '../SidebarItem';
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const rootClasses = [
|
|
6
|
+
'min-[1280px]:text-gray-600 min-[1280px]:p-0 min-[1280px]:h-auto',
|
|
7
|
+
'min-[1280px]:w-auto min-[1280px]:m-0 min-[1280px]:flex-auto',
|
|
8
|
+
'min-[1280px]:[&_p]:text-sm',
|
|
9
|
+
];
|
|
10
|
+
const separatorClasses = [
|
|
11
|
+
'min-[1280px]:before:[&:not(:first-child)]:content-[""]',
|
|
12
|
+
'min-[1280px]:before:bg-gray-600 min-[1280px]:before:inline-block',
|
|
13
|
+
'min-[1280px]:before:h-2 min-[1280px]:before:mx-2 min-[1280px]:before:w-[1px]',
|
|
14
|
+
];
|
|
15
|
+
const bgClasses = 'min-[1280px]:hover:bg-transparent min-[1280px]:focus:bg-transparent';
|
|
16
|
+
const textColorClasses = 'min-[1280px]:hover:text-gray-400 min-[1280px]:hover:text-white';
|
|
8
17
|
export const TopBarItem = memo(forwardRef(function TopBarItem(props, ref) {
|
|
9
18
|
const { className, icon } = props;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
[classes.selected]: props.selected,
|
|
13
|
-
[classes.icon]: icon,
|
|
14
|
-
}), ref: ref })));
|
|
19
|
+
return (React.createElement(SidebarItem, Object.assign({}, props, { className: twMerge(rootClasses, separatorClasses, bgClasses, textColorClasses, icon && 'min-[1280px]:[&_svg]:w-[1em]', props.selected &&
|
|
20
|
+
'min-[1280px]:bg-transparent min-[1280px]:text-white', className), ref: ref })));
|
|
15
21
|
}));
|
|
16
22
|
TopBarItem.defaultProps = {
|
|
17
23
|
onClick: noop,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBarItem.js","sourceRoot":"","sources":["../../../src/TopBarItem/TopBarItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"TopBarItem.js","sourceRoot":"","sources":["../../../src/TopBarItem/TopBarItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAe5C,MAAM,WAAW,GAAG;IAClB,iEAAiE;IACjE,6DAA6D;IAC7D,4BAA4B;CAC7B,CAAA;AACD,MAAM,gBAAgB,GAAG;IACvB,wDAAwD;IACxD,kEAAkE;IAClE,8EAA8E;CAC/E,CAAA;AACD,MAAM,SAAS,GACb,qEAAqE,CAAA;AACvE,MAAM,gBAAgB,GACpB,gEAAgE,CAAA;AAElE,MAAM,CAAC,MAAM,UAAU,GAAgC,IAAI,CACzD,UAAU,CAAqB,SAAS,UAAU,CAAC,KAAK,EAAE,GAAG;IAC3D,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAEjC,OAAO,CACL,oBAAC,WAAW,oBACN,KAAK,IACT,SAAS,EAAE,OAAO,CAChB,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,IAAI,IAAI,8BAA8B,EACtC,KAAK,CAAC,QAAQ;YACZ,qDAAqD,EACvD,SAAS,CACV,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAA;AACH,CAAC,CAAC,CACH,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBarMenu.d.ts","sourceRoot":"","sources":["../../../src/TopBarMenu/TopBarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"TopBarMenu.d.ts","sourceRoot":"","sources":["../../../src/TopBarMenu/TopBarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACxE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,UAAU,gFAoBtB,CAAA;AAID,eAAe,UAAU,CAAA"}
|
|
@@ -10,18 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
14
13
|
import { Menu } from '@toptal/picasso-menu';
|
|
15
14
|
import { useRegisterMenu } from '../PageHamburger';
|
|
16
|
-
import styles from './styles';
|
|
17
|
-
const useStyles = makeStyles(styles, { name: 'PicassoTopBarMenu' });
|
|
18
15
|
export const TopBarMenu = forwardRef(function TopBarMenu(props, ref) {
|
|
19
|
-
const { children } = props, rest = __rest(props
|
|
20
|
-
|
|
16
|
+
const { children } = props, rest = __rest(props
|
|
17
|
+
// not more than 6 menu items are allowed by BASE design
|
|
18
|
+
, ["children"]);
|
|
21
19
|
// not more than 6 menu items are allowed by BASE design
|
|
22
20
|
const items = React.Children.toArray(children).slice(0, 6);
|
|
23
21
|
useRegisterMenu();
|
|
24
|
-
return (React.createElement(Menu, Object.assign({}, rest, { allowNestedNavigation: false, ref: ref, className:
|
|
22
|
+
return (React.createElement(Menu, Object.assign({}, rest, { allowNestedNavigation: false, ref: ref, className: 'block min-[1280px]:flex shadow-0' }), items));
|
|
25
23
|
});
|
|
26
24
|
TopBarMenu.displayName = 'TopBarMenu';
|
|
27
25
|
export default TopBarMenu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBarMenu.js","sourceRoot":"","sources":["../../../src/TopBarMenu/TopBarMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"TopBarMenu.js","sourceRoot":"","sources":["../../../src/TopBarMenu/TopBarMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAOlD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,KAAK,EAAE,GAAG;IAC5B,MAAM,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK;IAEnC,wDAAwD;MAFlD,YAAqB,CAAQ,CAAA;IAEnC,wDAAwD;IACxD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAE1D,eAAe,EAAE,CAAA;IAEjB,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,qBAAqB,EAAE,KAAK,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,kCAAkC,KAE3C,KAAK,CACD,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-page",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "Toptal UI components library - Page",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,39 +22,40 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-accordion": "
|
|
26
|
-
"@toptal/picasso-autocomplete": "
|
|
27
|
-
"@toptal/picasso-avatar": "
|
|
28
|
-
"@toptal/picasso-badge": "
|
|
29
|
-
"@toptal/picasso-button": "
|
|
30
|
-
"@toptal/picasso-container": "
|
|
31
|
-
"@toptal/picasso-dropdown": "2.0.
|
|
25
|
+
"@toptal/picasso-accordion": "2.0.0",
|
|
26
|
+
"@toptal/picasso-autocomplete": "2.0.0",
|
|
27
|
+
"@toptal/picasso-avatar": "5.0.0",
|
|
28
|
+
"@toptal/picasso-badge": "2.0.0",
|
|
29
|
+
"@toptal/picasso-button": "3.0.0",
|
|
30
|
+
"@toptal/picasso-container": "2.0.0",
|
|
31
|
+
"@toptal/picasso-dropdown": "2.0.4",
|
|
32
32
|
"@toptal/picasso-icons": "1.5.0",
|
|
33
33
|
"@toptal/picasso-logo": "1.0.8",
|
|
34
|
-
"@toptal/picasso-menu": "
|
|
35
|
-
"@toptal/picasso-notification": "
|
|
34
|
+
"@toptal/picasso-menu": "2.0.0",
|
|
35
|
+
"@toptal/picasso-notification": "3.0.0",
|
|
36
36
|
"@toptal/picasso-shared": "15.0.0",
|
|
37
|
-
"@toptal/picasso-tag": "
|
|
38
|
-
"@toptal/picasso-tooltip": "1.1.
|
|
39
|
-
"@toptal/picasso-typography": "
|
|
40
|
-
"@toptal/picasso-user-badge": "
|
|
37
|
+
"@toptal/picasso-tag": "3.0.0",
|
|
38
|
+
"@toptal/picasso-tooltip": "1.1.4",
|
|
39
|
+
"@toptal/picasso-typography": "3.0.0",
|
|
40
|
+
"@toptal/picasso-user-badge": "3.0.0",
|
|
41
41
|
"@toptal/picasso-utils": "1.0.3",
|
|
42
|
-
"classnames": "^2.5.1"
|
|
43
|
-
"tailwind-merge": "^2.2.2"
|
|
42
|
+
"classnames": "^2.5.1"
|
|
44
43
|
},
|
|
45
44
|
"sideEffects": [
|
|
46
45
|
"**/styles.ts",
|
|
47
46
|
"**/styles.js"
|
|
48
47
|
],
|
|
49
48
|
"peerDependencies": {
|
|
49
|
+
"@toptal/picasso-tailwind-merge": "^1.0.1",
|
|
50
50
|
"@material-ui/core": "4.12.4",
|
|
51
51
|
"@toptal/picasso-provider": "*",
|
|
52
52
|
"react-dom": "^18.2.0",
|
|
53
|
-
"@toptal/picasso-tailwind": ">=2.
|
|
53
|
+
"@toptal/picasso-tailwind": ">=2.7",
|
|
54
54
|
"react": ">=16.12.0 < 19.0.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
|
-
"@toptal/picasso-
|
|
57
|
+
"@toptal/picasso-tailwind-merge": "1.2.0",
|
|
58
|
+
"@toptal/picasso-provider": "5.0.0",
|
|
58
59
|
"@toptal/picasso-test-utils": "1.1.1",
|
|
59
60
|
"react-dom": "^18.2.0",
|
|
60
61
|
"styled-components": "^6.1.1"
|