@alfalab/core-components-file-upload-item 3.4.0 → 3.4.1

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/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.4.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-file-upload-item@3.4.0...@alfalab/core-components-file-upload-item@3.4.1) (2021-12-14)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-file-upload-item
9
+
10
+
11
+
12
+
13
+
6
14
  # [3.4.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-file-upload-item@3.3.3...@alfalab/core-components-file-upload-item@3.4.0) (2021-12-09)
7
15
 
8
16
 
package/dist/Component.js CHANGED
@@ -19,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
19
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
21
21
 
22
- var styles = {"component":"file-upload-item__component_29xhl","infoSection":"file-upload-item__infoSection_29xhl","info":"file-upload-item__info_29xhl","icon":"file-upload-item__icon_29xhl","errorIcon":"file-upload-item__errorIcon_29xhl","successIcon":"file-upload-item__successIcon_29xhl","name":"file-upload-item__name_29xhl","meta":"file-upload-item__meta_29xhl","size":"file-upload-item__size_29xhl","delete":"file-upload-item__delete_29xhl","download":"file-upload-item__download_29xhl","errorWrapper":"file-upload-item__errorWrapper_29xhl","restore":"file-upload-item__restore_29xhl","spinnerWrapper":"file-upload-item__spinnerWrapper_29xhl","spinner":"file-upload-item__spinner_29xhl","uploadPercent":"file-upload-item__uploadPercent_29xhl"};
22
+ var styles = {"component":"file-upload-item__component_1x70o","infoSection":"file-upload-item__infoSection_1x70o","info":"file-upload-item__info_1x70o","icon":"file-upload-item__icon_1x70o","errorIcon":"file-upload-item__errorIcon_1x70o","successIcon":"file-upload-item__successIcon_1x70o","name":"file-upload-item__name_1x70o","meta":"file-upload-item__meta_1x70o","size":"file-upload-item__size_1x70o","delete":"file-upload-item__delete_1x70o","download":"file-upload-item__download_1x70o","errorWrapper":"file-upload-item__errorWrapper_1x70o","restore":"file-upload-item__restore_1x70o","spinnerWrapper":"file-upload-item__spinnerWrapper_1x70o","spinner":"file-upload-item__spinner_1x70o","uploadPercent":"file-upload-item__uploadPercent_1x70o"};
23
23
  require('./index.css')
24
24
 
