@alfalab/core-components-file-upload-item 5.1.6 → 5.1.7

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.
Files changed (16) hide show
  1. package/Component.js +5 -5
  2. package/cssm/Component.js +4 -4
  3. package/cssm/index.js +4 -4
  4. package/cssm/utils.js +1 -1
  5. package/esm/Component.js +5 -5
  6. package/esm/index.css +22 -22
  7. package/esm/index.js +4 -4
  8. package/esm/utils.js +1 -1
  9. package/index.css +22 -22
  10. package/index.js +4 -4
  11. package/modern/Component.js +5 -5
  12. package/modern/index.css +22 -22
  13. package/modern/index.js +4 -4
  14. package/modern/utils.js +1 -1
  15. package/package.json +2 -2
  16. package/utils.js +1 -1
package/Component.js CHANGED
@@ -7,16 +7,16 @@ var cn = require('classnames');
7
7
  var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
8
8
  var coreComponentsLink = require('@alfalab/core-components-link');
9
9
  var coreComponentsSpinner = require('@alfalab/core-components-spinner');
10
- var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
11
- var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
10
  var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
13
- var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
11
+ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
14
12
  var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
13
+ var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
14
+ var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
15
15
  require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
16
17
  require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
18
  require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
19
  require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
- require('@alfalab/icons-glyph/DocumentImageMIcon');
20
20
  var utils = require('./utils.js');
21
21
 
22
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,7 +24,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
24
24
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
25
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
26
26
 
27
- var styles = {"component":"file-upload-item__component_honos","infoSection":"file-upload-item__infoSection_honos","info":"file-upload-item__info_honos","icon":"file-upload-item__icon_honos","errorIcon":"file-upload-item__errorIcon_honos","successIcon":"file-upload-item__successIcon_honos","name":"file-upload-item__name_honos","meta":"file-upload-item__meta_honos","size":"file-upload-item__size_honos","delete":"file-upload-item__delete_honos","download":"file-upload-item__download_honos","errorWrapper":"file-upload-item__errorWrapper_honos","restore":"file-upload-item__restore_honos","spinnerWrapper":"file-upload-item__spinnerWrapper_honos","spinner":"file-upload-item__spinner_honos","uploadPercent":"file-upload-item__uploadPercent_honos"};
27
+ var styles = {"component":"file-upload-item__component_w4zr7","infoSection":"file-upload-item__infoSection_w4zr7","info":"file-upload-item__info_w4zr7","icon":"file-upload-item__icon_w4zr7","errorIcon":"file-upload-item__errorIcon_w4zr7","successIcon":"file-upload-item__successIcon_w4zr7","name":"file-upload-item__name_w4zr7","meta":"file-upload-item__meta_w4zr7","size":"file-upload-item__size_w4zr7","delete":"file-upload-item__delete_w4zr7","download":"file-upload-item__download_w4zr7","errorWrapper":"file-upload-item__errorWrapper_w4zr7","restore":"file-upload-item__restore_w4zr7","spinnerWrapper":"file-upload-item__spinnerWrapper_w4zr7","spinner":"file-upload-item__spinner_w4zr7","uploadPercent":"file-upload-item__uploadPercent_w4zr7"};
28
28
  require('./index.css')
29
29
 
