@hh.ru/magritte-ui-upload 3.1.6 → 3.2.0

package/FileName.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 
-var styles = {"file-name-body":"magritte-file-name-body___PTTMc_3-1-6","fileNameBody":"magritte-file-name-body___PTTMc_3-1-6","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_3-1-6","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_3-1-6","file-name":"magritte-file-name___ZSL2g_3-1-6","fileName":"magritte-file-name___ZSL2g_3-1-6"};
+var styles = {"file-name-body":"magritte-file-name-body___PTTMc_3-2-0","fileNameBody":"magritte-file-name-body___PTTMc_3-2-0","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_3-2-0","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_3-2-0","file-name":"magritte-file-name___ZSL2g_3-2-0","fileName":"magritte-file-name___ZSL2g_3-2-0"};
 
 const parse = (file) => {
     const name = file.name;

package/FileView.js

@@ -10,7 +10,7 @@ import { FileName } from './FileName.js';
 import { getUploadIcon, bytes2mb } from './utils.js';
 import 'classnames';
 
-var styles = {"file-info-body":"magritte-file-info-body___HmfXd_3-1-6","fileInfoBody":"magritte-file-info-body___HmfXd_3-1-6","file-info-and-controls":"magritte-file-info-and-controls___61iyY_3-1-6","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_3-1-6","file-info-container":"magritte-file-info-container___WFab8_3-1-6","fileInfoContainer":"magritte-file-info-container___WFab8_3-1-6","file-info":"magritte-file-info___HrqiB_3-1-6","fileInfo":"magritte-file-info___HrqiB_3-1-6","controls":"magritte-controls___WdH7A_3-1-6"};
+var styles = {"file-info-body":"magritte-file-info-body___HmfXd_3-2-0","fileInfoBody":"magritte-file-info-body___HmfXd_3-2-0","file-info-and-controls":"magritte-file-info-and-controls___61iyY_3-2-0","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_3-2-0","file-info-container":"magritte-file-info-container___WFab8_3-2-0","fileInfoContainer":"magritte-file-info-container___WFab8_3-2-0","file-info":"magritte-file-info___HrqiB_3-2-0","fileInfo":"magritte-file-info___HrqiB_3-2-0","controls":"magritte-controls___WdH7A_3-2-0"};
 
 const FileView = ({ uploadType, loadedFile, preview, renderFileInfo, onFileDelete, 'aria-label': ariaLabel, isLast = false, }) => {
     const isLoading = Boolean(loadedFile?.loading);

package/FileViewWithPreview.js

@@ -13,7 +13,7 @@ import './FileName.js';
 import 'classnames';
 import 'react';
 
-var styles = {"item":"magritte-item___vVDG-_3-1-6"};
+var styles = {"item":"magritte-item___vVDG-_3-2-0"};
 
 const FileViewWithPreview = ({ loadedFile, ...otherProps }) => {
     const uploadType = getFileType(loadedFile.data.type);

package/MultiUpload.js

@@ -8,7 +8,7 @@ import { Placeholder } from './Placeholder.js';
 import { useDropActions } from './useDropActions.js';
 import { useDropButtons } from './useDropButtons.js';
 import { getAvaliableFileTypes, getUploadIcon, DEFAULT_ACCEPT, RenderFileInfoDefault } from './utils.js';
-import { s as styles } from './upload-OzJ7m3Sf.js';
+import { s as styles } from './upload-DVaEQt0-.js';
 import './FileView.js';
 import '@hh.ru/magritte-ui-action';
 import '@hh.ru/magritte-ui-avatar';

package/SingleUpload.js

@@ -15,7 +15,7 @@ import { useDropActions } from './useDropActions.js';
 import { useDropButtons } from './useDropButtons.js';
 import { useFilePreview } from './useFilePreview.js';
 import { getAvaliableFileTypes, getUploadIcon, bytes2mb, DEFAULT_ACCEPT, RenderFileInfoDefault } from './utils.js';
-import { s as styles } from './upload-OzJ7m3Sf.js';
+import { s as styles } from './upload-DVaEQt0-.js';
 import '@hh.ru/magritte-ui-action';
 import '@hh.ru/magritte-ui-divider';
 import '@hh.ru/magritte-ui-breakpoint';

package/Upload.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { UploadProps } from '@hh.ru/magritte-ui-upload/types';
-declare const Upload: ({ multiple, ...uploadProps }: UploadProps) => ReactElement;
+declare const Upload: ({ multiple, noDragEventsBubbling, ...uploadProps }: UploadProps) => ReactElement;
 export { Upload };

package/Upload.js

@@ -21,13 +21,13 @@ import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-typography';
 import './useDropActions.js';
 import './useDropButtons.js';
-import './upload-OzJ7m3Sf.js';
+import './upload-DVaEQt0-.js';
 
-const Upload = ({ multiple, ...uploadProps }) => {
+const Upload = ({ multiple, noDragEventsBubbling = true, ...uploadProps }) => {
     if (multiple) {
-        return jsx(MultiUpload, { ...uploadProps });
+        return jsx(MultiUpload, { noDragEventsBubbling: noDragEventsBubbling, ...uploadProps });
     }
-    return jsx(SingleUpload, { ...uploadProps });
+    return jsx(SingleUpload, { noDragEventsBubbling: noDragEventsBubbling, ...uploadProps });
 };
 
 export { Upload };

package/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","sources":["../src/Upload.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { MultiUpload } from '@hh.ru/magritte-ui-upload/MultiUpload';\nimport { SingleUpload } from '@hh.ru/magritte-ui-upload/SingleUpload';\nimport { UploadProps } from '@hh.ru/magritte-ui-upload/types';\n\nconst Upload = ({ multiple, ...uploadProps }: UploadProps): ReactElement => {\n    if (multiple) {\n        return <MultiUpload {...uploadProps} />;\n    }\n    return <SingleUpload {...uploadProps} />;\n};\n\nexport { Upload };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAe,KAAkB;IACvE,IAAI,QAAQ,EAAE;AACV,QAAA,OAAOA,GAAC,CAAA,WAAW,EAAK,EAAA,GAAA,WAAW,GAAI,CAAC;KAC3C;AACD,IAAA,OAAOA,GAAC,CAAA,YAAY,EAAK,EAAA,GAAA,WAAW,GAAI,CAAC;AAC7C;;;;"}
+{"version":3,"file":"Upload.js","sources":["../src/Upload.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { MultiUpload } from '@hh.ru/magritte-ui-upload/MultiUpload';\nimport { SingleUpload } from '@hh.ru/magritte-ui-upload/SingleUpload';\nimport { UploadProps } from '@hh.ru/magritte-ui-upload/types';\n\nconst Upload = ({ multiple, noDragEventsBubbling = true, ...uploadProps }: UploadProps): ReactElement => {\n    if (multiple) {\n        return <MultiUpload noDragEventsBubbling={noDragEventsBubbling} {...uploadProps} />;\n    }\n    return <SingleUpload noDragEventsBubbling={noDragEventsBubbling} {...uploadProps} />;\n};\n\nexport { Upload };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,oBAAoB,GAAG,IAAI,EAAE,GAAG,WAAW,EAAe,KAAkB;IACpG,IAAI,QAAQ,EAAE;QACV,OAAOA,GAAA,CAAC,WAAW,EAAC,EAAA,oBAAoB,EAAE,oBAAoB,EAAA,GAAM,WAAW,EAAA,CAAI,CAAC;KACvF;IACD,OAAOA,GAAA,CAAC,YAAY,EAAC,EAAA,oBAAoB,EAAE,oBAAoB,EAAA,GAAM,WAAW,EAAA,CAAI,CAAC;AACzF;;;;"}

package/index.css

@@ -530,7 +530,7 @@
   --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
   --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
 }
-.magritte-file-name-body___PTTMc_3-1-6{
+.magritte-file-name-body___PTTMc_3-2-0{
   display:flex;
   width:100%;
   overflow:hidden;
@@ -543,10 +543,10 @@
   text-transform:var(--magritte-typography-label-2-regular-text-transform-v20-1-0);
   text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v20-1-0);
 }
-.magritte-file-name-body_medium___sfmmq_3-1-6{
+.magritte-file-name-body_medium___sfmmq_3-2-0{
   justify-content:center;
 }
-.magritte-file-name___ZSL2g_3-1-6{
+.magritte-file-name___ZSL2g_3-2-0{
   overflow:hidden;
   text-overflow:ellipsis;
 }
@@ -1085,18 +1085,18 @@
   --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
   --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
 }
-.magritte-file-info-body___HmfXd_3-1-6{
+.magritte-file-info-body___HmfXd_3-2-0{
   flex-grow:1;
 }
-.magritte-file-info-and-controls___61iyY_3-1-6{
+.magritte-file-info-and-controls___61iyY_3-2-0{
   display:flex;
   gap:var(--magritte-static-space-400-v20-1-0);
 }
-.magritte-file-info-container___WFab8_3-1-6{
+.magritte-file-info-container___WFab8_3-2-0{
   flex-grow:1;
   width:50px;
 }
-.magritte-file-info___HrqiB_3-1-6{
+.magritte-file-info___HrqiB_3-2-0{
   display:flex;
   gap:var(--magritte-static-space-100-v20-1-0);
   font-family:var(--magritte-typography-label-4-regular-font-family-v20-1-0);
@@ -1108,7 +1108,7 @@
   text-transform:var(--magritte-typography-label-4-regular-text-transform-v20-1-0);
   text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v20-1-0);
 }
-.magritte-controls___WdH7A_3-1-6{
+.magritte-controls___WdH7A_3-2-0{
   display:flex;
   align-items:center;
   margin-left:auto;
@@ -1648,7 +1648,7 @@
   --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
   --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
 }
-.magritte-item___vVDG-_3-1-6{
+.magritte-item___vVDG-_3-2-0{
   display:flex;
   width:100%;
   gap:var(--magritte-static-space-400-v20-1-0);
@@ -2205,57 +2205,57 @@
   --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
   --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
 }
-.magritte-root___FV1tC_3-1-6{
+.magritte-root___FV1tC_3-2-0{
   position:relative;
   display:flex;
   overflow:hidden;
   border-radius:var(--magritte-static-border-radius-600-v20-1-0);
   background-color:var(--magritte-color-background-primary-v20-1-0);
 }
-.magritte-root___FV1tC_3-1-6:hover{
+.magritte-root___FV1tC_3-2-0:hover{
   cursor:pointer;
 }
-.magritte-root___FV1tC_3-1-6:hover .magritte-background___RfZ0U_3-1-6{
+.magritte-root___FV1tC_3-2-0:hover .magritte-background___RfZ0U_3-2-0{
   border-color:var(--magritte-color-stroke-accent-v20-1-0);
 }
-.magritte-root___FV1tC_3-1-6.magritte-drag-active___dihBL_3-1-6 .magritte-background___RfZ0U_3-1-6{
+.magritte-root___FV1tC_3-2-0.magritte-drag-active___dihBL_3-2-0 .magritte-background___RfZ0U_3-2-0{
   border-color:var(--magritte-color-stroke-accent-v20-1-0);
 }
-.magritte-root___FV1tC_3-1-6.focus-visible{
+.magritte-root___FV1tC_3-2-0.focus-visible{
   outline:var(--magritte-color-stroke-state-focused-accessible-v20-1-0) solid 4px;
 }
-.magritte-root___FV1tC_3-1-6.focus-visible .magritte-background___RfZ0U_3-1-6{
+.magritte-root___FV1tC_3-2-0.focus-visible .magritte-background___RfZ0U_3-2-0{
   border-color:var(--magritte-color-stroke-accent-v20-1-0);
 }
-.magritte-root___FV1tC_3-1-6.magritte-load___MghDA_3-1-6 .magritte-background___RfZ0U_3-1-6,
-.magritte-root___FV1tC_3-1-6.magritte-loading___9E3p-_3-1-6 .magritte-background___RfZ0U_3-1-6{
+.magritte-root___FV1tC_3-2-0.magritte-load___MghDA_3-2-0 .magritte-background___RfZ0U_3-2-0,
+.magritte-root___FV1tC_3-2-0.magritte-loading___9E3p-_3-2-0 .magritte-background___RfZ0U_3-2-0{
   border-style:solid;
   border-width:7px;
 }
-.magritte-root___FV1tC_3-1-6.magritte-invalid___Rt10-_3-1-6.focus-visible{
+.magritte-root___FV1tC_3-2-0.magritte-invalid___Rt10-_3-2-0.focus-visible{
   outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v20-1-0) solid 4px;
 }
-.magritte-root___FV1tC_3-1-6.magritte-invalid___Rt10-_3-1-6 .magritte-background___RfZ0U_3-1-6{
+.magritte-root___FV1tC_3-2-0.magritte-invalid___Rt10-_3-2-0 .magritte-background___RfZ0U_3-2-0{
   border-color:var(--magritte-color-stroke-neutral-v20-1-0);
 }
-.magritte-root_medium___67WJa_3-1-6{
+.magritte-root_medium___67WJa_3-2-0{
   justify-content:center;
   padding:var(--magritte-static-space-600-v20-1-0);
 }
-.magritte-root_medium___67WJa_3-1-6 .magritte-body___O7ROl_3-1-6{
+.magritte-root_medium___67WJa_3-2-0 .magritte-body___O7ROl_3-2-0{
   flex-direction:column;
   align-items:center;
   justify-content:center;
 }
-.magritte-root_small___dkUYq_3-1-6{
+.magritte-root_small___dkUYq_3-2-0{
   padding-top:var(--magritte-static-space-400-v20-1-0);
   padding-bottom:var(--magritte-static-space-400-v20-1-0);
   padding-left:var(--magritte-static-space-400-v20-1-0);
 }
-.magritte-root_small___dkUYq_3-1-6 .magritte-body___O7ROl_3-1-6{
+.magritte-root_small___dkUYq_3-2-0 .magritte-body___O7ROl_3-2-0{
   gap:var(--magritte-static-space-400-v20-1-0);
 }
-.magritte-background___RfZ0U_3-1-6{
+.magritte-background___RfZ0U_3-2-0{
   position:absolute;
   border-width:8px;
   border-style:dashed;
@@ -2268,15 +2268,15 @@
   background-position:center;
   background-size:100%;
 }
-.magritte-body___O7ROl_3-1-6{
+.magritte-body___O7ROl_3-2-0{
   display:flex;
   width:100%;
 }
-.magritte-loader___XYpWg_3-1-6{
+.magritte-loader___XYpWg_3-2-0{
   position:relative;
   display:flex;
 }
-.magritte-cancel___tQ-yX_3-1-6{
+.magritte-cancel___tQ-yX_3-2-0{
   position:absolute;
   top:0;
   left:0;
@@ -2286,20 +2286,20 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-image-controls___vLf94_3-1-6{
+.magritte-image-controls___vLf94_3-2-0{
   display:flex;
   position:absolute;
   right:var(--magritte-static-space-300-v20-1-0);
   bottom:var(--magritte-static-space-300-v20-1-0);
   gap:var(--magritte-static-space-300-v20-1-0);
 }
-.magritte-small-controls___Qn9TP_3-1-6{
+.magritte-small-controls___Qn9TP_3-2-0{
   display:flex;
   align-items:center;
   margin-left:auto;
   margin-right:var(--magritte-static-space-500-v20-1-0);
 }
-.magritte-file-list___L9uHt_3-1-6{
+.magritte-file-list___L9uHt_3-2-0{
   margin-top:var(--magritte-static-space-300-v20-1-0);
   box-shadow:inset 0 0 0 1px var(--magritte-color-stroke-neutral-v20-1-0);
   border-radius:var(--magritte-static-border-radius-600-v20-1-0);

package/index.js

@@ -21,6 +21,6 @@ import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-typography';
 import './useDropActions.js';
 import './useDropButtons.js';
-import './upload-OzJ7m3Sf.js';
+import './upload-DVaEQt0-.js';
 import './SingleUpload.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-upload",
-  "version": "3.1.6",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -38,5 +38,5 @@
     "@hh.ru/magritte-ui-typography": "3.0.25",
     "react-dropzone": "14.3.5"
   },
-  "gitHead": "1f85c1274063f28c68e856b26db4540e4f210fa1"
+  "gitHead": "12465ba5e925c3c22c74743a6e1ec8118cedaa9b"
 }

package/upload-DVaEQt0-.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"root":"magritte-root___FV1tC_3-2-0","background":"magritte-background___RfZ0U_3-2-0","drag-active":"magritte-drag-active___dihBL_3-2-0","dragActive":"magritte-drag-active___dihBL_3-2-0","load":"magritte-load___MghDA_3-2-0","loading":"magritte-loading___9E3p-_3-2-0","invalid":"magritte-invalid___Rt10-_3-2-0","root_medium":"magritte-root_medium___67WJa_3-2-0","rootMedium":"magritte-root_medium___67WJa_3-2-0","body":"magritte-body___O7ROl_3-2-0","root_small":"magritte-root_small___dkUYq_3-2-0","rootSmall":"magritte-root_small___dkUYq_3-2-0","loader":"magritte-loader___XYpWg_3-2-0","cancel":"magritte-cancel___tQ-yX_3-2-0","image-controls":"magritte-image-controls___vLf94_3-2-0","imageControls":"magritte-image-controls___vLf94_3-2-0","small-controls":"magritte-small-controls___Qn9TP_3-2-0","smallControls":"magritte-small-controls___Qn9TP_3-2-0","file-list":"magritte-file-list___L9uHt_3-2-0","fileList":"magritte-file-list___L9uHt_3-2-0"};
+
+export { styles as s };
+//# sourceMappingURL=upload-DVaEQt0-.js.map

package/upload-DVaEQt0-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-DVaEQt0-.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/upload-OzJ7m3Sf.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"root":"magritte-root___FV1tC_3-1-6","background":"magritte-background___RfZ0U_3-1-6","drag-active":"magritte-drag-active___dihBL_3-1-6","dragActive":"magritte-drag-active___dihBL_3-1-6","load":"magritte-load___MghDA_3-1-6","loading":"magritte-loading___9E3p-_3-1-6","invalid":"magritte-invalid___Rt10-_3-1-6","root_medium":"magritte-root_medium___67WJa_3-1-6","rootMedium":"magritte-root_medium___67WJa_3-1-6","body":"magritte-body___O7ROl_3-1-6","root_small":"magritte-root_small___dkUYq_3-1-6","rootSmall":"magritte-root_small___dkUYq_3-1-6","loader":"magritte-loader___XYpWg_3-1-6","cancel":"magritte-cancel___tQ-yX_3-1-6","image-controls":"magritte-image-controls___vLf94_3-1-6","imageControls":"magritte-image-controls___vLf94_3-1-6","small-controls":"magritte-small-controls___Qn9TP_3-1-6","smallControls":"magritte-small-controls___Qn9TP_3-1-6","file-list":"magritte-file-list___L9uHt_3-1-6","fileList":"magritte-file-list___L9uHt_3-1-6"};
-
-export { styles as s };
-//# sourceMappingURL=upload-OzJ7m3Sf.js.map

package/upload-OzJ7m3Sf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-OzJ7m3Sf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}