@toptal/picasso-provider 1.3.2-alpha-disable-transition-components.85 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Favicon/Favicon.js +1 -1
- package/Favicon/Favicon.js.map +1 -1
- package/Picasso/FixViewport.js +1 -1
- package/Picasso/FixViewport.js.map +1 -1
- package/Picasso/HelmetProvider/HelmetProvider.d.ts +9 -0
- package/Picasso/HelmetProvider/HelmetProvider.js +7 -0
- package/Picasso/HelmetProvider/HelmetProvider.js.map +1 -0
- package/Picasso/HelmetProvider/index.d.ts +1 -0
- package/Picasso/HelmetProvider/index.js +2 -0
- package/Picasso/HelmetProvider/index.js.map +1 -0
- package/Picasso/Picasso.d.ts +3 -1
- package/Picasso/Picasso.js +8 -6
- package/Picasso/Picasso.js.map +1 -1
- package/package.json +5 -6
package/Favicon/Favicon.js
CHANGED
|
@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import React, { useEffect } from 'react';
|
|
11
11
|
// we could use Page.Head instead, but it required PicassoProvider to be initialized
|
|
12
12
|
// so it led to cross dependencies and error
|
|
13
|
-
import { Helmet } from 'react-helmet';
|
|
13
|
+
import { Helmet } from 'react-helmet-async';
|
|
14
14
|
import useSafeState from '@toptal/picasso/utils/use-safe-state';
|
|
15
15
|
import unsafeErrorLog from '@toptal/picasso/utils/unsafe-error-log';
|
|
16
16
|
import { getIcons } from './icons';
|
package/Favicon/Favicon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Favicon.js","sourceRoot":"","sources":["../../src/Favicon/Favicon.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,oFAAoF;AACpF,4CAA4C;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Favicon.js","sourceRoot":"","sources":["../../src/Favicon/Favicon.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,oFAAoF;AACpF,4CAA4C;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAOrD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,WAAW,EAAS,EAAE,EAAE;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAInC,EAAE,CAAC,CAAA;IAEN,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAA;IAEzD,MAAM,mBAAmB,GAAG,WAAW,IAAI,iBAAiB,CAAA;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,KAAK,MAAM,EAAE;YAClC,OAAM;SACP;QAED,MAAM,SAAS,GAAG,GAAS,EAAE;YAC3B,IAAI;gBACF,MAAM,WAAW,GAAG,MAAM,QAAQ,CAChC,mBAAsC,CACvC,CAAA;gBAED,QAAQ,CAAC,WAAW,CAAC,CAAA;aACtB;YAAC,WAAM;gBACN,cAAc,CACZ,mDAAmD;oBACjD,mBAAmB,CACtB,CAAA;aACF;QACH,CAAC,CAAA,CAAA;QAED,SAAS,EAAE,CAAA;IACb,CAAC,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnC,IAAI,mBAAmB,KAAK,MAAM,EAAE;QAClC,8CAA8C;QAC9C,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzC,2EAA2E;IAC3E,wDAAwD;IACxD,0CAA0C;IAC1C,OAAO,CACL,oBAAC,MAAM;QACL,8BAAM,GAAG,EAAC,kBAAkB,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,OAAO,GAAI;QAC9D,8BAAM,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;QAChE,8BAAM,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI,CACzD,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,YAAY,GAAG,EAAE,CAAA;AAEzB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,eAAe,OAAO,CAAA"}
|
package/Picasso/FixViewport.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import unsafeErrorLog from '@toptal/picasso/utils/unsafe-error-log';
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
|
-
import { Helmet } from 'react-helmet';
|
|
3
|
+
import { Helmet } from 'react-helmet-async';
|
|
4
4
|
import { isBrowser } from '../utils';
|
|
5
5
|
const FixViewport = () => {
|
|
6
6
|
const [warned, setWarned] = useState(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FixViewport.js","sourceRoot":"","sources":["../../src/Picasso/FixViewport.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FixViewport.js","sourceRoot":"","sources":["../../src/Picasso/FixViewport.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,IAAI,CAAC,SAAS,EAAE,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,OAAO,GAAG,sCAAsC,CAAA;IACtD,mEAAmE;IACnE,MAAM,sBAAsB,GAAG,QAAQ,CAAC,gBAAgB,CACtD,kDAAkD,CACnD,CAAA;IAED,IAAI,sBAAsB,CAAC,MAAM,GAAG,CAAC,EAAE;QACrC,IAAI,CAAC,MAAM,EAAE;YACX,cAAc,CACZ;2FACmF,sBAAsB,CAAC,MAAM;2CAC7E,OAAO;;;oEAGkB,CAC7D,CAAA;YACD,SAAS,CAAC,IAAI,CAAC,CAAA;SAChB;QAED,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,oBAAC,MAAM;QACL,8BAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,kBAAe,MAAM,GAAG,CACvD,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface Props {
|
|
3
|
+
/** Children elements */
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
/** Disables usage of `<HelmetProvider>` component from `react-helmet-async` package */
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const HelmetProvider: ({ children, disabled }: Props) => JSX.Element;
|
|
9
|
+
export default HelmetProvider;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { HelmetProvider as BaseHelmetProvider } from 'react-helmet-async';
|
|
3
|
+
const HelmetProvider = ({ children, disabled }) => {
|
|
4
|
+
return disabled ? (React.createElement(React.Fragment, null, children)) : (React.createElement(BaseHelmetProvider, null, children));
|
|
5
|
+
};
|
|
6
|
+
export default HelmetProvider;
|
|
7
|
+
//# sourceMappingURL=HelmetProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelmetProvider.js","sourceRoot":"","sources":["../../../src/Picasso/HelmetProvider/HelmetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AASzE,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAS,EAAE,EAAE;IACvD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,0CAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,QAAE,QAAQ,CAAsB,CACpD,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './HelmetProvider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Picasso/HelmetProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}
|
package/Picasso/Picasso.d.ts
CHANGED
|
@@ -21,6 +21,8 @@ export interface PicassoProps extends TextLabelProps {
|
|
|
21
21
|
/** Component that is used to render root node */
|
|
22
22
|
RootComponent?: PicassoGlobalStylesProviderProps['RootComponent'];
|
|
23
23
|
theme?: ThemeOptions;
|
|
24
|
+
/** Disables usage of `<HelmetProvider>` component from `react-helmet-async` package */
|
|
25
|
+
disableHelmet?: boolean;
|
|
24
26
|
/** Disables transitions for components like Loader, to make testing easier */
|
|
25
27
|
disableTransitions?: boolean;
|
|
26
28
|
/** Disables unique prefix for styles class names */
|
|
@@ -33,7 +35,7 @@ export interface PicassoProps extends TextLabelProps {
|
|
|
33
35
|
injectFirst?: boolean;
|
|
34
36
|
}
|
|
35
37
|
declare const Picasso: {
|
|
36
|
-
({ loadFonts, loadFavicon, reset, responsive, environment, children, fixViewport, notificationContainer, RootComponent, titleCase, theme, disableTransitions, disableClassNamePrefix, injectFirst, }: PicassoProps): JSX.Element;
|
|
38
|
+
({ loadFonts, loadFavicon, reset, responsive, environment, children, fixViewport, notificationContainer, RootComponent, titleCase, theme, disableHelmet, disableTransitions, disableClassNamePrefix, injectFirst, }: PicassoProps): JSX.Element;
|
|
37
39
|
defaultProps: {
|
|
38
40
|
environment: string;
|
|
39
41
|
loadFonts: boolean;
|
package/Picasso/Picasso.js
CHANGED
|
@@ -2,6 +2,7 @@ import { MuiThemeProvider, StylesProvider, createGenerateClassName, } from '@mat
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import CssBaseline from '../CssBaseline';
|
|
4
4
|
import FontsLoader from './FontsLoader';
|
|
5
|
+
import HelmetProvider from './HelmetProvider';
|
|
5
6
|
import NotificationsProvider from './NotificationsProvider';
|
|
6
7
|
import Favicon from '../Favicon';
|
|
7
8
|
import { generateRandomStringOrGetEmptyInTest } from './utils';
|
|
@@ -10,7 +11,7 @@ import PicassoProvider from './PicassoProvider';
|
|
|
10
11
|
import FixViewport from './FixViewport';
|
|
11
12
|
import PicassoGlobalStylesProvider from './PicassoGlobalStylesProvider';
|
|
12
13
|
import PicassoRootNode from './PicassoRootNode';
|
|
13
|
-
const Picasso = ({ loadFonts, loadFavicon, reset, responsive, environment = 'development', children, fixViewport, notificationContainer, RootComponent = PicassoRootNode, titleCase, theme, disableTransitions, disableClassNamePrefix, injectFirst, }) => {
|
|
14
|
+
const Picasso = ({ loadFonts, loadFavicon, reset, responsive, environment = 'development', children, fixViewport, notificationContainer, RootComponent = PicassoRootNode, titleCase, theme, disableHelmet, disableTransitions, disableClassNamePrefix, injectFirst, }) => {
|
|
14
15
|
if (theme) {
|
|
15
16
|
PicassoProvider.extendTheme(theme);
|
|
16
17
|
}
|
|
@@ -26,11 +27,12 @@ const Picasso = ({ loadFonts, loadFavicon, reset, responsive, environment = 'dev
|
|
|
26
27
|
return (React.createElement(StylesProvider, { generateClassName: generateClassName, injectFirst: injectFirst },
|
|
27
28
|
React.createElement(MuiThemeProvider, { theme: PicassoProvider.theme },
|
|
28
29
|
React.createElement(PicassoGlobalStylesProvider, { RootComponent: RootComponent, environment: environment, titleCase: titleCase, disableTransitions: disableTransitions },
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
React.createElement(HelmetProvider, { disabled: disableHelmet },
|
|
31
|
+
fixViewport && React.createElement(FixViewport, null),
|
|
32
|
+
loadFonts && React.createElement(FontsLoader, null),
|
|
33
|
+
reset && React.createElement(CssBaseline, null),
|
|
34
|
+
loadFavicon && React.createElement(Favicon, { environment: environment }),
|
|
35
|
+
React.createElement(NotificationsProvider, { container: notificationContainer }, children))))));
|
|
34
36
|
};
|
|
35
37
|
Picasso.defaultProps = {
|
|
36
38
|
environment: 'development',
|
package/Picasso/Picasso.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picasso.js","sourceRoot":"","sources":["../../src/Picasso/Picasso.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAEhB,cAAc,EACd,uBAAuB,GACxB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,EAAE,oCAAoC,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,2BAEN,MAAM,+BAA+B,CAAA;AACtC,OAAO,eAAe,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Picasso.js","sourceRoot":"","sources":["../../src/Picasso/Picasso.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAEhB,cAAc,EACd,uBAAuB,GACxB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,EAAE,oCAAoC,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,2BAEN,MAAM,+BAA+B,CAAA;AACtC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAmC/C,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAAW,GAAG,aAAa,EAC3B,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,aAAa,GAAG,eAAe,EAC/B,SAAS,EACT,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,GACE,EAAE,EAAE;IACjB,IAAI,KAAK,EAAE;QACT,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;KACnC;IAED,IAAI,CAAC,UAAU,EAAE;QACf,eAAe,CAAC,sBAAsB,EAAE,CAAA;QACxC,kBAAkB,CAAC,wBAAwB,EAAE,CAAA;KAC9C;IAED,MAAM,iBAAiB,GAAG,uBAAuB,CAAC;QAChD,8CAA8C;QAC9C,sDAAsD;QACtD,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oCAAoC,EAAE;KAC3E,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW;QAExB,oBAAC,gBAAgB,IAAC,KAAK,EAAE,eAAe,CAAC,KAAK;YAC5C,oBAAC,2BAA2B,IAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB;gBAEtC,oBAAC,cAAc,IAAC,QAAQ,EAAE,aAAa;oBACpC,WAAW,IAAI,oBAAC,WAAW,OAAG;oBAC9B,SAAS,IAAI,oBAAC,WAAW,OAAG;oBAC5B,KAAK,IAAI,oBAAC,WAAW,OAAG;oBACxB,WAAW,IAAI,oBAAC,OAAO,IAAC,WAAW,EAAE,WAAW,GAAI;oBACrD,oBAAC,qBAAqB,IAAC,SAAS,EAAE,qBAAqB,IACpD,QAAQ,CACa,CACT,CACW,CACb,CACJ,CAClB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,YAAY,GAAG;IACrB,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,eAAe;CAC/B,CAAA;AAED,eAAe,OAAO,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-provider",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "Picasso provider",
|
|
5
5
|
"author": "Toptal",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,19 +22,18 @@
|
|
|
22
22
|
"url": "https://github.com/toptal/picasso/issues"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"
|
|
26
|
-
"
|
|
25
|
+
"typescript": "~4.7.0",
|
|
26
|
+
"react": ">=16.12.0 < 19.0.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@material-ui/core": "4.12.4",
|
|
30
30
|
"@material-ui/utils": "4.11.3",
|
|
31
31
|
"classnames": "^2.3.1",
|
|
32
32
|
"notistack": "1.0.10",
|
|
33
|
-
"react-helmet": "
|
|
33
|
+
"react-helmet-async": "1.3.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@types/classnames": "^2.3.1",
|
|
37
37
|
"shelljs": "^0.8.5"
|
|
38
|
-
}
|
|
39
|
-
"gitHead": "603cb5cabda859471dec7a3d146ee9370c8b1fac"
|
|
38
|
+
}
|
|
40
39
|
}
|