30
30
  var FileUploadItem = function (_a) {
package/cssm/Component.js CHANGED
@@ -7,16 +7,16 @@ var cn = require('classnames');
7
7
  var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
8
8
  var coreComponentsLink = require('@alfalab/core-components-link/cssm');
9
9
  var coreComponentsSpinner = require('@alfalab/core-components-spinner/cssm');
10
- var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
11
- var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
10
  var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
13
- var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
11
+ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
14
12
  var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
13
+ var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
14
+ var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
15
15
  require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
16
17
  require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
18
  require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
19
  require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
- require('@alfalab/icons-glyph/DocumentImageMIcon');
20
20
  var utils = require('./utils.js');
21
21
  var styles = require('./index.module.css');
22
22
 
package/cssm/index.js CHANGED
@@ -7,16 +7,16 @@ require('classnames');
7
7
  require('@alfalab/core-components-icon-button/cssm');
8
8
  require('@alfalab/core-components-link/cssm');
9
9
  require('@alfalab/core-components-spinner/cssm');
10
- require('@alfalab/icons-glyph/CrossSIcon');
11
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
10
  require('@alfalab/icons-glyph/AlertCircleMIcon');
13
- require('@alfalab/icons-glyph/PointerDownSIcon');
11
+ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
14
12
  require('@alfalab/icons-glyph/ClockMIcon');
13
+ require('@alfalab/icons-glyph/CrossSIcon');
14
+ require('@alfalab/icons-glyph/PointerDownSIcon');
15
15
  require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
16
17
  require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
18
  require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
19
  require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
- require('@alfalab/icons-glyph/DocumentImageMIcon');
20
20
  require('./utils.js');
21
21
  require('./index.module.css');
22
22
  var Component = require('./Component.js');
package/cssm/utils.js CHANGED
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
6
+ var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
6
7
  var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
7
8
  var DocumentTxtMIcon = require('@alfalab/icons-glyph/DocumentTxtMIcon');
8
9
  var DocumentUnknownMIcon = require('@alfalab/icons-glyph/DocumentUnknownMIcon');
9
- var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
10
10
 
11
11
  function humanFileSize(size) {
12
12
  var units = ['B', 'KB', 'MB', 'GB'];
package/esm/Component.js CHANGED
@@ -3,19 +3,19 @@ import cn from 'classnames';
3
3
  import { IconButton } from '@alfalab/core-components-icon-button/esm';
4
4
  import { Link } from '@alfalab/core-components-link/esm';
5
5
  import { Spinner } from '@alfalab/core-components-spinner/esm';
6
- import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
7
- import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
6
  import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
9
- import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
7
+ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
10
8
  import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
9
+ import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
10
+ import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
12
13
  import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
14
  import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
15
  import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
- import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import { fileIcon, humanFileSize } from './utils.js';
17
17
 
18
- var styles = {"component":"file-upload-item__component_honos","infoSection":"file-upload-item__infoSection_honos","info":"file-upload-item__info_honos","icon":"file-upload-item__icon_honos","errorIcon":"file-upload-item__errorIcon_honos","successIcon":"file-upload-item__successIcon_honos","name":"file-upload-item__name_honos","meta":"file-upload-item__meta_honos","size":"file-upload-item__size_honos","delete":"file-upload-item__delete_honos","download":"file-upload-item__download_honos","errorWrapper":"file-upload-item__errorWrapper_honos","restore":"file-upload-item__restore_honos","spinnerWrapper":"file-upload-item__spinnerWrapper_honos","spinner":"file-upload-item__spinner_honos","uploadPercent":"file-upload-item__uploadPercent_honos"};
18
+ var styles = {"component":"file-upload-item__component_w4zr7","infoSection":"file-upload-item__infoSection_w4zr7","info":"file-upload-item__info_w4zr7","icon":"file-upload-item__icon_w4zr7","errorIcon":"file-upload-item__errorIcon_w4zr7","successIcon":"file-upload-item__successIcon_w4zr7","name":"file-upload-item__name_w4zr7","meta":"file-upload-item__meta_w4zr7","size":"file-upload-item__size_w4zr7","delete":"file-upload-item__delete_w4zr7","download":"file-upload-item__download_w4zr7","errorWrapper":"file-upload-item__errorWrapper_w4zr7","restore":"file-upload-item__restore_w4zr7","spinnerWrapper":"file-upload-item__spinnerWrapper_w4zr7","spinner":"file-upload-item__spinner_w4zr7","uploadPercent":"file-upload-item__uploadPercent_w4zr7"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: baex7 */
1
+ /* hash: kvk7c */
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_honos {
25
+ .file-upload-item__component_w4zr7 {
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_honos svg {
37
+ .file-upload-item__component_w4zr7 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_honos {
40
+ .file-upload-item__infoSection_w4zr7 {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,86 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_honos {
48
+ .file-upload-item__info_w4zr7 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_honos {
54
+ .file-upload-item__icon_w4zr7 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_honos {
59
+ .file-upload-item__errorIcon_w4zr7 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_honos {
63
+ .file-upload-item__successIcon_w4zr7 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_honos {
67
+ .file-upload-item__name_w4zr7 {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__name_honos a {
73
+ .file-upload-item__name_w4zr7 a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_honos {
77
+ .file-upload-item__meta_w4zr7 {
78
78
  display: flex;
79
79
  white-space: nowrap;
80
80
  margin-right: var(--gap-2xs);
81
81
  margin-left: var(--gap-xl);
82
82
  padding: var(--gap-2xs) 0
83
83
  }
84
- .file-upload-item__meta_honos > * {
84
+ .file-upload-item__meta_w4zr7 > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_honos > *:last-child {
87
+ .file-upload-item__meta_w4zr7 > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_honos {
90
+ .file-upload-item__size_w4zr7 {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_honos,
94
- .file-upload-item__download_honos {
93
+ .file-upload-item__delete_w4zr7,
94
+ .file-upload-item__download_w4zr7 {
95
95
  height: 24px;
96
96
  width: 24px;
97
97
  margin-left: var(--gap-xs);
98
98
  }
99
- .file-upload-item__errorWrapper_honos {
99
+ .file-upload-item__errorWrapper_w4zr7 {
100
100
  margin-top: var(--gap-s);
101
101
  color: var(--color-light-text-accent)
102
102
  }
103
103
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_honos {
104
+ .file-upload-item__errorWrapper_w4zr7 {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_honos {
109
+ .file-upload-item__restore_w4zr7 {
110
110
  font-size: 14px;
111
111
  line-height: 20px;
112
112
  font-weight: 400;
113
113
 
114
114
  margin-left: var(--gap-s);
115
115
  }
116
- .file-upload-item__spinnerWrapper_honos {
116
+ .file-upload-item__spinnerWrapper_w4zr7 {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
120
120
  width: 24px;
121
121
  height: 24px;
122
122
  }
123
- .file-upload-item__spinner_honos {
123
+ .file-upload-item__spinner_w4zr7 {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_honos {
127
+ .file-upload-item__uploadPercent_w4zr7 {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/esm/index.js CHANGED
@@ -3,15 +3,15 @@ import 'classnames';
3
3
  import '@alfalab/core-components-icon-button/esm';
4
4
  import '@alfalab/core-components-link/esm';
5
5
  import '@alfalab/core-components-spinner/esm';
6
- import '@alfalab/icons-glyph/CrossSIcon';
7
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
6
  import '@alfalab/icons-glyph/AlertCircleMIcon';
9
- import '@alfalab/icons-glyph/PointerDownSIcon';
7
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
10
8
  import '@alfalab/icons-glyph/ClockMIcon';
9
+ import '@alfalab/icons-glyph/CrossSIcon';
10
+ import '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
12
13
  import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
14
  import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
15
  import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
- import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import './utils.js';
17
17
  export { FileUploadItem } from './Component.js';
package/esm/utils.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
2
+ import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
2
3
  import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
3
4
  import { DocumentTxtMIcon } from '@alfalab/icons-glyph/DocumentTxtMIcon';
4
5
  import { DocumentUnknownMIcon } from '@alfalab/icons-glyph/DocumentUnknownMIcon';
5
- import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
6
6
 
7
7
  function humanFileSize(size) {
8
8
  var units = ['B', 'KB', 'MB', 'GB'];
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: baex7 */
1
+ /* hash: kvk7c */
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_honos {
25
+ .file-upload-item__component_w4zr7 {
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_honos svg {
37
+ .file-upload-item__component_w4zr7 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_honos {
40
+ .file-upload-item__infoSection_w4zr7 {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,86 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_honos {
48
+ .file-upload-item__info_w4zr7 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_honos {
54
+ .file-upload-item__icon_w4zr7 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_honos {
59
+ .file-upload-item__errorIcon_w4zr7 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_honos {
63
+ .file-upload-item__successIcon_w4zr7 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_honos {
67
+ .file-upload-item__name_w4zr7 {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__name_honos a {
73
+ .file-upload-item__name_w4zr7 a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_honos {
77
+ .file-upload-item__meta_w4zr7 {
78
78
  display: flex;
79
79
  white-space: nowrap;
80
80
  margin-right: var(--gap-2xs);
81
81
  margin-left: var(--gap-xl);
82
82
  padding: var(--gap-2xs) 0
83
83
  }
84
- .file-upload-item__meta_honos > * {
84
+ .file-upload-item__meta_w4zr7 > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_honos > *:last-child {
87
+ .file-upload-item__meta_w4zr7 > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_honos {
90
+ .file-upload-item__size_w4zr7 {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_honos,
94
- .file-upload-item__download_honos {
93
+ .file-upload-item__delete_w4zr7,
94
+ .file-upload-item__download_w4zr7 {
95
95
  height: 24px;
96
96
  width: 24px;
97
97
  margin-left: var(--gap-xs);
98
98
  }
99
- .file-upload-item__errorWrapper_honos {
99
+ .file-upload-item__errorWrapper_w4zr7 {
100
100
  margin-top: var(--gap-s);
101
101
  color: var(--color-light-text-accent)
102
102
  }
103
103
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_honos {
104
+ .file-upload-item__errorWrapper_w4zr7 {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_honos {
109
+ .file-upload-item__restore_w4zr7 {
110
110
  font-size: 14px;
111
111
  line-height: 20px;
112
112
  font-weight: 400;
113
113
 
114
114
  margin-left: var(--gap-s);
115
115
  }
116
- .file-upload-item__spinnerWrapper_honos {
116
+ .file-upload-item__spinnerWrapper_w4zr7 {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
120
120
  width: 24px;
121
121
  height: 24px;
122
122
  }
123
- .file-upload-item__spinner_honos {
123
+ .file-upload-item__spinner_w4zr7 {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_honos {
127
+ .file-upload-item__uploadPercent_w4zr7 {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/index.js CHANGED
@@ -7,16 +7,16 @@ require('classnames');
7
7
  require('@alfalab/core-components-icon-button');
8
8
  require('@alfalab/core-components-link');
9
9
  require('@alfalab/core-components-spinner');
10
- require('@alfalab/icons-glyph/CrossSIcon');
11
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
10
  require('@alfalab/icons-glyph/AlertCircleMIcon');
13
- require('@alfalab/icons-glyph/PointerDownSIcon');
11
+ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
14
12
  require('@alfalab/icons-glyph/ClockMIcon');
13
+ require('@alfalab/icons-glyph/CrossSIcon');
14
+ require('@alfalab/icons-glyph/PointerDownSIcon');
15
15
  require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
16
17
  require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
18
  require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
19
  require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
- require('@alfalab/icons-glyph/DocumentImageMIcon');
20
20
  require('./utils.js');
21
21
  var Component = require('./Component.js');
22
22
 
package/modern/Component.js CHANGED
@@ -3,19 +3,19 @@ import cn from 'classnames';
3
3
  import { IconButton } from '@alfalab/core-components-icon-button/modern';
4
4
  import { Link } from '@alfalab/core-components-link/modern';
5
5
  import { Spinner } from '@alfalab/core-components-spinner/modern';
6
- import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
7
- import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
6
  import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
9
- import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
7
+ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
10
8
  import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
9
+ import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
10
+ import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
12
13
  import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
14
  import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
15
  import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
- import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import { fileIcon, humanFileSize } from './utils.js';
17
17
 
18
- var styles = {"component":"file-upload-item__component_honos","infoSection":"file-upload-item__infoSection_honos","info":"file-upload-item__info_honos","icon":"file-upload-item__icon_honos","errorIcon":"file-upload-item__errorIcon_honos","successIcon":"file-upload-item__successIcon_honos","name":"file-upload-item__name_honos","meta":"file-upload-item__meta_honos","size":"file-upload-item__size_honos","delete":"file-upload-item__delete_honos","download":"file-upload-item__download_honos","errorWrapper":"file-upload-item__errorWrapper_honos","restore":"file-upload-item__restore_honos","spinnerWrapper":"file-upload-item__spinnerWrapper_honos","spinner":"file-upload-item__spinner_honos","uploadPercent":"file-upload-item__uploadPercent_honos"};
18
+ var styles = {"component":"file-upload-item__component_w4zr7","infoSection":"file-upload-item__infoSection_w4zr7","info":"file-upload-item__info_w4zr7","icon":"file-upload-item__icon_w4zr7","errorIcon":"file-upload-item__errorIcon_w4zr7","successIcon":"file-upload-item__successIcon_w4zr7","name":"file-upload-item__name_w4zr7","meta":"file-upload-item__meta_w4zr7","size":"file-upload-item__size_w4zr7","delete":"file-upload-item__delete_w4zr7","download":"file-upload-item__download_w4zr7","errorWrapper":"file-upload-item__errorWrapper_w4zr7","restore":"file-upload-item__restore_w4zr7","spinnerWrapper":"file-upload-item__spinnerWrapper_w4zr7","spinner":"file-upload-item__spinner_w4zr7","uploadPercent":"file-upload-item__uploadPercent_w4zr7"};
19
19
  require('./index.css')
20
20
 
21
21
  const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error, showDelete, showRestore, onDelete, onDownload, onRestore, disableButtons, dataTestId, }) => {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: baex7 */
1
+ /* hash: kvk7c */
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_honos {
25
+ .file-upload-item__component_w4zr7 {
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_honos svg {
37
+ .file-upload-item__component_w4zr7 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_honos {
40
+ .file-upload-item__infoSection_w4zr7 {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,86 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_honos {
48
+ .file-upload-item__info_w4zr7 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_honos {
54
+ .file-upload-item__icon_w4zr7 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_honos {
59
+ .file-upload-item__errorIcon_w4zr7 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_honos {
63
+ .file-upload-item__successIcon_w4zr7 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_honos {
67
+ .file-upload-item__name_w4zr7 {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__name_honos a {
73
+ .file-upload-item__name_w4zr7 a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_honos {
77
+ .file-upload-item__meta_w4zr7 {
78
78
  display: flex;
79
79
  white-space: nowrap;
80
80
  margin-right: var(--gap-2xs);
81
81
  margin-left: var(--gap-xl);
82
82
  padding: var(--gap-2xs) 0
83
83
  }
84
- .file-upload-item__meta_honos > * {
84
+ .file-upload-item__meta_w4zr7 > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_honos > *:last-child {
87
+ .file-upload-item__meta_w4zr7 > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_honos {
90
+ .file-upload-item__size_w4zr7 {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_honos,
94
- .file-upload-item__download_honos {
93
+ .file-upload-item__delete_w4zr7,
94
+ .file-upload-item__download_w4zr7 {
95
95
  height: 24px;
96
96
  width: 24px;
97
97
  margin-left: var(--gap-xs);
98
98
  }
99
- .file-upload-item__errorWrapper_honos {
99
+ .file-upload-item__errorWrapper_w4zr7 {
100
100
  margin-top: var(--gap-s);
101
101
  color: var(--color-light-text-accent)
102
102
  }
103
103
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_honos {
104
+ .file-upload-item__errorWrapper_w4zr7 {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_honos {
109
+ .file-upload-item__restore_w4zr7 {
110
110
  font-size: 14px;
111
111
  line-height: 20px;
112
112
  font-weight: 400;
113
113
 
114
114
  margin-left: var(--gap-s);
115
115
  }
116
- .file-upload-item__spinnerWrapper_honos {
116
+ .file-upload-item__spinnerWrapper_w4zr7 {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
120
120
  width: 24px;
121
121
  height: 24px;
122
122
  }
123
- .file-upload-item__spinner_honos {
123
+ .file-upload-item__spinner_w4zr7 {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_honos {
127
+ .file-upload-item__uploadPercent_w4zr7 {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/modern/index.js CHANGED
@@ -3,15 +3,15 @@ import 'classnames';
3
3
  import '@alfalab/core-components-icon-button/modern';
4
4
  import '@alfalab/core-components-link/modern';
5
5
  import '@alfalab/core-components-spinner/modern';
6
- import '@alfalab/icons-glyph/CrossSIcon';
7
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
6
  import '@alfalab/icons-glyph/AlertCircleMIcon';
9
- import '@alfalab/icons-glyph/PointerDownSIcon';
7
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
10
8
  import '@alfalab/icons-glyph/ClockMIcon';
9
+ import '@alfalab/icons-glyph/CrossSIcon';
10
+ import '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
12
13
  import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
14
  import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
15
  import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
- import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import './utils.js';
17
17
  export { FileUploadItem } from './Component.js';
package/modern/utils.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
2
+ import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
2
3
  import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
3
4
  import { DocumentTxtMIcon } from '@alfalab/icons-glyph/DocumentTxtMIcon';
4
5
  import { DocumentUnknownMIcon } from '@alfalab/icons-glyph/DocumentUnknownMIcon';
5
- import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
6
6
 
7
7
  function humanFileSize(size) {
8
8
  const units = ['B', 'KB', 'MB', 'GB'];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.1.6",
3
+ "version": "5.1.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,7 +14,7 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^5.0.5",
17
+ "@alfalab/core-components-icon-button": "^6.0.0",
18
18
  "@alfalab/core-components-link": "^5.0.1",
19
19
  "@alfalab/core-components-spinner": "^3.0.2",
20
20
  "@alfalab/icons-glyph": "^2.71.0"
package/utils.js CHANGED
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
6
+ var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
6
7
  var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
7
8
  var DocumentTxtMIcon = require('@alfalab/icons-glyph/DocumentTxtMIcon');
8
9
  var DocumentUnknownMIcon = require('@alfalab/icons-glyph/DocumentUnknownMIcon');
9
- var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
10
10
 
11
11
  function humanFileSize(size) {
12
12
  var units = ['B', 'KB', 'MB', 'GB'];