@hh.ru/magritte-ui-upload 3.2.2 → 3.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/FileName.js +1 -1
- package/FileView.js +1 -1
- package/FileViewWithPreview.js +1 -1
- package/MultiUpload.js +1 -1
- package/Placeholder.d.ts +2 -1
- package/Placeholder.js.map +1 -1
- package/SingleUpload.js +1 -1
- package/Upload.js +1 -1
- package/index.css +30 -30
- package/index.d.ts +1 -0
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/index.mock.d.ts +5 -0
- package/index.mock.js +11 -0
- package/index.mock.js.map +1 -0
- package/package.json +5 -2
- package/types.d.ts +2 -3
- package/upload-hvS74IxN.js +5 -0
- package/upload-hvS74IxN.js.map +1 -0
- package/useDropButtons.d.ts +1 -1
- package/useDropButtons.js.map +1 -1
- package/useFilePreview.js +1 -1
- package/useFilePreview.js.map +1 -1
- package/upload-BSffvIL5.js +0 -5
- package/upload-BSffvIL5.js.map +0 -1
package/FileName.js
CHANGED
|
@@ -2,7 +2,7 @@ import './index.css';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
|
|
5
|
-
var styles = {"file-name-body":"magritte-file-name-body___PTTMc_3-2-
|
|
5
|
+
var styles = {"file-name-body":"magritte-file-name-body___PTTMc_3-2-3","fileNameBody":"magritte-file-name-body___PTTMc_3-2-3","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_3-2-3","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_3-2-3","file-name":"magritte-file-name___ZSL2g_3-2-3","fileName":"magritte-file-name___ZSL2g_3-2-3"};
|
|
6
6
|
|
|
7
7
|
const parse = (file) => {
|
|
8
8
|
const name = file.name;
|
package/FileView.js
CHANGED
|
@@ -10,7 +10,7 @@ import { FileName } from './FileName.js';
|
|
|
10
10
|
import { getUploadIcon, bytes2mb } from './utils.js';
|
|
11
11
|
import 'classnames';
|
|
12
12
|
|
|
13
|
-
var styles = {"file-info-body":"magritte-file-info-body___HmfXd_3-2-
|
|
13
|
+
var styles = {"file-info-body":"magritte-file-info-body___HmfXd_3-2-3","fileInfoBody":"magritte-file-info-body___HmfXd_3-2-3","file-info-and-controls":"magritte-file-info-and-controls___61iyY_3-2-3","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_3-2-3","file-info-container":"magritte-file-info-container___WFab8_3-2-3","fileInfoContainer":"magritte-file-info-container___WFab8_3-2-3","file-info":"magritte-file-info___HrqiB_3-2-3","fileInfo":"magritte-file-info___HrqiB_3-2-3","controls":"magritte-controls___WdH7A_3-2-3"};
|
|
14
14
|
|
|
15
15
|
const FileView = ({ uploadType, loadedFile, preview, renderFileInfo, onFileDelete, 'aria-label': ariaLabel, isLast = false, }) => {
|
|
16
16
|
const isLoading = Boolean(loadedFile?.loading);
|
package/FileViewWithPreview.js
CHANGED
|
@@ -13,7 +13,7 @@ import './FileName.js';
|
|
|
13
13
|
import 'classnames';
|
|
14
14
|
import 'react';
|
|
15
15
|
|
|
16
|
-
var styles = {"item":"magritte-item___vVDG-_3-2-
|
|
16
|
+
var styles = {"item":"magritte-item___vVDG-_3-2-3"};
|
|
17
17
|
|
|
18
18
|
const FileViewWithPreview = ({ loadedFile, ...otherProps }) => {
|
|
19
19
|
const uploadType = getFileType(loadedFile.data.type);
|
package/MultiUpload.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Placeholder } from './Placeholder.js';
|
|
|
8
8
|
import { useDropActions } from './useDropActions.js';
|
|
9
9
|
import { useDropButtons } from './useDropButtons.js';
|
|
10
10
|
import { getAvaliableFileTypes, getUploadIcon, DEFAULT_ACCEPT, RenderFileInfoDefault } from './utils.js';
|
|
11
|
-
import { s as styles } from './upload-
|
|
11
|
+
import { s as styles } from './upload-hvS74IxN.js';
|
|
12
12
|
import './FileView.js';
|
|
13
13
|
import '@hh.ru/magritte-ui-action';
|
|
14
14
|
import '@hh.ru/magritte-ui-avatar';
|
package/Placeholder.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import { ButtonElement
|
|
2
|
+
import { ButtonElement } from '@hh.ru/magritte-ui-button-stack';
|
|
3
|
+
import { UploadTrls } from '@hh.ru/magritte-ui-upload/types';
|
|
3
4
|
interface PlaceholderProps {
|
|
4
5
|
trls: UploadTrls;
|
|
5
6
|
selectFileButton?: ButtonElement;
|
package/Placeholder.js.map
CHANGED
|
@@ -1 +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 { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Text } from '@hh.ru/magritte-ui-typography';\nimport {
|
|
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;;;;"}
|
package/SingleUpload.js
CHANGED
|
@@ -15,7 +15,7 @@ import { useDropActions } from './useDropActions.js';
|
|
|
15
15
|
import { useDropButtons } from './useDropButtons.js';
|
|
16
16
|
import { useFilePreview } from './useFilePreview.js';
|
|
17
17
|
import { getAvaliableFileTypes, getUploadIcon, bytes2mb, DEFAULT_ACCEPT, RenderFileInfoDefault } from './utils.js';
|
|
18
|
-
import { s as styles } from './upload-
|
|
18
|
+
import { s as styles } from './upload-hvS74IxN.js';
|
|
19
19
|
import '@hh.ru/magritte-ui-action';
|
|
20
20
|
import '@hh.ru/magritte-ui-divider';
|
|
21
21
|
import '@hh.ru/magritte-ui-breakpoint';
|
package/Upload.js
CHANGED
|
@@ -21,7 +21,7 @@ import '@hh.ru/magritte-ui-breakpoint';
|
|
|
21
21
|
import '@hh.ru/magritte-ui-typography';
|
|
22
22
|
import './useDropActions.js';
|
|
23
23
|
import './useDropButtons.js';
|
|
24
|
-
import './upload-
|
|
24
|
+
import './upload-hvS74IxN.js';
|
|
25
25
|
|
|
26
26
|
const Upload = ({ multiple, noDragEventsBubbling = true, ...uploadProps }) => {
|
|
27
27
|
if (multiple) {
|
package/index.css
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--magritte-typography-label-2-regular-text-transform-v21-0-0:none;
|
|
9
9
|
--magritte-typography-label-2-regular-text-decoration-v21-0-0:none;
|
|
10
10
|
}
|
|
11
|
-
.magritte-file-name-body___PTTMc_3-2-
|
|
11
|
+
.magritte-file-name-body___PTTMc_3-2-3{
|
|
12
12
|
display:flex;
|
|
13
13
|
width:100%;
|
|
14
14
|
overflow:hidden;
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
text-transform:var(--magritte-typography-label-2-regular-text-transform-v21-0-0);
|
|
22
22
|
text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v21-0-0);
|
|
23
23
|
}
|
|
24
|
-
.magritte-file-name-body_medium___sfmmq_3-2-
|
|
24
|
+
.magritte-file-name-body_medium___sfmmq_3-2-3{
|
|
25
25
|
justify-content:center;
|
|
26
26
|
}
|
|
27
|
-
.magritte-file-name___ZSL2g_3-2-
|
|
27
|
+
.magritte-file-name___ZSL2g_3-2-3{
|
|
28
28
|
overflow:hidden;
|
|
29
29
|
text-overflow:ellipsis;
|
|
30
30
|
}
|
|
@@ -41,18 +41,18 @@
|
|
|
41
41
|
--magritte-static-space-100-v21-0-0:4px;
|
|
42
42
|
--magritte-static-space-400-v21-0-0:16px;
|
|
43
43
|
}
|
|
44
|
-
.magritte-file-info-body___HmfXd_3-2-
|
|
44
|
+
.magritte-file-info-body___HmfXd_3-2-3{
|
|
45
45
|
flex-grow:1;
|
|
46
46
|
}
|
|
47
|
-
.magritte-file-info-and-controls___61iyY_3-2-
|
|
47
|
+
.magritte-file-info-and-controls___61iyY_3-2-3{
|
|
48
48
|
display:flex;
|
|
49
49
|
gap:var(--magritte-static-space-400-v21-0-0);
|
|
50
50
|
}
|
|
51
|
-
.magritte-file-info-container___WFab8_3-2-
|
|
51
|
+
.magritte-file-info-container___WFab8_3-2-3{
|
|
52
52
|
flex-grow:1;
|
|
53
53
|
width:50px;
|
|
54
54
|
}
|
|
55
|
-
.magritte-file-info___HrqiB_3-2-
|
|
55
|
+
.magritte-file-info___HrqiB_3-2-3{
|
|
56
56
|
display:flex;
|
|
57
57
|
gap:var(--magritte-static-space-100-v21-0-0);
|
|
58
58
|
font-family:var(--magritte-typography-label-4-regular-font-family-v21-0-0);
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
text-transform:var(--magritte-typography-label-4-regular-text-transform-v21-0-0);
|
|
65
65
|
text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v21-0-0);
|
|
66
66
|
}
|
|
67
|
-
.magritte-controls___WdH7A_3-2-
|
|
67
|
+
.magritte-controls___WdH7A_3-2-3{
|
|
68
68
|
display:flex;
|
|
69
69
|
align-items:center;
|
|
70
70
|
margin-left:auto;
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
:root{
|
|
75
75
|
--magritte-static-space-400-v21-0-0:16px;
|
|
76
76
|
}
|
|
77
|
-
.magritte-item___vVDG-_3-2-
|
|
77
|
+
.magritte-item___vVDG-_3-2-3{
|
|
78
78
|
display:flex;
|
|
79
79
|
width:100%;
|
|
80
80
|
gap:var(--magritte-static-space-400-v21-0-0);
|
|
@@ -101,57 +101,57 @@
|
|
|
101
101
|
--magritte-color-stroke-state-focused-accessible-v21-0-0:#0070ff7a;
|
|
102
102
|
--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-0-0:#ff4d3a7a;
|
|
103
103
|
}
|
|
104
|
-
.magritte-root___FV1tC_3-2-
|
|
104
|
+
.magritte-root___FV1tC_3-2-3{
|
|
105
105
|
position:relative;
|
|
106
106
|
display:flex;
|
|
107
107
|
overflow:hidden;
|
|
108
108
|
border-radius:var(--magritte-static-border-radius-600-v21-0-0);
|
|
109
109
|
background-color:var(--magritte-color-background-primary-v21-0-0);
|
|
110
110
|
}
|
|
111
|
-
.magritte-root___FV1tC_3-2-
|
|
111
|
+
.magritte-root___FV1tC_3-2-3:hover{
|
|
112
112
|
cursor:pointer;
|
|
113
113
|
}
|
|
114
|
-
.magritte-root___FV1tC_3-2-
|
|
114
|
+
.magritte-root___FV1tC_3-2-3:hover .magritte-background___RfZ0U_3-2-3{
|
|
115
115
|
border-color:var(--magritte-color-stroke-accent-v21-0-0);
|
|
116
116
|
}
|
|
117
|
-
.magritte-root___FV1tC_3-2-
|
|
117
|
+
.magritte-root___FV1tC_3-2-3.magritte-drag-active___dihBL_3-2-3 .magritte-background___RfZ0U_3-2-3{
|
|
118
118
|
border-color:var(--magritte-color-stroke-accent-v21-0-0);
|
|
119
119
|
}
|
|
120
|
-
.magritte-root___FV1tC_3-2-
|
|
120
|
+
.magritte-root___FV1tC_3-2-3.focus-visible{
|
|
121
121
|
outline:var(--magritte-color-stroke-state-focused-accessible-v21-0-0) solid 4px;
|
|
122
122
|
}
|
|
123
|
-
.magritte-root___FV1tC_3-2-
|
|
123
|
+
.magritte-root___FV1tC_3-2-3.focus-visible .magritte-background___RfZ0U_3-2-3{
|
|
124
124
|
border-color:var(--magritte-color-stroke-accent-v21-0-0);
|
|
125
125
|
}
|
|
126
|
-
.magritte-root___FV1tC_3-2-
|
|
127
|
-
.magritte-root___FV1tC_3-2-
|
|
126
|
+
.magritte-root___FV1tC_3-2-3.magritte-load___MghDA_3-2-3 .magritte-background___RfZ0U_3-2-3,
|
|
127
|
+
.magritte-root___FV1tC_3-2-3.magritte-loading___9E3p-_3-2-3 .magritte-background___RfZ0U_3-2-3{
|
|
128
128
|
border-style:solid;
|
|
129
129
|
border-width:7px;
|
|
130
130
|
}
|
|
131
|
-
.magritte-root___FV1tC_3-2-
|
|
131
|
+
.magritte-root___FV1tC_3-2-3.magritte-invalid___Rt10-_3-2-3.focus-visible{
|
|
132
132
|
outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-0-0) solid 4px;
|
|
133
133
|
}
|
|
134
|
-
.magritte-root___FV1tC_3-2-
|
|
134
|
+
.magritte-root___FV1tC_3-2-3.magritte-invalid___Rt10-_3-2-3 .magritte-background___RfZ0U_3-2-3{
|
|
135
135
|
border-color:var(--magritte-color-stroke-neutral-v21-0-0);
|
|
136
136
|
}
|
|
137
|
-
.magritte-root_medium___67WJa_3-2-
|
|
137
|
+
.magritte-root_medium___67WJa_3-2-3{
|
|
138
138
|
justify-content:center;
|
|
139
139
|
padding:var(--magritte-static-space-600-v21-0-0);
|
|
140
140
|
}
|
|
141
|
-
.magritte-root_medium___67WJa_3-2-
|
|
141
|
+
.magritte-root_medium___67WJa_3-2-3 .magritte-body___O7ROl_3-2-3{
|
|
142
142
|
flex-direction:column;
|
|
143
143
|
align-items:center;
|
|
144
144
|
justify-content:center;
|
|
145
145
|
}
|
|
146
|
-
.magritte-root_small___dkUYq_3-2-
|
|
146
|
+
.magritte-root_small___dkUYq_3-2-3{
|
|
147
147
|
padding-top:var(--magritte-static-space-400-v21-0-0);
|
|
148
148
|
padding-bottom:var(--magritte-static-space-400-v21-0-0);
|
|
149
149
|
padding-left:var(--magritte-static-space-400-v21-0-0);
|
|
150
150
|
}
|
|
151
|
-
.magritte-root_small___dkUYq_3-2-
|
|
151
|
+
.magritte-root_small___dkUYq_3-2-3 .magritte-body___O7ROl_3-2-3{
|
|
152
152
|
gap:var(--magritte-static-space-400-v21-0-0);
|
|
153
153
|
}
|
|
154
|
-
.magritte-background___RfZ0U_3-2-
|
|
154
|
+
.magritte-background___RfZ0U_3-2-3{
|
|
155
155
|
position:absolute;
|
|
156
156
|
border-width:8px;
|
|
157
157
|
border-style:dashed;
|
|
@@ -164,15 +164,15 @@
|
|
|
164
164
|
background-position:center;
|
|
165
165
|
background-size:100%;
|
|
166
166
|
}
|
|
167
|
-
.magritte-body___O7ROl_3-2-
|
|
167
|
+
.magritte-body___O7ROl_3-2-3{
|
|
168
168
|
display:flex;
|
|
169
169
|
width:100%;
|
|
170
170
|
}
|
|
171
|
-
.magritte-loader___XYpWg_3-2-
|
|
171
|
+
.magritte-loader___XYpWg_3-2-3{
|
|
172
172
|
position:relative;
|
|
173
173
|
display:flex;
|
|
174
174
|
}
|
|
175
|
-
.magritte-cancel___tQ-yX_3-2-
|
|
175
|
+
.magritte-cancel___tQ-yX_3-2-3{
|
|
176
176
|
position:absolute;
|
|
177
177
|
top:0;
|
|
178
178
|
left:0;
|
|
@@ -182,20 +182,20 @@
|
|
|
182
182
|
align-items:center;
|
|
183
183
|
justify-content:center;
|
|
184
184
|
}
|
|
185
|
-
.magritte-image-controls___vLf94_3-2-
|
|
185
|
+
.magritte-image-controls___vLf94_3-2-3{
|
|
186
186
|
display:flex;
|
|
187
187
|
position:absolute;
|
|
188
188
|
right:var(--magritte-static-space-300-v21-0-0);
|
|
189
189
|
bottom:var(--magritte-static-space-300-v21-0-0);
|
|
190
190
|
gap:var(--magritte-static-space-300-v21-0-0);
|
|
191
191
|
}
|
|
192
|
-
.magritte-small-controls___Qn9TP_3-2-
|
|
192
|
+
.magritte-small-controls___Qn9TP_3-2-3{
|
|
193
193
|
display:flex;
|
|
194
194
|
align-items:center;
|
|
195
195
|
margin-left:auto;
|
|
196
196
|
margin-right:var(--magritte-static-space-500-v21-0-0);
|
|
197
197
|
}
|
|
198
|
-
.magritte-file-list___L9uHt_3-2-
|
|
198
|
+
.magritte-file-list___L9uHt_3-2-3{
|
|
199
199
|
margin-top:var(--magritte-static-space-300-v21-0-0);
|
|
200
200
|
box-shadow:inset 0 0 0 1px var(--magritte-color-stroke-neutral-v21-0-0);
|
|
201
201
|
border-radius:var(--magritte-static-border-radius-600-v21-0-0);
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import './index.css';
|
|
2
|
+
export * from '@hh.ru/magritte-ui-theme-provider';
|
|
2
3
|
export { Upload } from './Upload.js';
|
|
3
4
|
import 'react/jsx-runtime';
|
|
4
5
|
import './MultiUpload.js';
|
|
@@ -21,6 +22,6 @@ import '@hh.ru/magritte-ui-breakpoint';
|
|
|
21
22
|
import '@hh.ru/magritte-ui-typography';
|
|
22
23
|
import './useDropActions.js';
|
|
23
24
|
import './useDropButtons.js';
|
|
24
|
-
import './upload-
|
|
25
|
+
import './upload-hvS74IxN.js';
|
|
25
26
|
import './SingleUpload.js';
|
|
26
27
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.mock.d.ts
ADDED
package/index.mock.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
5
|
+
const { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');
|
|
6
|
+
const Upload = mockComponent('Upload', undefined, {
|
|
7
|
+
withChildren: false,
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { ThemeProvider, Upload };
|
|
11
|
+
//# sourceMappingURL=index.mock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport type * from '@hh.ru/magritte-ui-upload/types';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport const Upload: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Upload', undefined, {\n withChildren: false,\n});\n"],"names":[],"mappings":";;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;MAI3E,MAAM,GAAuD,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE;AACzG,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-upload",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.3",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -31,12 +31,15 @@
|
|
|
31
31
|
"@hh.ru/magritte-ui-avatar": "5.1.1",
|
|
32
32
|
"@hh.ru/magritte-ui-breakpoint": "5.0.0",
|
|
33
33
|
"@hh.ru/magritte-ui-button": "5.2.15",
|
|
34
|
+
"@hh.ru/magritte-ui-button-stack": "2.1.34",
|
|
34
35
|
"@hh.ru/magritte-ui-divider": "1.1.40",
|
|
35
36
|
"@hh.ru/magritte-ui-icon": "7.9.11",
|
|
36
37
|
"@hh.ru/magritte-ui-loader": "1.3.16",
|
|
38
|
+
"@hh.ru/magritte-ui-mock-component": "1.0.12",
|
|
37
39
|
"@hh.ru/magritte-ui-spacing": "2.0.38",
|
|
40
|
+
"@hh.ru/magritte-ui-theme-provider": "1.1.36",
|
|
38
41
|
"@hh.ru/magritte-ui-typography": "3.0.26",
|
|
39
42
|
"react-dropzone": "14.3.5"
|
|
40
43
|
},
|
|
41
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "32170f6f474b5e88d3a71c6010ddda6ed4007939"
|
|
42
45
|
}
|
package/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ReactNode,
|
|
1
|
+
import { ReactNode, MouseEvent } from 'react';
|
|
2
2
|
import { DropzoneOptions, DropEvent } from 'react-dropzone';
|
|
3
|
-
import {
|
|
3
|
+
import { ButtonElement } from '@hh.ru/magritte-ui-button-stack';
|
|
4
4
|
export interface LoadedFile {
|
|
5
5
|
data: File;
|
|
6
6
|
loading: boolean;
|
|
@@ -8,7 +8,6 @@ export interface LoadedFile {
|
|
|
8
8
|
loadTime?: number;
|
|
9
9
|
loadPercentage?: number;
|
|
10
10
|
}
|
|
11
|
-
export type ButtonElement = ReactElement<ComponentProps<typeof Button>>;
|
|
12
11
|
export type UploadType = 'application' | 'image' | 'video' | 'mixed';
|
|
13
12
|
export type LoadedFileWithFileSize = LoadedFile & {
|
|
14
13
|
fileSizeMB: string;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
var styles = {"root":"magritte-root___FV1tC_3-2-3","background":"magritte-background___RfZ0U_3-2-3","drag-active":"magritte-drag-active___dihBL_3-2-3","dragActive":"magritte-drag-active___dihBL_3-2-3","load":"magritte-load___MghDA_3-2-3","loading":"magritte-loading___9E3p-_3-2-3","invalid":"magritte-invalid___Rt10-_3-2-3","root_medium":"magritte-root_medium___67WJa_3-2-3","rootMedium":"magritte-root_medium___67WJa_3-2-3","body":"magritte-body___O7ROl_3-2-3","root_small":"magritte-root_small___dkUYq_3-2-3","rootSmall":"magritte-root_small___dkUYq_3-2-3","loader":"magritte-loader___XYpWg_3-2-3","cancel":"magritte-cancel___tQ-yX_3-2-3","image-controls":"magritte-image-controls___vLf94_3-2-3","imageControls":"magritte-image-controls___vLf94_3-2-3","small-controls":"magritte-small-controls___Qn9TP_3-2-3","smallControls":"magritte-small-controls___Qn9TP_3-2-3","file-list":"magritte-file-list___L9uHt_3-2-3","fileList":"magritte-file-list___L9uHt_3-2-3"};
|
|
3
|
+
|
|
4
|
+
export { styles as s };
|
|
5
|
+
//# sourceMappingURL=upload-hvS74IxN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"upload-hvS74IxN.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/useDropButtons.d.ts
CHANGED
package/useDropButtons.js.map
CHANGED
|
@@ -1 +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-
|
|
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;;;;"}
|
package/useFilePreview.js
CHANGED
package/useFilePreview.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFilePreview.js","sources":["../src/useFilePreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { LoadedFile } from '@hh.ru/magritte-ui-upload/types';\n\ninterface UseFilePreviewProps {\n loadedFile: LoadedFile | undefined;\n isImageType: boolean;\n}\n\nconst useFilePreview = ({ loadedFile, isImageType }: UseFilePreviewProps): string => {\n return useMemo(() => {\n if (!loadedFile || !isImageType) {\n return 'none';\n }\n if (loadedFile.loading) {\n return 'none';\n }\n return URL.createObjectURL(loadedFile.data);\n }, [loadedFile, isImageType]);\n};\n\nexport { useFilePreview };\n"],"names":[],"mappings":";;AASM,MAAA,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAAuB,KAAY;IAChF,OAAO,OAAO,CAAC,MAAK;AAChB,QAAA,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,EAAE;AAC7B,YAAA,OAAO,MAAM,CAAC;SACjB;
|
|
1
|
+
{"version":3,"file":"useFilePreview.js","sources":["../src/useFilePreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { LoadedFile } from '@hh.ru/magritte-ui-upload/types';\n\ninterface UseFilePreviewProps {\n loadedFile: LoadedFile | undefined;\n isImageType: boolean;\n}\n\nconst useFilePreview = ({ loadedFile, isImageType }: UseFilePreviewProps): string => {\n return useMemo(() => {\n if (!loadedFile || !isImageType) {\n return 'none';\n }\n if (loadedFile.loading || loadedFile.error) {\n return 'none';\n }\n return URL.createObjectURL(loadedFile.data);\n }, [loadedFile, isImageType]);\n};\n\nexport { useFilePreview };\n"],"names":[],"mappings":";;AASM,MAAA,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAAuB,KAAY;IAChF,OAAO,OAAO,CAAC,MAAK;AAChB,QAAA,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,EAAE;AAC7B,YAAA,OAAO,MAAM,CAAC;SACjB;QACD,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,KAAK,EAAE;AACxC,YAAA,OAAO,MAAM,CAAC;SACjB;QACD,OAAO,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAChD,KAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;AAClC;;;;"}
|
package/upload-BSffvIL5.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
var styles = {"root":"magritte-root___FV1tC_3-2-2","background":"magritte-background___RfZ0U_3-2-2","drag-active":"magritte-drag-active___dihBL_3-2-2","dragActive":"magritte-drag-active___dihBL_3-2-2","load":"magritte-load___MghDA_3-2-2","loading":"magritte-loading___9E3p-_3-2-2","invalid":"magritte-invalid___Rt10-_3-2-2","root_medium":"magritte-root_medium___67WJa_3-2-2","rootMedium":"magritte-root_medium___67WJa_3-2-2","body":"magritte-body___O7ROl_3-2-2","root_small":"magritte-root_small___dkUYq_3-2-2","rootSmall":"magritte-root_small___dkUYq_3-2-2","loader":"magritte-loader___XYpWg_3-2-2","cancel":"magritte-cancel___tQ-yX_3-2-2","image-controls":"magritte-image-controls___vLf94_3-2-2","imageControls":"magritte-image-controls___vLf94_3-2-2","small-controls":"magritte-small-controls___Qn9TP_3-2-2","smallControls":"magritte-small-controls___Qn9TP_3-2-2","file-list":"magritte-file-list___L9uHt_3-2-2","fileList":"magritte-file-list___L9uHt_3-2-2"};
|
|
3
|
-
|
|
4
|
-
export { styles as s };
|
|
5
|
-
//# sourceMappingURL=upload-BSffvIL5.js.map
|
package/upload-BSffvIL5.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"upload-BSffvIL5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|