@alfalab/core-components-file-upload-item 3.4.7 → 3.4.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/CHANGELOG.md +11 -0
  2. package/dist/Component.js +8 -3
  3. package/dist/cssm/Component.js +7 -2
  4. package/dist/cssm/index.js +6 -1
  5. package/dist/cssm/utils.js +10 -6
  6. package/dist/esm/Component.js +7 -2
  7. package/dist/esm/index.css +22 -22
  8. package/dist/esm/index.js +6 -1
  9. package/dist/esm/utils.js +5 -1
  10. package/dist/index.css +22 -22
  11. package/dist/index.js +6 -1
  12. package/dist/modern/Component.js +7 -2
  13. package/dist/modern/index.css +22 -22
  14. package/dist/modern/index.js +6 -1
  15. package/dist/modern/utils.js +5 -1
  16. package/dist/utils.js +10 -6
  17. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.8](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-file-upload-item@3.4.7...@alfalab/core-components-file-upload-item@3.4.8) (2022-02-17)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * imports for glyph icons ([#994](https://github.com/alfa-laboratory/core-components/issues/994)) ([8e807f2](https://github.com/alfa-laboratory/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [3.4.7](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-file-upload-item@3.4.6...@alfalab/core-components-file-upload-item@3.4.7) (2022-02-15)
7
18
 
8
19
  **Note:** Version bump only for package @alfalab/core-components-file-upload-item
package/dist/Component.js CHANGED
@@ -11,7 +11,12 @@ var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
11
11
  var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
12
  var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
13
13
  var PointerDownMIcon = require('@alfalab/icons-glyph/PointerDownMIcon');
14
- var iconsGlyph = require('@alfalab/icons-glyph');
14
+ var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
15
+ require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
+ require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
+ require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
15
20
  var utils = require('./utils.js');
16
21
 
17
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,7 +24,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
24
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
25
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
21
26
 
22
- var styles = {"component":"file-upload-item__component_7r1jc","infoSection":"file-upload-item__infoSection_7r1jc","info":"file-upload-item__info_7r1jc","icon":"file-upload-item__icon_7r1jc","errorIcon":"file-upload-item__errorIcon_7r1jc","successIcon":"file-upload-item__successIcon_7r1jc","name":"file-upload-item__name_7r1jc","meta":"file-upload-item__meta_7r1jc","size":"file-upload-item__size_7r1jc","delete":"file-upload-item__delete_7r1jc","download":"file-upload-item__download_7r1jc","errorWrapper":"file-upload-item__errorWrapper_7r1jc","restore":"file-upload-item__restore_7r1jc","spinnerWrapper":"file-upload-item__spinnerWrapper_7r1jc","spinner":"file-upload-item__spinner_7r1jc","uploadPercent":"file-upload-item__uploadPercent_7r1jc"};
27
+ var styles = {"component":"file-upload-item__component_quix2","infoSection":"file-upload-item__infoSection_quix2","info":"file-upload-item__info_quix2","icon":"file-upload-item__icon_quix2","errorIcon":"file-upload-item__errorIcon_quix2","successIcon":"file-upload-item__successIcon_quix2","name":"file-upload-item__name_quix2","meta":"file-upload-item__meta_quix2","size":"file-upload-item__size_quix2","delete":"file-upload-item__delete_quix2","download":"file-upload-item__download_quix2","errorWrapper":"file-upload-item__errorWrapper_quix2","restore":"file-upload-item__restore_quix2","spinnerWrapper":"file-upload-item__spinnerWrapper_quix2","spinner":"file-upload-item__spinner_quix2","uploadPercent":"file-upload-item__uploadPercent_quix2"};
23
28
  require('./index.css')
24
29
 
25
30
  var FileUploadItem = function (_a) {
@@ -40,7 +45,7 @@ var FileUploadItem = function (_a) {
40
45
  }, [id, onRestore]);
41
46
  var renderIcon = React.useCallback(function () {
42
47
  if (showRestore) {
43
- return React__default['default'].createElement(iconsGlyph.ClockMIcon, { className: styles.restoreIcon });
48
+ return React__default['default'].createElement(ClockMIcon.ClockMIcon, { className: styles.restoreIcon });
44
49
  }
45
50
  switch (uploadStatus) {
46
51
  case 'ERROR':
package/dist/cssm/Component.js CHANGED
@@ -11,7 +11,12 @@ var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
11
11
  var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
12
  var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
13
13
  var PointerDownMIcon = require('@alfalab/icons-glyph/PointerDownMIcon');
14
- var iconsGlyph = require('@alfalab/icons-glyph');
14
+ var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
15
+ require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
+ require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
+ require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
15
20
  var utils = require('./utils.js');
16
21
  var styles = require('./index.module.css');
17
22
 
@@ -39,7 +44,7 @@ var FileUploadItem = function (_a) {
39
44
  }, [id, onRestore]);
40
45
  var renderIcon = React.useCallback(function () {
41
46
  if (showRestore) {
42
- return React__default['default'].createElement(iconsGlyph.ClockMIcon, { className: styles__default['default'].restoreIcon });
47
+ return React__default['default'].createElement(ClockMIcon.ClockMIcon, { className: styles__default['default'].restoreIcon });
43
48
  }
44
49
  switch (uploadStatus) {
45
50
  case 'ERROR':
package/dist/cssm/index.js CHANGED
@@ -11,7 +11,12 @@ require('@alfalab/icons-glyph/CrossMIcon');
11
11
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
12
  require('@alfalab/icons-glyph/AlertCircleMIcon');
13
13
  require('@alfalab/icons-glyph/PointerDownMIcon');
14
- require('@alfalab/icons-glyph');
14
+ require('@alfalab/icons-glyph/ClockMIcon');
15
+ require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
+ require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
+ require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
15
20
  require('./utils.js');
16
21
  require('./index.module.css');
17
22
  var Component = require('./Component.js');
package/dist/cssm/utils.js CHANGED
@@ -2,7 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var iconsGlyph = require('@alfalab/icons-glyph');
5
+ var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
6
+ var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
7
+ var DocumentTxtMIcon = require('@alfalab/icons-glyph/DocumentTxtMIcon');
8
+ var DocumentUnknownMIcon = require('@alfalab/icons-glyph/DocumentUnknownMIcon');
9
+ var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
6
10
 
7
11
  function humanFileSize(size) {
8
12
  var units = ['B', 'KB', 'MB', 'GB'];
@@ -30,16 +34,16 @@ function fileIcon(filename) {
30
34
  case 'svg':
31
35
  case 'tif':
32
36
  case 'tiff':
33
- return iconsGlyph.DocumentImageMIcon;
37
+ return DocumentImageMIcon.DocumentImageMIcon;
34
38
  case 'doc':
35
39
  case 'docx':
36
- return iconsGlyph.DocumentDocMIcon;
40
+ return DocumentDocMIcon.DocumentDocMIcon;
37
41
  case 'pdf':
38
- return iconsGlyph.DocumentPdfMIcon;
42
+ return DocumentPdfMIcon.DocumentPdfMIcon;
39
43
  case 'txt':
40
- return iconsGlyph.DocumentTxtMIcon;
44
+ return DocumentTxtMIcon.DocumentTxtMIcon;
41
45
  default:
42
- return iconsGlyph.DocumentUnknownMIcon;
46
+ return DocumentUnknownMIcon.DocumentUnknownMIcon;
43
47
  }
44
48
  }
45
49
 
package/dist/esm/Component.js CHANGED
@@ -7,10 +7,15 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
7
7
  import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
8
  import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
9
9
  import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
10
- import { ClockMIcon } from '@alfalab/icons-glyph';
10
+ import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
11
+ import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
+ import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
+ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
11
16
  import { fileIcon, humanFileSize } from './utils.js';
12
17
 
13
- var styles = {"component":"file-upload-item__component_7r1jc","infoSection":"file-upload-item__infoSection_7r1jc","info":"file-upload-item__info_7r1jc","icon":"file-upload-item__icon_7r1jc","errorIcon":"file-upload-item__errorIcon_7r1jc","successIcon":"file-upload-item__successIcon_7r1jc","name":"file-upload-item__name_7r1jc","meta":"file-upload-item__meta_7r1jc","size":"file-upload-item__size_7r1jc","delete":"file-upload-item__delete_7r1jc","download":"file-upload-item__download_7r1jc","errorWrapper":"file-upload-item__errorWrapper_7r1jc","restore":"file-upload-item__restore_7r1jc","spinnerWrapper":"file-upload-item__spinnerWrapper_7r1jc","spinner":"file-upload-item__spinner_7r1jc","uploadPercent":"file-upload-item__uploadPercent_7r1jc"};
18
+ var styles = {"component":"file-upload-item__component_quix2","infoSection":"file-upload-item__infoSection_quix2","info":"file-upload-item__info_quix2","icon":"file-upload-item__icon_quix2","errorIcon":"file-upload-item__errorIcon_quix2","successIcon":"file-upload-item__successIcon_quix2","name":"file-upload-item__name_quix2","meta":"file-upload-item__meta_quix2","size":"file-upload-item__size_quix2","delete":"file-upload-item__delete_quix2","download":"file-upload-item__download_quix2","errorWrapper":"file-upload-item__errorWrapper_quix2","restore":"file-upload-item__restore_quix2","spinnerWrapper":"file-upload-item__spinnerWrapper_quix2","spinner":"file-upload-item__spinner_quix2","uploadPercent":"file-upload-item__uploadPercent_quix2"};
14
19
  require('./index.css')
15
20
 
16
21
  var FileUploadItem = function (_a) {
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wm4rn */
1
+ /* hash: v2j1n */
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_7r1jc {
25
+ .file-upload-item__component_quix2 {
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_7r1jc svg {
37
+ .file-upload-item__component_quix2 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_7r1jc {
40
+ .file-upload-item__infoSection_quix2 {
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_7r1jc {
48
+ .file-upload-item__info_quix2 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_7r1jc {
54
+ .file-upload-item__icon_quix2 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_7r1jc {
59
+ .file-upload-item__errorIcon_quix2 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_7r1jc {
63
+ .file-upload-item__successIcon_quix2 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_7r1jc {
67
+ .file-upload-item__name_quix2 {
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__meta_7r1jc {
73
+ .file-upload-item__meta_quix2 {
74
74
  display: flex;
75
75
  align-items: center;
76
76
  white-space: nowrap;
77
77
  margin-right: var(--gap-2xs);
78
78
  margin-left: var(--gap-xl)
79
79
  }
80
- .file-upload-item__meta_7r1jc > * {
80
+ .file-upload-item__meta_quix2 > * {
81
81
  margin-right: var(--gap-s)
82
82
  }
83
- .file-upload-item__meta_7r1jc > *:last-child {
83
+ .file-upload-item__meta_quix2 > *:last-child {
84
84
  margin-right: 0;
85
85
  }
86
- .file-upload-item__size_7r1jc {
86
+ .file-upload-item__size_quix2 {
87
87
  text-align: right;
88
88
  }
89
- .file-upload-item__delete_7r1jc,
90
- .file-upload-item__download_7r1jc {
89
+ .file-upload-item__delete_quix2,
90
+ .file-upload-item__download_quix2 {
91
91
  height: 24px;
92
92
  width: 24px;
93
93
  margin-left: var(--gap-xs)
94
94
  }
95
- .file-upload-item__delete_7r1jc svg, .file-upload-item__download_7r1jc svg {
95
+ .file-upload-item__delete_quix2 svg, .file-upload-item__download_quix2 svg {
96
96
  width: 18px;
97
97
  height: 18px;
98
98
  }
99
- .file-upload-item__errorWrapper_7r1jc {
99
+ .file-upload-item__errorWrapper_quix2 {
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_7r1jc {
104
+ .file-upload-item__errorWrapper_quix2 {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_7r1jc {
109
+ .file-upload-item__restore_quix2 {
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_7r1jc {
116
+ .file-upload-item__spinnerWrapper_quix2 {
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_7r1jc {
123
+ .file-upload-item__spinner_quix2 {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_7r1jc {
127
+ .file-upload-item__uploadPercent_quix2 {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/dist/esm/index.js CHANGED
@@ -7,6 +7,11 @@ import '@alfalab/icons-glyph/CrossMIcon';
7
7
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
8
  import '@alfalab/icons-glyph/AlertCircleMIcon';
9
9
  import '@alfalab/icons-glyph/PointerDownMIcon';
10
- import '@alfalab/icons-glyph';
10
+ import '@alfalab/icons-glyph/ClockMIcon';
11
+ import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
+ import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
+ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
11
16
  import './utils.js';
12
17
  export { FileUploadItem } from './Component.js';
package/dist/esm/utils.js CHANGED
@@ -1,4 +1,8 @@
1
- import { DocumentUnknownMIcon, DocumentTxtMIcon, DocumentPdfMIcon, DocumentDocMIcon, DocumentImageMIcon } from '@alfalab/icons-glyph';
1
+ import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
2
+ import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
3
+ import { DocumentTxtMIcon } from '@alfalab/icons-glyph/DocumentTxtMIcon';
4
+ import { DocumentUnknownMIcon } from '@alfalab/icons-glyph/DocumentUnknownMIcon';
5
+ import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
2
6
 
3
7
  function humanFileSize(size) {
4
8
  var units = ['B', 'KB', 'MB', 'GB'];
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wm4rn */
1
+ /* hash: v2j1n */
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_7r1jc {
25
+ .file-upload-item__component_quix2 {
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_7r1jc svg {
37
+ .file-upload-item__component_quix2 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_7r1jc {
40
+ .file-upload-item__infoSection_quix2 {
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_7r1jc {
48
+ .file-upload-item__info_quix2 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_7r1jc {
54
+ .file-upload-item__icon_quix2 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_7r1jc {
59
+ .file-upload-item__errorIcon_quix2 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_7r1jc {
63
+ .file-upload-item__successIcon_quix2 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_7r1jc {
67
+ .file-upload-item__name_quix2 {
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__meta_7r1jc {
73
+ .file-upload-item__meta_quix2 {
74
74
  display: flex;
75
75
  align-items: center;
76
76
  white-space: nowrap;
77
77
  margin-right: var(--gap-2xs);
78
78
  margin-left: var(--gap-xl)
79
79
  }
80
- .file-upload-item__meta_7r1jc > * {
80
+ .file-upload-item__meta_quix2 > * {
81
81
  margin-right: var(--gap-s)
82
82
  }
83
- .file-upload-item__meta_7r1jc > *:last-child {
83
+ .file-upload-item__meta_quix2 > *:last-child {
84
84
  margin-right: 0;
85
85
  }
86
- .file-upload-item__size_7r1jc {
86
+ .file-upload-item__size_quix2 {
87
87
  text-align: right;
88
88
  }
89
- .file-upload-item__delete_7r1jc,
90
- .file-upload-item__download_7r1jc {
89
+ .file-upload-item__delete_quix2,
90
+ .file-upload-item__download_quix2 {
91
91
  height: 24px;
92
92
  width: 24px;
93
93
  margin-left: var(--gap-xs)
94
94
  }
95
- .file-upload-item__delete_7r1jc svg, .file-upload-item__download_7r1jc svg {
95
+ .file-upload-item__delete_quix2 svg, .file-upload-item__download_quix2 svg {
96
96
  width: 18px;
97
97
  height: 18px;
98
98
  }
99
- .file-upload-item__errorWrapper_7r1jc {
99
+ .file-upload-item__errorWrapper_quix2 {
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_7r1jc {
104
+ .file-upload-item__errorWrapper_quix2 {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_7r1jc {
109
+ .file-upload-item__restore_quix2 {
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_7r1jc {
116
+ .file-upload-item__spinnerWrapper_quix2 {
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_7r1jc {
123
+ .file-upload-item__spinner_quix2 {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_7r1jc {
127
+ .file-upload-item__uploadPercent_quix2 {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/dist/index.js CHANGED
@@ -11,7 +11,12 @@ require('@alfalab/icons-glyph/CrossMIcon');
11
11
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
12
  require('@alfalab/icons-glyph/AlertCircleMIcon');
13
13
  require('@alfalab/icons-glyph/PointerDownMIcon');
14
- require('@alfalab/icons-glyph');
14
+ require('@alfalab/icons-glyph/ClockMIcon');
15
+ require('@alfalab/icons-glyph/DocumentDocMIcon');
16
+ require('@alfalab/icons-glyph/DocumentPdfMIcon');
17
+ require('@alfalab/icons-glyph/DocumentTxtMIcon');
18
+ require('@alfalab/icons-glyph/DocumentUnknownMIcon');
19
+ require('@alfalab/icons-glyph/DocumentImageMIcon');
15
20
  require('./utils.js');
16
21
  var Component = require('./Component.js');
17
22
 
package/dist/modern/Component.js CHANGED
@@ -7,10 +7,15 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
7
7
  import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
8
  import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
9
9
  import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
10
- import { ClockMIcon } from '@alfalab/icons-glyph';
10
+ import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
11
+ import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
+ import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
+ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
11
16
  import { fileIcon, humanFileSize } from './utils.js';
12
17
 
13
- var styles = {"component":"file-upload-item__component_7r1jc","infoSection":"file-upload-item__infoSection_7r1jc","info":"file-upload-item__info_7r1jc","icon":"file-upload-item__icon_7r1jc","errorIcon":"file-upload-item__errorIcon_7r1jc","successIcon":"file-upload-item__successIcon_7r1jc","name":"file-upload-item__name_7r1jc","meta":"file-upload-item__meta_7r1jc","size":"file-upload-item__size_7r1jc","delete":"file-upload-item__delete_7r1jc","download":"file-upload-item__download_7r1jc","errorWrapper":"file-upload-item__errorWrapper_7r1jc","restore":"file-upload-item__restore_7r1jc","spinnerWrapper":"file-upload-item__spinnerWrapper_7r1jc","spinner":"file-upload-item__spinner_7r1jc","uploadPercent":"file-upload-item__uploadPercent_7r1jc"};
18
+ var styles = {"component":"file-upload-item__component_quix2","infoSection":"file-upload-item__infoSection_quix2","info":"file-upload-item__info_quix2","icon":"file-upload-item__icon_quix2","errorIcon":"file-upload-item__errorIcon_quix2","successIcon":"file-upload-item__successIcon_quix2","name":"file-upload-item__name_quix2","meta":"file-upload-item__meta_quix2","size":"file-upload-item__size_quix2","delete":"file-upload-item__delete_quix2","download":"file-upload-item__download_quix2","errorWrapper":"file-upload-item__errorWrapper_quix2","restore":"file-upload-item__restore_quix2","spinnerWrapper":"file-upload-item__spinnerWrapper_quix2","spinner":"file-upload-item__spinner_quix2","uploadPercent":"file-upload-item__uploadPercent_quix2"};
14
19
  require('./index.css')
15
20
 
16
21
  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, }) => {
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wm4rn */
1
+ /* hash: v2j1n */
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_7r1jc {
25
+ .file-upload-item__component_quix2 {
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_7r1jc svg {
37
+ .file-upload-item__component_quix2 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_7r1jc {
40
+ .file-upload-item__infoSection_quix2 {
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_7r1jc {
48
+ .file-upload-item__info_quix2 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_7r1jc {
54
+ .file-upload-item__icon_quix2 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_7r1jc {
59
+ .file-upload-item__errorIcon_quix2 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_7r1jc {
63
+ .file-upload-item__successIcon_quix2 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_7r1jc {
67
+ .file-upload-item__name_quix2 {
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__meta_7r1jc {
73
+ .file-upload-item__meta_quix2 {
74
74
  display: flex;
75
75
  align-items: center;
76
76
  white-space: nowrap;
77
77
  margin-right: var(--gap-2xs);
78
78
  margin-left: var(--gap-xl)
79
79
  }
80
- .file-upload-item__meta_7r1jc > * {
80
+ .file-upload-item__meta_quix2 > * {
81
81
  margin-right: var(--gap-s)
82
82
  }
83
- .file-upload-item__meta_7r1jc > *:last-child {
83
+ .file-upload-item__meta_quix2 > *:last-child {
84
84
  margin-right: 0;
85
85
  }
86
- .file-upload-item__size_7r1jc {
86
+ .file-upload-item__size_quix2 {
87
87
  text-align: right;
88
88
  }
89
- .file-upload-item__delete_7r1jc,
90
- .file-upload-item__download_7r1jc {
89
+ .file-upload-item__delete_quix2,
90
+ .file-upload-item__download_quix2 {
91
91
  height: 24px;
92
92
  width: 24px;
93
93
  margin-left: var(--gap-xs)
94
94
  }
95
- .file-upload-item__delete_7r1jc svg, .file-upload-item__download_7r1jc svg {
95
+ .file-upload-item__delete_quix2 svg, .file-upload-item__download_quix2 svg {
96
96
  width: 18px;
97
97
  height: 18px;
98
98
  }
99
- .file-upload-item__errorWrapper_7r1jc {
99
+ .file-upload-item__errorWrapper_quix2 {
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_7r1jc {
104
+ .file-upload-item__errorWrapper_quix2 {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_7r1jc {
109
+ .file-upload-item__restore_quix2 {
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_7r1jc {
116
+ .file-upload-item__spinnerWrapper_quix2 {
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_7r1jc {
123
+ .file-upload-item__spinner_quix2 {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_7r1jc {
127
+ .file-upload-item__uploadPercent_quix2 {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/dist/modern/index.js CHANGED
@@ -7,6 +7,11 @@ import '@alfalab/icons-glyph/CrossMIcon';
7
7
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
8
  import '@alfalab/icons-glyph/AlertCircleMIcon';
9
9
  import '@alfalab/icons-glyph/PointerDownMIcon';
10
- import '@alfalab/icons-glyph';
10
+ import '@alfalab/icons-glyph/ClockMIcon';
11
+ import '@alfalab/icons-glyph/DocumentDocMIcon';
12
+ import '@alfalab/icons-glyph/DocumentPdfMIcon';
13
+ import '@alfalab/icons-glyph/DocumentTxtMIcon';
14
+ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
+ import '@alfalab/icons-glyph/DocumentImageMIcon';
11
16
  import './utils.js';
12
17
  export { FileUploadItem } from './Component.js';
package/dist/modern/utils.js CHANGED
@@ -1,4 +1,8 @@
1
- import { DocumentUnknownMIcon, DocumentTxtMIcon, DocumentPdfMIcon, DocumentDocMIcon, DocumentImageMIcon } from '@alfalab/icons-glyph';
1
+ import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
2
+ import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
3
+ import { DocumentTxtMIcon } from '@alfalab/icons-glyph/DocumentTxtMIcon';
4
+ import { DocumentUnknownMIcon } from '@alfalab/icons-glyph/DocumentUnknownMIcon';
5
+ import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
2
6
 
3
7
  function humanFileSize(size) {
4
8
  const units = ['B', 'KB', 'MB', 'GB'];
package/dist/utils.js CHANGED
@@ -2,7 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var iconsGlyph = require('@alfalab/icons-glyph');
5
+ var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
6
+ var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
7
+ var DocumentTxtMIcon = require('@alfalab/icons-glyph/DocumentTxtMIcon');
8
+ var DocumentUnknownMIcon = require('@alfalab/icons-glyph/DocumentUnknownMIcon');
9
+ var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
6
10
 
7
11
  function humanFileSize(size) {
8
12
  var units = ['B', 'KB', 'MB', 'GB'];
@@ -30,16 +34,16 @@ function fileIcon(filename) {
30
34
  case 'svg':
31
35
  case 'tif':
32
36
  case 'tiff':
33
- return iconsGlyph.DocumentImageMIcon;
37
+ return DocumentImageMIcon.DocumentImageMIcon;
34
38
  case 'doc':
35
39
  case 'docx':
36
- return iconsGlyph.DocumentDocMIcon;
40
+ return DocumentDocMIcon.DocumentDocMIcon;
37
41
  case 'pdf':
38
- return iconsGlyph.DocumentPdfMIcon;
42
+ return DocumentPdfMIcon.DocumentPdfMIcon;
39
43
  case 'txt':
40
- return iconsGlyph.DocumentTxtMIcon;
44
+ return DocumentTxtMIcon.DocumentTxtMIcon;
41
45
  default:
42
- return iconsGlyph.DocumentUnknownMIcon;
46
+ return DocumentUnknownMIcon.DocumentUnknownMIcon;
43
47
  }
44
48
  }
45
49
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "3.4.7",
3
+ "version": "3.4.8",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "@alfalab/core-components-icon-button": "^4.1.6",
20
20
  "@alfalab/core-components-link": "^3.2.1",
21
21
  "@alfalab/core-components-spinner": "^2.0.1",
22
- "@alfalab/icons-glyph": "^1.190.0"
22
+ "@alfalab/icons-glyph": "^2.14.0"
23
23
  },
24
- "gitHead": "07e0a3991a53623ef78766790ea2c1b06049f31f"
24
+ "gitHead": "45ff10d1efc81a4a1afb82c6b6eca1b428c7c459"
25
25
  }