@toptal/picasso-provider 2.0.1 → 2.1.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/Picasso/NotificationsProvider/NotificationsProvider.d.ts +5 -2
- package/Picasso/NotificationsProvider/NotificationsProvider.js +2 -3
- package/Picasso/NotificationsProvider/NotificationsProvider.js.map +1 -1
- package/Picasso/NotificationsProvider/index.d.ts +1 -1
- package/Picasso/NotificationsProvider/index.js.map +1 -1
- package/Picasso/index.d.ts +1 -1
- package/Picasso/index.js +1 -1
- package/Picasso/index.js.map +1 -1
- package/index.d.ts +1 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
interface
|
|
2
|
+
export interface NotificationsProviderProps {
|
|
3
3
|
/** Notification DOMNode for createPortal */
|
|
4
4
|
children: React.ReactNode;
|
|
5
|
+
/** Valid HTML Node element, used to target `ReactDOM.createPortal`.*/
|
|
5
6
|
container?: HTMLElement;
|
|
7
|
+
/** Maximum notifications that can be stacked on top of one another. */
|
|
8
|
+
maxNotifications?: 1 | 2 | 3 | 4 | 5;
|
|
6
9
|
}
|
|
7
|
-
declare const NotificationsProvider: ({ children, container }:
|
|
10
|
+
declare const NotificationsProvider: ({ children, container, maxNotifications, }: NotificationsProviderProps) => JSX.Element;
|
|
8
11
|
export default NotificationsProvider;
|
|
@@ -6,14 +6,13 @@ import styles from './styles';
|
|
|
6
6
|
const useStyles = makeStyles(styles, {
|
|
7
7
|
name: 'PicassoNotificationsProvider',
|
|
8
8
|
});
|
|
9
|
-
const
|
|
10
|
-
const NotificationsProvider = ({ children, container }) => {
|
|
9
|
+
const NotificationsProvider = ({ children, container, maxNotifications = 5, }) => {
|
|
11
10
|
const { hasTopBar } = usePageTopBar();
|
|
12
11
|
const classes = useStyles();
|
|
13
12
|
const containerAnchorOriginTop = hasTopBar
|
|
14
13
|
? classes.rootWithMargin
|
|
15
14
|
: undefined;
|
|
16
|
-
return (React.createElement(SnackbarProvider, { maxSnack:
|
|
15
|
+
return (React.createElement(SnackbarProvider, { maxSnack: maxNotifications, domRoot: container, classes: {
|
|
17
16
|
containerRoot: classes.root,
|
|
18
17
|
containerAnchorOriginTopRight: containerAnchorOriginTop,
|
|
19
18
|
containerAnchorOriginTopLeft: containerAnchorOriginTop,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsProvider.js","sourceRoot":"","sources":["../../../src/Picasso/NotificationsProvider/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,8BAA8B;CACrC,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"NotificationsProvider.js","sourceRoot":"","sources":["../../../src/Picasso/NotificationsProvider/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,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,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,wBAAwB,GAAG,SAAS;QACxC,CAAC,CAAC,OAAO,CAAC,cAAc;QACxB,CAAC,CAAC,SAAS,CAAA;IAEb,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
|
-
export { default } from './NotificationsProvider';
|
|
1
|
+
export { default, NotificationsProviderProps } from './NotificationsProvider';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Picasso/NotificationsProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Picasso/NotificationsProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAA8B,MAAM,yBAAyB,CAAA"}
|
package/Picasso/index.d.ts
CHANGED
|
@@ -2,4 +2,4 @@ export { default } from './Picasso';
|
|
|
2
2
|
export { default as PicassoLight } from './PicassoLight';
|
|
3
3
|
export { default as FontsLoader } from './FontsLoader';
|
|
4
4
|
export { default as FixViewport } from './FixViewport';
|
|
5
|
-
export { default as NotificationsProvider } from './NotificationsProvider';
|
|
5
|
+
export { default as NotificationsProvider, NotificationsProviderProps, } from './NotificationsProvider';
|
package/Picasso/index.js
CHANGED
|
@@ -2,5 +2,5 @@ export { default } from './Picasso';
|
|
|
2
2
|
export { default as PicassoLight } from './PicassoLight';
|
|
3
3
|
export { default as FontsLoader } from './FontsLoader';
|
|
4
4
|
export { default as FixViewport } from './FixViewport';
|
|
5
|
-
export { default as NotificationsProvider } from './NotificationsProvider';
|
|
5
|
+
export { default as NotificationsProvider, } from './NotificationsProvider';
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/Picasso/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Picasso/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Picasso/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EACL,OAAO,IAAI,qBAAqB,GAEjC,MAAM,yBAAyB,CAAA"}
|
package/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default, FixViewport, FontsLoader, NotificationsProvider, PicassoLight, } from './Picasso';
|
|
1
|
+
export { default, FixViewport, FontsLoader, NotificationsProvider, NotificationsProviderProps, PicassoLight, } from './Picasso';
|
|
2
2
|
export { useScreenSize, isScreenSize, useBreakpoint, breakpointsList, useScreens, colors, palette, layout, breakpoints, screens, transitions, typography, sizes, shadows, PicassoBreakpoints, } from './Picasso/config';
|
|
3
3
|
export { default as PicassoProvider } from './Picasso/PicassoProvider';
|
|
4
4
|
export { usePicassoRoot, usePageTopBar, useAppConfig, useDrawer, useSidebar, RootContext, } from './Picasso/RootContext';
|
package/index.js.map
CHANGED
|
@@ -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,
|
|
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,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,kBAAkB,GACnB,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,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,oBAAoB,EACpB,oCAAoC,EACpC,wBAAwB,GACzB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|