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

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 (17) 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 +2 -7
  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 +2 -7
  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 +2 -5
  15. package/package.json +2 -2
  16. package/send-stats.js +1 -1
  17. package/utils.js +2 -7
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_12zoe","infoSection":"file-upload-item__infoSection_12zoe","info":"file-upload-item__info_12zoe","icon":"file-upload-item__icon_12zoe","errorIcon":"file-upload-item__errorIcon_12zoe","successIcon":"file-upload-item__successIcon_12zoe","name":"file-upload-item__name_12zoe","meta":"file-upload-item__meta_12zoe","size":"file-upload-item__size_12zoe","delete":"file-upload-item__delete_12zoe","download":"file-upload-item__download_12zoe","errorWrapper":"file-upload-item__errorWrapper_12zoe","restore":"file-upload-item__restore_12zoe","spinnerWrapper":"file-upload-item__spinnerWrapper_12zoe","spinner":"file-upload-item__spinner_12zoe","uploadPercent":"file-upload-item__uploadPercent_12zoe"};
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'];
@@ -19,12 +19,7 @@ function humanFileSize(size) {
19
19
  humanSize = humanSize.toFixed(2);
20
20
  return Number(humanSize) + " " + units[factor];
21
21
  }
22
- var getExtension = function (filename) {
23
- return filename
24
- .toLowerCase()
25
- .split('.')
26
- .pop();
27
- };
22
+ var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
28
23
  function fileIcon(filename) {
29
24
  var extension = getExtension(filename);
30
25
  switch (extension) {
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_12zoe","infoSection":"file-upload-item__infoSection_12zoe","info":"file-upload-item__info_12zoe","icon":"file-upload-item__icon_12zoe","errorIcon":"file-upload-item__errorIcon_12zoe","successIcon":"file-upload-item__successIcon_12zoe","name":"file-upload-item__name_12zoe","meta":"file-upload-item__meta_12zoe","size":"file-upload-item__size_12zoe","delete":"file-upload-item__delete_12zoe","download":"file-upload-item__download_12zoe","errorWrapper":"file-upload-item__errorWrapper_12zoe","restore":"file-upload-item__restore_12zoe","spinnerWrapper":"file-upload-item__spinnerWrapper_12zoe","spinner":"file-upload-item__spinner_12zoe","uploadPercent":"file-upload-item__uploadPercent_12zoe"};
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: 1in9n */
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_12zoe {
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_12zoe svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_honos {
40
+ .file-upload-item__infoSection_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_honos {
77
+ .file-upload-item__meta_12zoe {
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_12zoe > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_honos > *:last-child {
87
+ .file-upload-item__meta_12zoe > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_honos {
90
+ .file-upload-item__size_12zoe {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_honos,
94
- .file-upload-item__download_honos {
93
+ .file-upload-item__delete_12zoe,
94
+ .file-upload-item__download_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_honos {
127
+ .file-upload-item__uploadPercent_12zoe {
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'];
@@ -15,12 +15,7 @@ function humanFileSize(size) {
15
15
  humanSize = humanSize.toFixed(2);
16
16
  return Number(humanSize) + " " + units[factor];
17
17
  }
18
- var getExtension = function (filename) {
19
- return filename
20
- .toLowerCase()
21
- .split('.')
22
- .pop();
23
- };
18
+ var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
24
19
  function fileIcon(filename) {
25
20
  var extension = getExtension(filename);
26
21
  switch (extension) {
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: baex7 */
1
+ /* hash: 1in9n */
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_12zoe {
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_12zoe svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_honos {
40
+ .file-upload-item__infoSection_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_honos {
77
+ .file-upload-item__meta_12zoe {
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_12zoe > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_honos > *:last-child {
87
+ .file-upload-item__meta_12zoe > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_honos {
90
+ .file-upload-item__size_12zoe {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_honos,
94
- .file-upload-item__download_honos {
93
+ .file-upload-item__delete_12zoe,
94
+ .file-upload-item__download_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_honos {
127
+ .file-upload-item__uploadPercent_12zoe {
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_12zoe","infoSection":"file-upload-item__infoSection_12zoe","info":"file-upload-item__info_12zoe","icon":"file-upload-item__icon_12zoe","errorIcon":"file-upload-item__errorIcon_12zoe","successIcon":"file-upload-item__successIcon_12zoe","name":"file-upload-item__name_12zoe","meta":"file-upload-item__meta_12zoe","size":"file-upload-item__size_12zoe","delete":"file-upload-item__delete_12zoe","download":"file-upload-item__download_12zoe","errorWrapper":"file-upload-item__errorWrapper_12zoe","restore":"file-upload-item__restore_12zoe","spinnerWrapper":"file-upload-item__spinnerWrapper_12zoe","spinner":"file-upload-item__spinner_12zoe","uploadPercent":"file-upload-item__uploadPercent_12zoe"};
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: 1in9n */
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_12zoe {
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_12zoe svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_honos {
40
+ .file-upload-item__infoSection_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_honos {
77
+ .file-upload-item__meta_12zoe {
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_12zoe > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_honos > *:last-child {
87
+ .file-upload-item__meta_12zoe > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_honos {
90
+ .file-upload-item__size_12zoe {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_honos,
94
- .file-upload-item__download_honos {
93
+ .file-upload-item__delete_12zoe,
94
+ .file-upload-item__download_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
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_12zoe {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_honos {
127
+ .file-upload-item__uploadPercent_12zoe {
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'];
@@ -15,10 +15,7 @@ function humanFileSize(size) {
15
15
  humanSize = humanSize.toFixed(2);
16
16
  return `${Number(humanSize)} ${units[factor]}`;
17
17
  }
18
- const getExtension = (filename) => filename
19
- .toLowerCase()
20
- .split('.')
21
- .pop();
18
+ const getExtension = (filename) => filename.toLowerCase().split('.').pop();
22
19
  function fileIcon(filename) {
23
20
  const extension = getExtension(filename);
24
21
  switch (extension) {
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.8",
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.1",
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/send-stats.js CHANGED
@@ -55,7 +55,7 @@ async function main() {
55
55
  };
56
56
 
57
57
  return new Promise((resolve, reject) => {
58
- const req = http.request(options, res => {
58
+ const req = http.request(options, (res) => {
59
59
  res.on('end', () => {
60
60
  resolve();
61
61
  });
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'];
@@ -19,12 +19,7 @@ function humanFileSize(size) {
19
19
  humanSize = humanSize.toFixed(2);
20
20
  return Number(humanSize) + " " + units[factor];
21
21
  }
22
- var getExtension = function (filename) {
23
- return filename
24
- .toLowerCase()
25
- .split('.')
26
- .pop();
27
- };
22
+ var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
28
23
  function fileIcon(filename) {
29
24
  var extension = getExtension(filename);
30
25
  switch (extension) {