@toptal/picasso 27.0.0 → 27.0.1
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.
|
@@ -9,6 +9,7 @@ import Loader from '../Loader';
|
|
|
9
9
|
import ProgressBar from '../ProgressBar';
|
|
10
10
|
import { Attachment16, Trash16, CloseMinor16 } from '../Icon';
|
|
11
11
|
import styles from './styles';
|
|
12
|
+
import TypographyOverflow from '../TypographyOverflow';
|
|
12
13
|
const useStyles = makeStyles(styles, {
|
|
13
14
|
name: 'FileListItem',
|
|
14
15
|
});
|
|
@@ -22,11 +23,11 @@ const FileListItem = ({ file, index, disabled, onRemove, testIds }) => {
|
|
|
22
23
|
React.createElement(Typography, { className: classes.label, variant: 'body', color: 'black', size: 'medium' }, "Uploading..."),
|
|
23
24
|
progress !== undefined ? (React.createElement(ProgressBar, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.progressBar, value: progress })) : (React.createElement(Loader, { className: classes.loader, size: 'small' }))));
|
|
24
25
|
const fileNode = (React.createElement(React.Fragment, null,
|
|
25
|
-
React.createElement(Container, { flex: true, direction: 'column' },
|
|
26
|
+
React.createElement(Container, { flex: true, direction: 'column', className: cx(classes.fileNodeContent) },
|
|
26
27
|
React.createElement(Container, { flex: true, direction: 'row' },
|
|
27
28
|
!error && (React.createElement(Container, { right: 'xsmall' },
|
|
28
29
|
React.createElement(Attachment16, { color: 'darkGrey' }))),
|
|
29
|
-
React.createElement(
|
|
30
|
+
React.createElement(TypographyOverflow, { className: classes.label, variant: 'body', size: 'medium', color: error ? 'red' : 'black' }, name)),
|
|
30
31
|
React.createElement(Typography, { className: classes.error, variant: 'body', size: 'xsmall', color: 'red' }, error)),
|
|
31
32
|
onRemove && (React.createElement(Tooltip, { compact: true, placement: 'top', content: error ? 'Dismiss' : 'Remove File' },
|
|
32
33
|
React.createElement(ButtonCircular, { variant: 'flat', onClick: handleRemove, disabled: disabled }, error ? React.createElement(CloseMinor16, { color: 'red' }) : React.createElement(Trash16, { color: 'red' }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileListItem.js","sourceRoot":"","sources":["../../src/FileListItem/FileListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7D,OAAO,MAAM,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"FileListItem.js","sourceRoot":"","sources":["../../src/FileListItem/FileListItem.tsx"],"names":[],"mappings":"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"}
|
package/FileListItem/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "error" | "label" | "root">;
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "error" | "label" | "root" | "fileNodeContent">;
|
|
3
3
|
export default _default;
|
package/FileListItem/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FileListItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClD,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC;QACtB,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC;KAC1B;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;KACxB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;KACxB;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FileListItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClD,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC;QACtB,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC;KAC1B;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;KACxB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;KACxB;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC,CAAA"}
|