@toptal/picasso 26.11.0 → 26.12.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/AvatarUpload/AvatarUpload.d.ts +55 -0
- package/AvatarUpload/AvatarUpload.js +87 -0
- package/AvatarUpload/AvatarUpload.js.map +1 -0
- package/AvatarUpload/DropzoneSvg/DropzoneSvg.d.ts +12 -0
- package/AvatarUpload/DropzoneSvg/DropzoneSvg.js +51 -0
- package/AvatarUpload/DropzoneSvg/DropzoneSvg.js.map +1 -0
- package/AvatarUpload/DropzoneSvg/styles.d.ts +3 -0
- package/AvatarUpload/DropzoneSvg/styles.js +40 -0
- package/AvatarUpload/DropzoneSvg/styles.js.map +1 -0
- package/AvatarUpload/DropzoneSvg/utils.d.ts +26 -0
- package/AvatarUpload/DropzoneSvg/utils.js +69 -0
- package/AvatarUpload/DropzoneSvg/utils.js.map +1 -0
- package/AvatarUpload/index.d.ts +5 -0
- package/AvatarUpload/index.js +3 -0
- package/AvatarUpload/index.js.map +1 -0
- package/AvatarUpload/styles.d.ts +3 -0
- package/AvatarUpload/styles.js +24 -0
- package/AvatarUpload/styles.js.map +1 -0
- package/AvatarUpload/types.d.ts +30 -0
- package/AvatarUpload/types.js +7 -0
- package/AvatarUpload/types.js.map +1 -0
- package/Badge/Badge.js +1 -1
- package/Badge/Badge.js.map +1 -1
- package/Modal/Modal.js +9 -3
- package/Modal/Modal.js.map +1 -1
- package/index.d.ts +2 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
3
|
+
import { AvatarUploadOptions } from './types';
|
|
4
|
+
export interface Props extends BaseProps {
|
|
5
|
+
/**
|
|
6
|
+
* Set accepted file types. See https://github.com/okonet/attr-accept for more information.
|
|
7
|
+
*/
|
|
8
|
+
accept?: AvatarUploadOptions['accept'];
|
|
9
|
+
/** Alt text */
|
|
10
|
+
alt?: string;
|
|
11
|
+
/** Image URL */
|
|
12
|
+
src?: string;
|
|
13
|
+
/** Size of the avatar */
|
|
14
|
+
size?: SizeType<'small' | 'large'>;
|
|
15
|
+
/** Enable/disable the dropzone */
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/** Maximum file size (in bytes) */
|
|
18
|
+
maxSize?: number;
|
|
19
|
+
/** Minimum file size (in bytes) */
|
|
20
|
+
minSize?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Callback for when there is already a source and user clicks on the avatar.
|
|
23
|
+
*/
|
|
24
|
+
onEdit?: AvatarUploadOptions['onEdit'];
|
|
25
|
+
/**
|
|
26
|
+
* Callback for when the drop event occurs. Note that if file is not accepted, this callback is not invoked.,
|
|
27
|
+
* @type <T extends File>(files: T, event: DropEvent) => void
|
|
28
|
+
*/
|
|
29
|
+
onDropAccepted?: AvatarUploadOptions['onDropAccepted'];
|
|
30
|
+
/**
|
|
31
|
+
* Callback for when the drop event occurs. Note that if file is not rejected, this callback is not invoked.
|
|
32
|
+
* @type (fileRejection: FileRejection, event: DropEvent) => void
|
|
33
|
+
*/
|
|
34
|
+
onDropRejected?: AvatarUploadOptions['onDropRejected'];
|
|
35
|
+
/**
|
|
36
|
+
* Callback for when the drop event occurs. Note that the onDrop callback will always be invoked regardless if the dropped file was accepted or rejected.
|
|
37
|
+
* @type <T extends File>(acceptedFile: T | null, fileRejection: FileRejection | null, event: DropEvent) => void
|
|
38
|
+
*/
|
|
39
|
+
onDrop?: AvatarUploadOptions['onDrop'];
|
|
40
|
+
/**
|
|
41
|
+
* Custom validation function
|
|
42
|
+
* (file: File) => FileError | FileError[] | null
|
|
43
|
+
*/
|
|
44
|
+
validator?: AvatarUploadOptions['validator'];
|
|
45
|
+
/** Indicate whether the selected file is being uploaded */
|
|
46
|
+
uploading?: boolean;
|
|
47
|
+
testIds?: {
|
|
48
|
+
avatar?: string;
|
|
49
|
+
dropzoneSvg?: string;
|
|
50
|
+
uploadIcon?: string;
|
|
51
|
+
loader?: string;
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
export declare const AvatarUpload: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
export default AvatarUpload;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React, { forwardRef, useCallback } from 'react';
|
|
2
|
+
import { capitalize, makeStyles } from '@material-ui/core';
|
|
3
|
+
import { useDropzone } from 'react-dropzone';
|
|
4
|
+
import cx from 'classnames';
|
|
5
|
+
import Avatar from '../Avatar';
|
|
6
|
+
import styles from './styles';
|
|
7
|
+
import DropzoneSvg from './DropzoneSvg/DropzoneSvg';
|
|
8
|
+
import Loader from '../Loader';
|
|
9
|
+
import { Upload24 } from '../Icon';
|
|
10
|
+
const useStyles = makeStyles(styles, {
|
|
11
|
+
name: 'PicassoAvatarUpload',
|
|
12
|
+
});
|
|
13
|
+
export const AvatarUpload = forwardRef(function AvatarUpload(props, ref) {
|
|
14
|
+
const { uploading, size = 'small', onEdit, 'data-testid': dataTestId, testIds, src, alt,
|
|
15
|
+
// dropzoneOptions
|
|
16
|
+
accept, minSize, maxSize, disabled, onDrop, onDropAccepted, onDropRejected, validator, } = props;
|
|
17
|
+
// callback overrides to return only one file to the parent component
|
|
18
|
+
const handleDrop = useCallback((acceptedFiles, fileRejections, event) => {
|
|
19
|
+
var _a, _b;
|
|
20
|
+
if (onDrop) {
|
|
21
|
+
onDrop((_a = acceptedFiles[0]) !== null && _a !== void 0 ? _a : null, (_b = fileRejections[0]) !== null && _b !== void 0 ? _b : null, event);
|
|
22
|
+
}
|
|
23
|
+
}, [onDrop]);
|
|
24
|
+
const handleDropAccepted = useCallback((files, event) => {
|
|
25
|
+
if (onDropAccepted) {
|
|
26
|
+
onDropAccepted(files[0], event);
|
|
27
|
+
}
|
|
28
|
+
}, [onDropAccepted]);
|
|
29
|
+
const handleDropRejected = useCallback((fileRejections, event) => {
|
|
30
|
+
if (onDropRejected) {
|
|
31
|
+
onDropRejected(fileRejections[0], event);
|
|
32
|
+
}
|
|
33
|
+
}, [onDropRejected]);
|
|
34
|
+
const handleEdit = (event) => {
|
|
35
|
+
// to avoid dropzone to be triggered
|
|
36
|
+
event.stopPropagation();
|
|
37
|
+
if (onEdit) {
|
|
38
|
+
onEdit(event);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
const showLoader = Boolean(uploading);
|
|
42
|
+
const showAvatar = !showLoader && Boolean(src);
|
|
43
|
+
const showUploadIcon = !showAvatar && !showLoader;
|
|
44
|
+
const showEditIcon = Boolean(onEdit);
|
|
45
|
+
// after showing avatar, only way to change the file selection is to use 'onEdit'
|
|
46
|
+
const disableDropzoneClick = showAvatar && !showEditIcon;
|
|
47
|
+
const disableDropzoneDragAndKeyboard = showAvatar;
|
|
48
|
+
const classes = useStyles();
|
|
49
|
+
const loadingIcon = showLoader && (React.createElement(Loader, { className: classes.icon, size: 'small', variant: 'inherit', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.loader }));
|
|
50
|
+
const uploadIcon = showUploadIcon && (React.createElement(Upload24, { className: classes.icon, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.uploadIcon }));
|
|
51
|
+
const { getInputProps, getRootProps } = useDropzone({
|
|
52
|
+
accept,
|
|
53
|
+
minSize,
|
|
54
|
+
maxSize,
|
|
55
|
+
disabled,
|
|
56
|
+
multiple: false,
|
|
57
|
+
onDrop: handleDrop,
|
|
58
|
+
onDropAccepted: handleDropAccepted,
|
|
59
|
+
onDropRejected: handleDropRejected,
|
|
60
|
+
validator,
|
|
61
|
+
noClick: disableDropzoneClick,
|
|
62
|
+
noDrag: disableDropzoneDragAndKeyboard,
|
|
63
|
+
noKeyboard: disableDropzoneDragAndKeyboard,
|
|
64
|
+
});
|
|
65
|
+
return (React.createElement("div", Object.assign({}, getRootProps({
|
|
66
|
+
ref,
|
|
67
|
+
className: cx(classes.root, classes[`size${capitalize(size)}`]),
|
|
68
|
+
'data-testid': dataTestId,
|
|
69
|
+
})),
|
|
70
|
+
React.createElement("input", Object.assign({}, getInputProps())),
|
|
71
|
+
showAvatar ? (React.createElement(Avatar, { size: size, onEdit: showEditIcon ? handleEdit : undefined,
|
|
72
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
73
|
+
src: src, alt: alt, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.avatar, variant: 'square' })) : (React.createElement(React.Fragment, null,
|
|
74
|
+
React.createElement(DropzoneSvg, { size: size, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.dropzoneSvg }),
|
|
75
|
+
loadingIcon,
|
|
76
|
+
uploadIcon))));
|
|
77
|
+
});
|
|
78
|
+
AvatarUpload.displayName = 'AvatarUpload';
|
|
79
|
+
AvatarUpload.defaultProps = {
|
|
80
|
+
size: 'small',
|
|
81
|
+
disabled: false,
|
|
82
|
+
maxSize: 104857600,
|
|
83
|
+
minSize: 0,
|
|
84
|
+
accept: 'image/*',
|
|
85
|
+
};
|
|
86
|
+
export default AvatarUpload;
|
|
87
|
+
//# sourceMappingURL=AvatarUpload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarUpload.js","sourceRoot":"","sources":["../../src/AvatarUpload/AvatarUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
2
|
+
export interface Props extends BaseProps {
|
|
3
|
+
size?: SizeType<'small' | 'large'>;
|
|
4
|
+
}
|
|
5
|
+
export declare const DropzoneSvg: {
|
|
6
|
+
(props: Props): JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
defaultProps: {
|
|
9
|
+
size: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default DropzoneSvg;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { capitalize, makeStyles } from '@material-ui/core';
|
|
3
|
+
import cx from 'classnames';
|
|
4
|
+
import styles from './styles';
|
|
5
|
+
import { getBackgroundShape, getBordersShape, getOutlineShape } from './utils';
|
|
6
|
+
/**
|
|
7
|
+
* For measuring, pixel values are used because SVG's "d" attribute works with percentages and pixels only
|
|
8
|
+
*/
|
|
9
|
+
const BASE_FONT_SIZE = 16;
|
|
10
|
+
const SETTINGS = {
|
|
11
|
+
small: {
|
|
12
|
+
dimensions: 5 * BASE_FONT_SIZE,
|
|
13
|
+
cornerSize: 1 * BASE_FONT_SIZE,
|
|
14
|
+
},
|
|
15
|
+
large: {
|
|
16
|
+
dimensions: 10 * BASE_FONT_SIZE,
|
|
17
|
+
cornerSize: 1.5 * BASE_FONT_SIZE,
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
const SHAPES = {
|
|
21
|
+
small: {
|
|
22
|
+
backgroundShape: getBackgroundShape(SETTINGS.small),
|
|
23
|
+
outlineShape: getOutlineShape(SETTINGS.small),
|
|
24
|
+
bordersShape: getBordersShape(SETTINGS.small),
|
|
25
|
+
},
|
|
26
|
+
large: {
|
|
27
|
+
backgroundShape: getBackgroundShape(SETTINGS.large),
|
|
28
|
+
outlineShape: getOutlineShape(SETTINGS.large),
|
|
29
|
+
bordersShape: getBordersShape(SETTINGS.large),
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
const useStyles = makeStyles(styles, {
|
|
33
|
+
name: 'PicassoDropzoneSvg',
|
|
34
|
+
});
|
|
35
|
+
export const DropzoneSvg = (props) => {
|
|
36
|
+
const { size = 'small', 'data-testid': dataTestId } = props;
|
|
37
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
38
|
+
const shapes = SHAPES[size];
|
|
39
|
+
const classes = useStyles();
|
|
40
|
+
return (React.createElement("div", { className: cx(classes.root, classes[`root${capitalize(size)}`]), "data-testid": dataTestId },
|
|
41
|
+
React.createElement("svg", { className: cx(classes.svg, classes[`svg${capitalize(size)}`]), fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
|
|
42
|
+
React.createElement("path", { className: classes.background, fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.backgroundShape }),
|
|
43
|
+
React.createElement("path", { className: classes.outline, fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.outlineShape, strokeOpacity: '.48', strokeWidth: '3', strokeLinejoin: 'round' }),
|
|
44
|
+
React.createElement("path", { className: classes.border, fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.bordersShape, strokeDasharray: '3 3' }))));
|
|
45
|
+
};
|
|
46
|
+
DropzoneSvg.displayName = 'DropzoneSvg';
|
|
47
|
+
DropzoneSvg.defaultProps = {
|
|
48
|
+
size: 'small',
|
|
49
|
+
};
|
|
50
|
+
export default DropzoneSvg;
|
|
51
|
+
//# sourceMappingURL=DropzoneSvg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropzoneSvg.js","sourceRoot":"","sources":["../../../src/AvatarUpload/DropzoneSvg/DropzoneSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAA;AAEjE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9E;;GAEG;AACH,MAAM,cAAc,GAAG,EAAE,CAAA;AACzB,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE;QACL,UAAU,EAAE,CAAC,GAAG,cAAc;QAC9B,UAAU,EAAE,CAAC,GAAG,cAAc;KAC/B;IACD,KAAK,EAAE;QACL,UAAU,EAAE,EAAE,GAAG,cAAc;QAC/B,UAAU,EAAE,GAAG,GAAG,cAAc;KACjC;CACO,CAAA;AAEV,MAAM,MAAM,GAAG;IACb,KAAK,EAAE;QACL,eAAe,EAAE,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC;QACnD,YAAY,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC7C,YAAY,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;KAC9C;IACD,KAAK,EAAE;QACL,eAAe,EAAE,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC;QACnD,YAAY,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC7C,YAAY,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;KAC9C;CACO,CAAA;AAMV,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAE3D,oEAAoE;IACpE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAK,CAAC,CAAA;IAE5B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,iBAClD,UAAU;QAEvB,6BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAC7D,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAE,MAAM,CAAC,eAAe,GACzB;YACF,8BACE,SAAS,EAAE,OAAO,CAAC,OAAO,EAC1B,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAE,MAAM,CAAC,YAAY,EACtB,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,GAAG,EACf,cAAc,EAAC,OAAO,GACtB;YACF,8BACE,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAE,MAAM,CAAC,YAAY,EACtB,eAAe,EAAC,KAAK,GACrB,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,WAAW,CAAC,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { Theme } from '@material-ui/core/styles';
|
|
2
|
+
declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "background" | "border" | "outline" | "root" | "svg" | "rootSmall" | "rootLarge" | "svgSmall" | "svgLarge">;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
+
export default ({ palette, transitions }) => createStyles({
|
|
3
|
+
root: {
|
|
4
|
+
position: 'relative',
|
|
5
|
+
background: 'transparent',
|
|
6
|
+
},
|
|
7
|
+
rootSmall: {
|
|
8
|
+
width: '80px',
|
|
9
|
+
height: '80px',
|
|
10
|
+
},
|
|
11
|
+
rootLarge: {
|
|
12
|
+
width: '160px',
|
|
13
|
+
height: '160px',
|
|
14
|
+
},
|
|
15
|
+
svg: {
|
|
16
|
+
margin: '-3px', // to center the svg
|
|
17
|
+
},
|
|
18
|
+
svgSmall: {
|
|
19
|
+
width: '86px',
|
|
20
|
+
height: '86px', // 6px for the outline stroke
|
|
21
|
+
},
|
|
22
|
+
svgLarge: {
|
|
23
|
+
width: '166px',
|
|
24
|
+
height: '166px', // 6px for the outline stroke
|
|
25
|
+
},
|
|
26
|
+
background: {
|
|
27
|
+
fill: palette.blue.lighter,
|
|
28
|
+
transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
|
|
29
|
+
transitionProperty: 'fill',
|
|
30
|
+
},
|
|
31
|
+
border: {
|
|
32
|
+
stroke: palette.blue.main,
|
|
33
|
+
transition: `stroke ${transitions.duration.short}`,
|
|
34
|
+
},
|
|
35
|
+
outline: {
|
|
36
|
+
display: 'none',
|
|
37
|
+
stroke: palette.blue.main,
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/AvatarUpload/DropzoneSvg/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAS,EAAE,EAAE,CACjD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,aAAa;KAC1B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB;IAED,GAAG,EAAE;QACH,MAAM,EAAE,MAAM,EAAE,oBAAoB;KACrC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM,EAAE,6BAA6B;KAC9C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO,EAAE,6BAA6B;KAC/C;IAED,UAAU,EAAE;QACV,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;QAC1B,UAAU,EAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,MAAM,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/E,kBAAkB,EAAE,MAAM;KAC3B;IACD,MAAM,EAAE;QACN,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACzB,UAAU,EAAE,UAAU,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE;KACnD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KAC1B;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns the shape of the background of the avatar.
|
|
3
|
+
* For small variant, it should be 80x80(px), for large - 160x160(px).
|
|
4
|
+
*/
|
|
5
|
+
export declare const getBackgroundShape: ({ dimensions, cornerSize, }: {
|
|
6
|
+
dimensions: number;
|
|
7
|
+
cornerSize: number;
|
|
8
|
+
}) => string;
|
|
9
|
+
/**
|
|
10
|
+
* Returns the shape of the outline when field is focused.
|
|
11
|
+
* For small variant, it should be 82x82(px), for large - 162x162(px).
|
|
12
|
+
* it is 2px bigger than the background because of the outline stroke width.
|
|
13
|
+
*/
|
|
14
|
+
export declare const getOutlineShape: ({ dimensions, cornerSize, }: {
|
|
15
|
+
dimensions: number;
|
|
16
|
+
cornerSize: number;
|
|
17
|
+
}) => string;
|
|
18
|
+
/**
|
|
19
|
+
* Returns the shape of the borders.
|
|
20
|
+
* For small variant, it should be 78x78(px), for large - 158x158(px).
|
|
21
|
+
* it is 1px smaller than the background because of the border stroke width.
|
|
22
|
+
*/
|
|
23
|
+
export declare const getBordersShape: ({ dimensions, cornerSize, }: {
|
|
24
|
+
dimensions: number;
|
|
25
|
+
cornerSize: number;
|
|
26
|
+
}) => string;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns the shape of the Avatar component in SVG path's format.
|
|
3
|
+
* SVG's "path" works for the function like this:
|
|
4
|
+
* M x1 y1 - move to point x, y (start point)
|
|
5
|
+
* H x2 - horizontal line to x1 (top edge)
|
|
6
|
+
* V y3 - vertical line to y2 (right edge)
|
|
7
|
+
* H x4 - horizontal line to x3 (bottom edge)
|
|
8
|
+
* L x1 y5 - close path to point x4, y4
|
|
9
|
+
* Z - draw path back to starting point (x1 y1)
|
|
10
|
+
*/
|
|
11
|
+
const getAvatarShape = ({ bottomEdgeLength, startPoint, leftCornerPoint, rightEdgeLength, topEdgeLength, drawBackToStart, }) => {
|
|
12
|
+
return `
|
|
13
|
+
M ${startPoint} ${startPoint}
|
|
14
|
+
H ${topEdgeLength}
|
|
15
|
+
V ${rightEdgeLength}
|
|
16
|
+
H ${bottomEdgeLength}
|
|
17
|
+
L ${startPoint} ${leftCornerPoint}${drawBackToStart ? ' Z' : ''}
|
|
18
|
+
`;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* Returns the shape of the background of the avatar.
|
|
22
|
+
* For small variant, it should be 80x80(px), for large - 160x160(px).
|
|
23
|
+
*/
|
|
24
|
+
export const getBackgroundShape = ({ dimensions, cornerSize, }) => {
|
|
25
|
+
const centerShift = 3; // shift for the outline stroke
|
|
26
|
+
return getAvatarShape({
|
|
27
|
+
startPoint: centerShift,
|
|
28
|
+
topEdgeLength: dimensions + centerShift,
|
|
29
|
+
rightEdgeLength: dimensions + centerShift,
|
|
30
|
+
bottomEdgeLength: cornerSize + centerShift,
|
|
31
|
+
leftCornerPoint: dimensions - cornerSize + centerShift,
|
|
32
|
+
drawBackToStart: false,
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* Returns the shape of the outline when field is focused.
|
|
37
|
+
* For small variant, it should be 82x82(px), for large - 162x162(px).
|
|
38
|
+
* it is 2px bigger than the background because of the outline stroke width.
|
|
39
|
+
*/
|
|
40
|
+
export const getOutlineShape = ({ dimensions, cornerSize, }) => {
|
|
41
|
+
const centerShift = 2; // shift for the outline stroke
|
|
42
|
+
const outlineStrokeWidth = 2; // width of the outline stroke
|
|
43
|
+
return getAvatarShape({
|
|
44
|
+
startPoint: centerShift,
|
|
45
|
+
topEdgeLength: dimensions + centerShift + outlineStrokeWidth,
|
|
46
|
+
rightEdgeLength: dimensions + centerShift + outlineStrokeWidth,
|
|
47
|
+
bottomEdgeLength: cornerSize + 1,
|
|
48
|
+
leftCornerPoint: dimensions - cornerSize + centerShift,
|
|
49
|
+
drawBackToStart: true,
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Returns the shape of the borders.
|
|
54
|
+
* For small variant, it should be 78x78(px), for large - 158x158(px).
|
|
55
|
+
* it is 1px smaller than the background because of the border stroke width.
|
|
56
|
+
*/
|
|
57
|
+
export const getBordersShape = ({ dimensions, cornerSize, }) => {
|
|
58
|
+
const centerShift = 4; // shift for the outline stroke and border stroke
|
|
59
|
+
const outlineStrokeWidth = 2; // width of the outline stroke
|
|
60
|
+
return getAvatarShape({
|
|
61
|
+
startPoint: centerShift,
|
|
62
|
+
topEdgeLength: dimensions + outlineStrokeWidth,
|
|
63
|
+
rightEdgeLength: dimensions + outlineStrokeWidth,
|
|
64
|
+
bottomEdgeLength: cornerSize + outlineStrokeWidth,
|
|
65
|
+
leftCornerPoint: dimensions - cornerSize + outlineStrokeWidth,
|
|
66
|
+
drawBackToStart: true,
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/AvatarUpload/DropzoneSvg/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,eAAe,EACf,aAAa,EACb,eAAe,GAQhB,EAAE,EAAE;IACH,OAAO;QACD,UAAU,IAAI,UAAU;QACxB,aAAa;QACb,eAAe;QACf,gBAAgB;QAChB,UAAU,IAAI,eAAe,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;GAChE,CAAA;AACH,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,EACV,UAAU,GAIX,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,CAAA,CAAC,+BAA+B;IAErD,OAAO,cAAc,CAAC;QACpB,UAAU,EAAE,WAAW;QACvB,aAAa,EAAE,UAAU,GAAG,WAAW;QACvC,eAAe,EAAE,UAAU,GAAG,WAAW;QACzC,gBAAgB,EAAE,UAAU,GAAG,WAAW;QAC1C,eAAe,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW;QACtD,eAAe,EAAE,KAAK;KACvB,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,UAAU,GAIX,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,CAAA,CAAC,+BAA+B;IACrD,MAAM,kBAAkB,GAAG,CAAC,CAAA,CAAC,8BAA8B;IAE3D,OAAO,cAAc,CAAC;QACpB,UAAU,EAAE,WAAW;QACvB,aAAa,EAAE,UAAU,GAAG,WAAW,GAAG,kBAAkB;QAC5D,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,kBAAkB;QAC9D,gBAAgB,EAAE,UAAU,GAAG,CAAC;QAChC,eAAe,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW;QACtD,eAAe,EAAE,IAAI;KACtB,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,UAAU,GAIX,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,CAAA,CAAC,iDAAiD;IACvE,MAAM,kBAAkB,GAAG,CAAC,CAAA,CAAC,8BAA8B;IAE3D,OAAO,cAAc,CAAC;QACpB,UAAU,EAAE,WAAW;QACvB,aAAa,EAAE,UAAU,GAAG,kBAAkB;QAC9C,eAAe,EAAE,UAAU,GAAG,kBAAkB;QAChD,gBAAgB,EAAE,UAAU,GAAG,kBAAkB;QACjD,eAAe,EAAE,UAAU,GAAG,UAAU,GAAG,kBAAkB;QAC7D,eAAe,EAAE,IAAI;KACtB,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AvatarUpload/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
+
export default ({ palette }) => createStyles({
|
|
3
|
+
root: {
|
|
4
|
+
position: 'relative',
|
|
5
|
+
display: 'flex',
|
|
6
|
+
justifyContent: 'center',
|
|
7
|
+
alignItems: 'center',
|
|
8
|
+
color: palette.blue.main,
|
|
9
|
+
outline: 'none',
|
|
10
|
+
},
|
|
11
|
+
sizeSmall: {
|
|
12
|
+
width: '5rem',
|
|
13
|
+
height: '5rem',
|
|
14
|
+
},
|
|
15
|
+
sizeLarge: {
|
|
16
|
+
width: '10rem',
|
|
17
|
+
height: '10rem',
|
|
18
|
+
},
|
|
19
|
+
icon: {
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
cursor: 'pointer',
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/AvatarUpload/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,OAAO,EAAE,MAAM;KAChB;IAED,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IAED,SAAS,EAAE;QACT,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB;IAED,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface FileUpload {
|
|
2
|
+
uploading?: boolean;
|
|
3
|
+
progress?: number;
|
|
4
|
+
error?: string;
|
|
5
|
+
file: File;
|
|
6
|
+
}
|
|
7
|
+
export declare type AvatarUploadOptions = {
|
|
8
|
+
accept?: string | string[];
|
|
9
|
+
onDrop?: <T extends File>(acceptedFile: T | null, fileRejection: FileRejection | null, event: DropEvent) => void;
|
|
10
|
+
onDropAccepted?: <T extends File>(files: T, event: DropEvent) => void;
|
|
11
|
+
onDropRejected?: (fileRejection: FileRejection, event: DropEvent) => void;
|
|
12
|
+
onEdit?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
13
|
+
validator?: <T extends File>(file: T) => FileError | null;
|
|
14
|
+
};
|
|
15
|
+
export declare type DropEvent = React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement> | DragEvent | Event;
|
|
16
|
+
export declare const ErrorCode: {
|
|
17
|
+
readonly FileInvalidType: "file-invalid-type";
|
|
18
|
+
readonly FileTooLarge: "file-too-large";
|
|
19
|
+
readonly FileTooSmall: "file-too-small";
|
|
20
|
+
readonly TooManyFiles: "too-many-files";
|
|
21
|
+
};
|
|
22
|
+
export declare type ErrorCodeType = typeof ErrorCode[keyof typeof ErrorCode];
|
|
23
|
+
export interface FileError {
|
|
24
|
+
message: string;
|
|
25
|
+
code: ErrorCodeType | string;
|
|
26
|
+
}
|
|
27
|
+
export interface FileRejection {
|
|
28
|
+
file: File;
|
|
29
|
+
errors: FileError[];
|
|
30
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/AvatarUpload/types.ts"],"names":[],"mappings":"AA0BA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,eAAe,EAAE,mBAAmB;IACpC,YAAY,EAAE,gBAAgB;IAC9B,YAAY,EAAE,gBAAgB;IAC9B,YAAY,EAAE,gBAAgB;CACtB,CAAA"}
|
package/Badge/Badge.js
CHANGED
|
@@ -16,7 +16,7 @@ export const Badge = forwardRef(function Badge({ children, style, variant = 'whi
|
|
|
16
16
|
badge: cx(classes.root, classes[variant], classes[size], {
|
|
17
17
|
[classes.static]: !hasChildren,
|
|
18
18
|
}),
|
|
19
|
-
} }, children));
|
|
19
|
+
}, overlap: 'rectangular' }, children));
|
|
20
20
|
});
|
|
21
21
|
Badge.defaultProps = {
|
|
22
22
|
variant: 'white',
|
package/Badge/Badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,UAAU,CAAA;AAsB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,EACE,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,SAAS,EACT,GAAG,EACH,aAAa,EAAE,MAAM,GACtB,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,YAAY,EAAE,OAAO,EACrB,GAAG,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,QACR,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvD,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW;aAC/B,CAAC;SACH,
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,UAAU,CAAA;AAsB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,EACE,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,SAAS,EACT,GAAG,EACH,aAAa,EAAE,MAAM,GACtB,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,YAAY,EAAE,OAAO,EACrB,GAAG,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,QACR,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvD,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW;aAC/B,CAAC;SACH,EACD,OAAO,EAAC,aAAa,IAEpB,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
package/Modal/Modal.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { forwardRef, useEffect, useRef, } from 'react';
|
|
12
|
+
import React, { forwardRef, useEffect, useRef, useCallback, } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
14
|
import Dialog from '@material-ui/core/Dialog';
|
|
15
15
|
import cx from 'classnames';
|
|
@@ -97,14 +97,20 @@ export const Modal = forwardRef(function Modal(props, ref) {
|
|
|
97
97
|
};
|
|
98
98
|
}, [open]);
|
|
99
99
|
const isSmall = useBreakpoint('small');
|
|
100
|
+
const handleClose = useCallback((_event, reason) => {
|
|
101
|
+
// workaround for "disableBackdropClick" prop due to deprecation
|
|
102
|
+
if (reason === 'escapeKeyDown' && onClose) {
|
|
103
|
+
onClose();
|
|
104
|
+
}
|
|
105
|
+
}, [onClose]);
|
|
100
106
|
return (React.createElement(Dialog, Object.assign({}, rest, { ref: rootRef, classes: {
|
|
101
107
|
root: classes.root,
|
|
102
108
|
container: classes.container,
|
|
103
109
|
paper: cx(classes.paper, classes[size], {
|
|
104
110
|
[classes.topAlignedDialog]: align === 'top',
|
|
105
111
|
}),
|
|
106
|
-
}, className: className, style: style, fullScreen: isSmall, container: container || picassoRootContainer, PaperProps: Object.assign(Object.assign({}, paperProps), { elevation: 2 }), hideBackdrop: hideBackdrop, onBackdropClick: onBackdropClick, onClose:
|
|
107
|
-
: true,
|
|
112
|
+
}, className: className, style: style, fullScreen: isSmall, container: container || picassoRootContainer, PaperProps: Object.assign(Object.assign({}, paperProps), { elevation: 2 }), hideBackdrop: hideBackdrop, onBackdropClick: onBackdropClick, onClose: handleClose, onEnter: onOpen, open: open, transitionDuration: transitionDuration, maxWidth: false, disableEnforceFocus // we need our own mechanism to keep focus inside the Modals
|
|
113
|
+
: true, TransitionProps: transitionProps }),
|
|
108
114
|
React.createElement(ModalContext.Provider, { value: true }, children),
|
|
109
115
|
onClose && (React.createElement(ButtonCircular, { variant: 'flat', className: classes.closeButton, onClick: onClose, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.closeButton },
|
|
110
116
|
React.createElement(CloseMinor16, null)))));
|
package/Modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,SAAS,EACT,MAAM,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -165,4 +165,6 @@ export type { PasswordInputProps } from './PasswordInput';
|
|
|
165
165
|
export { default as FieldRequirements } from './FieldRequirements';
|
|
166
166
|
export type { FieldRequirementsProps, FieldRequirement, } from './FieldRequirements';
|
|
167
167
|
export type { Status as OutlinedInputStatus } from './OutlinedInput';
|
|
168
|
+
export { default as AvatarUpload } from './AvatarUpload';
|
|
169
|
+
export type { AvatarUploadProps, FileUpload as AvatarUploadFileUpload, FileError as AvatarUploadFileError, FileRejection as AvatarUploadFileRejection, DropEvent as AvatarUploadDropEvent, } from './AvatarUpload';
|
|
168
170
|
export * from './Icon';
|
package/index.js
CHANGED
|
@@ -77,6 +77,7 @@ export { default as Timeline } from './Timeline';
|
|
|
77
77
|
export { default as RichText } from './RichText';
|
|
78
78
|
export { default as PasswordInput } from './PasswordInput';
|
|
79
79
|
export { default as FieldRequirements } from './FieldRequirements';
|
|
80
|
+
export { default as AvatarUpload } from './AvatarUpload';
|
|
80
81
|
// hygen code generator inserts export statements above this comment.
|
|
81
82
|
export * from './Icon';
|
|
82
83
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "26.
|
|
3
|
+
"version": "26.12.0",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@babel/types": "^7.15.0",
|
|
60
60
|
"@testing-library/jest-dom": "^5.16.5",
|
|
61
61
|
"@testing-library/react": "^13.3.0",
|
|
62
|
-
"@testing-library/react-hooks": "^
|
|
62
|
+
"@testing-library/react-hooks": "^8.0.1",
|
|
63
63
|
"@toptal/picasso-provider": "1.3.1",
|
|
64
64
|
"@types/classnames": "^2.3.1",
|
|
65
65
|
"@types/d3": "^6.7.4",
|