@toptal/picasso-page 5.4.8 → 5.4.9-alpha-MP-669-remove-more-default-props-dea487bed.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/PageAutocomplete/PageAutocomplete.d.ts +0 -3
- package/dist-package/src/PageAutocomplete/PageAutocomplete.d.ts.map +1 -1
- package/dist-package/src/PageAutocomplete/PageAutocomplete.js +1 -4
- package/dist-package/src/PageAutocomplete/PageAutocomplete.js.map +1 -1
- package/dist-package/src/PageCompound/index.d.ts +0 -3
- package/dist-package/src/PageCompound/index.d.ts.map +1 -1
- package/dist-package/src/PageContent/PageContent.d.ts.map +1 -1
- package/dist-package/src/PageContent/PageContent.js +3 -5
- package/dist-package/src/PageContent/PageContent.js.map +1 -1
- package/dist-package/src/PageFooter/PageFooter.d.ts.map +1 -1
- package/dist-package/src/PageFooter/PageFooter.js +4 -7
- package/dist-package/src/PageFooter/PageFooter.js.map +1 -1
- package/dist-package/src/PageHead/PageHead.d.ts.map +1 -1
- package/dist-package/src/PageHead/PageHead.js +3 -6
- package/dist-package/src/PageHead/PageHead.js.map +1 -1
- package/dist-package/src/PageSidebar/PageSidebar.d.ts.map +1 -1
- package/dist-package/src/PageSidebar/PageSidebar.js +14 -6
- package/dist-package/src/PageSidebar/PageSidebar.js.map +1 -1
- package/dist-package/src/PageSidebar/PageSidebarDesktop.d.ts.map +1 -1
- package/dist-package/src/PageSidebar/PageSidebarDesktop.js +14 -5
- package/dist-package/src/PageSidebar/PageSidebarDesktop.js.map +1 -1
- package/dist-package/src/PageTopBar/PageTopBar.d.ts.map +1 -1
- package/dist-package/src/PageTopBar/PageTopBar.js +3 -5
- package/dist-package/src/PageTopBar/PageTopBar.js.map +1 -1
- package/dist-package/src/SidebarItem/SidebarItem.d.ts.map +1 -1
- package/dist-package/src/SidebarItem/SidebarItem.js +20 -10
- package/dist-package/src/SidebarItem/SidebarItem.js.map +1 -1
- package/dist-package/src/SidebarMenu/SidebarMenu.d.ts.map +1 -1
- package/dist-package/src/SidebarMenu/SidebarMenu.js +3 -5
- 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 +14 -7
- package/dist-package/src/TopBarItem/TopBarItem.js.map +1 -1
- package/package.json +25 -25
- package/src/PageAutocomplete/PageAutocomplete.tsx +5 -5
- package/src/PageContent/PageContent.tsx +2 -6
- package/src/PageFooter/PageFooter.tsx +6 -11
- package/src/PageHead/PageHead.tsx +2 -7
- package/src/PageSidebar/PageSidebar.tsx +1 -8
- package/src/PageSidebar/PageSidebarDesktop.tsx +1 -6
- package/src/PageTopBar/PageTopBar.tsx +1 -6
- package/src/SidebarItem/SidebarItem.tsx +23 -11
- package/src/SidebarMenu/SidebarMenu.tsx +2 -6
- package/src/TopBarItem/TopBarItem.tsx +7 -8
|
@@ -8,9 +8,6 @@ export interface Props extends AutocompleteProps {
|
|
|
8
8
|
export declare const PageAutocomplete: {
|
|
9
9
|
({ variant, testIds, ...rest }: Props): JSX.Element;
|
|
10
10
|
displayName: string;
|
|
11
|
-
defaultProps: {
|
|
12
|
-
variant: string;
|
|
13
|
-
};
|
|
14
11
|
};
|
|
15
12
|
export default PageAutocomplete;
|
|
16
13
|
//# sourceMappingURL=PageAutocomplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/PageAutocomplete/PageAutocomplete.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAErE,MAAM,WAAW,KAAM,SAAQ,iBAAiB;IAC9C,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,eAAO,MAAM,gBAAgB;
|
|
1
|
+
{"version":3,"file":"PageAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/PageAutocomplete/PageAutocomplete.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAErE,MAAM,WAAW,KAAM,SAAQ,iBAAiB;IAC9C,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,eAAO,MAAM,gBAAgB;oCAI1B,KAAK;;CASP,CAAA;AAID,eAAe,gBAAgB,CAAA"}
|
|
@@ -12,15 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { Autocomplete } from '@toptal/picasso-autocomplete';
|
|
14
14
|
export const PageAutocomplete = (_a) => {
|
|
15
|
-
var { variant, testIds } = _a, rest = __rest(_a, ["variant", "testIds"]);
|
|
15
|
+
var { variant = 'dark', testIds } = _a, rest = __rest(_a, ["variant", "testIds"]);
|
|
16
16
|
return (React.createElement(Autocomplete, Object.assign({ inputProps: {
|
|
17
17
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
18
18
|
variant: variant,
|
|
19
19
|
}, testIds: testIds }, rest)));
|
|
20
20
|
};
|
|
21
21
|
PageAutocomplete.displayName = 'PageAutocomplete';
|
|
22
|
-
PageAutocomplete.defaultProps = {
|
|
23
|
-
variant: 'dark',
|
|
24
|
-
};
|
|
25
22
|
export default PageAutocomplete;
|
|
26
23
|
//# sourceMappingURL=PageAutocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageAutocomplete.js","sourceRoot":"","sources":["../../../src/PageAutocomplete/PageAutocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAS3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"PageAutocomplete.js","sourceRoot":"","sources":["../../../src/PageAutocomplete/PageAutocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAS3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAIzB,EAAE,EAAE;QAJqB,EAC/B,OAAO,GAAG,MAAM,EAChB,OAAO,OAED,EADH,IAAI,cAHwB,sBAIhC,CADQ;IACI,OAAA,CACX,oBAAC,YAAY,kBACX,UAAU,EAAE;YACV,oEAAoE;YACpE,OAAO,EAAE,OAAQ;SAClB,EACD,OAAO,EAAE,OAAO,IACZ,IAAI,EACR,CACH,CAAA;CAAA,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
|
|
@@ -22,9 +22,6 @@ export declare const PageCompound: import("react").ForwardRefExoticComponent<imp
|
|
|
22
22
|
Autocomplete: {
|
|
23
23
|
({ variant, testIds, ...rest }: import("../PageAutocomplete/PageAutocomplete").Props): JSX.Element;
|
|
24
24
|
displayName: string;
|
|
25
|
-
defaultProps: {
|
|
26
|
-
variant: string;
|
|
27
|
-
};
|
|
28
25
|
};
|
|
29
26
|
Article: import("packages/shared/dist-package/src").OverridableComponent<import("../PageArticle/PageArticle").Props>;
|
|
30
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageCompound/index.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageCompound/index.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CAUvB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.d.ts","sourceRoot":"","sources":["../../../src/PageContent/PageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,WAAW,8EA6BvB,CAAA;
|
|
1
|
+
{"version":3,"file":"PageContent.d.ts","sourceRoot":"","sources":["../../../src/PageContent/PageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,WAAW,8EA6BvB,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -14,8 +14,9 @@ import { useSidebar } from '@toptal/picasso-provider';
|
|
|
14
14
|
import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge';
|
|
15
15
|
import { PageContext } from '../Page';
|
|
16
16
|
import { getMaxWidthClass } from './styles';
|
|
17
|
-
export const PageContent = forwardRef(function PageContent(
|
|
18
|
-
|
|
17
|
+
export const PageContent = forwardRef(function PageContent(_a, ref) {
|
|
18
|
+
var { flex = true } = _a, props = __rest(_a, ["flex"]);
|
|
19
|
+
const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
|
|
19
20
|
const { width, fullWidth } = useContext(PageContext);
|
|
20
21
|
const { hasSidebar } = useSidebar();
|
|
21
22
|
const innerClassName = twJoin('h-full grow bg-[#fcfcfc] bg-clip-content', getMaxWidthClass({ fullWidth, width }), flex && 'flex');
|
|
@@ -23,9 +24,6 @@ export const PageContent = forwardRef(function PageContent(props, ref) {
|
|
|
23
24
|
'bg-[linear-gradient(90deg,rgb(243,244,246)50%,rgb(252,252,252)50%)]', className), style: style }),
|
|
24
25
|
React.createElement("div", { className: innerClassName }, children)));
|
|
25
26
|
});
|
|
26
|
-
PageContent.defaultProps = {
|
|
27
|
-
flex: true,
|
|
28
|
-
};
|
|
29
27
|
PageContent.displayName = 'PageContent';
|
|
30
28
|
export default PageContent;
|
|
31
29
|
//# sourceMappingURL=PageContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../src/PageContent/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAS3C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../src/PageContent/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAS3C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAyB,EAAE,GAAG;QAA9B,EAAE,IAAI,GAAG,IAAI,OAAY,EAAP,KAAK,cAAvB,QAAyB,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,UAAU,CAAmB,WAAW,CAAC,CAAA;IACtE,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAA;IAEnC,MAAM,cAAc,GAAG,MAAM,CAC3B,0CAA0C,EAC1C,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EACtC,IAAI,IAAI,MAAM,CACf,CAAA;IAED,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,qCAAqC,EACrC,UAAU;YACR,qEAAqE,EACvE,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAE,cAAc,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageFooter.d.ts","sourceRoot":"","sources":["../../../src/PageFooter/PageFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC;IACnE,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;
|
|
1
|
+
{"version":3,"file":"PageFooter.d.ts","sourceRoot":"","sources":["../../../src/PageFooter/PageFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC;IACnE,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAMD,eAAO,MAAM,UAAU,2EAiCrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -13,8 +13,10 @@ import React, { useContext, forwardRef } from 'react';
|
|
|
13
13
|
import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { PageContext } from '../Page';
|
|
15
15
|
import { getMaxWidthClass } from './styles';
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
const CopyrightContent = () => (React.createElement(React.Fragment, null, `© Copyright 2010 – ${new Date().getFullYear()} Toptal, LLC`));
|
|
17
|
+
export const PageFooter = forwardRef(function PageFooter(_a, ref) {
|
|
18
|
+
var { rightContent = null, copyrightContent = React.createElement(CopyrightContent, null) } = _a, props = __rest(_a, ["rightContent", "copyrightContent"]);
|
|
19
|
+
const { className, style } = props, rest = __rest(props, ["className", "style"]);
|
|
18
20
|
const { width, fullWidth } = useContext(PageContext);
|
|
19
21
|
const contentClassnames = twJoin(getMaxWidthClass({ width, fullWidth }), 'box-border', 'flex justify-between xs:max-lg:flex-col', 'text-white text-md leading-[1em]', 'mx-auto pt-2 pb-6 px-[--content-padding-horizontal]');
|
|
20
22
|
return (React.createElement("footer", Object.assign({}, rest, { ref: ref, className: twMerge('bg-[#262d3d] w-full', className), style: style }),
|
|
@@ -22,11 +24,6 @@ export const PageFooter = forwardRef(function PageFooter(props, ref) {
|
|
|
22
24
|
React.createElement("div", { className: 'flex items-center justify-center mt-4' }, copyrightContent),
|
|
23
25
|
React.createElement("div", { className: 'flex items-center justify-center mt-4 xs:max-lg:-order-1 xs:max-md:flex-col' }, rightContent))));
|
|
24
26
|
});
|
|
25
|
-
const CopyrightContent = () => (React.createElement(React.Fragment, null, `© Copyright 2010 – ${new Date().getFullYear()} Toptal, LLC`));
|
|
26
|
-
PageFooter.defaultProps = {
|
|
27
|
-
rightContent: null,
|
|
28
|
-
copyrightContent: React.createElement(CopyrightContent, null),
|
|
29
|
-
};
|
|
30
27
|
PageFooter.displayName = 'PageFooter';
|
|
31
28
|
export default PageFooter;
|
|
32
29
|
//# sourceMappingURL=PageFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageFooter.js","sourceRoot":"","sources":["../../../src/PageFooter/PageFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAS3C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,
|
|
1
|
+
{"version":3,"file":"PageFooter.js","sourceRoot":"","sources":["../../../src/PageFooter/PageFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAS3C,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC7B,0CAAG,sBAAsB,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,cAAc,CAAI,CACpE,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,EAA0E,EAC1E,GAAG;QADH,EAAE,YAAY,GAAG,IAAI,EAAE,gBAAgB,GAAG,oBAAC,gBAAgB,OAAG,OAAY,EAAP,KAAK,cAAxE,oCAA0E,CAAF;IAGxE,MAAM,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAC3C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,UAAU,CAAmB,WAAW,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,MAAM,CAC9B,gBAAgB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACtC,YAAY,EACZ,yCAAyC,EACzC,kCAAkC,EAClC,qDAAqD,CACtD,CAAA;IAED,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,EACpD,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAE,iBAAiB;YAC/B,6BAAK,SAAS,EAAC,uCAAuC,IACnD,gBAAgB,CACb;YAEN,6BAAK,SAAS,EAAC,6EAA6E,IACzF,YAAY,CACT,CACF,CACC,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHead.d.ts","sourceRoot":"","sources":["../../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvE,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA4ED,+HAA+H;AAC/H,eAAO,MAAM,QAAQ,8EAoBnB,CAAA;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"PageHead.d.ts","sourceRoot":"","sources":["../../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvE,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA4ED,+HAA+H;AAC/H,eAAO,MAAM,QAAQ,8EAoBnB,CAAA;;;;;;;;;;;;;;;;AAIF,wBAKE"}
|
|
@@ -39,15 +39,12 @@ const borderPseudoElement = [
|
|
|
39
39
|
'after:h-[1px]',
|
|
40
40
|
];
|
|
41
41
|
/** @deprecated Use `PageHeadBase` instead to conform to BASE. `PageHead` will be removed in a future major update of Picasso*/
|
|
42
|
-
export const PageHead = forwardRef(function PageHead(
|
|
43
|
-
|
|
42
|
+
export const PageHead = forwardRef(function PageHead(_a, ref) {
|
|
43
|
+
var { rightPadding = false, noBorder = false } = _a, props = __rest(_a, ["rightPadding", "noBorder"]);
|
|
44
|
+
const { children, className } = props;
|
|
44
45
|
const withBorder = !noBorder;
|
|
45
46
|
return (React.createElement(Container, { ref: ref, className: twMerge('relative', withBorder && borderPseudoElement, rightPadding && 'pr-8', className) }, children));
|
|
46
47
|
});
|
|
47
|
-
PageHead.defaultProps = {
|
|
48
|
-
rightPadding: false,
|
|
49
|
-
noBorder: false,
|
|
50
|
-
};
|
|
51
48
|
PageHead.displayName = 'PageHead';
|
|
52
49
|
export default Object.assign(PageHead, {
|
|
53
50
|
Title,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../../src/PageHead/PageHead.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAWxD,MAAM,KAAK,GAAG,CAAC,EAKwC,EAAE,EAAE;QAL5C,EACb,SAAS,EACT,QAAQ,EACR,SAAS,OAE4C,EADlD,IAAI,cAJM,sCAKd,CADQ;IAEP,OAAO,CACL,oBAAC,UAAU,kBACT,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,IAChB,IAAI,GAEP,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAIwB,EAAE,EAAE;QAJ5B,EACZ,QAAQ,EACR,SAAS,OAE2B,EADjC,IAAI,cAHK,yBAIb,CADQ;IAEP,OAAO,CACL,oBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,IAAM,IAAI,GACtC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CACX,KAAsE,EACtE,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzD,4CAAiD,CAAQ,CAAA;IAE/D,OAAO,CACL,oBAAC,SAAS,kBACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAChB,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EACxD,SAAS,CACV,IACG,IAAI,GAEP,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAIqB,EAAE,EAAE;QAJzB,EACf,QAAQ,EACR,SAAS,OAE2B,EADjC,IAAI,cAHQ,yBAIhB,CADQ;IAEP,OAAO,CACL,oBAAC,SAAS,kBAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,IAAM,IAAI,GAC/D,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG;IAC1B,oBAAoB;IACpB,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,WAAW;IACX,mBAAmB;IACnB,eAAe;CAChB,CAAA;AAED,+HAA+H;AAC/H,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,
|
|
1
|
+
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../../src/PageHead/PageHead.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAWxD,MAAM,KAAK,GAAG,CAAC,EAKwC,EAAE,EAAE;QAL5C,EACb,SAAS,EACT,QAAQ,EACR,SAAS,OAE4C,EADlD,IAAI,cAJM,sCAKd,CADQ;IAEP,OAAO,CACL,oBAAC,UAAU,kBACT,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,IAChB,IAAI,GAEP,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAIwB,EAAE,EAAE;QAJ5B,EACZ,QAAQ,EACR,SAAS,OAE2B,EADjC,IAAI,cAHK,yBAIb,CADQ;IAEP,OAAO,CACL,oBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,IAAM,IAAI,GACtC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CACX,KAAsE,EACtE,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzD,4CAAiD,CAAQ,CAAA;IAE/D,OAAO,CACL,oBAAC,SAAS,kBACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAChB,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EACxD,SAAS,CACV,IACG,IAAI,GAEP,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAIqB,EAAE,EAAE;QAJzB,EACf,QAAQ,EACR,SAAS,OAE2B,EADjC,IAAI,cAHQ,yBAIhB,CADQ;IAEP,OAAO,CACL,oBAAC,SAAS,kBAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,IAAM,IAAI,GAC/D,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG;IAC1B,oBAAoB;IACpB,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,WAAW;IACX,mBAAmB;IACnB,eAAe;CAChB,CAAA;AAED,+HAA+H;AAC/H,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,EAAoD,EACpD,GAAG;QADH,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,OAAY,EAAP,KAAK,cAAlD,4BAAoD,CAAF;IAGlD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IACrC,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAA;IAE5B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,UAAU,EACV,UAAU,IAAI,mBAAmB,EACjC,YAAY,IAAI,MAAM,EACtB,SAAS,CACV,IAEA,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;CACR,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAuD,MAAM,OAAO,CAAA;AAQ3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,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;AAaD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAuD,MAAM,OAAO,CAAA;AAQ3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,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;AAaD,eAAO,MAAM,WAAW,8EAyFtB,CAAA;;;;;;AAIF,wBAIE"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import { useSidebar, usePageTopBar } from '@toptal/picasso-provider';
|
|
2
13
|
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
3
14
|
import React, { forwardRef, useCallback, useEffect, useState } from 'react';
|
|
@@ -17,8 +28,9 @@ const classesBySize = {
|
|
|
17
28
|
medium: 'w-[236px]',
|
|
18
29
|
large: 'w-[280px]',
|
|
19
30
|
};
|
|
20
|
-
export const PageSidebar = forwardRef(function Sidebar(
|
|
21
|
-
|
|
31
|
+
export const PageSidebar = forwardRef(function Sidebar(_a, ref) {
|
|
32
|
+
var { variant = 'light', size = 'medium' } = _a, props = __rest(_a, ["variant", "size"]);
|
|
33
|
+
const { children, className, style, collapsible, defaultCollapsed, testIds, wrapperMaxHeight, disableSticky, onCollapse = noop, } = props;
|
|
22
34
|
const [isCollapsed, setIsCollapsed] = useState(!!defaultCollapsed);
|
|
23
35
|
const [isHovered, setIsHovered] = useState(false);
|
|
24
36
|
const { setHasSidebar } = useSidebar();
|
|
@@ -42,10 +54,6 @@ export const PageSidebar = forwardRef(function Sidebar(props, ref) {
|
|
|
42
54
|
'[&_.scrollable-content]:[scrollbar-width:none]',
|
|
43
55
|
], !hasTopBar && 'block'), "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.container, onMouseEnter: collapsible ? () => setIsHovered(true) : noop, onMouseLeave: collapsible ? () => setIsHovered(false) : noop }, hasPageHamburger ? (React.createElement(PageHamburgerPortal, null, children)) : (React.createElement(PageSidebarDesktop, { testIds: testIds, variant: variant, wrapperMaxHeight: wrapperMaxHeight, disableSticky: disableSticky, collapsible: collapsible, defaultCollapsed: defaultCollapsed, isCollapsed: isCollapsed, isHovered: isHovered, onCollapse: handleCollapse }, children))));
|
|
44
56
|
});
|
|
45
|
-
PageSidebar.defaultProps = {
|
|
46
|
-
variant: 'light',
|
|
47
|
-
size: 'medium',
|
|
48
|
-
};
|
|
49
57
|
PageSidebar.displayName = 'PageSidebar';
|
|
50
58
|
export default Object.assign(PageSidebar, {
|
|
51
59
|
Menu: SidebarMenu,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AA0BrD,MAAM,gBAAgB,GAAG;IACvB,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,qCAAqC;CAC5C,CAAA;AAED,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,WAAW;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAwB,SAAS,OAAO,CAC3E,
|
|
1
|
+
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebarDesktop.d.ts","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebarDesktop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAA0C,MAAM,OAAO,CAAA;AAO9D,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,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"PageSidebarDesktop.d.ts","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebarDesktop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAA0C,MAAM,OAAO,CAAA;AAO9D,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,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,kBAAkB,8EAoE9B,CAAA;AAID,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import { twMerge, twJoin } from '@toptal/picasso-tailwind-merge';
|
|
2
13
|
import React, { forwardRef, useState, useEffect } from 'react';
|
|
3
14
|
import { ButtonCircular } from '@toptal/picasso-button';
|
|
@@ -5,8 +16,9 @@ import { Container } from '@toptal/picasso-container';
|
|
|
5
16
|
import { BackMinor16, ChevronRight16 } from '@toptal/picasso-icons';
|
|
6
17
|
import { noop } from '@toptal/picasso-utils';
|
|
7
18
|
import { SidebarContextProvider } from './SidebarContextProvider';
|
|
8
|
-
export const PageSidebarDesktop = forwardRef(function PageSidebarDesktop(
|
|
9
|
-
|
|
19
|
+
export const PageSidebarDesktop = forwardRef(function PageSidebarDesktop(_a, ref) {
|
|
20
|
+
var { variant = 'light' } = _a, props = __rest(_a, ["variant"]);
|
|
21
|
+
const { children, collapsible, testIds, wrapperMaxHeight, disableSticky, isHovered, isCollapsed, onCollapse = noop, } = props;
|
|
10
22
|
const [expandedItemKey, setExpandedItemKey] = useState(null);
|
|
11
23
|
useEffect(() => {
|
|
12
24
|
// Clear expanded submenu on sidebar collapse
|
|
@@ -25,9 +37,6 @@ export const PageSidebarDesktop = forwardRef(function PageSidebarDesktop(props,
|
|
|
25
37
|
React.createElement("div", { className: 'order-[50] flex-1 h-full' }),
|
|
26
38
|
React.createElement(SidebarContextProvider, { isCollapsed: isCollapsed, isHovered: isHovered, variant: variant, expandedItemKey: expandedItemKey, setExpandedItemKey: setExpandedItemKey }, children))));
|
|
27
39
|
});
|
|
28
|
-
PageSidebarDesktop.defaultProps = {
|
|
29
|
-
variant: 'light',
|
|
30
|
-
};
|
|
31
40
|
PageSidebarDesktop.displayName = 'PageSidebarDesktop';
|
|
32
41
|
export default PageSidebarDesktop;
|
|
33
42
|
//# sourceMappingURL=PageSidebarDesktop.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebarDesktop.js","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebarDesktop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AA2BjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"PageSidebarDesktop.js","sourceRoot":"","sources":["../../../src/PageSidebar/PageSidebarDesktop.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AA2BjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAA+B,EAAE,GAAG;QAApC,EAAE,OAAO,GAAG,OAAO,OAAY,EAAP,KAAK,cAA7B,WAA+B,CAAF;IACvD,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,WAAW,EACX,UAAU,GAAG,IAAI,GAClB,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,6CAA6C;QAC7C,IAAI,WAAW,EAAE;YACf,kBAAkB,CAAC,IAAI,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,6BACE,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB;SAC5B,EACD,SAAS,EAAE,MAAM,CACf,QAAQ,EACR,CAAC,aAAa;YACZ,0FAA0F,CAC7F;QAED,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,0DAA0D,iBACvD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,EACzC,GAAG,EAAE,GAAG;YAEP,WAAW,IAAI,CACd,oBAAC,cAAc,IACb,SAAS,EAAE,OAAO;gBAChB,iGAAiG;gBACjG,qLAAqL,EACrL,SAAS,IAAI,SAAS,CACvB,EACD,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,gBAC7C,kBAAkB,EAC7B,OAAO,EAAC,SAAS,iBACJ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,GACpC,CACH;YACD,6BAAK,SAAS,EAAC,0BAA0B,GAAG;YAC5C,oBAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,IAErC,QAAQ,CACc,CACf,CACR,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,eAAe,kBAAkB,CAAA"}
|
|
@@ -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;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAsBvD,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,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;AAEF,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;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAsBvD,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,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;AAEF,eAAO,MAAM,UAAU,2EA4IrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -21,8 +21,9 @@ const SMALL_SCREEN_WIDTH = 1280;
|
|
|
21
21
|
export const PageTopBarContext = React.createContext({
|
|
22
22
|
variant: 'dark',
|
|
23
23
|
});
|
|
24
|
-
export const PageTopBar = forwardRef(function PageTopBar(
|
|
25
|
-
|
|
24
|
+
export const PageTopBar = forwardRef(function PageTopBar(_a, ref) {
|
|
25
|
+
var { variant = 'dark' } = _a, props = __rest(_a, ["variant"]);
|
|
26
|
+
const { className, style, title, logoLink, logo, centerContent, leftContent, rightContent, actionItems, testIds } = props, rest = __rest(props, ["className", "style", "title", "logoLink", "logo", "centerContent", "leftContent", "rightContent", "actionItems", "testIds"]);
|
|
26
27
|
const { setHasTopBar } = usePageTopBar();
|
|
27
28
|
const { preventPageWidthChangeOnScrollbar } = usePreventPageWidthChangeOnScrollbar();
|
|
28
29
|
useIsomorphicLayoutEffect(() => {
|
|
@@ -71,9 +72,6 @@ export const PageTopBar = forwardRef(function PageTopBar(props, ref) {
|
|
|
71
72
|
actionItems,
|
|
72
73
|
rightContent))))));
|
|
73
74
|
});
|
|
74
|
-
PageTopBar.defaultProps = {
|
|
75
|
-
variant: 'dark',
|
|
76
|
-
};
|
|
77
75
|
PageTopBar.displayName = 'PageTopBar';
|
|
78
76
|
export default PageTopBar;
|
|
79
77
|
//# sourceMappingURL=PageTopBar.js.map
|
|
@@ -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;AAEhE,OAAO,EACL,aAAa,EACb,UAAU,EACV,oCAAoC,EACpC,aAAa,GACd,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAC1E,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,kBAAkB,GAAG,IAAI,CAAA;AA2B/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA2B;IAC7E,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,
|
|
1
|
+
{"version":3,"file":"PageTopBar.js","sourceRoot":"","sources":["../../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,eAAO,MAAM,kBAAkB,gBAAiB,aAAa,KAAK,CAAC,0BAYlE,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,eAAO,MAAM,kBAAkB,gBAAiB,aAAa,KAAK,CAAC,0BAYlE,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,KAAK,CAqCnD,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import React, { forwardRef, memo } from 'react';
|
|
2
13
|
import { noop } from '@toptal/picasso-utils';
|
|
3
14
|
import { SidebarItemBasic } from './SidebarItemBasic';
|
|
@@ -11,8 +22,15 @@ export const getSelectedSubMenu = (sidebarItem) => {
|
|
|
11
22
|
const subMenuItems = React.Children.toArray(menu.props.children);
|
|
12
23
|
return subMenuItems.find(menuChild => menuChild.props.selected);
|
|
13
24
|
};
|
|
14
|
-
export const SidebarItem = memo(forwardRef(function SidebarItem(
|
|
15
|
-
|
|
25
|
+
export const SidebarItem = memo(forwardRef(function SidebarItem(_a, ref) {
|
|
26
|
+
var { collapsible = false, onClick = noop, selected = false, expand = noop, variant = 'light', compact = false, menu } = _a, rest = __rest(_a, ["collapsible", "onClick", "selected", "expand", "variant", "compact", "menu"]);
|
|
27
|
+
const props = Object.assign({ collapsible,
|
|
28
|
+
onClick,
|
|
29
|
+
selected,
|
|
30
|
+
expand,
|
|
31
|
+
variant,
|
|
32
|
+
compact,
|
|
33
|
+
menu }, rest);
|
|
16
34
|
const hasMenu = menu != null;
|
|
17
35
|
let SidebarItemImpl = SidebarItemBasic;
|
|
18
36
|
if (hasMenu && compact) {
|
|
@@ -23,14 +41,6 @@ export const SidebarItem = memo(forwardRef(function SidebarItem(props, ref) {
|
|
|
23
41
|
}
|
|
24
42
|
return React.createElement(SidebarItemImpl, Object.assign({}, props, { ref: ref }));
|
|
25
43
|
}));
|
|
26
|
-
SidebarItem.defaultProps = {
|
|
27
|
-
collapsible: false,
|
|
28
|
-
onClick: noop,
|
|
29
|
-
selected: false,
|
|
30
|
-
expand: noop,
|
|
31
|
-
variant: 'light',
|
|
32
|
-
compact: false,
|
|
33
|
-
};
|
|
34
44
|
SidebarItem.displayName = 'SidebarItem';
|
|
35
45
|
export default SidebarItem;
|
|
36
46
|
//# sourceMappingURL=SidebarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItem.js","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAG7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,WAAgC,EAAE,EAAE;IACrE,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAA;IAEnC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAEhE,OAAO,YAAY,CAAC,IAAI,CACtB,SAAS,CAAC,EAAE,CAAE,SAAiC,CAAC,KAAK,CAAC,QAAQ,CAC/D,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgC,IAAI,CAC1D,UAAU,CAAqB,SAAS,WAAW,
|
|
1
|
+
{"version":3,"file":"SidebarItem.js","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAG7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,WAAgC,EAAE,EAAE;IACrE,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAA;IAEnC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAEhE,OAAO,YAAY,CAAC,IAAI,CACtB,SAAS,CAAC,EAAE,CAAE,SAAiC,CAAC,KAAK,CAAC,QAAQ,CAC/D,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgC,IAAI,CAC1D,UAAU,CAAqB,SAAS,WAAW,CACjD,EASC,EACD,GAAG;QAVH,EACE,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,OAAO,EACjB,OAAO,GAAG,KAAK,EACf,IAAI,OAEL,EADI,IAAI,cART,8EASC,CADQ;IAIT,MAAM,KAAK,mBACT,WAAW;QACX,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,OAAO;QACP,IAAI,IACD,IAAI,CACR,CAAA;IAED,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAA;IAE5B,IAAI,eAAe,GAAG,gBAAgB,CAAA;IAEtC,IAAI,OAAO,IAAI,OAAO,EAAE;QACtB,eAAe,GAAG,kBAAkB,CAAA;KACrC;SAAM,IAAI,OAAO,IAAI,WAAW,EAAE;QACjC,eAAe,GAAG,oBAAoB,CAAA;KACvC;IAED,OAAO,oBAAC,eAAe,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AACjD,CAAC,CAAC,CACH,CAAA;AAED,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":"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,gFAqEvB,CAAA;
|
|
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,gFAqEvB,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -14,8 +14,9 @@ import React, { forwardRef, useCallback, useEffect } from 'react';
|
|
|
14
14
|
import { Menu } from '@toptal/picasso-menu';
|
|
15
15
|
import { useSidebarContext } from '../PageSidebar/SidebarContextProvider';
|
|
16
16
|
import { useSubMenuContext } from '../SidebarItem';
|
|
17
|
-
export const SidebarMenu = forwardRef(function SidebarMenu(
|
|
18
|
-
|
|
17
|
+
export const SidebarMenu = forwardRef(function SidebarMenu(_a, ref) {
|
|
18
|
+
var { bottom = false } = _a, props = __rest(_a, ["bottom"]);
|
|
19
|
+
const { style, className, children } = props, rest = __rest(props, ["style", "className", "children"]);
|
|
19
20
|
const { parentSidebarItemIndex, isSubMenu, parentMenu } = useSubMenuContext();
|
|
20
21
|
const { variant, expandedItemKey, setExpandedItemKey, isCollapsed: isSidebarCollapsed, } = useSidebarContext();
|
|
21
22
|
const expandSidebarItem = useCallback(setExpandedItemKey, [
|
|
@@ -46,9 +47,6 @@ export const SidebarMenu = forwardRef(function SidebarMenu(props, ref) {
|
|
|
46
47
|
});
|
|
47
48
|
return (React.createElement(Menu, Object.assign({}, rest, { allowNestedNavigation: false, ref: ref, style: style, className: twMerge('shadow-0 order-1 [&_&]:flex-1 flex-grow-0 flex-shrink-1 max-w-full', bottom && 'order-[99]', (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.compact) && 'p-2', className) }), items));
|
|
48
49
|
});
|
|
49
|
-
SidebarMenu.defaultProps = {
|
|
50
|
-
bottom: false,
|
|
51
|
-
};
|
|
52
50
|
SidebarMenu.displayName = 'SidebarMenu';
|
|
53
51
|
export default SidebarMenu;
|
|
54
52
|
//# sourceMappingURL=SidebarMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,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,
|
|
1
|
+
{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../../src/SidebarMenu/SidebarMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,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,EAA4B,EAAE,GAAG;QAAjC,EAAE,MAAM,GAAG,KAAK,OAAY,EAAP,KAAK,cAA1B,UAA4B,CAAF;IAC7C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IACrD,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,OAAO,CAChB,oEAAoE,EACpE,MAAM,IAAI,YAAY,EACtB,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,KAAI,KAAK,EAC5B,SAAS,CACV,KAEA,KAAK,CACD,CACR,CAAA;AACH,CAAC,CACF,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,sBAAsB,CAAA;AAMzD,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,
|
|
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,sBAAsB,CAAA;AAMzD,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,CAyBlD,CAAA;AAID,eAAe,UAAU,CAAA"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import React, { forwardRef, memo } from 'react';
|
|
2
13
|
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
3
14
|
import { noop } from '@toptal/picasso-utils';
|
|
@@ -14,15 +25,11 @@ const separatorClasses = [
|
|
|
14
25
|
];
|
|
15
26
|
const bgClasses = 'min-[1280px]:hover:bg-transparent min-[1280px]:focus:bg-transparent';
|
|
16
27
|
const textColorClasses = 'min-[1280px]:hover:text-gray-400 min-[1280px]:hover:text-white';
|
|
17
|
-
export const TopBarItem = memo(forwardRef(function TopBarItem(
|
|
28
|
+
export const TopBarItem = memo(forwardRef(function TopBarItem(_a, ref) {
|
|
29
|
+
var { onClick = noop, selected = false } = _a, props = __rest(_a, ["onClick", "selected"]);
|
|
18
30
|
const { className, icon } = props;
|
|
19
|
-
return (React.createElement(SidebarItem, Object.assign({}, props, { className: twMerge(rootClasses, separatorClasses, bgClasses, textColorClasses, icon && 'min-[1280px]:[&_svg]:w-[1em]',
|
|
20
|
-
'min-[1280px]:bg-transparent min-[1280px]:text-white', className), ref: ref })));
|
|
31
|
+
return (React.createElement(SidebarItem, Object.assign({}, props, { onClick: onClick, selected: selected, className: twMerge(rootClasses, separatorClasses, bgClasses, textColorClasses, icon && 'min-[1280px]:[&_svg]:w-[1em]', selected && 'min-[1280px]:bg-transparent min-[1280px]:text-white', className), ref: ref })));
|
|
21
32
|
}));
|
|
22
|
-
TopBarItem.defaultProps = {
|
|
23
|
-
onClick: noop,
|
|
24
|
-
selected: false,
|
|
25
|
-
};
|
|
26
33
|
TopBarItem.displayName = 'TopBarItem';
|
|
27
34
|
export default TopBarItem;
|
|
28
35
|
//# sourceMappingURL=TopBarItem.js.map
|
|
@@ -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;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,
|
|
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,CAChD,EAA8C,EAC9C,GAAG;QADH,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,OAAY,EAAP,KAAK,cAA5C,uBAA8C,CAAF;IAG5C,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAEjC,OAAO,CACL,oBAAC,WAAW,oBACN,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CAChB,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,IAAI,IAAI,8BAA8B,EACtC,QAAQ,IAAI,qDAAqD,EACjE,SAAS,CACV,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAA;AACH,CAAC,CAAC,CACH,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": "5.4.
|
|
3
|
+
"version": "5.4.9-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
4
4
|
"description": "Toptal UI components library - Page",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,23 +22,23 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-accordion": "3.0.
|
|
26
|
-
"@toptal/picasso-autocomplete": "5.2.
|
|
27
|
-
"@toptal/picasso-avatar": "6.1.
|
|
28
|
-
"@toptal/picasso-badge": "3.0.
|
|
29
|
-
"@toptal/picasso-button": "4.0.
|
|
30
|
-
"@toptal/picasso-container": "3.1.
|
|
31
|
-
"@toptal/picasso-dropdown": "4.2.
|
|
32
|
-
"@toptal/picasso-icons": "1.13.0",
|
|
33
|
-
"@toptal/picasso-logo": "2.0.
|
|
34
|
-
"@toptal/picasso-menu": "3.0.
|
|
35
|
-
"@toptal/picasso-notification": "4.0.
|
|
36
|
-
"@toptal/picasso-shared": "15.0.0",
|
|
37
|
-
"@toptal/picasso-tag": "4.0.
|
|
38
|
-
"@toptal/picasso-tooltip": "2.0.
|
|
39
|
-
"@toptal/picasso-typography": "4.0.
|
|
40
|
-
"@toptal/picasso-user-badge": "5.1.
|
|
41
|
-
"@toptal/picasso-utils": "3.1.0",
|
|
25
|
+
"@toptal/picasso-accordion": "3.0.24-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
26
|
+
"@toptal/picasso-autocomplete": "5.2.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
27
|
+
"@toptal/picasso-avatar": "6.1.13-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
28
|
+
"@toptal/picasso-badge": "3.0.5-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
29
|
+
"@toptal/picasso-button": "4.0.25-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
30
|
+
"@toptal/picasso-container": "3.1.3-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
31
|
+
"@toptal/picasso-dropdown": "4.2.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
32
|
+
"@toptal/picasso-icons": "1.13.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
33
|
+
"@toptal/picasso-logo": "2.0.11-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
34
|
+
"@toptal/picasso-menu": "3.0.19-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
35
|
+
"@toptal/picasso-notification": "4.0.25-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
36
|
+
"@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
37
|
+
"@toptal/picasso-tag": "4.0.13-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
38
|
+
"@toptal/picasso-tooltip": "2.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
39
|
+
"@toptal/picasso-typography": "4.0.5-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
40
|
+
"@toptal/picasso-user-badge": "5.1.14-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
41
|
+
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
42
42
|
"classnames": "^2.5.1"
|
|
43
43
|
},
|
|
44
44
|
"sideEffects": [
|
|
@@ -46,18 +46,18 @@
|
|
|
46
46
|
"**/styles.js"
|
|
47
47
|
],
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@toptal/picasso-tailwind-merge": "
|
|
49
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
50
50
|
"@material-ui/core": "4.12.4",
|
|
51
|
-
"@toptal/picasso-provider": "
|
|
51
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
52
52
|
"react-dom": "^18.2.0",
|
|
53
|
-
"@toptal/picasso-tailwind": "
|
|
54
|
-
"@toptal/picasso-skeleton-loader": "^1.0.
|
|
53
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
54
|
+
"@toptal/picasso-skeleton-loader": "^1.0.61-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
55
55
|
"react": ">=16.12.0 < 19.0.0"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@toptal/picasso-tailwind-merge": "2.0.
|
|
59
|
-
"@toptal/picasso-provider": "5.0.
|
|
60
|
-
"@toptal/picasso-test-utils": "1.1.
|
|
58
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
59
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
60
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
61
61
|
"react-dom": "^18.2.0",
|
|
62
62
|
"styled-components": "^6.1.1"
|
|
63
63
|
},
|
|
@@ -8,7 +8,11 @@ export interface Props extends AutocompleteProps {
|
|
|
8
8
|
testIds?: AutocompleteProps['testIds']
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
export const PageAutocomplete = ({
|
|
11
|
+
export const PageAutocomplete = ({
|
|
12
|
+
variant = 'dark',
|
|
13
|
+
testIds,
|
|
14
|
+
...rest
|
|
15
|
+
}: Props) => (
|
|
12
16
|
<Autocomplete
|
|
13
17
|
inputProps={{
|
|
14
18
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
@@ -21,8 +25,4 @@ export const PageAutocomplete = ({ variant, testIds, ...rest }: Props) => (
|
|
|
21
25
|
|
|
22
26
|
PageAutocomplete.displayName = 'PageAutocomplete'
|
|
23
27
|
|
|
24
|
-
PageAutocomplete.defaultProps = {
|
|
25
|
-
variant: 'dark',
|
|
26
|
-
}
|
|
27
|
-
|
|
28
28
|
export default PageAutocomplete
|
|
@@ -16,8 +16,8 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
export const PageContent = forwardRef<HTMLDivElement, Props>(
|
|
19
|
-
function PageContent(props, ref) {
|
|
20
|
-
const { children, className, style,
|
|
19
|
+
function PageContent({ flex = true, ...props }, ref) {
|
|
20
|
+
const { children, className, style, ...rest } = props
|
|
21
21
|
|
|
22
22
|
const { width, fullWidth } = useContext<PageContextProps>(PageContext)
|
|
23
23
|
const { hasSidebar } = useSidebar()
|
|
@@ -46,10 +46,6 @@ export const PageContent = forwardRef<HTMLDivElement, Props>(
|
|
|
46
46
|
}
|
|
47
47
|
)
|
|
48
48
|
|
|
49
|
-
PageContent.defaultProps = {
|
|
50
|
-
flex: true,
|
|
51
|
-
}
|
|
52
|
-
|
|
53
49
|
PageContent.displayName = 'PageContent'
|
|
54
50
|
|
|
55
51
|
export default PageContent
|
|
@@ -14,11 +14,15 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLElement> {
|
|
|
14
14
|
rightContent?: ReactNode
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
const CopyrightContent = () => (
|
|
18
|
+
<>{`© Copyright 2010 – ${new Date().getFullYear()} Toptal, LLC`}</>
|
|
19
|
+
)
|
|
20
|
+
|
|
17
21
|
export const PageFooter = forwardRef<HTMLElement, Props>(function PageFooter(
|
|
18
|
-
props,
|
|
22
|
+
{ rightContent = null, copyrightContent = <CopyrightContent />, ...props },
|
|
19
23
|
ref
|
|
20
24
|
) {
|
|
21
|
-
const { className, style,
|
|
25
|
+
const { className, style, ...rest } = props
|
|
22
26
|
const { width, fullWidth } = useContext<PageContextProps>(PageContext)
|
|
23
27
|
|
|
24
28
|
const contentClassnames = twJoin(
|
|
@@ -49,15 +53,6 @@ export const PageFooter = forwardRef<HTMLElement, Props>(function PageFooter(
|
|
|
49
53
|
)
|
|
50
54
|
})
|
|
51
55
|
|
|
52
|
-
const CopyrightContent = () => (
|
|
53
|
-
<>{`© Copyright 2010 – ${new Date().getFullYear()} Toptal, LLC`}</>
|
|
54
|
-
)
|
|
55
|
-
|
|
56
|
-
PageFooter.defaultProps = {
|
|
57
|
-
rightContent: null,
|
|
58
|
-
copyrightContent: <CopyrightContent />,
|
|
59
|
-
}
|
|
60
|
-
|
|
61
56
|
PageFooter.displayName = 'PageFooter'
|
|
62
57
|
|
|
63
58
|
export default PageFooter
|
|
@@ -90,10 +90,10 @@ const borderPseudoElement = [
|
|
|
90
90
|
|
|
91
91
|
/** @deprecated Use `PageHeadBase` instead to conform to BASE. `PageHead` will be removed in a future major update of Picasso*/
|
|
92
92
|
export const PageHead = forwardRef<HTMLDivElement, Props>(function PageHead(
|
|
93
|
-
props,
|
|
93
|
+
{ rightPadding = false, noBorder = false, ...props },
|
|
94
94
|
ref
|
|
95
95
|
) {
|
|
96
|
-
const { children,
|
|
96
|
+
const { children, className } = props
|
|
97
97
|
const withBorder = !noBorder
|
|
98
98
|
|
|
99
99
|
return (
|
|
@@ -111,11 +111,6 @@ export const PageHead = forwardRef<HTMLDivElement, Props>(function PageHead(
|
|
|
111
111
|
)
|
|
112
112
|
})
|
|
113
113
|
|
|
114
|
-
PageHead.defaultProps = {
|
|
115
|
-
rightPadding: false,
|
|
116
|
-
noBorder: false,
|
|
117
|
-
}
|
|
118
|
-
|
|
119
114
|
PageHead.displayName = 'PageHead'
|
|
120
115
|
|
|
121
116
|
export default Object.assign(PageHead, {
|
|
@@ -49,18 +49,16 @@ const classesBySize = {
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
export const PageSidebar = forwardRef<HTMLDivElement, Props>(function Sidebar(
|
|
52
|
-
props,
|
|
52
|
+
{ variant = 'light', size = 'medium', ...props },
|
|
53
53
|
ref
|
|
54
54
|
) {
|
|
55
55
|
const {
|
|
56
56
|
children,
|
|
57
|
-
variant = 'light',
|
|
58
57
|
className,
|
|
59
58
|
style,
|
|
60
59
|
collapsible,
|
|
61
60
|
defaultCollapsed,
|
|
62
61
|
testIds,
|
|
63
|
-
size = 'medium',
|
|
64
62
|
wrapperMaxHeight,
|
|
65
63
|
disableSticky,
|
|
66
64
|
onCollapse = noop,
|
|
@@ -141,11 +139,6 @@ export const PageSidebar = forwardRef<HTMLDivElement, Props>(function Sidebar(
|
|
|
141
139
|
)
|
|
142
140
|
})
|
|
143
141
|
|
|
144
|
-
PageSidebar.defaultProps = {
|
|
145
|
-
variant: 'light',
|
|
146
|
-
size: 'medium',
|
|
147
|
-
}
|
|
148
|
-
|
|
149
142
|
PageSidebar.displayName = 'PageSidebar'
|
|
150
143
|
|
|
151
144
|
export default Object.assign(PageSidebar, {
|
|
@@ -35,10 +35,9 @@ export interface Props extends BaseProps {
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
export const PageSidebarDesktop = forwardRef<HTMLDivElement, Props>(
|
|
38
|
-
function PageSidebarDesktop(props, ref) {
|
|
38
|
+
function PageSidebarDesktop({ variant = 'light', ...props }, ref) {
|
|
39
39
|
const {
|
|
40
40
|
children,
|
|
41
|
-
variant = 'light',
|
|
42
41
|
collapsible,
|
|
43
42
|
testIds,
|
|
44
43
|
wrapperMaxHeight,
|
|
@@ -105,10 +104,6 @@ export const PageSidebarDesktop = forwardRef<HTMLDivElement, Props>(
|
|
|
105
104
|
}
|
|
106
105
|
)
|
|
107
106
|
|
|
108
|
-
PageSidebarDesktop.defaultProps = {
|
|
109
|
-
variant: 'light',
|
|
110
|
-
}
|
|
111
|
-
|
|
112
107
|
PageSidebarDesktop.displayName = 'PageSidebarDesktop'
|
|
113
108
|
|
|
114
109
|
export default PageSidebarDesktop
|
|
@@ -53,7 +53,7 @@ export const PageTopBarContext = React.createContext<{ variant: VariantType }>({
|
|
|
53
53
|
})
|
|
54
54
|
|
|
55
55
|
export const PageTopBar = forwardRef<HTMLElement, Props>(function PageTopBar(
|
|
56
|
-
props,
|
|
56
|
+
{ variant = 'dark', ...props },
|
|
57
57
|
ref
|
|
58
58
|
) {
|
|
59
59
|
const {
|
|
@@ -66,7 +66,6 @@ export const PageTopBar = forwardRef<HTMLElement, Props>(function PageTopBar(
|
|
|
66
66
|
leftContent,
|
|
67
67
|
rightContent,
|
|
68
68
|
actionItems,
|
|
69
|
-
variant = 'dark',
|
|
70
69
|
testIds,
|
|
71
70
|
...rest
|
|
72
71
|
} = props
|
|
@@ -195,10 +194,6 @@ export const PageTopBar = forwardRef<HTMLElement, Props>(function PageTopBar(
|
|
|
195
194
|
)
|
|
196
195
|
})
|
|
197
196
|
|
|
198
|
-
PageTopBar.defaultProps = {
|
|
199
|
-
variant: 'dark',
|
|
200
|
-
}
|
|
201
|
-
|
|
202
197
|
PageTopBar.displayName = 'PageTopBar'
|
|
203
198
|
|
|
204
199
|
export default PageTopBar
|
|
@@ -23,8 +23,29 @@ export const getSelectedSubMenu = (sidebarItem: ReactElement<Props>) => {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
export const SidebarItem: OverridableComponent<Props> = memo(
|
|
26
|
-
forwardRef<HTMLElement, Props>(function SidebarItem(
|
|
27
|
-
|
|
26
|
+
forwardRef<HTMLElement, Props>(function SidebarItem(
|
|
27
|
+
{
|
|
28
|
+
collapsible = false,
|
|
29
|
+
onClick = noop,
|
|
30
|
+
selected = false,
|
|
31
|
+
expand = noop,
|
|
32
|
+
variant = 'light',
|
|
33
|
+
compact = false,
|
|
34
|
+
menu,
|
|
35
|
+
...rest
|
|
36
|
+
},
|
|
37
|
+
ref
|
|
38
|
+
) {
|
|
39
|
+
const props = {
|
|
40
|
+
collapsible,
|
|
41
|
+
onClick,
|
|
42
|
+
selected,
|
|
43
|
+
expand,
|
|
44
|
+
variant,
|
|
45
|
+
compact,
|
|
46
|
+
menu,
|
|
47
|
+
...rest,
|
|
48
|
+
}
|
|
28
49
|
|
|
29
50
|
const hasMenu = menu != null
|
|
30
51
|
|
|
@@ -40,15 +61,6 @@ export const SidebarItem: OverridableComponent<Props> = memo(
|
|
|
40
61
|
})
|
|
41
62
|
)
|
|
42
63
|
|
|
43
|
-
SidebarItem.defaultProps = {
|
|
44
|
-
collapsible: false,
|
|
45
|
-
onClick: noop,
|
|
46
|
-
selected: false,
|
|
47
|
-
expand: noop,
|
|
48
|
-
variant: 'light',
|
|
49
|
-
compact: false,
|
|
50
|
-
}
|
|
51
|
-
|
|
52
64
|
SidebarItem.displayName = 'SidebarItem'
|
|
53
65
|
|
|
54
66
|
export default SidebarItem
|
|
@@ -14,8 +14,8 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLUListElement> {
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
export const SidebarMenu = forwardRef<HTMLUListElement, Props>(
|
|
17
|
-
function SidebarMenu(props, ref) {
|
|
18
|
-
const {
|
|
17
|
+
function SidebarMenu({ bottom = false, ...props }, ref) {
|
|
18
|
+
const { style, className, children, ...rest } = props
|
|
19
19
|
const { parentSidebarItemIndex, isSubMenu, parentMenu } =
|
|
20
20
|
useSubMenuContext()
|
|
21
21
|
|
|
@@ -84,10 +84,6 @@ export const SidebarMenu = forwardRef<HTMLUListElement, Props>(
|
|
|
84
84
|
}
|
|
85
85
|
)
|
|
86
86
|
|
|
87
|
-
SidebarMenu.defaultProps = {
|
|
88
|
-
bottom: false,
|
|
89
|
-
}
|
|
90
|
-
|
|
91
87
|
SidebarMenu.displayName = 'SidebarMenu'
|
|
92
88
|
|
|
93
89
|
export default SidebarMenu
|
|
@@ -40,20 +40,24 @@ const textColorClasses =
|
|
|
40
40
|
'min-[1280px]:hover:text-gray-400 min-[1280px]:hover:text-white'
|
|
41
41
|
|
|
42
42
|
export const TopBarItem: OverridableComponent<Props> = memo(
|
|
43
|
-
forwardRef<HTMLElement, Props>(function TopBarItem(
|
|
43
|
+
forwardRef<HTMLElement, Props>(function TopBarItem(
|
|
44
|
+
{ onClick = noop, selected = false, ...props },
|
|
45
|
+
ref
|
|
46
|
+
) {
|
|
44
47
|
const { className, icon } = props
|
|
45
48
|
|
|
46
49
|
return (
|
|
47
50
|
<SidebarItem
|
|
48
51
|
{...props}
|
|
52
|
+
onClick={onClick}
|
|
53
|
+
selected={selected}
|
|
49
54
|
className={twMerge(
|
|
50
55
|
rootClasses,
|
|
51
56
|
separatorClasses,
|
|
52
57
|
bgClasses,
|
|
53
58
|
textColorClasses,
|
|
54
59
|
icon && 'min-[1280px]:[&_svg]:w-[1em]',
|
|
55
|
-
|
|
56
|
-
'min-[1280px]:bg-transparent min-[1280px]:text-white',
|
|
60
|
+
selected && 'min-[1280px]:bg-transparent min-[1280px]:text-white',
|
|
57
61
|
className
|
|
58
62
|
)}
|
|
59
63
|
ref={ref}
|
|
@@ -62,11 +66,6 @@ export const TopBarItem: OverridableComponent<Props> = memo(
|
|
|
62
66
|
})
|
|
63
67
|
)
|
|
64
68
|
|
|
65
|
-
TopBarItem.defaultProps = {
|
|
66
|
-
onClick: noop,
|
|
67
|
-
selected: false,
|
|
68
|
-
}
|
|
69
|
-
|
|
70
69
|
TopBarItem.displayName = 'TopBarItem'
|
|
71
70
|
|
|
72
71
|
export default TopBarItem
|