@toptal/picasso-lab 9.2.0 → 10.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/Dropzone/Dropzone.js +1 -1
- package/Dropzone/Dropzone.js.map +1 -1
- package/Section/Section.d.ts +1 -1
- package/Section/Section.js +6 -5
- package/Section/Section.js.map +1 -1
- package/Section/styles.d.ts +1 -1
- package/Section/styles.js +32 -8
- package/Section/styles.js.map +1 -1
- package/package.json +7 -8
package/Dropzone/Dropzone.js
CHANGED
|
@@ -40,7 +40,7 @@ export const Dropzone = forwardRef(function Dropzone(props, ref) {
|
|
|
40
40
|
value && value.length > 0 && (React.createElement(Container, { top: 'xsmall' },
|
|
41
41
|
React.createElement(FileList, { files: value, onItemRemove: onRemove })))));
|
|
42
42
|
});
|
|
43
|
-
Dropzone.displayName = '
|
|
43
|
+
Dropzone.displayName = 'Dropzone';
|
|
44
44
|
Dropzone.defaultProps = {
|
|
45
45
|
disabled: false,
|
|
46
46
|
maxSize: Infinity,
|
package/Dropzone/Dropzone.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACT,MAAM,iBAAiB,CAAA;AAGxB,OAAO,MAAM,MAAM,UAAU,CAAA;AAmC7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAA0B,SAAS,QAAQ,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,GAAG,EAAE,EAClB,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,OAAO,EACP,OAAO;IAEP,kBAAkB;IAClB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,EACd,cAAc,EACd,SAAS,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC;QAChE,MAAM;QACN,OAAO;QACP,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,cAAc;QACd,cAAc;QACd,SAAS;KACV,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS;QACrD,oBAAC,SAAS,kBACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ,iBACN,UAAU,IACnB,YAAY,CAAC;YACf,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;gBAC1B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,YAAY;gBAClC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;gBAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC5B,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;aAC3B,CAAC;SACH,CAAC;YAEF,+CAAW,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,EAAI;YAChE,oBAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,GAAG;YAC7B,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,mCAE5C;YACZ,IAAI,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,CACrC,oBAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAG,IAAI,CAAY,CACzD;YACA,aAAa,CAAC,MAAM,GAAG,CAAC;gBACvB,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,GAAG,EAAE,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,IAE/B,KAAK,CACI,CACb,CAAC,CACM;QACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,oBAAC,SAAS,IAAC,GAAG,EAAC,QAAQ;YACrB,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAI,CACxC,CACb,CACS,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}
|
package/Section/Section.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { BaseProps, SizeType } from '@toptal/picasso';
|
|
3
|
-
declare type VariantType = 'bordered' | 'default';
|
|
3
|
+
declare type VariantType = 'bordered' | 'default' | 'withHeaderBar';
|
|
4
4
|
export interface Props extends BaseProps {
|
|
5
5
|
/** Title of the Section */
|
|
6
6
|
title?: ReactNode;
|
package/Section/Section.js
CHANGED
|
@@ -20,7 +20,7 @@ const useStyles = makeStyles(styles, {
|
|
|
20
20
|
name: 'PicassoSection'
|
|
21
21
|
});
|
|
22
22
|
export const Section = forwardRef(function Section(props, ref) {
|
|
23
|
-
const { className, style, title, subtitle, actions, children, testIds, collapsible = false, defaultCollapsed = true, variant, titleSize = 'medium' } = props, rest = __rest(props, ["className", "style", "title", "subtitle", "actions", "children", "testIds", "collapsible", "defaultCollapsed", "variant", "titleSize"]);
|
|
23
|
+
const { className, style, title, subtitle, actions, children, testIds, collapsible = false, defaultCollapsed = true, variant = 'default', titleSize = 'medium' } = props, rest = __rest(props, ["className", "style", "title", "subtitle", "actions", "children", "testIds", "collapsible", "defaultCollapsed", "variant", "titleSize"]);
|
|
24
24
|
const classes = useStyles();
|
|
25
25
|
const [collapsed, setCollapsed] = useState(collapsible ? defaultCollapsed : false);
|
|
26
26
|
const toggleCollapse = () => setCollapsed(!collapsed);
|
|
@@ -34,11 +34,12 @@ export const Section = forwardRef(function Section(props, ref) {
|
|
|
34
34
|
renderCollapse())) : null;
|
|
35
35
|
const hasHeader = title || subtitle || hasActions;
|
|
36
36
|
return (React.createElement(Container, Object.assign({ ref: ref, className: cx({
|
|
37
|
-
[classes
|
|
38
|
-
[classes.collapsed]: variant
|
|
37
|
+
[classes[variant]]: true,
|
|
38
|
+
[classes.collapsed]: variant === 'default' && collapsed
|
|
39
39
|
}, classes.root, className), style: style }, rest),
|
|
40
|
-
hasHeader && (React.createElement(Container, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.header, className: cx(
|
|
41
|
-
[classes
|
|
40
|
+
hasHeader && (React.createElement(Container, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.header, className: cx({
|
|
41
|
+
[classes[`${variant}Header`]]: true,
|
|
42
|
+
[classes[`${variant}CollapsedHeader`]]: collapsed
|
|
42
43
|
}) },
|
|
43
44
|
renderTitle(),
|
|
44
45
|
renderSubtitle(),
|
package/Section/Section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/Section/Section.tsx"],"names":[],"mappings":"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"}
|
package/Section/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core';
|
|
2
|
-
declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "
|
|
2
|
+
declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "default" | "title" | "root" | "bordered" | "actions" | "subtitle" | "collapsed" | "withHeaderBar" | "defaultHeader" | "borderedHeader" | "withHeaderBarHeader" | "defaultCollapsedHeader" | "borderedCollapsedHeader" | "withHeaderBarCollapsedHeader">;
|
|
3
3
|
export default _default;
|
package/Section/styles.js
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core';
|
|
2
|
+
const defaultHeader = {
|
|
3
|
+
display: 'flex',
|
|
4
|
+
paddingBottom: '1.5rem'
|
|
5
|
+
};
|
|
6
|
+
const defaultCollapsedHeader = {
|
|
7
|
+
paddingBottom: '0'
|
|
8
|
+
};
|
|
2
9
|
export default ({ sizes, palette }) => createStyles({
|
|
3
10
|
root: {
|
|
4
11
|
paddingTop: '2rem'
|
|
5
12
|
},
|
|
6
|
-
header: {
|
|
7
|
-
display: 'flex',
|
|
8
|
-
paddingBottom: '1.5rem'
|
|
9
|
-
},
|
|
10
13
|
title: {
|
|
11
14
|
marginRight: '1rem'
|
|
12
15
|
},
|
|
@@ -18,6 +21,10 @@ export default ({ sizes, palette }) => createStyles({
|
|
|
18
21
|
display: 'flex',
|
|
19
22
|
marginLeft: 'auto'
|
|
20
23
|
},
|
|
24
|
+
collapsed: {
|
|
25
|
+
paddingBottom: '2rem'
|
|
26
|
+
},
|
|
27
|
+
default: {},
|
|
21
28
|
bordered: {
|
|
22
29
|
borderRadius: sizes.borderRadius.medium,
|
|
23
30
|
border: `solid ${sizes.borderWidth} ${palette.grey.light}`,
|
|
@@ -26,11 +33,28 @@ export default ({ sizes, palette }) => createStyles({
|
|
|
26
33
|
paddingBottom: '0'
|
|
27
34
|
}
|
|
28
35
|
},
|
|
29
|
-
|
|
30
|
-
|
|
36
|
+
withHeaderBar: {
|
|
37
|
+
padding: 0,
|
|
38
|
+
'& > :last-child:not(:first-child)': {
|
|
39
|
+
padding: '1.5rem'
|
|
40
|
+
},
|
|
41
|
+
borderRadius: sizes.borderRadius.medium,
|
|
42
|
+
border: `solid ${sizes.borderWidth} ${palette.grey.light2}`
|
|
31
43
|
},
|
|
32
|
-
|
|
33
|
-
|
|
44
|
+
defaultHeader,
|
|
45
|
+
borderedHeader: defaultHeader,
|
|
46
|
+
withHeaderBarHeader: {
|
|
47
|
+
display: 'flex',
|
|
48
|
+
padding: '0.75rem 1rem',
|
|
49
|
+
borderRadius: `${sizes.borderRadius.medium} ${sizes.borderRadius.medium} 0 0`,
|
|
50
|
+
borderBottom: `solid ${sizes.borderWidth} ${palette.grey.light2}`,
|
|
51
|
+
backgroundColor: palette.grey.lighter
|
|
52
|
+
},
|
|
53
|
+
defaultCollapsedHeader,
|
|
54
|
+
borderedCollapsedHeader: defaultCollapsedHeader,
|
|
55
|
+
withHeaderBarCollapsedHeader: {
|
|
56
|
+
borderBottom: 'none',
|
|
57
|
+
borderRadius: sizes.borderRadius.medium
|
|
34
58
|
}
|
|
35
59
|
});
|
|
36
60
|
//# sourceMappingURL=styles.js.map
|
package/Section/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Section/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,mBAAmB,CAAA;AAEvD,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;KACnB;IACD,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Section/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,mBAAmB,CAAA;AAEvD,MAAM,aAAa,GAAG;IACpB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAA;AAED,MAAM,sBAAsB,GAAG;IAC7B,aAAa,EAAE,GAAG;CACnB,CAAA;AAED,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;KACnB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,MAAM;KACpB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,MAAM;KACpB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,MAAM;KACnB;IAED,SAAS,EAAE;QACT,aAAa,EAAE,MAAM;KACtB;IACD,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE;QACR,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;QACvC,MAAM,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;QAC1D,OAAO,EAAE,MAAM;QACf,iBAAiB,EAAE;YACjB,aAAa,EAAE,GAAG;SACnB;KACF;IACD,aAAa,EAAE;QACb,OAAO,EAAE,CAAC;QACV,mCAAmC,EAAE;YACnC,OAAO,EAAE,QAAQ;SAClB;QACD,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;QACvC,MAAM,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;KAC5D;IACD,aAAa;IACb,cAAc,EAAE,aAAa;IAC7B,mBAAmB,EAAE;QACnB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,MAAM;QAC7E,YAAY,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QACjE,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACtC;IAED,sBAAsB;IACtB,uBAAuB,EAAE,sBAAsB;IAC/C,4BAA4B,EAAE;QAC5B,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;KACxC;CACF,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-lab",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.0",
|
|
4
4
|
"description": "Lab components of Picasso",
|
|
5
5
|
"author": "Toptal",
|
|
6
6
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-lab#readme",
|
|
@@ -8,29 +8,29 @@
|
|
|
8
8
|
"main": "index.js",
|
|
9
9
|
"module": "index.js",
|
|
10
10
|
"publishConfig": {
|
|
11
|
-
"access": "public"
|
|
11
|
+
"access": "public",
|
|
12
|
+
"directory": "dist-package"
|
|
12
13
|
},
|
|
13
14
|
"repository": {
|
|
14
15
|
"type": "git",
|
|
15
16
|
"url": "git+https://github.com/toptal/picasso.git"
|
|
16
17
|
},
|
|
17
18
|
"scripts": {
|
|
18
|
-
"build:package": "cross-env NODE_ENV=production node ../../bin/build.js --tsConfig=./tsconfig.build.json"
|
|
19
|
-
"prepublishOnly": "../../bin/prepublish.js"
|
|
19
|
+
"build:package": "cross-env NODE_ENV=production node ../../bin/build.js --tsConfig=./tsconfig.build.json"
|
|
20
20
|
},
|
|
21
21
|
"bugs": {
|
|
22
22
|
"url": "https://github.com/toptal/picasso/issues"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@material-ui/core": "4.11.0",
|
|
26
|
-
"@toptal/picasso": "^
|
|
26
|
+
"@toptal/picasso": "^13.5.0",
|
|
27
27
|
"@toptal/picasso-shared": "^7",
|
|
28
28
|
"popper.js": "^1.16.1",
|
|
29
29
|
"react": "^16.12.0",
|
|
30
30
|
"react-dom": "^16.12.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@toptal/picasso-provider": "^0.3.
|
|
33
|
+
"@toptal/picasso-provider": "^0.3.1",
|
|
34
34
|
"ap-style-title-case": "^1.1.2",
|
|
35
35
|
"classnames": "^2.3.1",
|
|
36
36
|
"date-fns": "^2.9.0",
|
|
@@ -49,6 +49,5 @@
|
|
|
49
49
|
"sideEffects": [
|
|
50
50
|
"**/styles.ts",
|
|
51
51
|
"**/styles.js"
|
|
52
|
-
]
|
|
53
|
-
"gitHead": "02220516718213082a8c8e23d1e6c8c72126b142"
|
|
52
|
+
]
|
|
54
53
|
}
|