@hh.ru/magritte-ui-upload 4.1.6 → 4.1.7

package/FileName.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"file-name-body":"magritte-file-name-body___PTTMc_4-1-6","fileNameBody":"magritte-file-name-body___PTTMc_4-1-6","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-1-6","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-1-6"};
+var styles = {"file-name-body":"magritte-file-name-body___PTTMc_4-1-7","fileNameBody":"magritte-file-name-body___PTTMc_4-1-7","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-1-7","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-1-7"};
 
 const parse = (file) => {
     const name = file.name;

package/FileView.js

@@ -10,16 +10,16 @@ import { FileName } from './FileName.js';
 import { getUploadIcon, bytes2mb } from './utils.js';
 import 'classnames';
 
-var styles = {"file-info-body":"magritte-file-info-body___HmfXd_4-1-6","fileInfoBody":"magritte-file-info-body___HmfXd_4-1-6","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-1-6","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-1-6","file-info-container":"magritte-file-info-container___WFab8_4-1-6","fileInfoContainer":"magritte-file-info-container___WFab8_4-1-6","file-info":"magritte-file-info___HrqiB_4-1-6","fileInfo":"magritte-file-info___HrqiB_4-1-6","controls":"magritte-controls___WdH7A_4-1-6"};
+var styles = {"avatar-and-info":"magritte-avatar-and-info___vt6aT_4-1-7","avatarAndInfo":"magritte-avatar-and-info___vt6aT_4-1-7","file-info-body":"magritte-file-info-body___HmfXd_4-1-7","fileInfoBody":"magritte-file-info-body___HmfXd_4-1-7","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-1-7","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-1-7","file-info-container":"magritte-file-info-container___WFab8_4-1-7","fileInfoContainer":"magritte-file-info-container___WFab8_4-1-7","file-info":"magritte-file-info___HrqiB_4-1-7","fileInfo":"magritte-file-info___HrqiB_4-1-7","controls":"magritte-controls___WdH7A_4-1-7","divider":"magritte-divider___3-bj9_4-1-7"};
 
 const FileView = ({ uploadType, loadedFile, preview, renderFileInfo, onFileDelete, disableCancel, 'aria-label': ariaLabel, isLast = false, }) => {
     const isLoading = Boolean(loadedFile?.loading);
     const isInvalid = Boolean(loadedFile?.error);
     const isImageType = uploadType === 'image';
-    return (jsxs(Fragment, { children: [jsx(Avatar, { mode: isImageType && !isLoading && !isInvalid ? 'image' : 'icon', style: "secondary", image: preview, size: 48, icon: getUploadIcon(uploadType, loadedFile, true), "aria-label": ariaLabel }), jsxs("div", { className: styles.fileInfoBody, children: [jsxs("div", { className: styles.fileInfoAndControls, children: [jsxs("div", { className: styles.fileInfoContainer, children: [jsx(FileName, { file: loadedFile.data }), jsx(VSpacing, { default: 4 }), jsxs("div", { className: styles.fileInfo, children: [isInvalid && jsx(ExclamationTriangleOutlinedSize16, { initialColor: "negative" }), isLoading && jsx(Loader, { size: 16 }), !isInvalid && !isLoading && jsx(CheckCircleOutlinedSize16, { initialColor: "positive" }), jsx(Text, { typography: "label-4-regular", children: renderFileInfo({
-                                                    ...loadedFile,
-                                                    fileSizeMB: bytes2mb(loadedFile.data.size),
-                                                }) })] })] }), jsxs("div", { className: styles.controls, children: [isLoading && !disableCancel && (jsx(CrossOutlinedSize24, { padding: 8, borderRadius: "halfHeight", initialColor: "secondary", onClick: onFileDelete })), !isLoading && (jsx(TrashOutlinedSize24, { padding: 8, borderRadius: "halfHeight", onClick: onFileDelete, "data-qa": "magritte-upload-delete-file-action", initialColor: "secondary" }))] })] }), !isLast && (jsxs("div", { children: [jsx(VSpacing, { default: 16 }), jsx(Divider, {}), jsx(VSpacing, { default: 16 })] }))] })] }));
+    return (jsxs(Fragment, { children: [jsxs("div", { className: styles.avatarAndInfo, children: [jsx(Avatar, { mode: isImageType && !isLoading && !isInvalid ? 'image' : 'icon', style: "secondary", image: preview, size: 48, icon: getUploadIcon(uploadType, loadedFile, true), "aria-label": ariaLabel }), jsx("div", { className: styles.fileInfoBody, children: jsxs("div", { className: styles.fileInfoAndControls, children: [jsxs("div", { className: styles.fileInfoContainer, children: [jsx(FileName, { file: loadedFile.data }), jsx(VSpacing, { default: 4 }), jsxs("div", { className: styles.fileInfo, children: [isInvalid && jsx(ExclamationTriangleOutlinedSize16, { initialColor: "negative" }), isLoading && jsx(Loader, { size: 16 }), !isInvalid && !isLoading && jsx(CheckCircleOutlinedSize16, { initialColor: "positive" }), jsx(Text, { typography: "label-4-regular", children: renderFileInfo({
+                                                        ...loadedFile,
+                                                        fileSizeMB: bytes2mb(loadedFile.data.size),
+                                                    }) })] })] }), jsxs("div", { className: styles.controls, children: [isLoading && !disableCancel && (jsx(CrossOutlinedSize24, { padding: 8, borderRadius: "halfHeight", initialColor: "secondary", onClick: onFileDelete })), !isLoading && (jsx(TrashOutlinedSize24, { padding: 8, borderRadius: "halfHeight", onClick: onFileDelete, "data-qa": "magritte-upload-delete-file-action", initialColor: "secondary" }))] })] }) })] }), !isLast && (jsxs("div", { className: styles.divider, children: [jsx(VSpacing, { default: 16 }), jsx(Divider, {}), jsx(VSpacing, { default: 16 })] }))] }));
 };
 
 export { FileView };

package/FileView.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileView.js","sources":["../src/FileView.tsx"],"sourcesContent":["import { ReactElement, MouseEvent } from 'react';\n\nimport { Avatar } from '@hh.ru/magritte-ui-avatar';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\nimport {\n    CrossOutlinedSize24,\n    CheckCircleOutlinedSize16,\n    ExclamationTriangleOutlinedSize16,\n    TrashOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Text } from '@hh.ru/magritte-ui-typography';\nimport { FileName } from '@hh.ru/magritte-ui-upload/FileName';\nimport { UploadType, LoadedFile, RenderFileInfo } from '@hh.ru/magritte-ui-upload/types';\nimport { getUploadIcon, bytes2mb } from '@hh.ru/magritte-ui-upload/utils';\n\nimport styles from './file-view.less';\n\nexport interface FileViewProps {\n    uploadType: UploadType;\n    loadedFile: LoadedFile;\n    renderFileInfo: RenderFileInfo;\n    onFileDelete: (event: MouseEvent) => void;\n    preview: string;\n    'aria-label': string;\n    isLast?: boolean;\n    disableCancel?: boolean;\n}\n\nconst FileView = ({\n    uploadType,\n    loadedFile,\n    preview,\n    renderFileInfo,\n    onFileDelete,\n    disableCancel,\n    'aria-label': ariaLabel,\n    isLast = false,\n}: FileViewProps): ReactElement => {\n    const isLoading = Boolean(loadedFile?.loading);\n    const isInvalid = Boolean(loadedFile?.error);\n    const isImageType = uploadType === 'image';\n    return (\n        <>\n            <Avatar\n                mode={isImageType && !isLoading && !isInvalid ? 'image' : 'icon'}\n                style=\"secondary\"\n                image={preview}\n                size={48}\n                icon={getUploadIcon(uploadType, loadedFile, true)}\n                aria-label={ariaLabel}\n            />\n            <div className={styles.fileInfoBody}>\n                <div className={styles.fileInfoAndControls}>\n                    <div className={styles.fileInfoContainer}>\n                        <FileName file={loadedFile.data} />\n                        <VSpacing default={4} />\n                        <div className={styles.fileInfo}>\n                            {isInvalid && <ExclamationTriangleOutlinedSize16 initialColor=\"negative\" />}\n                            {isLoading && <Loader size={16} />}\n                            {!isInvalid && !isLoading && <CheckCircleOutlinedSize16 initialColor=\"positive\" />}\n                            <Text typography=\"label-4-regular\">\n                                {renderFileInfo({\n                                    ...loadedFile,\n                                    fileSizeMB: bytes2mb(loadedFile.data.size),\n                                })}\n                            </Text>\n                        </div>\n                    </div>\n                    <div className={styles.controls}>\n                        {isLoading && !disableCancel && (\n                            <CrossOutlinedSize24\n                                padding={8}\n                                borderRadius=\"halfHeight\"\n                                initialColor=\"secondary\"\n                                onClick={onFileDelete}\n                            />\n                        )}\n                        {!isLoading && (\n                            <TrashOutlinedSize24\n                                padding={8}\n                                borderRadius=\"halfHeight\"\n                                onClick={onFileDelete}\n                                data-qa=\"magritte-upload-delete-file-action\"\n                                initialColor=\"secondary\"\n                            />\n                        )}\n                    </div>\n                </div>\n                {!isLast && (\n                    <div>\n                        <VSpacing default={16} />\n                        <Divider />\n                        <VSpacing default={16} />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n};\n\nexport { FileView };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"FileView.js","sources":["../src/FileView.tsx"],"sourcesContent":["import { ReactElement, MouseEvent } from 'react';\n\nimport { Avatar } from '@hh.ru/magritte-ui-avatar';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\nimport {\n    CrossOutlinedSize24,\n    CheckCircleOutlinedSize16,\n    ExclamationTriangleOutlinedSize16,\n    TrashOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Text } from '@hh.ru/magritte-ui-typography';\nimport { FileName } from '@hh.ru/magritte-ui-upload/FileName';\nimport { UploadType, LoadedFile, RenderFileInfo } from '@hh.ru/magritte-ui-upload/types';\nimport { getUploadIcon, bytes2mb } from '@hh.ru/magritte-ui-upload/utils';\n\nimport styles from './file-view.less';\n\nexport interface FileViewProps {\n    uploadType: UploadType;\n    loadedFile: LoadedFile;\n    renderFileInfo: RenderFileInfo;\n    onFileDelete: (event: MouseEvent) => void;\n    preview: string;\n    'aria-label': string;\n    isLast?: boolean;\n    disableCancel?: boolean;\n}\n\nconst FileView = ({\n    uploadType,\n    loadedFile,\n    preview,\n    renderFileInfo,\n    onFileDelete,\n    disableCancel,\n    'aria-label': ariaLabel,\n    isLast = false,\n}: FileViewProps): ReactElement => {\n    const isLoading = Boolean(loadedFile?.loading);\n    const isInvalid = Boolean(loadedFile?.error);\n    const isImageType = uploadType === 'image';\n    return (\n        <>\n            <div className={styles.avatarAndInfo}>\n                <Avatar\n                    mode={isImageType && !isLoading && !isInvalid ? 'image' : 'icon'}\n                    style=\"secondary\"\n                    image={preview}\n                    size={48}\n                    icon={getUploadIcon(uploadType, loadedFile, true)}\n                    aria-label={ariaLabel}\n                />\n                <div className={styles.fileInfoBody}>\n                    <div className={styles.fileInfoAndControls}>\n                        <div className={styles.fileInfoContainer}>\n                            <FileName file={loadedFile.data} />\n                            <VSpacing default={4} />\n                            <div className={styles.fileInfo}>\n                                {isInvalid && <ExclamationTriangleOutlinedSize16 initialColor=\"negative\" />}\n                                {isLoading && <Loader size={16} />}\n                                {!isInvalid && !isLoading && <CheckCircleOutlinedSize16 initialColor=\"positive\" />}\n                                <Text typography=\"label-4-regular\">\n                                    {renderFileInfo({\n                                        ...loadedFile,\n                                        fileSizeMB: bytes2mb(loadedFile.data.size),\n                                    })}\n                                </Text>\n                            </div>\n                        </div>\n                        <div className={styles.controls}>\n                            {isLoading && !disableCancel && (\n                                <CrossOutlinedSize24\n                                    padding={8}\n                                    borderRadius=\"halfHeight\"\n                                    initialColor=\"secondary\"\n                                    onClick={onFileDelete}\n                                />\n                            )}\n                            {!isLoading && (\n                                <TrashOutlinedSize24\n                                    padding={8}\n                                    borderRadius=\"halfHeight\"\n                                    onClick={onFileDelete}\n                                    data-qa=\"magritte-upload-delete-file-action\"\n                                    initialColor=\"secondary\"\n                                />\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {!isLast && (\n                <div className={styles.divider}>\n                    <VSpacing default={16} />\n                    <Divider />\n                    <VSpacing default={16} />\n                </div>\n            )}\n        </>\n    );\n};\n\nexport { FileView };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/FileViewWithPreview.js

@@ -13,12 +13,10 @@ import './FileName.js';
 import 'classnames';
 import 'react';
 
-var styles = {"item":"magritte-item___vVDG-_4-1-6"};
-
 const FileViewWithPreview = ({ loadedFile, ...otherProps }) => {
     const uploadType = getFileType(loadedFile.data.type);
     const preview = useFilePreview({ loadedFile, isImageType: uploadType === 'image' });
-    return (jsx("div", { className: styles.item, children: jsx(FileView, { uploadType: uploadType, loadedFile: loadedFile, preview: preview, ...otherProps }) }));
+    return jsx(FileView, { uploadType: uploadType, loadedFile: loadedFile, preview: preview, ...otherProps });
 };
 
 export { FileViewWithPreview };

package/FileViewWithPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewWithPreview.js","sources":["../src/FileViewWithPreview.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { FileView, FileViewProps } from '@hh.ru/magritte-ui-upload/FileView';\nimport { useFilePreview } from '@hh.ru/magritte-ui-upload/useFilePreview';\nimport { getFileType } from '@hh.ru/magritte-ui-upload/utils';\n\nimport styles from './file-viev-with-preview.less';\n\ntype FileViewWithPreviewProps = Omit<FileViewProps, 'preview' | 'uploadType'>;\n\nconst FileViewWithPreview = ({ loadedFile, ...otherProps }: FileViewWithPreviewProps): ReactElement => {\n    const uploadType = getFileType(loadedFile.data.type);\n    const preview = useFilePreview({ loadedFile, isImageType: uploadType === 'image' });\n    return (\n        <div className={styles.item}>\n            <FileView uploadType={uploadType} loadedFile={loadedFile} preview={preview} {...otherProps} />\n        </div>\n    );\n};\n\nexport { FileViewWithPreview };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAUM,MAAA,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAAE,GAAG,UAAU,EAA4B,KAAkB;IAClG,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,KAAK,OAAO,EAAE,CAAC,CAAC;IACpF,QACIA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACvB,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,GAAM,UAAU,EAAA,CAAI,EAC5F,CAAA,EACR;AACN;;;;"}
+{"version":3,"file":"FileViewWithPreview.js","sources":["../src/FileViewWithPreview.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { FileView, FileViewProps } from '@hh.ru/magritte-ui-upload/FileView';\nimport { useFilePreview } from '@hh.ru/magritte-ui-upload/useFilePreview';\nimport { getFileType } from '@hh.ru/magritte-ui-upload/utils';\n\ntype FileViewWithPreviewProps = Omit<FileViewProps, 'preview' | 'uploadType'>;\n\nconst FileViewWithPreview = ({ loadedFile, ...otherProps }: FileViewWithPreviewProps): ReactElement => {\n    const uploadType = getFileType(loadedFile.data.type);\n    const preview = useFilePreview({ loadedFile, isImageType: uploadType === 'image' });\n    return <FileView uploadType={uploadType} loadedFile={loadedFile} preview={preview} {...otherProps} />;\n};\n\nexport { FileViewWithPreview };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAQM,MAAA,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAAE,GAAG,UAAU,EAA4B,KAAkB;IAClG,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,KAAK,OAAO,EAAE,CAAC,CAAC;AACpF,IAAA,OAAOA,IAAC,QAAQ,EAAA,EAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAM,GAAA,UAAU,GAAI,CAAC;AAC1G;;;;"}

package/MultiUpload.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useDropzone } from 'react-dropzone';
 import classnames from 'classnames';
-import { u as useDisabled, D as DisabledContext, s as styles } from './upload-Tejb-jCw.js';
+import { u as useDisabled, D as DisabledContext, s as styles } from './upload-DHlgvWib.js';
 import { VSpacing } from '@hh.ru/magritte-ui-spacing';
 import { TextDynamic } from '@hh.ru/magritte-ui-typography';
 import { FileViewWithPreview } from './FileViewWithPreview.js';

package/SingleUpload.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDropzone } from 'react-dropzone';
 import classnames from 'classnames';
-import { u as useDisabled, D as DisabledContext, s as styles } from './upload-Tejb-jCw.js';
+import { u as useDisabled, D as DisabledContext, s as styles } from './upload-DHlgvWib.js';
 import { Avatar } from '@hh.ru/magritte-ui-avatar';
 import { CrossOutlinedSize24, ExclamationTriangleOutlinedSize32 } from '@hh.ru/magritte-ui-icon/icon';
 import { Loader } from '@hh.ru/magritte-ui-loader';
@@ -63,7 +63,7 @@ const SingleUpload = ({ files, trls, size = 'medium', accept = DEFAULT_ACCEPT, d
                 [styles.disabled]: isDisabled,
             }), ...getRootProps(), "data-qa": "magritte-single-upload", children: [jsx("input", { ...getInputProps(), "data-qa": "magritte-single-upload-input", disabled: isDisabled }), jsx("div", { className: styles.background, style: backgroundStyles, "data-qa": "magritte-single-upload-background" }), jsxs(TextDynamic, { className: classnames(styles.body, { [styles.disabled]: isDisabled }), children: [isSizeSmall && (jsxs(Fragment, { children: [loadedFile && (jsx(FileView, { uploadType: uploadType, loadedFile: loadedFile, renderFileInfo: renderFileInfo, onFileDelete: (event) => {
                                         onFileDelete(event, loadedFile, 0);
-                                    }, preview: preview, disableCancel: disableCancel, "aria-label": ariaLabel || '', isLast: true })), !loadedFile && (jsxs(Fragment, { children: [jsx(Avatar, { mode: "icon", style: "secondary", size: 48, icon: getUploadIcon(uploadType, loadedFile, true), "aria-label": ariaLabel || '' }), jsxs("div", { children: [jsx(Text, { typography: "label-2-regular", children: trls.title }), jsx(VSpacing, { default: 4 }), jsx(Text, { typography: "label-4-regular", style: "secondary", children: trls.subTitle })] }), selectFileButton && jsx("div", { className: styles.smallControls, children: selectFileButton })] }))] })), !isSizeSmall && (jsxs(Fragment, { children: [isLoading && (jsxs(Fragment, { children: [jsx(VSpacing, { default: 12 }), jsxs("div", { className: styles.loader, children: [jsx(Loader, { size: 64 }), !disableCancel && (jsx("div", { className: styles.cancel, children: jsx(CrossOutlinedSize24, { initialColor: "accent", onClick: (event) => {
+                                    }, preview: preview, disableCancel: disableCancel, "aria-label": ariaLabel || '', isLast: true })), !loadedFile && (jsxs(Fragment, { children: [jsx(Avatar, { mode: "icon", style: "secondary", size: 48, icon: getUploadIcon(uploadType, loadedFile, true), "aria-label": ariaLabel || '' }), jsxs("div", { className: styles.singleSmallPlaceholer, children: [jsx(Text, { typography: "label-2-regular", children: trls.title }), jsx(VSpacing, { default: 4 }), jsx(Text, { typography: "label-4-regular", style: "secondary", children: trls.subTitle })] }), selectFileButton && jsx("div", { className: styles.smallControls, children: selectFileButton })] }))] })), !isSizeSmall && (jsxs(Fragment, { children: [isLoading && (jsxs(Fragment, { children: [jsx(VSpacing, { default: 12 }), jsxs("div", { className: styles.loader, children: [jsx(Loader, { size: 64 }), !disableCancel && (jsx("div", { className: styles.cancel, children: jsx(CrossOutlinedSize24, { initialColor: "accent", onClick: (event) => {
                                                             onFileDelete(event, loadedFile, 0);
                                                         } }) }))] })] })), isInvalid ? (jsx(ExclamationTriangleOutlinedSize32, { initialColor: "negative" })) : (jsx("span", { className: classnames(styles.fileIcon, { [styles.hiddenFileInfo]: usePreview }), children: getUploadIcon(uploadType, loadedFile, false) })), jsx(VSpacing, { default: 16 }), loadedFile && (jsxs(Fragment, { children: [jsxs("div", { className: classnames(styles.fileInfo, { [styles.hiddenFileInfo]: usePreview }), children: [jsx(FileName, { file: loadedFile.data, isSizeMedium: true }), jsx(VSpacing, { default: 6 }), jsx(Text, { typography: "label-4-regular", style: "secondary", children: renderFileInfo({
                                                         ...loadedFile,

package/SingleUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleUpload.js","sources":["../src/SingleUpload.tsx"],"sourcesContent":["import { ReactElement, MouseEvent } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { Avatar } from '@hh.ru/magritte-ui-avatar';\nimport { CrossOutlinedSize24, ExclamationTriangleOutlinedSize32 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Text, TextDynamic } from '@hh.ru/magritte-ui-typography';\nimport { FileName } from '@hh.ru/magritte-ui-upload/FileName';\nimport { FileView } from '@hh.ru/magritte-ui-upload/FileView';\nimport { Placeholder } from '@hh.ru/magritte-ui-upload/Placeholder';\nimport { UploadProps } from '@hh.ru/magritte-ui-upload/types';\nimport { useDropActions } from '@hh.ru/magritte-ui-upload/useDropActions';\nimport { useDropButtons } from '@hh.ru/magritte-ui-upload/useDropButtons';\nimport { useFilePreview } from '@hh.ru/magritte-ui-upload/useFilePreview';\nimport {\n    getUploadIcon,\n    bytes2mb,\n    getAvaliableFileTypes,\n    RenderFileInfoDefault,\n    DEFAULT_ACCEPT,\n} from '@hh.ru/magritte-ui-upload/utils';\n\nimport styles from './upload.less';\n\nconst SingleUpload = ({\n    files,\n    trls,\n    size = 'medium',\n    accept = DEFAULT_ACCEPT,\n    disableCancel,\n    selectFileButton: _selectFileButton,\n    deleteFileButton: _deleteFileButton,\n    replaceImageButton: _replaceImageButton,\n    renderFileInfo = RenderFileInfoDefault,\n    onDropAccepted: onDropAcceptedExternal,\n    onDropRejected: onDropRejectedExternal,\n    onFileDelete: onFileDeleteExternal,\n    'aria-label': ariaLabel,\n    disabled,\n    ...dropzoneProps\n}: UploadProps): ReactElement => {\n    const uploadType = getAvaliableFileTypes(accept);\n    const loadedFile = files.length > 0 ? files[0] : undefined;\n    const isLoad = Boolean(loadedFile);\n    const isLoading = Boolean(loadedFile?.loading);\n    const isInvalid = Boolean(loadedFile?.error);\n    const isSizeSmall = size === 'small';\n    const isImageType = uploadType === 'image';\n    const preview = useFilePreview({ loadedFile, isImageType });\n    const usePreview = preview !== 'none';\n    const contextDisabled = useDisabled();\n    const isDisabled = disabled || contextDisabled;\n\n    const { onDropAccepted, onDropRejected, onFileDelete } = useDropActions({\n        onDropAccepted: onDropAcceptedExternal,\n        onDropRejected: onDropRejectedExternal,\n        onFileDelete: onFileDeleteExternal,\n    });\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n        ...dropzoneProps,\n        disabled: isDisabled,\n        accept,\n        onDropAccepted,\n        onDropRejected,\n        multiple: false,\n    });\n\n    const { selectFileButton, deleteFileButton, replaceImageButton } = useDropButtons({\n        selectFileButton: _selectFileButton,\n        deleteFileButton: _deleteFileButton,\n        replaceImageButton: _replaceImageButton,\n        onFileDelete: (event: MouseEvent) => {\n            onFileDelete(event, loadedFile, 0);\n        },\n    });\n\n    const backgroundStyles = !isSizeSmall\n        ? { backgroundImage: preview !== 'none' ? `url('${preview}')` : preview }\n        : {};\n    return (\n        <DisabledContext.Provider value={isDisabled}>\n            <div\n                className={classnames(styles.root, styles[`root_${size}`], {\n                    [styles.dragActive]: isDragActive && isDisabled,\n                    [styles.loading]: isLoading,\n                    [styles.load]: isLoad,\n                    [styles.invalid]: isInvalid,\n                    [styles.disabled]: isDisabled,\n                })}\n                {...getRootProps()}\n                data-qa=\"magritte-single-upload\"\n            >\n                <input {...getInputProps()} data-qa=\"magritte-single-upload-input\" disabled={isDisabled} />\n                <div\n                    className={styles.background}\n                    style={backgroundStyles}\n                    data-qa=\"magritte-single-upload-background\"\n                />\n                <TextDynamic className={classnames(styles.body, { [styles.disabled]: isDisabled })}>\n                    {isSizeSmall && (\n                        <>\n                            {loadedFile && (\n                                <FileView\n                                    uploadType={uploadType}\n                                    loadedFile={loadedFile}\n                                    renderFileInfo={renderFileInfo}\n                                    onFileDelete={(event) => {\n                                        onFileDelete(event, loadedFile, 0);\n                                    }}\n                                    preview={preview}\n                                    disableCancel={disableCancel}\n                                    aria-label={ariaLabel || ''}\n                                    isLast\n                                />\n                            )}\n                            {!loadedFile && (\n                                <>\n                                    <Avatar\n                                        mode=\"icon\"\n                                        style=\"secondary\"\n                                        size={48}\n                                        icon={getUploadIcon(uploadType, loadedFile, true)}\n                                        aria-label={ariaLabel || ''}\n                                    />\n                                    <div>\n                                        <Text typography=\"label-2-regular\">{trls.title}</Text>\n                                        <VSpacing default={4} />\n                                        <Text typography=\"label-4-regular\" style=\"secondary\">\n                                            {trls.subTitle}\n                                        </Text>\n                                    </div>\n                                    {selectFileButton && <div className={styles.smallControls}>{selectFileButton}</div>}\n                                </>\n                            )}\n                        </>\n                    )}\n                    {!isSizeSmall && (\n                        <>\n                            {isLoading && (\n                                <>\n                                    <VSpacing default={12} />\n                                    <div className={styles.loader}>\n                                        <Loader size={64} />\n                                        {!disableCancel && (\n                                            <div className={styles.cancel}>\n                                                <CrossOutlinedSize24\n                                                    initialColor=\"accent\"\n                                                    onClick={(event) => {\n                                                        onFileDelete(event, loadedFile, 0);\n                                                    }}\n                                                />\n                                            </div>\n                                        )}\n                                    </div>\n                                </>\n                            )}\n                            {isInvalid ? (\n                                <ExclamationTriangleOutlinedSize32 initialColor=\"negative\" />\n                            ) : (\n                                <span className={classnames(styles.fileIcon, { [styles.hiddenFileInfo]: usePreview })}>\n                                    {getUploadIcon(uploadType, loadedFile, false)}\n                                </span>\n                            )}\n                            <VSpacing default={16} />\n                            {loadedFile && (\n                                <>\n                                    <div\n                                        className={classnames(styles.fileInfo, { [styles.hiddenFileInfo]: usePreview })}\n                                    >\n                                        <FileName file={loadedFile.data} isSizeMedium />\n                                        <VSpacing default={6} />\n                                        <Text typography=\"label-4-regular\" style=\"secondary\">\n                                            {renderFileInfo({\n                                                ...loadedFile,\n                                                fileSizeMB: bytes2mb(loadedFile.data.size),\n                                            })}\n                                        </Text>\n                                    </div>\n                                    {!isLoading && (!isImageType || isInvalid) && deleteFileButton && (\n                                        <>\n                                            <VSpacing default={16} />\n                                            {deleteFileButton}\n                                        </>\n                                    )}\n                                    {!isLoading &&\n                                        isImageType &&\n                                        !isInvalid &&\n                                        (replaceImageButton || deleteFileButton) && (\n                                            <>\n                                                <VSpacing default={16} />\n                                                <div className={styles.imageControls}>\n                                                    {replaceImageButton}\n                                                    {deleteFileButton}\n                                                </div>\n                                            </>\n                                        )}\n                                    {isLoading && <VSpacing default={12} />}\n                                </>\n                            )}\n                            {!loadedFile && <Placeholder trls={trls} selectFileButton={selectFileButton} />}\n                        </>\n                    )}\n                </TextDynamic>\n            </div>\n        </DisabledContext.Provider>\n    );\n};\n\nexport { SingleUpload };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BM,MAAA,YAAY,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,cAAc,EACvB,aAAa,EACb,gBAAgB,EAAE,iBAAiB,EACnC,gBAAgB,EAAE,iBAAiB,EACnC,kBAAkB,EAAE,mBAAmB,EACvC,cAAc,GAAG,qBAAqB,EACtC,cAAc,EAAE,sBAAsB,EACtC,cAAc,EAAE,sBAAsB,EACtC,YAAY,EAAE,oBAAoB,EAClC,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,GAAG,aAAa,EACN,KAAkB;AAC5B,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;AACjD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAC3D,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC7C,IAAA,MAAM,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,UAAU,KAAK,OAAO,CAAC;IAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,OAAO,KAAK,MAAM,CAAC;AACtC,IAAA,MAAM,eAAe,GAAG,WAAW,EAAE,CAAC;AACtC,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,eAAe,CAAC;IAE/C,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;AACpE,QAAA,cAAc,EAAE,sBAAsB;AACtC,QAAA,cAAc,EAAE,sBAAsB;AACtC,QAAA,YAAY,EAAE,oBAAoB;AACrC,KAAA,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;AAC9D,QAAA,GAAG,aAAa;AAChB,QAAA,QAAQ,EAAE,UAAU;QACpB,MAAM;QACN,cAAc;QACd,cAAc;AACd,QAAA,QAAQ,EAAE,KAAK;AAClB,KAAA,CAAC,CAAC;IAEH,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC;AAC9E,QAAA,gBAAgB,EAAE,iBAAiB;AACnC,QAAA,gBAAgB,EAAE,iBAAiB;AACnC,QAAA,kBAAkB,EAAE,mBAAmB;AACvC,QAAA,YAAY,EAAE,CAAC,KAAiB,KAAI;AAChC,YAAA,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;SACtC;AACJ,KAAA,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,WAAW;AACjC,UAAE,EAAE,eAAe,EAAE,OAAO,KAAK,MAAM,GAAG,QAAQ,OAAO,CAAA,EAAA,CAAI,GAAG,OAAO,EAAE;UACvE,EAAE,CAAC;IACT,QACIA,GAAC,CAAA,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCC,IACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAC,EAAE;AACvD,gBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,YAAY,IAAI,UAAU;AAC/C,gBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS;AAC3B,gBAAA,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM;AACrB,gBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS;AAC3B,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,aAAA,CAAC,KACE,YAAY,EAAE,EACV,SAAA,EAAA,wBAAwB,aAEhCD,GAAW,CAAA,OAAA,EAAA,EAAA,GAAA,aAAa,EAAE,EAAA,SAAA,EAAU,8BAA8B,EAAC,QAAQ,EAAE,UAAU,EAAA,CAAI,EAC3FA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAE,gBAAgB,EACf,SAAA,EAAA,mCAAmC,EAC7C,CAAA,EACFC,KAAC,WAAW,EAAA,EAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC,aAC7E,WAAW,KACRA,IACK,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAU,KACPF,GAAA,CAAC,QAAQ,EAAA,EACL,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,CAAC,KAAK,KAAI;AACpB,wCAAA,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;AACvC,qCAAC,EACD,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAChB,YAAA,EAAA,SAAS,IAAI,EAAE,EAC3B,MAAM,EAAA,IAAA,EAAA,CACR,CACL,EACA,CAAC,UAAU,KACRC,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAF,GAAA,CAAC,MAAM,EAAA,EACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,aAAa,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,EACrC,YAAA,EAAA,SAAS,IAAI,EAAE,GAC7B,EACFC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACID,IAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAE,QAAA,EAAA,IAAI,CAAC,KAAK,EAAA,CAAQ,EACtDA,GAAA,CAAC,QAAQ,EAAC,EAAA,OAAO,EAAE,CAAC,GAAI,EACxBA,GAAA,CAAC,IAAI,EAAC,EAAA,UAAU,EAAC,iBAAiB,EAAC,KAAK,EAAC,WAAW,EAC/C,QAAA,EAAA,IAAI,CAAC,QAAQ,GACX,CACL,EAAA,CAAA,EACL,gBAAgB,IAAIA,aAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAG,QAAA,EAAA,gBAAgB,EAAO,CAAA,CAAA,EAAA,CACpF,CACN,CACF,EAAA,CAAA,CACN,EACA,CAAC,WAAW,KACTC,IACK,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAS,KACND,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIF,IAAC,QAAQ,EAAA,EAAC,OAAO,EAAE,EAAE,EAAI,CAAA,EACzBC,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EACzB,QAAA,EAAA,CAAAD,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,EAAE,GAAI,EACnB,CAAC,aAAa,KACXA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EACzBA,IAAC,mBAAmB,EAAA,EAChB,YAAY,EAAC,QAAQ,EACrB,OAAO,EAAE,CAAC,KAAK,KAAI;AACf,4DAAA,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;yDACtC,EAAA,CACH,EACA,CAAA,CACT,CACC,EAAA,CAAA,CAAA,EAAA,CACP,CACN,EACA,SAAS,IACNA,GAAA,CAAC,iCAAiC,EAAC,EAAA,YAAY,EAAC,UAAU,EAAG,CAAA,KAE7DA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,UAAU,EAAE,CAAC,EAChF,QAAA,EAAA,aAAa,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,EAAA,CAC1C,CACV,EACDA,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAA,CAAI,EACxB,UAAU,KACPC,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,UAAU,EAAE,CAAC,EAE/E,QAAA,EAAA,CAAAD,GAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,YAAY,EAAG,IAAA,EAAA,CAAA,EAChDA,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,CAAC,EAAI,CAAA,EACxBA,GAAC,CAAA,IAAI,EAAC,EAAA,UAAU,EAAC,iBAAiB,EAAC,KAAK,EAAC,WAAW,EAC/C,QAAA,EAAA,cAAc,CAAC;AACZ,wDAAA,GAAG,UAAU;wDACb,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7C,qDAAA,CAAC,EACC,CAAA,CAAA,EAAA,CACL,EACL,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,gBAAgB,KAC1DC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIF,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAI,CAAA,EACxB,gBAAgB,CAAA,EAAA,CAClB,CACN,EACA,CAAC,SAAS;4CACP,WAAW;AACX,4CAAA,CAAC,SAAS;AACV,6CAAC,kBAAkB,IAAI,gBAAgB,CAAC,KACpCC,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAF,GAAA,CAAC,QAAQ,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA,CAAI,EACzBC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,QAAA,EAAA,CAC/B,kBAAkB,EAClB,gBAAgB,CAAA,EAAA,CACf,CACP,EAAA,CAAA,CACN,EACJ,SAAS,IAAID,GAAA,CAAC,QAAQ,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA,CAAI,CACxC,EAAA,CAAA,CACN,EACA,CAAC,UAAU,IAAIA,GAAC,CAAA,WAAW,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAI,CAAA,CAAA,EAAA,CAChF,CACN,CAAA,EAAA,CACS,CACZ,EAAA,CAAA,EAAA,CACiB,EAC7B;AACN;;;;"}
+{"version":3,"file":"SingleUpload.js","sources":["../src/SingleUpload.tsx"],"sourcesContent":["import { ReactElement, MouseEvent } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { Avatar } from '@hh.ru/magritte-ui-avatar';\nimport { CrossOutlinedSize24, ExclamationTriangleOutlinedSize32 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Text, TextDynamic } from '@hh.ru/magritte-ui-typography';\nimport { FileName } from '@hh.ru/magritte-ui-upload/FileName';\nimport { FileView } from '@hh.ru/magritte-ui-upload/FileView';\nimport { Placeholder } from '@hh.ru/magritte-ui-upload/Placeholder';\nimport { UploadProps } from '@hh.ru/magritte-ui-upload/types';\nimport { useDropActions } from '@hh.ru/magritte-ui-upload/useDropActions';\nimport { useDropButtons } from '@hh.ru/magritte-ui-upload/useDropButtons';\nimport { useFilePreview } from '@hh.ru/magritte-ui-upload/useFilePreview';\nimport {\n    getUploadIcon,\n    bytes2mb,\n    getAvaliableFileTypes,\n    RenderFileInfoDefault,\n    DEFAULT_ACCEPT,\n} from '@hh.ru/magritte-ui-upload/utils';\n\nimport styles from './upload.less';\n\nconst SingleUpload = ({\n    files,\n    trls,\n    size = 'medium',\n    accept = DEFAULT_ACCEPT,\n    disableCancel,\n    selectFileButton: _selectFileButton,\n    deleteFileButton: _deleteFileButton,\n    replaceImageButton: _replaceImageButton,\n    renderFileInfo = RenderFileInfoDefault,\n    onDropAccepted: onDropAcceptedExternal,\n    onDropRejected: onDropRejectedExternal,\n    onFileDelete: onFileDeleteExternal,\n    'aria-label': ariaLabel,\n    disabled,\n    ...dropzoneProps\n}: UploadProps): ReactElement => {\n    const uploadType = getAvaliableFileTypes(accept);\n    const loadedFile = files.length > 0 ? files[0] : undefined;\n    const isLoad = Boolean(loadedFile);\n    const isLoading = Boolean(loadedFile?.loading);\n    const isInvalid = Boolean(loadedFile?.error);\n    const isSizeSmall = size === 'small';\n    const isImageType = uploadType === 'image';\n    const preview = useFilePreview({ loadedFile, isImageType });\n    const usePreview = preview !== 'none';\n    const contextDisabled = useDisabled();\n    const isDisabled = disabled || contextDisabled;\n\n    const { onDropAccepted, onDropRejected, onFileDelete } = useDropActions({\n        onDropAccepted: onDropAcceptedExternal,\n        onDropRejected: onDropRejectedExternal,\n        onFileDelete: onFileDeleteExternal,\n    });\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n        ...dropzoneProps,\n        disabled: isDisabled,\n        accept,\n        onDropAccepted,\n        onDropRejected,\n        multiple: false,\n    });\n\n    const { selectFileButton, deleteFileButton, replaceImageButton } = useDropButtons({\n        selectFileButton: _selectFileButton,\n        deleteFileButton: _deleteFileButton,\n        replaceImageButton: _replaceImageButton,\n        onFileDelete: (event: MouseEvent) => {\n            onFileDelete(event, loadedFile, 0);\n        },\n    });\n\n    const backgroundStyles = !isSizeSmall\n        ? { backgroundImage: preview !== 'none' ? `url('${preview}')` : preview }\n        : {};\n    return (\n        <DisabledContext.Provider value={isDisabled}>\n            <div\n                className={classnames(styles.root, styles[`root_${size}`], {\n                    [styles.dragActive]: isDragActive && isDisabled,\n                    [styles.loading]: isLoading,\n                    [styles.load]: isLoad,\n                    [styles.invalid]: isInvalid,\n                    [styles.disabled]: isDisabled,\n                })}\n                {...getRootProps()}\n                data-qa=\"magritte-single-upload\"\n            >\n                <input {...getInputProps()} data-qa=\"magritte-single-upload-input\" disabled={isDisabled} />\n                <div\n                    className={styles.background}\n                    style={backgroundStyles}\n                    data-qa=\"magritte-single-upload-background\"\n                />\n                <TextDynamic className={classnames(styles.body, { [styles.disabled]: isDisabled })}>\n                    {isSizeSmall && (\n                        <>\n                            {loadedFile && (\n                                <FileView\n                                    uploadType={uploadType}\n                                    loadedFile={loadedFile}\n                                    renderFileInfo={renderFileInfo}\n                                    onFileDelete={(event) => {\n                                        onFileDelete(event, loadedFile, 0);\n                                    }}\n                                    preview={preview}\n                                    disableCancel={disableCancel}\n                                    aria-label={ariaLabel || ''}\n                                    isLast\n                                />\n                            )}\n                            {!loadedFile && (\n                                <>\n                                    <Avatar\n                                        mode=\"icon\"\n                                        style=\"secondary\"\n                                        size={48}\n                                        icon={getUploadIcon(uploadType, loadedFile, true)}\n                                        aria-label={ariaLabel || ''}\n                                    />\n                                    <div className={styles.singleSmallPlaceholer}>\n                                        <Text typography=\"label-2-regular\">{trls.title}</Text>\n                                        <VSpacing default={4} />\n                                        <Text typography=\"label-4-regular\" style=\"secondary\">\n                                            {trls.subTitle}\n                                        </Text>\n                                    </div>\n                                    {selectFileButton && <div className={styles.smallControls}>{selectFileButton}</div>}\n                                </>\n                            )}\n                        </>\n                    )}\n                    {!isSizeSmall && (\n                        <>\n                            {isLoading && (\n                                <>\n                                    <VSpacing default={12} />\n                                    <div className={styles.loader}>\n                                        <Loader size={64} />\n                                        {!disableCancel && (\n                                            <div className={styles.cancel}>\n                                                <CrossOutlinedSize24\n                                                    initialColor=\"accent\"\n                                                    onClick={(event) => {\n                                                        onFileDelete(event, loadedFile, 0);\n                                                    }}\n                                                />\n                                            </div>\n                                        )}\n                                    </div>\n                                </>\n                            )}\n                            {isInvalid ? (\n                                <ExclamationTriangleOutlinedSize32 initialColor=\"negative\" />\n                            ) : (\n                                <span className={classnames(styles.fileIcon, { [styles.hiddenFileInfo]: usePreview })}>\n                                    {getUploadIcon(uploadType, loadedFile, false)}\n                                </span>\n                            )}\n                            <VSpacing default={16} />\n                            {loadedFile && (\n                                <>\n                                    <div\n                                        className={classnames(styles.fileInfo, { [styles.hiddenFileInfo]: usePreview })}\n                                    >\n                                        <FileName file={loadedFile.data} isSizeMedium />\n                                        <VSpacing default={6} />\n                                        <Text typography=\"label-4-regular\" style=\"secondary\">\n                                            {renderFileInfo({\n                                                ...loadedFile,\n                                                fileSizeMB: bytes2mb(loadedFile.data.size),\n                                            })}\n                                        </Text>\n                                    </div>\n                                    {!isLoading && (!isImageType || isInvalid) && deleteFileButton && (\n                                        <>\n                                            <VSpacing default={16} />\n                                            {deleteFileButton}\n                                        </>\n                                    )}\n                                    {!isLoading &&\n                                        isImageType &&\n                                        !isInvalid &&\n                                        (replaceImageButton || deleteFileButton) && (\n                                            <>\n                                                <VSpacing default={16} />\n                                                <div className={styles.imageControls}>\n                                                    {replaceImageButton}\n                                                    {deleteFileButton}\n                                                </div>\n                                            </>\n                                        )}\n                                    {isLoading && <VSpacing default={12} />}\n                                </>\n                            )}\n                            {!loadedFile && <Placeholder trls={trls} selectFileButton={selectFileButton} />}\n                        </>\n                    )}\n                </TextDynamic>\n            </div>\n        </DisabledContext.Provider>\n    );\n};\n\nexport { SingleUpload };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/Upload.js

@@ -4,7 +4,7 @@ import { MultiUpload } from './MultiUpload.js';
 import { SingleUpload } from './SingleUpload.js';
 import 'react-dropzone';
 import 'classnames';
-import './upload-Tejb-jCw.js';
+import './upload-DHlgvWib.js';
 import 'react';
 import '@hh.ru/magritte-ui-spacing';
 import '@hh.ru/magritte-ui-typography';

package/index.css

@@ -1,38 +1,47 @@
-.magritte-file-name-body___PTTMc_4-1-6{
+.magritte-file-name-body___PTTMc_4-1-7{
   display:flex;
   width:100%;
   overflow:hidden;
 }
-.magritte-file-name-body_medium___sfmmq_4-1-6{
+.magritte-file-name-body_medium___sfmmq_4-1-7{
   justify-content:center;
 }
 
-.magritte-file-info-body___HmfXd_4-1-6{
+.magritte-avatar-and-info___vt6aT_4-1-7{
+  display:flex;
+  gap:16px;
+  width:100%;
+}
+.magritte-file-info-body___HmfXd_4-1-7{
+  display:flex;
   flex-grow:1;
+  flex-direction:column;
 }
-.magritte-file-info-and-controls___61iyY_4-1-6{
+.magritte-file-info-and-controls___61iyY_4-1-7{
   display:flex;
   gap:16px;
+  flex-grow:1;
 }
-.magritte-file-info-container___WFab8_4-1-6{
+.magritte-file-info-container___WFab8_4-1-7{
   flex-grow:1;
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
   width:50px;
 }
-.magritte-file-info___HrqiB_4-1-6{
+.magritte-file-info___HrqiB_4-1-7{
   display:flex;
   gap:4px;
+  align-items:center;
 }
-.magritte-controls___WdH7A_4-1-6{
+.magritte-controls___WdH7A_4-1-7{
   display:flex;
   align-items:center;
   margin-left:auto;
   margin-right:16px;
 }
-
-.magritte-item___vVDG-_4-1-6{
-  display:flex;
-  width:100%;
-  gap:16px;
+.magritte-divider___3-bj9_4-1-7{
+  margin-left:64px;
 }
 
 :root{
@@ -56,84 +65,95 @@
 .magritte-zp-day-theme{
   --magritte-color-stroke-accent-v24-3-0:#7195AF;
 }
-.magritte-root___FV1tC_4-1-6{
+.magritte-root___FV1tC_4-1-7{
   position:relative;
   display:flex;
   overflow:hidden;
   border-radius:24px;
   background-color:var(--magritte-color-background-primary-v24-3-0);
   cursor:pointer;
+  --border-background-dimension:5px;
 }
-.magritte-root___FV1tC_4-1-6:hover .magritte-background___RfZ0U_4-1-6{
+.magritte-root___FV1tC_4-1-7:hover .magritte-background___RfZ0U_4-1-7{
   border-color:var(--magritte-color-stroke-accent-v24-3-0);
 }
-.magritte-root___FV1tC_4-1-6.magritte-drag-active___dihBL_4-1-6 .magritte-background___RfZ0U_4-1-6{
+.magritte-root___FV1tC_4-1-7.magritte-drag-active___dihBL_4-1-7 .magritte-background___RfZ0U_4-1-7{
   border-color:var(--magritte-color-stroke-accent-v24-3-0);
 }
-.magritte-root___FV1tC_4-1-6.focus-visible{
+.magritte-root___FV1tC_4-1-7.focus-visible{
   outline:var(--magritte-color-stroke-state-focused-accessible-v24-3-0) solid 4px;
 }
-.magritte-root___FV1tC_4-1-6.focus-visible .magritte-background___RfZ0U_4-1-6{
+.magritte-root___FV1tC_4-1-7.focus-visible .magritte-background___RfZ0U_4-1-7{
   border-color:var(--magritte-color-stroke-accent-v24-3-0);
 }
-.magritte-root___FV1tC_4-1-6.magritte-load___MghDA_4-1-6 .magritte-background___RfZ0U_4-1-6,
-.magritte-root___FV1tC_4-1-6.magritte-loading___9E3p-_4-1-6 .magritte-background___RfZ0U_4-1-6{
+.magritte-root___FV1tC_4-1-7.magritte-load___MghDA_4-1-7 .magritte-background___RfZ0U_4-1-7,
+.magritte-root___FV1tC_4-1-7.magritte-loading___9E3p-_4-1-7 .magritte-background___RfZ0U_4-1-7{
   border-style:solid;
-  border-width:7px;
+  border-width:calc(1px + var(--border-background-dimension));
 }
-.magritte-root___FV1tC_4-1-6.magritte-invalid___Rt10-_4-1-6.focus-visible{
+.magritte-root___FV1tC_4-1-7.magritte-invalid___Rt10-_4-1-7.focus-visible{
   outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-3-0) solid 4px;
 }
-.magritte-root___FV1tC_4-1-6.magritte-invalid___Rt10-_4-1-6 .magritte-background___RfZ0U_4-1-6{
+.magritte-root___FV1tC_4-1-7.magritte-invalid___Rt10-_4-1-7 .magritte-background___RfZ0U_4-1-7{
   border-color:var(--magritte-color-stroke-neutral-v24-3-0);
 }
-.magritte-root___FV1tC_4-1-6.magritte-disabled___bhw2K_4-1-6{
+.magritte-root___FV1tC_4-1-7.magritte-disabled___bhw2K_4-1-7{
   cursor:default;
   background-color:var(--magritte-color-background-state-primary-disabled-v24-3-0);
 }
-.magritte-root___FV1tC_4-1-6.magritte-disabled___bhw2K_4-1-6 .magritte-background___RfZ0U_4-1-6{
+.magritte-root___FV1tC_4-1-7.magritte-disabled___bhw2K_4-1-7 .magritte-background___RfZ0U_4-1-7{
   border-color:var(--magritte-color-stroke-state-neutral-disabled-v24-3-0);
-  border-width:8px;
+  border-width:calc(2px + var(--border-background-dimension));
+}
+@supports (-moz-appearance: none){
+  .magritte-root___FV1tC_4-1-7{
+    --border-background-dimension:2px;
+  }
 }
-.magritte-root_medium___67WJa_4-1-6{
+@supports (background: -webkit-named-image(i)) and (-webkit-appearance: none){
+  .magritte-root___FV1tC_4-1-7{
+    --border-background-dimension:2px;
+  }
+}
+.magritte-root_medium___67WJa_4-1-7{
   justify-content:center;
   padding:24px;
 }
-.magritte-root_medium___67WJa_4-1-6 .magritte-body___O7ROl_4-1-6{
+.magritte-root_medium___67WJa_4-1-7 .magritte-body___O7ROl_4-1-7{
   flex-direction:column;
   align-items:center;
   justify-content:center;
 }
-.magritte-root_small___dkUYq_4-1-6{
+.magritte-root_small___dkUYq_4-1-7{
   padding-top:16px;
   padding-bottom:16px;
   padding-left:16px;
 }
-.magritte-root_small___dkUYq_4-1-6 .magritte-body___O7ROl_4-1-6{
+.magritte-root_small___dkUYq_4-1-7 .magritte-body___O7ROl_4-1-7{
   gap:16px;
 }
-.magritte-background___RfZ0U_4-1-6{
+.magritte-background___RfZ0U_4-1-7{
   position:absolute;
-  border-width:8px;
+  border-width:calc(2px + var(--border-background-dimension));
   border-style:dashed;
   border-color:var(--magritte-color-stroke-neutral-v24-3-0);
-  top:-6px;
-  bottom:-6px;
-  left:-6px;
-  right:-6px;
-  border-radius:calc(24px + 6px);
+  top:calc(-1 * var(--border-background-dimension));
+  bottom:calc(-1 * var(--border-background-dimension));
+  left:calc(-1 * var(--border-background-dimension));
+  right:calc(-1 * var(--border-background-dimension));
+  border-radius:calc(24px + var(--border-background-dimension));
   background-position:center;
   background-size:100%;
 }
-.magritte-body___O7ROl_4-1-6{
+.magritte-body___O7ROl_4-1-7{
   display:flex;
   width:100%;
 }
-.magritte-loader___XYpWg_4-1-6{
+.magritte-loader___XYpWg_4-1-7{
   position:relative;
   display:flex;
 }
-.magritte-cancel___tQ-yX_4-1-6{
+.magritte-cancel___tQ-yX_4-1-7{
   position:absolute;
   top:0;
   left:0;
@@ -143,20 +163,20 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-image-controls___vLf94_4-1-6{
+.magritte-image-controls___vLf94_4-1-7{
   display:flex;
   gap:12px;
   align-items:flex-end;
   justify-content:flex-end;
   width:100%;
 }
-.magritte-small-controls___Qn9TP_4-1-6{
+.magritte-small-controls___Qn9TP_4-1-7{
   display:flex;
   align-items:center;
   margin-left:auto;
   margin-right:20px;
 }
-.magritte-file-list___L9uHt_4-1-6{
+.magritte-file-list___L9uHt_4-1-7{
   margin-top:12px;
   box-shadow:inset 0 0 0 1px var(--magritte-color-stroke-neutral-v24-3-0);
   border-radius:24px;
@@ -165,15 +185,20 @@
   padding-bottom:16px;
   padding-left:16px;
 }
-.magritte-file-icon___oetLK_4-1-6{
+.magritte-file-icon___oetLK_4-1-7{
   display:inline-flex;
 }
-.magritte-file-info___Y3vyi_4-1-6{
+.magritte-file-info___Y3vyi_4-1-7{
   display:inline-flex;
   width:100%;
   flex-direction:column;
   align-items:center;
 }
-.magritte-hidden-file-info___92c69_4-1-6{
+.magritte-hidden-file-info___92c69_4-1-7{
   visibility:hidden;
 }
+.magritte-single-small-placeholer___m8Vnt_4-1-7{
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+}

package/index.js

@@ -4,7 +4,7 @@ import 'react/jsx-runtime';
 import './MultiUpload.js';
 import 'react-dropzone';
 import 'classnames';
-import './upload-Tejb-jCw.js';
+import './upload-DHlgvWib.js';
 import 'react';
 import '@hh.ru/magritte-ui-spacing';
 import '@hh.ru/magritte-ui-typography';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-upload",
-  "version": "4.1.6",
+  "version": "4.1.7",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -39,5 +39,5 @@
     "@hh.ru/magritte-ui-typography": "4.4.4",
     "react-dropzone": "14.3.5"
   },
-  "gitHead": "5005e6a188b63f8f01cfe86783fa056cef562ab4"
+  "gitHead": "432ae6cd6682a9d47cd9c752dd128119aae6b6b5"
 }

package/upload-DHlgvWib.js

@@ -0,0 +1,10 @@
+import './index.css';
+import { createContext, useContext } from 'react';
+
+const DisabledContext = createContext(false);
+const useDisabled = () => useContext(DisabledContext);
+
+var styles = {"root":"magritte-root___FV1tC_4-1-7","background":"magritte-background___RfZ0U_4-1-7","drag-active":"magritte-drag-active___dihBL_4-1-7","dragActive":"magritte-drag-active___dihBL_4-1-7","load":"magritte-load___MghDA_4-1-7","loading":"magritte-loading___9E3p-_4-1-7","invalid":"magritte-invalid___Rt10-_4-1-7","disabled":"magritte-disabled___bhw2K_4-1-7","root_medium":"magritte-root_medium___67WJa_4-1-7","rootMedium":"magritte-root_medium___67WJa_4-1-7","body":"magritte-body___O7ROl_4-1-7","root_small":"magritte-root_small___dkUYq_4-1-7","rootSmall":"magritte-root_small___dkUYq_4-1-7","loader":"magritte-loader___XYpWg_4-1-7","cancel":"magritte-cancel___tQ-yX_4-1-7","image-controls":"magritte-image-controls___vLf94_4-1-7","imageControls":"magritte-image-controls___vLf94_4-1-7","small-controls":"magritte-small-controls___Qn9TP_4-1-7","smallControls":"magritte-small-controls___Qn9TP_4-1-7","file-list":"magritte-file-list___L9uHt_4-1-7","fileList":"magritte-file-list___L9uHt_4-1-7","file-icon":"magritte-file-icon___oetLK_4-1-7","fileIcon":"magritte-file-icon___oetLK_4-1-7","file-info":"magritte-file-info___Y3vyi_4-1-7","fileInfo":"magritte-file-info___Y3vyi_4-1-7","hidden-file-info":"magritte-hidden-file-info___92c69_4-1-7","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-1-7","single-small-placeholer":"magritte-single-small-placeholer___m8Vnt_4-1-7","singleSmallPlaceholer":"magritte-single-small-placeholer___m8Vnt_4-1-7"};
+
+export { DisabledContext as D, styles as s, useDisabled as u };
+//# sourceMappingURL=upload-DHlgvWib.js.map

package/{upload-Tejb-jCw.js.map → upload-DHlgvWib.js.map}

@@ -1 +1 @@
-{"version":3,"file":"upload-Tejb-jCw.js","sources":["../../../common/use-disabled/lib/index.js"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst DisabledContext = createContext(false);\nconst useDisabled = () => useContext(DisabledContext);\n\nexport { DisabledContext, useDisabled };\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;AAEK,MAAC,eAAe,GAAG,aAAa,CAAC,KAAK,EAAE;AACxC,MAAC,WAAW,GAAG,MAAM,UAAU,CAAC,eAAe;;;;;;"}
+{"version":3,"file":"upload-DHlgvWib.js","sources":["../../../common/use-disabled/lib/index.js"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst DisabledContext = createContext(false);\nconst useDisabled = () => useContext(DisabledContext);\n\nexport { DisabledContext, useDisabled };\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;AAEK,MAAC,eAAe,GAAG,aAAa,CAAC,KAAK,EAAE;AACxC,MAAC,WAAW,GAAG,MAAM,UAAU,CAAC,eAAe;;;;;;"}

package/upload-Tejb-jCw.js

@@ -1,10 +0,0 @@
-import './index.css';
-import { createContext, useContext } from 'react';
-
-const DisabledContext = createContext(false);
-const useDisabled = () => useContext(DisabledContext);
-
-var styles = {"root":"magritte-root___FV1tC_4-1-6","background":"magritte-background___RfZ0U_4-1-6","drag-active":"magritte-drag-active___dihBL_4-1-6","dragActive":"magritte-drag-active___dihBL_4-1-6","load":"magritte-load___MghDA_4-1-6","loading":"magritte-loading___9E3p-_4-1-6","invalid":"magritte-invalid___Rt10-_4-1-6","disabled":"magritte-disabled___bhw2K_4-1-6","root_medium":"magritte-root_medium___67WJa_4-1-6","rootMedium":"magritte-root_medium___67WJa_4-1-6","body":"magritte-body___O7ROl_4-1-6","root_small":"magritte-root_small___dkUYq_4-1-6","rootSmall":"magritte-root_small___dkUYq_4-1-6","loader":"magritte-loader___XYpWg_4-1-6","cancel":"magritte-cancel___tQ-yX_4-1-6","image-controls":"magritte-image-controls___vLf94_4-1-6","imageControls":"magritte-image-controls___vLf94_4-1-6","small-controls":"magritte-small-controls___Qn9TP_4-1-6","smallControls":"magritte-small-controls___Qn9TP_4-1-6","file-list":"magritte-file-list___L9uHt_4-1-6","fileList":"magritte-file-list___L9uHt_4-1-6","file-icon":"magritte-file-icon___oetLK_4-1-6","fileIcon":"magritte-file-icon___oetLK_4-1-6","file-info":"magritte-file-info___Y3vyi_4-1-6","fileInfo":"magritte-file-info___Y3vyi_4-1-6","hidden-file-info":"magritte-hidden-file-info___92c69_4-1-6","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-1-6"};
-
-export { DisabledContext as D, styles as s, useDisabled as u };
-//# sourceMappingURL=upload-Tejb-jCw.js.map