25
25
  var FileUploadItem = function (_a) {
@@ -10,7 +10,7 @@ import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
10
10
  import { ClockMIcon } from '@alfalab/icons-glyph';
11
11
  import { fileIcon, humanFileSize } from './utils.js';
12
12
 
13
- var styles = {"component":"file-upload-item__component_29xhl","infoSection":"file-upload-item__infoSection_29xhl","info":"file-upload-item__info_29xhl","icon":"file-upload-item__icon_29xhl","errorIcon":"file-upload-item__errorIcon_29xhl","successIcon":"file-upload-item__successIcon_29xhl","name":"file-upload-item__name_29xhl","meta":"file-upload-item__meta_29xhl","size":"file-upload-item__size_29xhl","delete":"file-upload-item__delete_29xhl","download":"file-upload-item__download_29xhl","errorWrapper":"file-upload-item__errorWrapper_29xhl","restore":"file-upload-item__restore_29xhl","spinnerWrapper":"file-upload-item__spinnerWrapper_29xhl","spinner":"file-upload-item__spinner_29xhl","uploadPercent":"file-upload-item__uploadPercent_29xhl"};
13
+ var styles = {"component":"file-upload-item__component_1x70o","infoSection":"file-upload-item__infoSection_1x70o","info":"file-upload-item__info_1x70o","icon":"file-upload-item__icon_1x70o","errorIcon":"file-upload-item__errorIcon_1x70o","successIcon":"file-upload-item__successIcon_1x70o","name":"file-upload-item__name_1x70o","meta":"file-upload-item__meta_1x70o","size":"file-upload-item__size_1x70o","delete":"file-upload-item__delete_1x70o","download":"file-upload-item__download_1x70o","errorWrapper":"file-upload-item__errorWrapper_1x70o","restore":"file-upload-item__restore_1x70o","spinnerWrapper":"file-upload-item__spinnerWrapper_1x70o","spinner":"file-upload-item__spinner_1x70o","uploadPercent":"file-upload-item__uploadPercent_1x70o"};
14
14
  require('./index.css')
15
15
 
16
16
  var FileUploadItem = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: cvqaa */
1
+ /* hash: 1m858 */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_29xhl {
25
+ .file-upload-item__component_1x70o {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_29xhl svg {
37
+ .file-upload-item__component_1x70o svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_29xhl {
40
+ .file-upload-item__infoSection_1x70o {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,85 +45,85 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_29xhl {
48
+ .file-upload-item__info_1x70o {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  }
53
- .file-upload-item__icon_29xhl {
53
+ .file-upload-item__icon_1x70o {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
57
  }
58
- .file-upload-item__errorIcon_29xhl {
58
+ .file-upload-item__errorIcon_1x70o {
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-graphic-negative);
61
61
  }
62
- .file-upload-item__successIcon_29xhl {
62
+ .file-upload-item__successIcon_1x70o {
63
63
  flex-shrink: 0;
64
64
  color: var(--color-light-graphic-positive);
65
65
  }
66
- .file-upload-item__name_29xhl {
66
+ .file-upload-item__name_1x70o {
67
67
  white-space: nowrap;
68
68
  overflow: hidden;
69
69
  text-overflow: ellipsis;
70
70
  color: var(--color-light-text-primary)
71
71
  }
72
- .file-upload-item__meta_29xhl {
72
+ .file-upload-item__meta_1x70o {
73
73
  display: flex;
74
74
  align-items: center;
75
75
  white-space: nowrap;
76
76
  margin-right: var(--gap-2xs);
77
77
  margin-left: var(--gap-xl)
78
78
  }
79
- .file-upload-item__meta_29xhl > * {
79
+ .file-upload-item__meta_1x70o > * {
80
80
  margin-right: var(--gap-s)
81
81
  }
82
- .file-upload-item__meta_29xhl > *:last-child {
82
+ .file-upload-item__meta_1x70o > *:last-child {
83
83
  margin-right: 0;
84
84
  }
85
- .file-upload-item__size_29xhl {
85
+ .file-upload-item__size_1x70o {
86
86
  text-align: right;
87
87
  }
88
- .file-upload-item__delete_29xhl,
89
- .file-upload-item__download_29xhl {
88
+ .file-upload-item__delete_1x70o,
89
+ .file-upload-item__download_1x70o {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs)
93
93
  }
94
- .file-upload-item__delete_29xhl svg, .file-upload-item__download_29xhl svg {
94
+ .file-upload-item__delete_1x70o svg, .file-upload-item__download_1x70o svg {
95
95
  width: 18px;
96
96
  height: 18px;
97
97
  }
98
- .file-upload-item__errorWrapper_29xhl {
98
+ .file-upload-item__errorWrapper_1x70o {
99
99
  margin-top: var(--gap-s);
100
100
  color: var(--color-light-text-accent)
101
101
  }
102
102
  @media (--small-only) {
103
- .file-upload-item__errorWrapper_29xhl {
103
+ .file-upload-item__errorWrapper_1x70o {
104
104
  flex: 1 0 100%;
105
105
  margin-top: var(--gap-3xs)
106
106
  }
107
107
  }
108
- .file-upload-item__restore_29xhl {
108
+ .file-upload-item__restore_1x70o {
109
109
  font-size: 14px;
110
110
  line-height: 20px;
111
111
  font-weight: 400;
112
112
 
113
113
  margin-left: var(--gap-s);
114
114
  }
115
- .file-upload-item__spinnerWrapper_29xhl {
115
+ .file-upload-item__spinnerWrapper_1x70o {
116
116
  display: flex;
117
117
  justify-content: center;
118
118
  align-items: center;
119
119
  width: 24px;
120
120
  height: 24px;
121
121
  }
122
- .file-upload-item__spinner_29xhl {
122
+ .file-upload-item__spinner_1x70o {
123
123
  width: 20px;
124
124
  height: 20px;
125
125
  }
126
- .file-upload-item__uploadPercent_29xhl {
126
+ .file-upload-item__uploadPercent_1x70o {
127
127
  margin-top: var(--gap-2xs);
128
128
  margin-left: var(--gap-xl);
129
129
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: cvqaa */
1
+ /* hash: 1m858 */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_29xhl {
25
+ .file-upload-item__component_1x70o {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_29xhl svg {
37
+ .file-upload-item__component_1x70o svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_29xhl {
40
+ .file-upload-item__infoSection_1x70o {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,85 +45,85 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_29xhl {
48
+ .file-upload-item__info_1x70o {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  }
53
- .file-upload-item__icon_29xhl {
53
+ .file-upload-item__icon_1x70o {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
57
  }
58
- .file-upload-item__errorIcon_29xhl {
58
+ .file-upload-item__errorIcon_1x70o {
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-graphic-negative);
61
61
  }
62
- .file-upload-item__successIcon_29xhl {
62
+ .file-upload-item__successIcon_1x70o {
63
63
  flex-shrink: 0;
64
64
  color: var(--color-light-graphic-positive);
65
65
  }
66
- .file-upload-item__name_29xhl {
66
+ .file-upload-item__name_1x70o {
67
67
  white-space: nowrap;
68
68
  overflow: hidden;
69
69
  text-overflow: ellipsis;
70
70
  color: var(--color-light-text-primary)
71
71
  }
72
- .file-upload-item__meta_29xhl {
72
+ .file-upload-item__meta_1x70o {
73
73
  display: flex;
74
74
  align-items: center;
75
75
  white-space: nowrap;
76
76
  margin-right: var(--gap-2xs);
77
77
  margin-left: var(--gap-xl)
78
78
  }
79
- .file-upload-item__meta_29xhl > * {
79
+ .file-upload-item__meta_1x70o > * {
80
80
  margin-right: var(--gap-s)
81
81
  }
82
- .file-upload-item__meta_29xhl > *:last-child {
82
+ .file-upload-item__meta_1x70o > *:last-child {
83
83
  margin-right: 0;
84
84
  }
85
- .file-upload-item__size_29xhl {
85
+ .file-upload-item__size_1x70o {
86
86
  text-align: right;
87
87
  }
88
- .file-upload-item__delete_29xhl,
89
- .file-upload-item__download_29xhl {
88
+ .file-upload-item__delete_1x70o,
89
+ .file-upload-item__download_1x70o {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs)
93
93
  }
94
- .file-upload-item__delete_29xhl svg, .file-upload-item__download_29xhl svg {
94
+ .file-upload-item__delete_1x70o svg, .file-upload-item__download_1x70o svg {
95
95
  width: 18px;
96
96
  height: 18px;
97
97
  }
98
- .file-upload-item__errorWrapper_29xhl {
98
+ .file-upload-item__errorWrapper_1x70o {
99
99
  margin-top: var(--gap-s);
100
100
  color: var(--color-light-text-accent)
101
101
  }
102
102
  @media (--small-only) {
103
- .file-upload-item__errorWrapper_29xhl {
103
+ .file-upload-item__errorWrapper_1x70o {
104
104
  flex: 1 0 100%;
105
105
  margin-top: var(--gap-3xs)
106
106
  }
107
107
  }
108
- .file-upload-item__restore_29xhl {
108
+ .file-upload-item__restore_1x70o {
109
109
  font-size: 14px;
110
110
  line-height: 20px;
111
111
  font-weight: 400;
112
112
 
113
113
  margin-left: var(--gap-s);
114
114
  }
115
- .file-upload-item__spinnerWrapper_29xhl {
115
+ .file-upload-item__spinnerWrapper_1x70o {
116
116
  display: flex;
117
117
  justify-content: center;
118
118
  align-items: center;
119
119
  width: 24px;
120
120
  height: 24px;
121
121
  }
122
- .file-upload-item__spinner_29xhl {
122
+ .file-upload-item__spinner_1x70o {
123
123
  width: 20px;
124
124
  height: 20px;
125
125
  }
126
- .file-upload-item__uploadPercent_29xhl {
126
+ .file-upload-item__uploadPercent_1x70o {
127
127
  margin-top: var(--gap-2xs);
128
128
  margin-left: var(--gap-xl);
129
129
  }
@@ -10,7 +10,7 @@ import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
10
10
  import { ClockMIcon } from '@alfalab/icons-glyph';
11
11
  import { fileIcon, humanFileSize } from './utils.js';
12
12
 
13
- var styles = {"component":"file-upload-item__component_29xhl","infoSection":"file-upload-item__infoSection_29xhl","info":"file-upload-item__info_29xhl","icon":"file-upload-item__icon_29xhl","errorIcon":"file-upload-item__errorIcon_29xhl","successIcon":"file-upload-item__successIcon_29xhl","name":"file-upload-item__name_29xhl","meta":"file-upload-item__meta_29xhl","size":"file-upload-item__size_29xhl","delete":"file-upload-item__delete_29xhl","download":"file-upload-item__download_29xhl","errorWrapper":"file-upload-item__errorWrapper_29xhl","restore":"file-upload-item__restore_29xhl","spinnerWrapper":"file-upload-item__spinnerWrapper_29xhl","spinner":"file-upload-item__spinner_29xhl","uploadPercent":"file-upload-item__uploadPercent_29xhl"};
13
+ var styles = {"component":"file-upload-item__component_1x70o","infoSection":"file-upload-item__infoSection_1x70o","info":"file-upload-item__info_1x70o","icon":"file-upload-item__icon_1x70o","errorIcon":"file-upload-item__errorIcon_1x70o","successIcon":"file-upload-item__successIcon_1x70o","name":"file-upload-item__name_1x70o","meta":"file-upload-item__meta_1x70o","size":"file-upload-item__size_1x70o","delete":"file-upload-item__delete_1x70o","download":"file-upload-item__download_1x70o","errorWrapper":"file-upload-item__errorWrapper_1x70o","restore":"file-upload-item__restore_1x70o","spinnerWrapper":"file-upload-item__spinnerWrapper_1x70o","spinner":"file-upload-item__spinner_1x70o","uploadPercent":"file-upload-item__uploadPercent_1x70o"};
14
14
  require('./index.css')
15
15
 
16
16
  const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error = uploadStatus === 'ERROR' ? 'Не удалось загрузить файл' : undefined, showDelete, showRestore, onDelete, onDownload, onRestore, dataTestId, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: cvqaa */
1
+ /* hash: 1m858 */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_29xhl {
25
+ .file-upload-item__component_1x70o {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_29xhl svg {
37
+ .file-upload-item__component_1x70o svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_29xhl {
40
+ .file-upload-item__infoSection_1x70o {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,85 +45,85 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_29xhl {
48
+ .file-upload-item__info_1x70o {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  }
53
- .file-upload-item__icon_29xhl {
53
+ .file-upload-item__icon_1x70o {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
57
  }
58
- .file-upload-item__errorIcon_29xhl {
58
+ .file-upload-item__errorIcon_1x70o {
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-graphic-negative);
61
61
  }
62
- .file-upload-item__successIcon_29xhl {
62
+ .file-upload-item__successIcon_1x70o {
63
63
  flex-shrink: 0;
64
64
  color: var(--color-light-graphic-positive);
65
65
  }
66
- .file-upload-item__name_29xhl {
66
+ .file-upload-item__name_1x70o {
67
67
  white-space: nowrap;
68
68
  overflow: hidden;
69
69
  text-overflow: ellipsis;
70
70
  color: var(--color-light-text-primary)
71
71
  }
72
- .file-upload-item__meta_29xhl {
72
+ .file-upload-item__meta_1x70o {
73
73
  display: flex;
74
74
  align-items: center;
75
75
  white-space: nowrap;
76
76
  margin-right: var(--gap-2xs);
77
77
  margin-left: var(--gap-xl)
78
78
  }
79
- .file-upload-item__meta_29xhl > * {
79
+ .file-upload-item__meta_1x70o > * {
80
80
  margin-right: var(--gap-s)
81
81
  }
82
- .file-upload-item__meta_29xhl > *:last-child {
82
+ .file-upload-item__meta_1x70o > *:last-child {
83
83
  margin-right: 0;
84
84
  }
85
- .file-upload-item__size_29xhl {
85
+ .file-upload-item__size_1x70o {
86
86
  text-align: right;
87
87
  }
88
- .file-upload-item__delete_29xhl,
89
- .file-upload-item__download_29xhl {
88
+ .file-upload-item__delete_1x70o,
89
+ .file-upload-item__download_1x70o {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs)
93
93
  }
94
- .file-upload-item__delete_29xhl svg, .file-upload-item__download_29xhl svg {
94
+ .file-upload-item__delete_1x70o svg, .file-upload-item__download_1x70o svg {
95
95
  width: 18px;
96
96
  height: 18px;
97
97
  }
98
- .file-upload-item__errorWrapper_29xhl {
98
+ .file-upload-item__errorWrapper_1x70o {
99
99
  margin-top: var(--gap-s);
100
100
  color: var(--color-light-text-accent)
101
101
  }
102
102
  @media (--small-only) {
103
- .file-upload-item__errorWrapper_29xhl {
103
+ .file-upload-item__errorWrapper_1x70o {
104
104
  flex: 1 0 100%;
105
105
  margin-top: var(--gap-3xs)
106
106
  }
107
107
  }
108
- .file-upload-item__restore_29xhl {
108
+ .file-upload-item__restore_1x70o {
109
109
  font-size: 14px;
110
110
  line-height: 20px;
111
111
  font-weight: 400;
112
112
 
113
113
  margin-left: var(--gap-s);
114
114
  }
115
- .file-upload-item__spinnerWrapper_29xhl {
115
+ .file-upload-item__spinnerWrapper_1x70o {
116
116
  display: flex;
117
117
  justify-content: center;
118
118
  align-items: center;
119
119
  width: 24px;
120
120
  height: 24px;
121
121
  }
122
- .file-upload-item__spinner_29xhl {
122
+ .file-upload-item__spinner_1x70o {
123
123
  width: 20px;
124
124
  height: 20px;
125
125
  }
126
- .file-upload-item__uploadPercent_29xhl {
126
+ .file-upload-item__uploadPercent_1x70o {
127
127
  margin-top: var(--gap-2xs);
128
128
  margin-left: var(--gap-xl);
129
129
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,10 +16,10 @@
16
16
  "react": "^16.9.0 || ^17.0.1"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-icon-button": "^4.1.0",
19
+ "@alfalab/core-components-icon-button": "^4.1.1",
20
20
  "@alfalab/core-components-link": "^3.2.1",
21
21
  "@alfalab/core-components-spinner": "^2.0.1",
22
22
  "@alfalab/icons-glyph": "^1.190.0"
23
23
  },
24
- "gitHead": "01d0b969614c27e2fce1daa1b2c69f69ccbf6fa4"
24
+ "gitHead": "d4a8810ad1d1c3a94bdc680b2e6f5875102ceff7"
25
25
  }