@toptal/picasso-provider 5.0.1-alpha-PF-fix-picasso-context-2f13ecd06.220 → 5.0.1-alpha-bill-fix-table-paddings-4fea71009.224
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/Picasso/NotificationsProvider/NotificationsProvider.js +4 -5
- package/dist-package/src/Picasso/NotificationsProvider/NotificationsProvider.js.map +1 -1
- package/dist-package/src/Picasso/PicassoGlobalStylesProvider.d.ts.map +1 -1
- package/dist-package/src/Picasso/PicassoGlobalStylesProvider.js +12 -0
- package/dist-package/src/Picasso/PicassoGlobalStylesProvider.js.map +1 -1
- package/dist-package/src/Picasso/RootContext.d.ts +18 -0
- package/dist-package/src/Picasso/RootContext.d.ts.map +1 -1
- package/dist-package/src/Picasso/RootContext.js +27 -0
- package/dist-package/src/Picasso/RootContext.js.map +1 -1
- package/dist-package/src/index.d.ts +1 -1
- package/dist-package/src/index.d.ts.map +1 -1
- package/dist-package/src/index.js +1 -1
- package/dist-package/src/index.js.map +1 -1
- package/package.json +2 -2
- package/src/Picasso/NotificationsProvider/NotificationsProvider.tsx +5 -5
- package/src/Picasso/PicassoGlobalStylesProvider.tsx +21 -0
- package/src/Picasso/RootContext.ts +39 -0
- package/src/index.ts +3 -0
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { makeStyles } from '@material-ui/core/styles';
|
|
2
2
|
import { SnackbarProvider } from 'notistack';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
|
|
4
|
+
import { useDrawer, usePageTopBar } from '../RootContext';
|
|
5
5
|
import styles from './styles';
|
|
6
6
|
const useStyles = makeStyles(styles, {
|
|
7
7
|
name: 'PicassoNotificationsProvider',
|
|
8
8
|
});
|
|
9
9
|
const NotificationsProvider = ({ children, container, maxNotifications = 5, }) => {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
const { hasTopBar } = usePageTopBar();
|
|
11
|
+
const { hasDrawer } = useDrawer();
|
|
12
12
|
const classes = useStyles();
|
|
13
|
-
const containerAnchorOriginTop = undefined;
|
|
14
|
-
//hasTopBar && !hasDrawer ? classes.rootWithMargin : undefined
|
|
13
|
+
const containerAnchorOriginTop = hasTopBar && !hasDrawer ? classes.rootWithMargin : undefined;
|
|
15
14
|
return (React.createElement(SnackbarProvider, { maxSnack: maxNotifications, domRoot: container, classes: {
|
|
16
15
|
containerRoot: classes.root,
|
|
17
16
|
containerAnchorOriginTopRight: containerAnchorOriginTop,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsProvider.js","sourceRoot":"","sources":["../../../../src/Picasso/NotificationsProvider/NotificationsProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,
|
|
1
|
+
{"version":3,"file":"NotificationsProvider.js","sourceRoot":"","sources":["../../../../src/Picasso/NotificationsProvider/NotificationsProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,8BAA8B;CACrC,CAAC,CAAA;AAWF,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,CAAC,GACO,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAA;IACjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,wBAAwB,GAC5B,SAAS,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAA;IAE9D,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE;YACP,aAAa,EAAE,OAAO,CAAC,IAAI;YAC3B,6BAA6B,EAAE,wBAAwB;YACvD,4BAA4B,EAAE,wBAAwB;YACtD,8BAA8B,EAAE,wBAAwB;SACzD,IAEA,QAAQ,CACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PicassoGlobalStylesProvider.d.ts","sourceRoot":"","sources":["../../../src/Picasso/PicassoGlobalStylesProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAKhF,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAI7D,MAAM,WAAW,gCAAiC,SAAQ,cAAc;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,EAAE,yBAAyB,CACtC,oBAAoB,GAAG,aAAa,CAAC,cAAc,CAAC,CACrD,CAAA;IACD,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iCAAiC,CAAC,EAAE,OAAO,CAAA;CAC5C;AAUD,QAAA,MAAM,2BAA2B,UACxB,gCAAgC,
|
|
1
|
+
{"version":3,"file":"PicassoGlobalStylesProvider.d.ts","sourceRoot":"","sources":["../../../src/Picasso/PicassoGlobalStylesProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAKhF,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAI7D,MAAM,WAAW,gCAAiC,SAAQ,cAAc;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,EAAE,yBAAyB,CACtC,oBAAoB,GAAG,aAAa,CAAC,cAAc,CAAC,CACrD,CAAA;IACD,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iCAAiC,CAAC,EAAE,OAAO,CAAA;CAC5C;AAUD,QAAA,MAAM,2BAA2B,UACxB,gCAAgC,gBA8DxC,CAAA;AAED,eAAe,2BAA2B,CAAA"}
|
|
@@ -16,8 +16,20 @@ const PicassoGlobalStylesProvider = (props) => {
|
|
|
16
16
|
const [contextValue, setContextValue] = useState({
|
|
17
17
|
rootRef,
|
|
18
18
|
currentBreakpointRange,
|
|
19
|
+
hasTopBar: false,
|
|
20
|
+
setHasTopBar: (hasTopBar) => {
|
|
21
|
+
setContextValue(context => (Object.assign(Object.assign({}, context), { hasTopBar })));
|
|
22
|
+
},
|
|
19
23
|
environment,
|
|
20
24
|
titleCase,
|
|
25
|
+
hasDrawer: false,
|
|
26
|
+
setHasDrawer: (hasDrawer) => {
|
|
27
|
+
setContextValue(context => (Object.assign(Object.assign({}, context), { hasDrawer })));
|
|
28
|
+
},
|
|
29
|
+
hasSidebar: false,
|
|
30
|
+
setHasSidebar: (hasSidebar) => {
|
|
31
|
+
setContextValue(context => (Object.assign(Object.assign({}, context), { hasSidebar })));
|
|
32
|
+
},
|
|
21
33
|
disableTransitions,
|
|
22
34
|
preventPageWidthChangeOnScrollbar,
|
|
23
35
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PicassoGlobalStylesProvider.js","sourceRoot":"","sources":["../../../src/Picasso/PicassoGlobalStylesProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAYjD,MAAM,oBAAoB,GAA2C;IACnE,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,2BAA2B,GAAG,CAClC,KAAuC,EACvC,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,iCAAiC,GAClC,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,MAAM,OAAO,GAAG,UAAU,EAAkB,CAAA;IAC5C,MAAM,sBAAsB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAA;IAE5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAmB;QACjE,OAAO;QACP,sBAAsB;QACtB,WAAW;QACX,SAAS;QACT,kBAAkB;QAClB,iCAAiC;KAClC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,sBAAsB,KAAK,sBAAsB,EAAE;YAClE,eAAe,iCACV,YAAY,KACf,sBAAsB,IACtB,CAAA;SACH;IACH,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,OAAO;QACzB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IACtC,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,2BAA2B,CAAA"}
|
|
1
|
+
{"version":3,"file":"PicassoGlobalStylesProvider.js","sourceRoot":"","sources":["../../../src/Picasso/PicassoGlobalStylesProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAYjD,MAAM,oBAAoB,GAA2C;IACnE,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,2BAA2B,GAAG,CAClC,KAAuC,EACvC,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,iCAAiC,GAClC,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,MAAM,OAAO,GAAG,UAAU,EAAkB,CAAA;IAC5C,MAAM,sBAAsB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAA;IAE5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAmB;QACjE,OAAO;QACP,sBAAsB;QACtB,SAAS,EAAE,KAAK;QAChB,YAAY,EAAE,CAAC,SAAkB,EAAE,EAAE;YACnC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,iCACtB,OAAO,KACV,SAAS,IACT,CAAC,CAAA;QACL,CAAC;QACD,WAAW;QACX,SAAS;QACT,SAAS,EAAE,KAAK;QAChB,YAAY,EAAE,CAAC,SAAkB,EAAE,EAAE;YACnC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,iCACtB,OAAO,KACV,SAAS,IACT,CAAC,CAAA;QACL,CAAC;QACD,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,CAAC,UAAmB,EAAE,EAAE;YACrC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,iCACtB,OAAO,KACV,UAAU,IACV,CAAC,CAAA;QACL,CAAC;QACD,kBAAkB;QAClB,iCAAiC;KAClC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,sBAAsB,KAAK,sBAAsB,EAAE;YAClE,eAAe,iCACV,YAAY,KACf,sBAAsB,IACtB,CAAA;SACH;IACH,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,OAAO;QACzB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IACtC,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,2BAA2B,CAAA"}
|
|
@@ -4,13 +4,31 @@ import type { TextLabelProps, EnvironmentType } from '../types';
|
|
|
4
4
|
import type { BreakpointKeys } from './config';
|
|
5
5
|
export interface RootContextProps extends TextLabelProps {
|
|
6
6
|
rootRef?: RefObject<HTMLDivElement>;
|
|
7
|
+
hasTopBar: boolean;
|
|
8
|
+
setHasTopBar: (value: boolean) => void;
|
|
9
|
+
hasSidebar: boolean;
|
|
10
|
+
setHasSidebar: (value: boolean) => void;
|
|
7
11
|
environment: EnvironmentType<'test' | 'temploy'>;
|
|
12
|
+
hasDrawer: boolean;
|
|
13
|
+
setHasDrawer: (value: boolean) => void;
|
|
8
14
|
disableTransitions?: boolean;
|
|
9
15
|
currentBreakpointRange?: BreakpointKeys;
|
|
10
16
|
preventPageWidthChangeOnScrollbar?: boolean;
|
|
11
17
|
}
|
|
12
18
|
export declare const RootContext: React.Context<RootContextProps>;
|
|
13
19
|
export declare const usePicassoRoot: () => HTMLDivElement | null;
|
|
20
|
+
export declare const usePageTopBar: () => {
|
|
21
|
+
hasTopBar: boolean;
|
|
22
|
+
setHasTopBar: (value: boolean) => void;
|
|
23
|
+
};
|
|
24
|
+
export declare const useDrawer: () => {
|
|
25
|
+
hasDrawer: boolean;
|
|
26
|
+
setHasDrawer: (value: boolean) => void;
|
|
27
|
+
};
|
|
28
|
+
export declare const useSidebar: () => {
|
|
29
|
+
hasSidebar: boolean;
|
|
30
|
+
setHasSidebar: (value: boolean) => void;
|
|
31
|
+
};
|
|
14
32
|
export declare const useAppConfig: () => {
|
|
15
33
|
environment: EnvironmentType<"temploy" | "test">;
|
|
16
34
|
titleCase: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RootContext.d.ts","sourceRoot":"","sources":["../../../src/Picasso/RootContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACnC,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,sBAAsB,CAAC,EAAE,cAAc,CAAA;IACvC,iCAAiC,CAAC,EAAE,OAAO,CAAA;CAC5C;AAED,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"RootContext.d.ts","sourceRoot":"","sources":["../../../src/Picasso/RootContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACnC,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAChD,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,sBAAsB,CAAC,EAAE,cAAc,CAAA;IACvC,iCAAiC,CAAC,EAAE,OAAO,CAAA;CAC5C;AAED,eAAO,MAAM,WAAW,iCAWtB,CAAA;AAEF,eAAO,MAAM,cAAc,6BAI1B,CAAA;AAED,eAAO,MAAM,aAAa;;0BA9BF,OAAO,KAAK,IAAI;CAqCvC,CAAA;AAED,eAAO,MAAM,SAAS;;0BAlCE,OAAO,KAAK,IAAI;CAyCvC,CAAA;AAED,eAAO,MAAM,UAAU;;2BA9CE,OAAO,KAAK,IAAI;CAqDxC,CAAA;AAED,eAAO,MAAM,YAAY;;;;CAQxB,CAAA;AAED,eAAO,MAAM,yBAAyB;;CAMrC,CAAA;AAED,eAAO,MAAM,oCAAoC;;CAOhD,CAAA"}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
2
|
export const RootContext = React.createContext({
|
|
3
|
+
hasTopBar: false,
|
|
4
|
+
setHasTopBar: () => { },
|
|
5
|
+
hasSidebar: false,
|
|
6
|
+
setHasSidebar: () => { },
|
|
3
7
|
environment: 'development',
|
|
4
8
|
titleCase: false,
|
|
9
|
+
hasDrawer: false,
|
|
10
|
+
setHasDrawer: () => { },
|
|
5
11
|
disableTransitions: false,
|
|
6
12
|
currentBreakpointRange: undefined,
|
|
7
13
|
});
|
|
@@ -9,6 +15,27 @@ export const usePicassoRoot = () => {
|
|
|
9
15
|
const context = useContext(RootContext);
|
|
10
16
|
return context && context.rootRef ? context.rootRef.current : null;
|
|
11
17
|
};
|
|
18
|
+
export const usePageTopBar = () => {
|
|
19
|
+
const context = useContext(RootContext);
|
|
20
|
+
return {
|
|
21
|
+
hasTopBar: context.hasTopBar,
|
|
22
|
+
setHasTopBar: context.setHasTopBar,
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export const useDrawer = () => {
|
|
26
|
+
const context = useContext(RootContext);
|
|
27
|
+
return {
|
|
28
|
+
hasDrawer: context.hasDrawer,
|
|
29
|
+
setHasDrawer: context.setHasDrawer,
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export const useSidebar = () => {
|
|
33
|
+
const context = useContext(RootContext);
|
|
34
|
+
return {
|
|
35
|
+
hasSidebar: context.hasSidebar,
|
|
36
|
+
setHasSidebar: context.setHasSidebar,
|
|
37
|
+
};
|
|
38
|
+
};
|
|
12
39
|
export const useAppConfig = () => {
|
|
13
40
|
const context = useContext(RootContext);
|
|
14
41
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RootContext.js","sourceRoot":"","sources":["../../../src/Picasso/RootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RootContext.js","sourceRoot":"","sources":["../../../src/Picasso/RootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAmBzC,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC/D,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,kBAAkB,EAAE,KAAK;IACzB,sBAAsB,EAAE,SAAS;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;AACpE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO;QACL,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,YAAY,EAAE,OAAO,CAAC,YAAY;KACnC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO;QACL,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,YAAY,EAAE,OAAO,CAAC,YAAY;KACnC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO;QACL,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,aAAa,EAAE,OAAO,CAAC,aAAa;KACrC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO;QACL,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;KAC/C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO;QACL,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;KACvD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,EAAE;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO;QACL,iCAAiC,EAC/B,OAAO,CAAC,iCAAiC;KAC5C,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,7 +2,7 @@ export { default, FixViewport, FontsLoader, NotificationsProvider, Notifications
|
|
|
2
2
|
export { useScreenSize, isScreenSize, useBreakpoint, breakpointsList, useScreens, colors, gradients, palette, layout, breakpoints, screens, transitions, typography, sizes, shadows, PicassoBreakpoints, spacings, SpacingEnum, isResponsiveSpacing, fonts, } from './Picasso/config';
|
|
3
3
|
export type { Sizes, SizeType, SpacingType, ResponsiveSpacingType, DeprecatedSpacingType, PicassoSpacing, BreakpointKeys, } from './Picasso/config';
|
|
4
4
|
export { default as PicassoProvider } from './Picasso/PicassoProvider';
|
|
5
|
-
export { usePicassoRoot, useAppConfig, useCurrentBreakpointRange, usePreventPageWidthChangeOnScrollbar, RootContext, } from './Picasso/RootContext';
|
|
5
|
+
export { usePicassoRoot, usePageTopBar, useAppConfig, useDrawer, useSidebar, useCurrentBreakpointRange, usePreventPageWidthChangeOnScrollbar, RootContext, } from './Picasso/RootContext';
|
|
6
6
|
export * from './Picasso/utils';
|
|
7
7
|
export * from './utils';
|
|
8
8
|
export * from './Picasso/config';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,qBAAqB,EACrB,0BAA0B,EAC1B,YAAY,GACb,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,KAAK,GACN,MAAM,kBAAkB,CAAA;AAEzB,YAAY,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,cAAc,GACf,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEtE,OAAO,EACL,cAAc,EACd,YAAY,EACZ,yBAAyB,EACzB,oCAAoC,EACpC,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAE9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,qBAAqB,EACrB,0BAA0B,EAC1B,YAAY,GACb,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,KAAK,GACN,MAAM,kBAAkB,CAAA;AAEzB,YAAY,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,cAAc,GACf,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEtE,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACZ,SAAS,EACT,UAAU,EACV,yBAAyB,EACzB,oCAAoC,EACpC,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAE9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { default, FixViewport, FontsLoader, NotificationsProvider, PicassoLight, } from './Picasso';
|
|
2
2
|
export { useScreenSize, isScreenSize, useBreakpoint, breakpointsList, useScreens, colors, gradients, palette, layout, breakpoints, screens, transitions, typography, sizes, shadows, PicassoBreakpoints, spacings, SpacingEnum, isResponsiveSpacing, fonts, } from './Picasso/config';
|
|
3
3
|
export { default as PicassoProvider } from './Picasso/PicassoProvider';
|
|
4
|
-
export { usePicassoRoot, useAppConfig, useCurrentBreakpointRange, usePreventPageWidthChangeOnScrollbar, RootContext, } from './Picasso/RootContext';
|
|
4
|
+
export { usePicassoRoot, usePageTopBar, useAppConfig, useDrawer, useSidebar, useCurrentBreakpointRange, usePreventPageWidthChangeOnScrollbar, RootContext, } from './Picasso/RootContext';
|
|
5
5
|
export * from './Picasso/utils';
|
|
6
6
|
export * from './utils';
|
|
7
7
|
export * from './Picasso/config';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,qBAAqB,EAErB,YAAY,GACb,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,KAAK,GACN,MAAM,kBAAkB,CAAA;AAYzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEtE,OAAO,EACL,cAAc,EACd,YAAY,EACZ,yBAAyB,EACzB,oCAAoC,EACpC,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAE9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,qBAAqB,EAErB,YAAY,GACb,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,KAAK,GACN,MAAM,kBAAkB,CAAA;AAYzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEtE,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACZ,SAAS,EACT,UAAU,EACV,yBAAyB,EACzB,oCAAoC,EACpC,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAE9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-provider",
|
|
3
|
-
"version": "5.0.1-alpha-
|
|
3
|
+
"version": "5.0.1-alpha-bill-fix-table-paddings-4fea71009.224+4fea71009",
|
|
4
4
|
"description": "Picasso provider",
|
|
5
5
|
"author": "Toptal",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"!dist-package/tsconfig.tsbuildinfo",
|
|
51
51
|
"src"
|
|
52
52
|
],
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "4fea710094136ae54c98ff6958487eb989c5b163"
|
|
54
54
|
}
|
|
@@ -3,7 +3,7 @@ import { makeStyles } from '@material-ui/core/styles'
|
|
|
3
3
|
import { SnackbarProvider } from 'notistack'
|
|
4
4
|
import React from 'react'
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
import { useDrawer, usePageTopBar } from '../RootContext'
|
|
7
7
|
import styles from './styles'
|
|
8
8
|
|
|
9
9
|
const useStyles = makeStyles<Theme>(styles, {
|
|
@@ -24,12 +24,12 @@ const NotificationsProvider = ({
|
|
|
24
24
|
container,
|
|
25
25
|
maxNotifications = 5,
|
|
26
26
|
}: NotificationsProviderProps) => {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
const { hasTopBar } = usePageTopBar()
|
|
28
|
+
const { hasDrawer } = useDrawer()
|
|
29
29
|
const classes = useStyles()
|
|
30
30
|
|
|
31
|
-
const containerAnchorOriginTop =
|
|
32
|
-
|
|
31
|
+
const containerAnchorOriginTop =
|
|
32
|
+
hasTopBar && !hasDrawer ? classes.rootWithMargin : undefined
|
|
33
33
|
|
|
34
34
|
return (
|
|
35
35
|
<SnackbarProvider
|
|
@@ -46,8 +46,29 @@ const PicassoGlobalStylesProvider = (
|
|
|
46
46
|
const [contextValue, setContextValue] = useState<RootContextProps>({
|
|
47
47
|
rootRef,
|
|
48
48
|
currentBreakpointRange,
|
|
49
|
+
hasTopBar: false,
|
|
50
|
+
setHasTopBar: (hasTopBar: boolean) => {
|
|
51
|
+
setContextValue(context => ({
|
|
52
|
+
...context,
|
|
53
|
+
hasTopBar,
|
|
54
|
+
}))
|
|
55
|
+
},
|
|
49
56
|
environment,
|
|
50
57
|
titleCase,
|
|
58
|
+
hasDrawer: false,
|
|
59
|
+
setHasDrawer: (hasDrawer: boolean) => {
|
|
60
|
+
setContextValue(context => ({
|
|
61
|
+
...context,
|
|
62
|
+
hasDrawer,
|
|
63
|
+
}))
|
|
64
|
+
},
|
|
65
|
+
hasSidebar: false,
|
|
66
|
+
setHasSidebar: (hasSidebar: boolean) => {
|
|
67
|
+
setContextValue(context => ({
|
|
68
|
+
...context,
|
|
69
|
+
hasSidebar,
|
|
70
|
+
}))
|
|
71
|
+
},
|
|
51
72
|
disableTransitions,
|
|
52
73
|
preventPageWidthChangeOnScrollbar,
|
|
53
74
|
})
|
|
@@ -6,15 +6,27 @@ import type { BreakpointKeys } from './config'
|
|
|
6
6
|
|
|
7
7
|
export interface RootContextProps extends TextLabelProps {
|
|
8
8
|
rootRef?: RefObject<HTMLDivElement>
|
|
9
|
+
hasTopBar: boolean
|
|
10
|
+
setHasTopBar: (value: boolean) => void
|
|
11
|
+
hasSidebar: boolean
|
|
12
|
+
setHasSidebar: (value: boolean) => void
|
|
9
13
|
environment: EnvironmentType<'test' | 'temploy'>
|
|
14
|
+
hasDrawer: boolean
|
|
15
|
+
setHasDrawer: (value: boolean) => void
|
|
10
16
|
disableTransitions?: boolean
|
|
11
17
|
currentBreakpointRange?: BreakpointKeys
|
|
12
18
|
preventPageWidthChangeOnScrollbar?: boolean
|
|
13
19
|
}
|
|
14
20
|
|
|
15
21
|
export const RootContext = React.createContext<RootContextProps>({
|
|
22
|
+
hasTopBar: false,
|
|
23
|
+
setHasTopBar: () => {},
|
|
24
|
+
hasSidebar: false,
|
|
25
|
+
setHasSidebar: () => {},
|
|
16
26
|
environment: 'development',
|
|
17
27
|
titleCase: false,
|
|
28
|
+
hasDrawer: false,
|
|
29
|
+
setHasDrawer: () => {},
|
|
18
30
|
disableTransitions: false,
|
|
19
31
|
currentBreakpointRange: undefined,
|
|
20
32
|
})
|
|
@@ -25,6 +37,33 @@ export const usePicassoRoot = () => {
|
|
|
25
37
|
return context && context.rootRef ? context.rootRef.current : null
|
|
26
38
|
}
|
|
27
39
|
|
|
40
|
+
export const usePageTopBar = () => {
|
|
41
|
+
const context = useContext(RootContext)
|
|
42
|
+
|
|
43
|
+
return {
|
|
44
|
+
hasTopBar: context.hasTopBar,
|
|
45
|
+
setHasTopBar: context.setHasTopBar,
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export const useDrawer = () => {
|
|
50
|
+
const context = useContext(RootContext)
|
|
51
|
+
|
|
52
|
+
return {
|
|
53
|
+
hasDrawer: context.hasDrawer,
|
|
54
|
+
setHasDrawer: context.setHasDrawer,
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export const useSidebar = () => {
|
|
59
|
+
const context = useContext(RootContext)
|
|
60
|
+
|
|
61
|
+
return {
|
|
62
|
+
hasSidebar: context.hasSidebar,
|
|
63
|
+
setHasSidebar: context.setHasSidebar,
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
28
67
|
export const useAppConfig = () => {
|
|
29
68
|
const context = useContext(RootContext)
|
|
30
69
|
|
package/src/index.ts
CHANGED
|
@@ -44,7 +44,10 @@ export { default as PicassoProvider } from './Picasso/PicassoProvider'
|
|
|
44
44
|
|
|
45
45
|
export {
|
|
46
46
|
usePicassoRoot,
|
|
47
|
+
usePageTopBar,
|
|
47
48
|
useAppConfig,
|
|
49
|
+
useDrawer,
|
|
50
|
+
useSidebar,
|
|
48
51
|
useCurrentBreakpointRange,
|
|
49
52
|
usePreventPageWidthChangeOnScrollbar,
|
|
50
53
|
RootContext,
|