@hh.ru/magritte-ui-upload 4.2.15 → 4.3.0

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-2-15","fileNameBody":"magritte-file-name-body___PTTMc_4-2-15","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-2-15","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-2-15"};
+var styles = {"file-name-body":"magritte-file-name-body___PTTMc_4-3-0","fileNameBody":"magritte-file-name-body___PTTMc_4-3-0","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-3-0","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-3-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 = {"avatar-and-info":"magritte-avatar-and-info___vt6aT_4-2-15","avatarAndInfo":"magritte-avatar-and-info___vt6aT_4-2-15","file-info-body":"magritte-file-info-body___HmfXd_4-2-15","fileInfoBody":"magritte-file-info-body___HmfXd_4-2-15","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-2-15","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-2-15","file-info-container":"magritte-file-info-container___WFab8_4-2-15","fileInfoContainer":"magritte-file-info-container___WFab8_4-2-15","file-info":"magritte-file-info___HrqiB_4-2-15","fileInfo":"magritte-file-info___HrqiB_4-2-15","controls":"magritte-controls___WdH7A_4-2-15","divider":"magritte-divider___3-bj9_4-2-15"};
+var styles = {"avatar-and-info":"magritte-avatar-and-info___vt6aT_4-3-0","avatarAndInfo":"magritte-avatar-and-info___vt6aT_4-3-0","file-info-body":"magritte-file-info-body___HmfXd_4-3-0","fileInfoBody":"magritte-file-info-body___HmfXd_4-3-0","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-3-0","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-3-0","file-info-container":"magritte-file-info-container___WFab8_4-3-0","fileInfoContainer":"magritte-file-info-container___WFab8_4-3-0","file-info":"magritte-file-info___HrqiB_4-3-0","fileInfo":"magritte-file-info___HrqiB_4-3-0","controls":"magritte-controls___WdH7A_4-3-0","divider":"magritte-divider___3-bj9_4-3-0"};
 
 const FileView = ({ uploadType, loadedFile, preview, renderFileInfo, onFileDelete, disableCancel, 'aria-label': ariaLabel, isLast = false, }) => {
     const isLoading = Boolean(loadedFile?.loading);

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-PuMFsrcJ.js';
+import { u as useDisabled, D as DisabledContext, s as styles } from './upload-DFq_qKia.js';
 import { VSpacing } from '@hh.ru/magritte-ui-spacing';
 import { TextDynamic } from '@hh.ru/magritte-ui-typography';
 import { FileViewWithPreview } from './FileViewWithPreview.js';

package/Placeholder.d.ts

@@ -1,9 +1,8 @@
-import { ReactElement } from 'react';
-import { ButtonElement } from '@hh.ru/magritte-ui-button-stack';
+import { ReactElement, ReactNode } from 'react';
 import { UploadTrls } from '@hh.ru/magritte-ui-upload/types';
 interface PlaceholderProps {
     trls: UploadTrls;
-    selectFileButton?: ButtonElement;
+    selectFileButton?: ReactNode;
 }
 declare const Placeholder: ({ trls, selectFileButton }: PlaceholderProps) => ReactElement;
 export { Placeholder };

package/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sources":["src/Placeholder.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ButtonElement } from '@hh.ru/magritte-ui-button-stack';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Text } from '@hh.ru/magritte-ui-typography';\nimport { UploadTrls } from '@hh.ru/magritte-ui-upload/types';\n\ninterface PlaceholderProps {\n    trls: UploadTrls;\n    selectFileButton?: ButtonElement;\n}\n\nconst Placeholder = ({ trls, selectFileButton }: PlaceholderProps): ReactElement => {\n    const { isMobile } = useBreakpoint();\n    const { title, titleMobile, subTitle } = trls;\n    return (\n        <>\n            <Text typography=\"label-2-regular\">{isMobile ? titleMobile || title : title}</Text>\n            <VSpacing default={6} />\n            <Text typography=\"label-4-regular\" style=\"secondary\">\n                {subTitle}\n            </Text>\n            {selectFileButton && (\n                <>\n                    <VSpacing default={16} />\n                    {selectFileButton}\n                </>\n            )}\n        </>\n    );\n};\n\nexport { Placeholder };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAaM,MAAA,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAoB,KAAkB;AAC/E,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;AAC9C,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAC,CAAA,IAAI,EAAC,EAAA,UAAU,EAAC,iBAAiB,EAAE,QAAA,EAAA,QAAQ,GAAG,WAAW,IAAI,KAAK,GAAG,KAAK,EAAQ,CAAA,EACnFA,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,QAAQ,EACN,CAAA,EACN,gBAAgB,KACbF,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAI,CAAA,EACxB,gBAAgB,CAAA,EAAA,CAClB,CACN,CAAA,EAAA,CACF,EACL;AACN;;;;"}
+{"version":3,"file":"Placeholder.js","sources":["src/Placeholder.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Text } from '@hh.ru/magritte-ui-typography';\nimport { UploadTrls } from '@hh.ru/magritte-ui-upload/types';\n\ninterface PlaceholderProps {\n    trls: UploadTrls;\n    selectFileButton?: ReactNode;\n}\n\nconst Placeholder = ({ trls, selectFileButton }: PlaceholderProps): ReactElement => {\n    const { isMobile } = useBreakpoint();\n    const { title, titleMobile, subTitle } = trls;\n    return (\n        <>\n            <Text typography=\"label-2-regular\">{isMobile ? titleMobile || title : title}</Text>\n            <VSpacing default={6} />\n            <Text typography=\"label-4-regular\" style=\"secondary\">\n                {subTitle}\n            </Text>\n            {selectFileButton && (\n                <>\n                    <VSpacing default={16} />\n                    {selectFileButton}\n                </>\n            )}\n        </>\n    );\n};\n\nexport { Placeholder };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAYM,MAAA,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAoB,KAAkB;AAC/E,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;AAC9C,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAC,CAAA,IAAI,EAAC,EAAA,UAAU,EAAC,iBAAiB,EAAE,QAAA,EAAA,QAAQ,GAAG,WAAW,IAAI,KAAK,GAAG,KAAK,EAAQ,CAAA,EACnFA,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,QAAQ,EACN,CAAA,EACN,gBAAgB,KACbF,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAI,CAAA,EACxB,gBAAgB,CAAA,EAAA,CAClB,CACN,CAAA,EAAA,CACF,EACL;AACN;;;;"}

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-PuMFsrcJ.js';
+import { u as useDisabled, D as DisabledContext, s as styles } from './upload-DFq_qKia.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';

package/Upload.js

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

package/index.css

@@ -1,46 +1,46 @@
-.magritte-file-name-body___PTTMc_4-2-15{
+.magritte-file-name-body___PTTMc_4-3-0{
   display:flex;
   width:100%;
   overflow:hidden;
 }
-.magritte-file-name-body_medium___sfmmq_4-2-15{
+.magritte-file-name-body_medium___sfmmq_4-3-0{
   justify-content:center;
 }
 
-.magritte-avatar-and-info___vt6aT_4-2-15{
+.magritte-avatar-and-info___vt6aT_4-3-0{
   display:flex;
   gap:16px;
   width:100%;
 }
-.magritte-file-info-body___HmfXd_4-2-15{
+.magritte-file-info-body___HmfXd_4-3-0{
   display:flex;
   flex-grow:1;
   flex-direction:column;
 }
-.magritte-file-info-and-controls___61iyY_4-2-15{
+.magritte-file-info-and-controls___61iyY_4-3-0{
   display:flex;
   gap:16px;
   flex-grow:1;
 }
-.magritte-file-info-container___WFab8_4-2-15{
+.magritte-file-info-container___WFab8_4-3-0{
   flex-grow:1;
   display:flex;
   flex-direction:column;
   justify-content:center;
   width:50px;
 }
-.magritte-file-info___HrqiB_4-2-15{
+.magritte-file-info___HrqiB_4-3-0{
   display:flex;
   gap:4px;
   align-items:center;
 }
-.magritte-controls___WdH7A_4-2-15{
+.magritte-controls___WdH7A_4-3-0{
   display:flex;
   align-items:center;
   margin-left:auto;
   margin-right:16px;
 }
-.magritte-divider___3-bj9_4-2-15{
+.magritte-divider___3-bj9_4-3-0{
   margin-left:64px;
 }
 
@@ -65,7 +65,7 @@
 .magritte-zp-day-theme{
   --magritte-color-stroke-accent-v24-5-0:#7195AF;
 }
-.magritte-root___FV1tC_4-2-15{
+.magritte-root___FV1tC_4-3-0{
   position:relative;
   display:flex;
   overflow:hidden;
@@ -74,65 +74,65 @@
   cursor:pointer;
   --border-background-dimension:5px;
 }
-.magritte-root___FV1tC_4-2-15:hover .magritte-background___RfZ0U_4-2-15{
+.magritte-root___FV1tC_4-3-0:hover .magritte-background___RfZ0U_4-3-0{
   border-color:var(--magritte-color-stroke-accent-v24-5-0);
 }
-.magritte-root___FV1tC_4-2-15.magritte-drag-active___dihBL_4-2-15 .magritte-background___RfZ0U_4-2-15{
+.magritte-root___FV1tC_4-3-0.magritte-drag-active___dihBL_4-3-0 .magritte-background___RfZ0U_4-3-0{
   border-color:var(--magritte-color-stroke-accent-v24-5-0);
 }
-.magritte-root___FV1tC_4-2-15.focus-visible{
+.magritte-root___FV1tC_4-3-0.focus-visible{
   outline:var(--magritte-color-stroke-state-focused-accessible-v24-5-0) solid 4px;
 }
-.magritte-root___FV1tC_4-2-15.focus-visible .magritte-background___RfZ0U_4-2-15{
+.magritte-root___FV1tC_4-3-0.focus-visible .magritte-background___RfZ0U_4-3-0{
   border-color:var(--magritte-color-stroke-accent-v24-5-0);
 }
-.magritte-root___FV1tC_4-2-15.magritte-load___MghDA_4-2-15 .magritte-background___RfZ0U_4-2-15,
-.magritte-root___FV1tC_4-2-15.magritte-loading___9E3p-_4-2-15 .magritte-background___RfZ0U_4-2-15{
+.magritte-root___FV1tC_4-3-0.magritte-load___MghDA_4-3-0 .magritte-background___RfZ0U_4-3-0,
+.magritte-root___FV1tC_4-3-0.magritte-loading___9E3p-_4-3-0 .magritte-background___RfZ0U_4-3-0{
   border-style:solid;
   border-width:calc(1px + var(--border-background-dimension));
 }
-.magritte-root___FV1tC_4-2-15.magritte-invalid___Rt10-_4-2-15.focus-visible{
+.magritte-root___FV1tC_4-3-0.magritte-invalid___Rt10-_4-3-0.focus-visible{
   outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-5-0) solid 4px;
 }
-.magritte-root___FV1tC_4-2-15.magritte-invalid___Rt10-_4-2-15 .magritte-background___RfZ0U_4-2-15{
+.magritte-root___FV1tC_4-3-0.magritte-invalid___Rt10-_4-3-0 .magritte-background___RfZ0U_4-3-0{
   border-color:var(--magritte-color-stroke-neutral-v24-5-0);
 }
-.magritte-root___FV1tC_4-2-15.magritte-disabled___bhw2K_4-2-15{
+.magritte-root___FV1tC_4-3-0.magritte-disabled___bhw2K_4-3-0{
   cursor:default;
   background-color:var(--magritte-color-background-state-primary-disabled-v24-5-0);
 }
-.magritte-root___FV1tC_4-2-15.magritte-disabled___bhw2K_4-2-15 .magritte-background___RfZ0U_4-2-15{
+.magritte-root___FV1tC_4-3-0.magritte-disabled___bhw2K_4-3-0 .magritte-background___RfZ0U_4-3-0{
   border-color:var(--magritte-color-stroke-state-neutral-disabled-v24-5-0);
   border-width:calc(2px + var(--border-background-dimension));
 }
 @supports (-moz-appearance: none){
-  .magritte-root___FV1tC_4-2-15{
+  .magritte-root___FV1tC_4-3-0{
     --border-background-dimension:2px;
   }
 }
 @supports (background: -webkit-named-image(i)) and (-webkit-appearance: none){
-  .magritte-root___FV1tC_4-2-15{
+  .magritte-root___FV1tC_4-3-0{
     --border-background-dimension:2px;
   }
 }
-.magritte-root_medium___67WJa_4-2-15{
+.magritte-root_medium___67WJa_4-3-0{
   justify-content:center;
   padding:24px;
 }
-.magritte-root_medium___67WJa_4-2-15 .magritte-body___O7ROl_4-2-15{
+.magritte-root_medium___67WJa_4-3-0 .magritte-body___O7ROl_4-3-0{
   flex-direction:column;
   align-items:center;
   justify-content:center;
 }
-.magritte-root_small___dkUYq_4-2-15{
+.magritte-root_small___dkUYq_4-3-0{
   padding-top:16px;
   padding-bottom:16px;
   padding-left:16px;
 }
-.magritte-root_small___dkUYq_4-2-15 .magritte-body___O7ROl_4-2-15{
+.magritte-root_small___dkUYq_4-3-0 .magritte-body___O7ROl_4-3-0{
   gap:16px;
 }
-.magritte-background___RfZ0U_4-2-15{
+.magritte-background___RfZ0U_4-3-0{
   position:absolute;
   border-width:calc(2px + var(--border-background-dimension));
   border-style:dashed;
@@ -145,15 +145,15 @@
   background-position:center;
   background-size:100%;
 }
-.magritte-body___O7ROl_4-2-15{
+.magritte-body___O7ROl_4-3-0{
   display:flex;
   width:100%;
 }
-.magritte-loader___XYpWg_4-2-15{
+.magritte-loader___XYpWg_4-3-0{
   position:relative;
   display:flex;
 }
-.magritte-cancel___tQ-yX_4-2-15{
+.magritte-cancel___tQ-yX_4-3-0{
   position:absolute;
   top:0;
   left:0;
@@ -163,20 +163,20 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-image-controls___vLf94_4-2-15{
+.magritte-image-controls___vLf94_4-3-0{
   display:flex;
   gap:12px;
   align-items:flex-end;
   justify-content:flex-end;
   width:100%;
 }
-.magritte-small-controls___Qn9TP_4-2-15{
+.magritte-small-controls___Qn9TP_4-3-0{
   display:flex;
   align-items:center;
   margin-left:auto;
   margin-right:20px;
 }
-.magritte-file-list___L9uHt_4-2-15{
+.magritte-file-list___L9uHt_4-3-0{
   margin-top:12px;
   box-shadow:inset 0 0 0 1px var(--magritte-color-stroke-neutral-v24-5-0);
   border-radius:24px;
@@ -185,19 +185,19 @@
   padding-bottom:16px;
   padding-left:16px;
 }
-.magritte-file-icon___oetLK_4-2-15{
+.magritte-file-icon___oetLK_4-3-0{
   display:inline-flex;
 }
-.magritte-file-info___Y3vyi_4-2-15{
+.magritte-file-info___Y3vyi_4-3-0{
   display:inline-flex;
   width:100%;
   flex-direction:column;
   align-items:center;
 }
-.magritte-hidden-file-info___92c69_4-2-15{
+.magritte-hidden-file-info___92c69_4-3-0{
   visibility:hidden;
 }
-.magritte-single-small-placeholer___m8Vnt_4-2-15{
+.magritte-single-small-placeholer___m8Vnt_4-3-0{
   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-PuMFsrcJ.js';
+import './upload-DFq_qKia.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.2.15",
+  "version": "4.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -30,7 +30,6 @@
     "@hh.ru/magritte-ui-avatar": "8.1.1",
     "@hh.ru/magritte-ui-breakpoint": "6.0.8",
     "@hh.ru/magritte-ui-button": "7.2.0",
-    "@hh.ru/magritte-ui-button-stack": "3.0.8",
     "@hh.ru/magritte-ui-divider": "3.1.0",
     "@hh.ru/magritte-ui-icon": "14.1.0",
     "@hh.ru/magritte-ui-loader": "3.0.1",
@@ -39,5 +38,5 @@
     "@hh.ru/magritte-ui-typography": "5.0.1",
     "react-dropzone": "14.3.5"
   },
-  "gitHead": "ad81b3ca2de2298c092dee1627dc7648bb97b669"
+  "gitHead": "39bc57d1e73f03a4a6dd01e6a313f819d2922fe3"
 }

package/types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, MouseEvent } from 'react';
 import { DropzoneOptions, DropEvent } from 'react-dropzone';
-import { ButtonElement } from '@hh.ru/magritte-ui-button-stack';
 export interface LoadedFile {
     data: File;
     loading: boolean;
@@ -30,7 +29,7 @@ export interface UploadProps extends DropzoneOptionsHepler {
     /** Переводы для зоны загрузки */
     trls: UploadTrls;
     /** Кнопка вызова диалога выбора файлов */
-    selectFileButton?: ButtonElement;
+    selectFileButton?: ReactNode;
     /** Обработчик события удаления файла */
     onFileDelete: (loadedFile: LoadedFile, fileIndex: number) => void;
     /** Обработчик успешной валидации файлов */
@@ -50,8 +49,8 @@ export interface UploadProps extends DropzoneOptionsHepler {
     /** Флаг включения мультивыбора, работает только для `size="medium"` */
     multiple?: boolean;
     /** Кнопка удаления файла, работает только для `size="medium"` */
-    deleteFileButton?: ButtonElement;
+    deleteFileButton?: ReactNode;
     /** Кнопка замены файла, работает только для `size="medium"` */
-    replaceImageButton?: ButtonElement;
+    replaceImageButton?: ReactNode;
 }
 export {};

package/upload-DFq_qKia.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-3-0","background":"magritte-background___RfZ0U_4-3-0","drag-active":"magritte-drag-active___dihBL_4-3-0","dragActive":"magritte-drag-active___dihBL_4-3-0","load":"magritte-load___MghDA_4-3-0","loading":"magritte-loading___9E3p-_4-3-0","invalid":"magritte-invalid___Rt10-_4-3-0","disabled":"magritte-disabled___bhw2K_4-3-0","root_medium":"magritte-root_medium___67WJa_4-3-0","rootMedium":"magritte-root_medium___67WJa_4-3-0","body":"magritte-body___O7ROl_4-3-0","root_small":"magritte-root_small___dkUYq_4-3-0","rootSmall":"magritte-root_small___dkUYq_4-3-0","loader":"magritte-loader___XYpWg_4-3-0","cancel":"magritte-cancel___tQ-yX_4-3-0","image-controls":"magritte-image-controls___vLf94_4-3-0","imageControls":"magritte-image-controls___vLf94_4-3-0","small-controls":"magritte-small-controls___Qn9TP_4-3-0","smallControls":"magritte-small-controls___Qn9TP_4-3-0","file-list":"magritte-file-list___L9uHt_4-3-0","fileList":"magritte-file-list___L9uHt_4-3-0","file-icon":"magritte-file-icon___oetLK_4-3-0","fileIcon":"magritte-file-icon___oetLK_4-3-0","file-info":"magritte-file-info___Y3vyi_4-3-0","fileInfo":"magritte-file-info___Y3vyi_4-3-0","hidden-file-info":"magritte-hidden-file-info___92c69_4-3-0","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-3-0","single-small-placeholer":"magritte-single-small-placeholer___m8Vnt_4-3-0","singleSmallPlaceholer":"magritte-single-small-placeholer___m8Vnt_4-3-0"};
+
+export { DisabledContext as D, styles as s, useDisabled as u };
+//# sourceMappingURL=upload-DFq_qKia.js.map

package/{upload-PuMFsrcJ.js.map → upload-DFq_qKia.js.map}

@@ -1 +1 @@
-{"version":3,"file":"upload-PuMFsrcJ.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-DFq_qKia.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/useDropButtons.d.ts

@@ -1,9 +1,8 @@
-import { MouseEvent } from 'react';
-import { ButtonElement } from '@hh.ru/magritte-ui-button-stack';
+import { MouseEvent, ReactNode } from 'react';
 interface DropButtons {
-    selectFileButton?: ButtonElement;
-    deleteFileButton?: ButtonElement;
-    replaceImageButton?: ButtonElement;
+    selectFileButton?: ReactNode;
+    deleteFileButton?: ReactNode;
+    replaceImageButton?: ReactNode;
 }
 interface UseDropButtonsProps extends DropButtons {
     onFileDelete?: (event: MouseEvent) => void;

package/useDropButtons.js

@@ -1,19 +1,22 @@
 import './index.css';
-import { cloneElement } from 'react';
+import { isValidElement, cloneElement } from 'react';
 
 const useDropButtons = ({ selectFileButton: _selectFileButton, deleteFileButton: _deleteFileButton, replaceImageButton: _replaceImageButton, onFileDelete, }) => {
     const selectFileButton = _selectFileButton &&
+        isValidElement(_selectFileButton) &&
         cloneElement(_selectFileButton, {
             key: 'selectFileButton',
             'data-qa': 'magritte-select-file-button',
         });
     const deleteFileButton = _deleteFileButton &&
+        isValidElement(_deleteFileButton) &&
         cloneElement(_deleteFileButton, {
             key: 'deleteFileButton',
             'data-qa': 'magritte-delete-file-button',
             onClick: onFileDelete,
         });
     const replaceImageButton = _replaceImageButton &&
+        isValidElement(_replaceImageButton) &&
         cloneElement(_replaceImageButton, {
             key: 'replaceImageButton',
             'data-qa': 'magritte-select-replace-image-button',

package/useDropButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropButtons.js","sources":["src/useDropButtons.tsx"],"sourcesContent":["import { MouseEvent, cloneElement, ComponentProps } from 'react';\n\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { ButtonElement } from '@hh.ru/magritte-ui-button-stack';\n\ninterface DropButtons {\n    selectFileButton?: ButtonElement;\n    deleteFileButton?: ButtonElement;\n    replaceImageButton?: ButtonElement;\n}\n\ninterface UseDropButtonsProps extends DropButtons {\n    onFileDelete?: (event: MouseEvent) => void;\n}\n\nconst useDropButtons = ({\n    selectFileButton: _selectFileButton,\n    deleteFileButton: _deleteFileButton,\n    replaceImageButton: _replaceImageButton,\n    onFileDelete,\n}: UseDropButtonsProps): DropButtons => {\n    const selectFileButton =\n        _selectFileButton &&\n        cloneElement(_selectFileButton, {\n            key: 'selectFileButton',\n            'data-qa': 'magritte-select-file-button',\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const deleteFileButton =\n        _deleteFileButton &&\n        cloneElement(_deleteFileButton, {\n            key: 'deleteFileButton',\n            'data-qa': 'magritte-delete-file-button',\n            onClick: onFileDelete,\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const replaceImageButton =\n        _replaceImageButton &&\n        cloneElement(_replaceImageButton, {\n            key: 'replaceImageButton',\n            'data-qa': 'magritte-select-replace-image-button',\n        } as Partial<ComponentProps<typeof Button>>);\n\n    return { selectFileButton, deleteFileButton, replaceImageButton };\n};\n\nexport { useDropButtons };\n"],"names":[],"mappings":";;AAeA,MAAM,cAAc,GAAG,CAAC,EACpB,gBAAgB,EAAE,iBAAiB,EACnC,gBAAgB,EAAE,iBAAiB,EACnC,kBAAkB,EAAE,mBAAmB,EACvC,YAAY,GACM,KAAiB;IACnC,MAAM,gBAAgB,GAClB,iBAAiB;QACjB,YAAY,CAAC,iBAAiB,EAAE;AAC5B,YAAA,GAAG,EAAE,kBAAkB;AACvB,YAAA,SAAS,EAAE,6BAA6B;AACD,SAAA,CAAC,CAAC;IAEjD,MAAM,gBAAgB,GAClB,iBAAiB;QACjB,YAAY,CAAC,iBAAiB,EAAE;AAC5B,YAAA,GAAG,EAAE,kBAAkB;AACvB,YAAA,SAAS,EAAE,6BAA6B;AACxC,YAAA,OAAO,EAAE,YAAY;AACkB,SAAA,CAAC,CAAC;IAEjD,MAAM,kBAAkB,GACpB,mBAAmB;QACnB,YAAY,CAAC,mBAAmB,EAAE;AAC9B,YAAA,GAAG,EAAE,oBAAoB;AACzB,YAAA,SAAS,EAAE,sCAAsC;AACV,SAAA,CAAC,CAAC;AAEjD,IAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC;AACtE;;;;"}
+{"version":3,"file":"useDropButtons.js","sources":["src/useDropButtons.tsx"],"sourcesContent":["import { MouseEvent, cloneElement, ComponentProps, ReactNode, isValidElement } from 'react';\n\nimport { Button } from '@hh.ru/magritte-ui-button';\n\ninterface DropButtons {\n    selectFileButton?: ReactNode;\n    deleteFileButton?: ReactNode;\n    replaceImageButton?: ReactNode;\n}\n\ninterface UseDropButtonsProps extends DropButtons {\n    onFileDelete?: (event: MouseEvent) => void;\n}\n\nconst useDropButtons = ({\n    selectFileButton: _selectFileButton,\n    deleteFileButton: _deleteFileButton,\n    replaceImageButton: _replaceImageButton,\n    onFileDelete,\n}: UseDropButtonsProps): DropButtons => {\n    const selectFileButton =\n        _selectFileButton &&\n        isValidElement(_selectFileButton) &&\n        cloneElement(_selectFileButton, {\n            key: 'selectFileButton',\n            'data-qa': 'magritte-select-file-button',\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const deleteFileButton =\n        _deleteFileButton &&\n        isValidElement(_deleteFileButton) &&\n        cloneElement(_deleteFileButton, {\n            key: 'deleteFileButton',\n            'data-qa': 'magritte-delete-file-button',\n            onClick: onFileDelete,\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const replaceImageButton =\n        _replaceImageButton &&\n        isValidElement(_replaceImageButton) &&\n        cloneElement(_replaceImageButton, {\n            key: 'replaceImageButton',\n            'data-qa': 'magritte-select-replace-image-button',\n        } as Partial<ComponentProps<typeof Button>>);\n\n    return { selectFileButton, deleteFileButton, replaceImageButton };\n};\n\nexport { useDropButtons };\n"],"names":[],"mappings":";;AAcA,MAAM,cAAc,GAAG,CAAC,EACpB,gBAAgB,EAAE,iBAAiB,EACnC,gBAAgB,EAAE,iBAAiB,EACnC,kBAAkB,EAAE,mBAAmB,EACvC,YAAY,GACM,KAAiB;IACnC,MAAM,gBAAgB,GAClB,iBAAiB;QACjB,cAAc,CAAC,iBAAiB,CAAC;QACjC,YAAY,CAAC,iBAAiB,EAAE;AAC5B,YAAA,GAAG,EAAE,kBAAkB;AACvB,YAAA,SAAS,EAAE,6BAA6B;AACD,SAAA,CAAC,CAAC;IAEjD,MAAM,gBAAgB,GAClB,iBAAiB;QACjB,cAAc,CAAC,iBAAiB,CAAC;QACjC,YAAY,CAAC,iBAAiB,EAAE;AAC5B,YAAA,GAAG,EAAE,kBAAkB;AACvB,YAAA,SAAS,EAAE,6BAA6B;AACxC,YAAA,OAAO,EAAE,YAAY;AACkB,SAAA,CAAC,CAAC;IAEjD,MAAM,kBAAkB,GACpB,mBAAmB;QACnB,cAAc,CAAC,mBAAmB,CAAC;QACnC,YAAY,CAAC,mBAAmB,EAAE;AAC9B,YAAA,GAAG,EAAE,oBAAoB;AACzB,YAAA,SAAS,EAAE,sCAAsC;AACV,SAAA,CAAC,CAAC;AAEjD,IAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC;AACtE;;;;"}

package/upload-PuMFsrcJ.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-2-15","background":"magritte-background___RfZ0U_4-2-15","drag-active":"magritte-drag-active___dihBL_4-2-15","dragActive":"magritte-drag-active___dihBL_4-2-15","load":"magritte-load___MghDA_4-2-15","loading":"magritte-loading___9E3p-_4-2-15","invalid":"magritte-invalid___Rt10-_4-2-15","disabled":"magritte-disabled___bhw2K_4-2-15","root_medium":"magritte-root_medium___67WJa_4-2-15","rootMedium":"magritte-root_medium___67WJa_4-2-15","body":"magritte-body___O7ROl_4-2-15","root_small":"magritte-root_small___dkUYq_4-2-15","rootSmall":"magritte-root_small___dkUYq_4-2-15","loader":"magritte-loader___XYpWg_4-2-15","cancel":"magritte-cancel___tQ-yX_4-2-15","image-controls":"magritte-image-controls___vLf94_4-2-15","imageControls":"magritte-image-controls___vLf94_4-2-15","small-controls":"magritte-small-controls___Qn9TP_4-2-15","smallControls":"magritte-small-controls___Qn9TP_4-2-15","file-list":"magritte-file-list___L9uHt_4-2-15","fileList":"magritte-file-list___L9uHt_4-2-15","file-icon":"magritte-file-icon___oetLK_4-2-15","fileIcon":"magritte-file-icon___oetLK_4-2-15","file-info":"magritte-file-info___Y3vyi_4-2-15","fileInfo":"magritte-file-info___Y3vyi_4-2-15","hidden-file-info":"magritte-hidden-file-info___92c69_4-2-15","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-2-15","single-small-placeholer":"magritte-single-small-placeholer___m8Vnt_4-2-15","singleSmallPlaceholer":"magritte-single-small-placeholer___m8Vnt_4-2-15"};
-
-export { DisabledContext as D, styles as s, useDisabled as u };
-//# sourceMappingURL=upload-PuMFsrcJ.js.map