@hh.ru/magritte-ui-upload 4.2.4 → 4.2.5

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 CHANGED
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { Text } from '@hh.ru/magritte-ui-typography';
5
5
 
6
- var styles = {"file-name-body":"magritte-file-name-body___PTTMc_4-2-4","fileNameBody":"magritte-file-name-body___PTTMc_4-2-4","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-2-4","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-2-4"};
6
+ var styles = {"file-name-body":"magritte-file-name-body___PTTMc_4-2-5","fileNameBody":"magritte-file-name-body___PTTMc_4-2-5","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-2-5","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-2-5"};
7
7
 
8
8
  const parse = (file) => {
9
9
  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 = {"avatar-and-info":"magritte-avatar-and-info___vt6aT_4-2-4","avatarAndInfo":"magritte-avatar-and-info___vt6aT_4-2-4","file-info-body":"magritte-file-info-body___HmfXd_4-2-4","fileInfoBody":"magritte-file-info-body___HmfXd_4-2-4","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-2-4","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-2-4","file-info-container":"magritte-file-info-container___WFab8_4-2-4","fileInfoContainer":"magritte-file-info-container___WFab8_4-2-4","file-info":"magritte-file-info___HrqiB_4-2-4","fileInfo":"magritte-file-info___HrqiB_4-2-4","controls":"magritte-controls___WdH7A_4-2-4","divider":"magritte-divider___3-bj9_4-2-4"};
13
+ var styles = {"avatar-and-info":"magritte-avatar-and-info___vt6aT_4-2-5","avatarAndInfo":"magritte-avatar-and-info___vt6aT_4-2-5","file-info-body":"magritte-file-info-body___HmfXd_4-2-5","fileInfoBody":"magritte-file-info-body___HmfXd_4-2-5","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-2-5","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-2-5","file-info-container":"magritte-file-info-container___WFab8_4-2-5","fileInfoContainer":"magritte-file-info-container___WFab8_4-2-5","file-info":"magritte-file-info___HrqiB_4-2-5","fileInfo":"magritte-file-info___HrqiB_4-2-5","controls":"magritte-controls___WdH7A_4-2-5","divider":"magritte-divider___3-bj9_4-2-5"};
14
14
 
15
15
  const FileView = ({ uploadType, loadedFile, preview, renderFileInfo, onFileDelete, disableCancel, 'aria-label': ariaLabel, isLast = false, }) => {
16
16
  const isLoading = Boolean(loadedFile?.loading);
package/MultiUpload.js CHANGED
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
3
  import { useDropzone } from 'react-dropzone';
4
4
  import classnames from 'classnames';
5
- import { u as useDisabled, D as DisabledContext, s as styles } from './upload-CkqNSMKo.js';
5
+ import { u as useDisabled, D as DisabledContext, s as styles } from './upload-uOm1es2U.js';
6
6
  import { VSpacing } from '@hh.ru/magritte-ui-spacing';
7
7
  import { TextDynamic } from '@hh.ru/magritte-ui-typography';
8
8
  import { FileViewWithPreview } from './FileViewWithPreview.js';
package/SingleUpload.js CHANGED
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
3
  import { useDropzone } from 'react-dropzone';
4
4
  import classnames from 'classnames';
5
- import { u as useDisabled, D as DisabledContext, s as styles } from './upload-CkqNSMKo.js';
5
+ import { u as useDisabled, D as DisabledContext, s as styles } from './upload-uOm1es2U.js';
6
6
  import { Avatar } from '@hh.ru/magritte-ui-avatar';
7
7
  import { CrossOutlinedSize24, ExclamationTriangleOutlinedSize32 } from '@hh.ru/magritte-ui-icon/icon';
8
8
  import { Loader } from '@hh.ru/magritte-ui-loader';
package/Upload.js CHANGED
@@ -4,7 +4,7 @@ import { MultiUpload } from './MultiUpload.js';
4
4
  import { SingleUpload } from './SingleUpload.js';
5
5
  import 'react-dropzone';
6
6
  import 'classnames';
7
- import './upload-CkqNSMKo.js';
7
+ import './upload-uOm1es2U.js';
8
8
  import 'react';
9
9
  import '@hh.ru/magritte-ui-spacing';
10
10
  import '@hh.ru/magritte-ui-typography';
package/index.css CHANGED
@@ -1,46 +1,46 @@
1
- .magritte-file-name-body___PTTMc_4-2-4{
1
+ .magritte-file-name-body___PTTMc_4-2-5{
2
2
  display:flex;
3
3
  width:100%;
4
4
  overflow:hidden;
5
5
  }
6
- .magritte-file-name-body_medium___sfmmq_4-2-4{
6
+ .magritte-file-name-body_medium___sfmmq_4-2-5{
7
7
  justify-content:center;
8
8
  }
9
9
 
10
- .magritte-avatar-and-info___vt6aT_4-2-4{
10
+ .magritte-avatar-and-info___vt6aT_4-2-5{
11
11
  display:flex;
12
12
  gap:16px;
13
13
  width:100%;
14
14
  }
15
- .magritte-file-info-body___HmfXd_4-2-4{
15
+ .magritte-file-info-body___HmfXd_4-2-5{
16
16
  display:flex;
17
17
  flex-grow:1;
18
18
  flex-direction:column;
19
19
  }
20
- .magritte-file-info-and-controls___61iyY_4-2-4{
20
+ .magritte-file-info-and-controls___61iyY_4-2-5{
21
21
  display:flex;
22
22
  gap:16px;
23
23
  flex-grow:1;
24
24
  }
25
- .magritte-file-info-container___WFab8_4-2-4{
25
+ .magritte-file-info-container___WFab8_4-2-5{
26
26
  flex-grow:1;
27
27
  display:flex;
28
28
  flex-direction:column;
29
29
  justify-content:center;
30
30
  width:50px;
31
31
  }
32
- .magritte-file-info___HrqiB_4-2-4{
32
+ .magritte-file-info___HrqiB_4-2-5{
33
33
  display:flex;
34
34
  gap:4px;
35
35
  align-items:center;
36
36
  }
37
- .magritte-controls___WdH7A_4-2-4{
37
+ .magritte-controls___WdH7A_4-2-5{
38
38
  display:flex;
39
39
  align-items:center;
40
40
  margin-left:auto;
41
41
  margin-right:16px;
42
42
  }
43
- .magritte-divider___3-bj9_4-2-4{
43
+ .magritte-divider___3-bj9_4-2-5{
44
44
  margin-left:64px;
45
45
  }
46
46
 
@@ -65,7 +65,7 @@
65
65
  .magritte-zp-day-theme{
66
66
  --magritte-color-stroke-accent-v24-4-0:#7195AF;
67
67
  }
68
- .magritte-root___FV1tC_4-2-4{
68
+ .magritte-root___FV1tC_4-2-5{
69
69
  position:relative;
70
70
  display:flex;
71
71
  overflow:hidden;
@@ -74,65 +74,65 @@
74
74
  cursor:pointer;
75
75
  --border-background-dimension:5px;
76
76
  }
77
- .magritte-root___FV1tC_4-2-4:hover .magritte-background___RfZ0U_4-2-4{
77
+ .magritte-root___FV1tC_4-2-5:hover .magritte-background___RfZ0U_4-2-5{
78
78
  border-color:var(--magritte-color-stroke-accent-v24-4-0);
79
79
  }
80
- .magritte-root___FV1tC_4-2-4.magritte-drag-active___dihBL_4-2-4 .magritte-background___RfZ0U_4-2-4{
80
+ .magritte-root___FV1tC_4-2-5.magritte-drag-active___dihBL_4-2-5 .magritte-background___RfZ0U_4-2-5{
81
81
  border-color:var(--magritte-color-stroke-accent-v24-4-0);
82
82
  }
83
- .magritte-root___FV1tC_4-2-4.focus-visible{
83
+ .magritte-root___FV1tC_4-2-5.focus-visible{
84
84
  outline:var(--magritte-color-stroke-state-focused-accessible-v24-4-0) solid 4px;
85
85
  }
86
- .magritte-root___FV1tC_4-2-4.focus-visible .magritte-background___RfZ0U_4-2-4{
86
+ .magritte-root___FV1tC_4-2-5.focus-visible .magritte-background___RfZ0U_4-2-5{
87
87
  border-color:var(--magritte-color-stroke-accent-v24-4-0);
88
88
  }
89
- .magritte-root___FV1tC_4-2-4.magritte-load___MghDA_4-2-4 .magritte-background___RfZ0U_4-2-4,
90
- .magritte-root___FV1tC_4-2-4.magritte-loading___9E3p-_4-2-4 .magritte-background___RfZ0U_4-2-4{
89
+ .magritte-root___FV1tC_4-2-5.magritte-load___MghDA_4-2-5 .magritte-background___RfZ0U_4-2-5,
90
+ .magritte-root___FV1tC_4-2-5.magritte-loading___9E3p-_4-2-5 .magritte-background___RfZ0U_4-2-5{
91
91
  border-style:solid;
92
92
  border-width:calc(1px + var(--border-background-dimension));
93
93
  }
94
- .magritte-root___FV1tC_4-2-4.magritte-invalid___Rt10-_4-2-4.focus-visible{
94
+ .magritte-root___FV1tC_4-2-5.magritte-invalid___Rt10-_4-2-5.focus-visible{
95
95
  outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-4-0) solid 4px;
96
96
  }
97
- .magritte-root___FV1tC_4-2-4.magritte-invalid___Rt10-_4-2-4 .magritte-background___RfZ0U_4-2-4{
97
+ .magritte-root___FV1tC_4-2-5.magritte-invalid___Rt10-_4-2-5 .magritte-background___RfZ0U_4-2-5{
98
98
  border-color:var(--magritte-color-stroke-neutral-v24-4-0);
99
99
  }
100
- .magritte-root___FV1tC_4-2-4.magritte-disabled___bhw2K_4-2-4{
100
+ .magritte-root___FV1tC_4-2-5.magritte-disabled___bhw2K_4-2-5{
101
101
  cursor:default;
102
102
  background-color:var(--magritte-color-background-state-primary-disabled-v24-4-0);
103
103
  }
104
- .magritte-root___FV1tC_4-2-4.magritte-disabled___bhw2K_4-2-4 .magritte-background___RfZ0U_4-2-4{
104
+ .magritte-root___FV1tC_4-2-5.magritte-disabled___bhw2K_4-2-5 .magritte-background___RfZ0U_4-2-5{
105
105
  border-color:var(--magritte-color-stroke-state-neutral-disabled-v24-4-0);
106
106
  border-width:calc(2px + var(--border-background-dimension));
107
107
  }
108
108
  @supports (-moz-appearance: none){
109
- .magritte-root___FV1tC_4-2-4{
109
+ .magritte-root___FV1tC_4-2-5{
110
110
  --border-background-dimension:2px;
111
111
  }
112
112
  }
113
113
  @supports (background: -webkit-named-image(i)) and (-webkit-appearance: none){
114
- .magritte-root___FV1tC_4-2-4{
114
+ .magritte-root___FV1tC_4-2-5{
115
115
  --border-background-dimension:2px;
116
116
  }
117
117
  }
118
- .magritte-root_medium___67WJa_4-2-4{
118
+ .magritte-root_medium___67WJa_4-2-5{
119
119
  justify-content:center;
120
120
  padding:24px;
121
121
  }
122
- .magritte-root_medium___67WJa_4-2-4 .magritte-body___O7ROl_4-2-4{
122
+ .magritte-root_medium___67WJa_4-2-5 .magritte-body___O7ROl_4-2-5{
123
123
  flex-direction:column;
124
124
  align-items:center;
125
125
  justify-content:center;
126
126
  }
127
- .magritte-root_small___dkUYq_4-2-4{
127
+ .magritte-root_small___dkUYq_4-2-5{
128
128
  padding-top:16px;
129
129
  padding-bottom:16px;
130
130
  padding-left:16px;
131
131
  }
132
- .magritte-root_small___dkUYq_4-2-4 .magritte-body___O7ROl_4-2-4{
132
+ .magritte-root_small___dkUYq_4-2-5 .magritte-body___O7ROl_4-2-5{
133
133
  gap:16px;
134
134
  }
135
- .magritte-background___RfZ0U_4-2-4{
135
+ .magritte-background___RfZ0U_4-2-5{
136
136
  position:absolute;
137
137
  border-width:calc(2px + var(--border-background-dimension));
138
138
  border-style:dashed;
@@ -145,15 +145,15 @@
145
145
  background-position:center;
146
146
  background-size:100%;
147
147
  }
148
- .magritte-body___O7ROl_4-2-4{
148
+ .magritte-body___O7ROl_4-2-5{
149
149
  display:flex;
150
150
  width:100%;
151
151
  }
152
- .magritte-loader___XYpWg_4-2-4{
152
+ .magritte-loader___XYpWg_4-2-5{
153
153
  position:relative;
154
154
  display:flex;
155
155
  }
156
- .magritte-cancel___tQ-yX_4-2-4{
156
+ .magritte-cancel___tQ-yX_4-2-5{
157
157
  position:absolute;
158
158
  top:0;
159
159
  left:0;
@@ -163,20 +163,20 @@
163
163
  align-items:center;
164
164
  justify-content:center;
165
165
  }
166
- .magritte-image-controls___vLf94_4-2-4{
166
+ .magritte-image-controls___vLf94_4-2-5{
167
167
  display:flex;
168
168
  gap:12px;
169
169
  align-items:flex-end;
170
170
  justify-content:flex-end;
171
171
  width:100%;
172
172
  }
173
- .magritte-small-controls___Qn9TP_4-2-4{
173
+ .magritte-small-controls___Qn9TP_4-2-5{
174
174
  display:flex;
175
175
  align-items:center;
176
176
  margin-left:auto;
177
177
  margin-right:20px;
178
178
  }
179
- .magritte-file-list___L9uHt_4-2-4{
179
+ .magritte-file-list___L9uHt_4-2-5{
180
180
  margin-top:12px;
181
181
  box-shadow:inset 0 0 0 1px var(--magritte-color-stroke-neutral-v24-4-0);
182
182
  border-radius:24px;
@@ -185,19 +185,19 @@
185
185
  padding-bottom:16px;
186
186
  padding-left:16px;
187
187
  }
188
- .magritte-file-icon___oetLK_4-2-4{
188
+ .magritte-file-icon___oetLK_4-2-5{
189
189
  display:inline-flex;
190
190
  }
191
- .magritte-file-info___Y3vyi_4-2-4{
191
+ .magritte-file-info___Y3vyi_4-2-5{
192
192
  display:inline-flex;
193
193
  width:100%;
194
194
  flex-direction:column;
195
195
  align-items:center;
196
196
  }
197
- .magritte-hidden-file-info___92c69_4-2-4{
197
+ .magritte-hidden-file-info___92c69_4-2-5{
198
198
  visibility:hidden;
199
199
  }
200
- .magritte-single-small-placeholer___m8Vnt_4-2-4{
200
+ .magritte-single-small-placeholer___m8Vnt_4-2-5{
201
201
  display:flex;
202
202
  flex-direction:column;
203
203
  justify-content:center;
package/index.js CHANGED
@@ -4,7 +4,7 @@ import 'react/jsx-runtime';
4
4
  import './MultiUpload.js';
5
5
  import 'react-dropzone';
6
6
  import 'classnames';
7
- import './upload-CkqNSMKo.js';
7
+ import './upload-uOm1es2U.js';
8
8
  import 'react';
9
9
  import '@hh.ru/magritte-ui-spacing';
10
10
  import '@hh.ru/magritte-ui-typography';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-upload",
3
- "version": "4.2.4",
3
+ "version": "4.2.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -30,7 +30,7 @@
30
30
  "@hh.ru/magritte-ui-avatar": "8.0.15",
31
31
  "@hh.ru/magritte-ui-breakpoint": "6.0.6",
32
32
  "@hh.ru/magritte-ui-button": "7.1.3",
33
- "@hh.ru/magritte-ui-button-stack": "2.2.3",
33
+ "@hh.ru/magritte-ui-button-stack": "3.0.0",
34
34
  "@hh.ru/magritte-ui-divider": "3.0.16",
35
35
  "@hh.ru/magritte-ui-icon": "13.10.1",
36
36
  "@hh.ru/magritte-ui-loader": "2.1.3",
@@ -39,5 +39,5 @@
39
39
  "@hh.ru/magritte-ui-typography": "4.5.1",
40
40
  "react-dropzone": "14.3.5"
41
41
  },
42
- "gitHead": "dbdbcad65f9d7dc14f074ed3e1e83a48d1ef832c"
42
+ "gitHead": "494e7d82d7d01dfd9a60460b9b94f08a7ef609d5"
43
43
  }
@@ -0,0 +1,10 @@
1
+ import './index.css';
2
+ import { createContext, useContext } from 'react';
3
+
4
+ const DisabledContext = createContext(false);
5
+ const useDisabled = () => useContext(DisabledContext);
6
+
7
+ var styles = {"root":"magritte-root___FV1tC_4-2-5","background":"magritte-background___RfZ0U_4-2-5","drag-active":"magritte-drag-active___dihBL_4-2-5","dragActive":"magritte-drag-active___dihBL_4-2-5","load":"magritte-load___MghDA_4-2-5","loading":"magritte-loading___9E3p-_4-2-5","invalid":"magritte-invalid___Rt10-_4-2-5","disabled":"magritte-disabled___bhw2K_4-2-5","root_medium":"magritte-root_medium___67WJa_4-2-5","rootMedium":"magritte-root_medium___67WJa_4-2-5","body":"magritte-body___O7ROl_4-2-5","root_small":"magritte-root_small___dkUYq_4-2-5","rootSmall":"magritte-root_small___dkUYq_4-2-5","loader":"magritte-loader___XYpWg_4-2-5","cancel":"magritte-cancel___tQ-yX_4-2-5","image-controls":"magritte-image-controls___vLf94_4-2-5","imageControls":"magritte-image-controls___vLf94_4-2-5","small-controls":"magritte-small-controls___Qn9TP_4-2-5","smallControls":"magritte-small-controls___Qn9TP_4-2-5","file-list":"magritte-file-list___L9uHt_4-2-5","fileList":"magritte-file-list___L9uHt_4-2-5","file-icon":"magritte-file-icon___oetLK_4-2-5","fileIcon":"magritte-file-icon___oetLK_4-2-5","file-info":"magritte-file-info___Y3vyi_4-2-5","fileInfo":"magritte-file-info___Y3vyi_4-2-5","hidden-file-info":"magritte-hidden-file-info___92c69_4-2-5","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-2-5","single-small-placeholer":"magritte-single-small-placeholer___m8Vnt_4-2-5","singleSmallPlaceholer":"magritte-single-small-placeholer___m8Vnt_4-2-5"};
8
+
9
+ export { DisabledContext as D, styles as s, useDisabled as u };
10
+ //# sourceMappingURL=upload-uOm1es2U.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"upload-CkqNSMKo.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;;;;;;"}
1
+ {"version":3,"file":"upload-uOm1es2U.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;;;;;;"}
@@ -1,10 +0,0 @@
1
- import './index.css';
2
- import { createContext, useContext } from 'react';
3
-
4
- const DisabledContext = createContext(false);
5
- const useDisabled = () => useContext(DisabledContext);
6
-
7
- var styles = {"root":"magritte-root___FV1tC_4-2-4","background":"magritte-background___RfZ0U_4-2-4","drag-active":"magritte-drag-active___dihBL_4-2-4","dragActive":"magritte-drag-active___dihBL_4-2-4","load":"magritte-load___MghDA_4-2-4","loading":"magritte-loading___9E3p-_4-2-4","invalid":"magritte-invalid___Rt10-_4-2-4","disabled":"magritte-disabled___bhw2K_4-2-4","root_medium":"magritte-root_medium___67WJa_4-2-4","rootMedium":"magritte-root_medium___67WJa_4-2-4","body":"magritte-body___O7ROl_4-2-4","root_small":"magritte-root_small___dkUYq_4-2-4","rootSmall":"magritte-root_small___dkUYq_4-2-4","loader":"magritte-loader___XYpWg_4-2-4","cancel":"magritte-cancel___tQ-yX_4-2-4","image-controls":"magritte-image-controls___vLf94_4-2-4","imageControls":"magritte-image-controls___vLf94_4-2-4","small-controls":"magritte-small-controls___Qn9TP_4-2-4","smallControls":"magritte-small-controls___Qn9TP_4-2-4","file-list":"magritte-file-list___L9uHt_4-2-4","fileList":"magritte-file-list___L9uHt_4-2-4","file-icon":"magritte-file-icon___oetLK_4-2-4","fileIcon":"magritte-file-icon___oetLK_4-2-4","file-info":"magritte-file-info___Y3vyi_4-2-4","fileInfo":"magritte-file-info___Y3vyi_4-2-4","hidden-file-info":"magritte-hidden-file-info___92c69_4-2-4","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-2-4","single-small-placeholer":"magritte-single-small-placeholer___m8Vnt_4-2-4","singleSmallPlaceholer":"magritte-single-small-placeholer___m8Vnt_4-2-4"};
8
-
9
- export { DisabledContext as D, styles as s, useDisabled as u };
10
- //# sourceMappingURL=upload-CkqNSMKo.js.map