@alfalab/core-components-file-upload-item 5.4.1 → 5.4.3

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 (13) hide show
  1. package/Component.js +1 -6
  2. package/cssm/Component.js +0 -5
  3. package/cssm/index.js +0 -17
  4. package/cssm/index.module.css +1 -1
  5. package/esm/Component.js +1 -6
  6. package/esm/index.css +23 -23
  7. package/esm/index.js +0 -16
  8. package/index.css +23 -23
  9. package/index.js +0 -16
  10. package/modern/Component.js +1 -6
  11. package/modern/index.css +23 -23
  12. package/modern/index.js +0 -16
  13. package/package.json +3 -3
package/Component.js CHANGED
@@ -13,18 +13,13 @@ var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
13
13
  var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
14
14
  var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
15
15
  var utils = require('./utils.js');
16
- require('@alfalab/icons-glyph/DocumentDocMIcon');
17
- require('@alfalab/icons-glyph/DocumentImageMIcon');
18
- require('@alfalab/icons-glyph/DocumentPdfMIcon');
19
- require('@alfalab/icons-glyph/DocumentTxtMIcon');
20
- require('@alfalab/icons-glyph/DocumentUnknownMIcon');
21
16
 
22
17
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
23
18
 
24
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
25
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
26
21
 
27
- var styles = {"component":"file-upload-item__component_d6pa4","infoSection":"file-upload-item__infoSection_d6pa4","info":"file-upload-item__info_d6pa4","icon":"file-upload-item__icon_d6pa4","errorIcon":"file-upload-item__errorIcon_d6pa4","successIcon":"file-upload-item__successIcon_d6pa4","name":"file-upload-item__name_d6pa4","meta":"file-upload-item__meta_d6pa4","size":"file-upload-item__size_d6pa4","delete":"file-upload-item__delete_d6pa4","download":"file-upload-item__download_d6pa4","errorWrapper":"file-upload-item__errorWrapper_d6pa4","restore":"file-upload-item__restore_d6pa4","spinnerWrapper":"file-upload-item__spinnerWrapper_d6pa4","spinner":"file-upload-item__spinner_d6pa4","uploadPercent":"file-upload-item__uploadPercent_d6pa4"};
22
+ var styles = {"component":"file-upload-item__component_1f20v","infoSection":"file-upload-item__infoSection_1f20v","info":"file-upload-item__info_1f20v","icon":"file-upload-item__icon_1f20v","errorIcon":"file-upload-item__errorIcon_1f20v","successIcon":"file-upload-item__successIcon_1f20v","name":"file-upload-item__name_1f20v","meta":"file-upload-item__meta_1f20v","size":"file-upload-item__size_1f20v","delete":"file-upload-item__delete_1f20v","download":"file-upload-item__download_1f20v","errorWrapper":"file-upload-item__errorWrapper_1f20v","restore":"file-upload-item__restore_1f20v","spinnerWrapper":"file-upload-item__spinnerWrapper_1f20v","spinner":"file-upload-item__spinner_1f20v","uploadPercent":"file-upload-item__uploadPercent_1f20v"};
28
23
  require('./index.css')
29
24
 
30
25
  var FileUploadItem = function (_a) {
package/cssm/Component.js CHANGED
@@ -14,11 +14,6 @@ var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
14
14
  var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
15
15
  var utils = require('./utils.js');
16
16
  var styles = require('./index.module.css');
17
- require('@alfalab/icons-glyph/DocumentDocMIcon');
18
- require('@alfalab/icons-glyph/DocumentImageMIcon');
19
- require('@alfalab/icons-glyph/DocumentPdfMIcon');
20
- require('@alfalab/icons-glyph/DocumentTxtMIcon');
21
- require('@alfalab/icons-glyph/DocumentUnknownMIcon');
22
17
 
23
18
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
24
19
 
package/cssm/index.js CHANGED
@@ -3,23 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('react');
7
- require('classnames');
8
- require('@alfalab/core-components-icon-button/cssm');
9
- require('@alfalab/core-components-link/cssm');
10
- require('@alfalab/core-components-spinner/cssm');
11
- require('@alfalab/icons-glyph/AlertCircleMIcon');
12
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
13
- require('@alfalab/icons-glyph/ClockMIcon');
14
- require('@alfalab/icons-glyph/CrossSIcon');
15
- require('@alfalab/icons-glyph/PointerDownSIcon');
16
- require('./utils.js');
17
- require('@alfalab/icons-glyph/DocumentDocMIcon');
18
- require('@alfalab/icons-glyph/DocumentImageMIcon');
19
- require('@alfalab/icons-glyph/DocumentPdfMIcon');
20
- require('@alfalab/icons-glyph/DocumentTxtMIcon');
21
- require('@alfalab/icons-glyph/DocumentUnknownMIcon');
22
- require('./index.module.css');
23
6
 
24
7
 
25
8
 
package/cssm/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
3
  --color-light-neutral-1500: #0e0e0e;
4
4
  --color-light-neutral-300: #e7e8eb;
package/esm/Component.js CHANGED
@@ -9,13 +9,8 @@ import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
9
9
  import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
10
10
  import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import { fileIcon, humanFileSize } from './utils.js';
12
- import '@alfalab/icons-glyph/DocumentDocMIcon';
13
- import '@alfalab/icons-glyph/DocumentImageMIcon';
14
- import '@alfalab/icons-glyph/DocumentPdfMIcon';
15
- import '@alfalab/icons-glyph/DocumentTxtMIcon';
16
- import '@alfalab/icons-glyph/DocumentUnknownMIcon';
17
12
 
18
- var styles = {"component":"file-upload-item__component_d6pa4","infoSection":"file-upload-item__infoSection_d6pa4","info":"file-upload-item__info_d6pa4","icon":"file-upload-item__icon_d6pa4","errorIcon":"file-upload-item__errorIcon_d6pa4","successIcon":"file-upload-item__successIcon_d6pa4","name":"file-upload-item__name_d6pa4","meta":"file-upload-item__meta_d6pa4","size":"file-upload-item__size_d6pa4","delete":"file-upload-item__delete_d6pa4","download":"file-upload-item__download_d6pa4","errorWrapper":"file-upload-item__errorWrapper_d6pa4","restore":"file-upload-item__restore_d6pa4","spinnerWrapper":"file-upload-item__spinnerWrapper_d6pa4","spinner":"file-upload-item__spinner_d6pa4","uploadPercent":"file-upload-item__uploadPercent_d6pa4"};
13
+ var styles = {"component":"file-upload-item__component_1f20v","infoSection":"file-upload-item__infoSection_1f20v","info":"file-upload-item__info_1f20v","icon":"file-upload-item__icon_1f20v","errorIcon":"file-upload-item__errorIcon_1f20v","successIcon":"file-upload-item__successIcon_1f20v","name":"file-upload-item__name_1f20v","meta":"file-upload-item__meta_1f20v","size":"file-upload-item__size_1f20v","delete":"file-upload-item__delete_1f20v","download":"file-upload-item__download_1f20v","errorWrapper":"file-upload-item__errorWrapper_1f20v","restore":"file-upload-item__restore_1f20v","spinnerWrapper":"file-upload-item__spinnerWrapper_1f20v","spinner":"file-upload-item__spinner_1f20v","uploadPercent":"file-upload-item__uploadPercent_1f20v"};
19
14
  require('./index.css')
20
15
 
21
16
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: 105qe */
2
- :root {
1
+ /* hash: 8hh2u */
2
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500: #0e0e0e;
5
5
  --color-light-neutral-300: #e7e8eb;
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_d6pa4 {
29
+ } .file-upload-item__component_1f20v {
30
30
  font-size: 13px;
31
31
  line-height: 16px;
32
32
  font-weight: 400;
@@ -37,78 +37,78 @@
37
37
  color: var(--color-light-text-secondary);
38
38
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
39
39
  box-sizing: border-box
40
- } .file-upload-item__component_d6pa4 svg {
40
+ } .file-upload-item__component_1f20v svg {
41
41
  display: block;
42
- } .file-upload-item__infoSection_d6pa4 {
42
+ } .file-upload-item__infoSection_1f20v {
43
43
  display: flex;
44
44
  flex-direction: column;
45
45
  flex: 1;
46
46
  margin-top: var(--gap-2xs);
47
47
  margin-left: var(--gap-s);
48
48
  min-width: 40%;
49
- } .file-upload-item__info_d6pa4 {
49
+ } .file-upload-item__info_1f20v {
50
50
  display: flex;
51
51
  flex-wrap: wrap;
52
52
  flex: 1;
53
53
  overflow: hidden;
54
- } .file-upload-item__icon_d6pa4 {
54
+ } .file-upload-item__icon_1f20v {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-neutral-1500);
58
- } .file-upload-item__errorIcon_d6pa4 {
58
+ } .file-upload-item__errorIcon_1f20v {
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-status-negative);
61
- } .file-upload-item__successIcon_d6pa4 {
61
+ } .file-upload-item__successIcon_1f20v {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-positive);
64
- } .file-upload-item__name_d6pa4 {
64
+ } .file-upload-item__name_1f20v {
65
65
  white-space: nowrap;
66
66
  overflow: hidden;
67
67
  text-overflow: ellipsis;
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_d6pa4 a {
69
+ } .file-upload-item__name_1f20v a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__meta_d6pa4 {
72
+ } .file-upload-item__meta_1f20v {
73
73
  display: flex;
74
74
  white-space: nowrap;
75
75
  margin-right: var(--gap-2xs);
76
76
  margin-left: 36px;
77
77
  padding: var(--gap-2xs) 0
78
- } .file-upload-item__meta_d6pa4 > * {
78
+ } .file-upload-item__meta_1f20v > * {
79
79
  margin-right: var(--gap-s)
80
- } .file-upload-item__meta_d6pa4 > *:last-child {
80
+ } .file-upload-item__meta_1f20v > *:last-child {
81
81
  margin-right: 0;
82
- } .file-upload-item__size_d6pa4 {
82
+ } .file-upload-item__size_1f20v {
83
83
  text-align: right;
84
- } .file-upload-item__delete_d6pa4,
85
- .file-upload-item__download_d6pa4 {
84
+ } .file-upload-item__delete_1f20v,
85
+ .file-upload-item__download_1f20v {
86
86
  height: 24px;
87
87
  width: 24px;
88
88
  margin-left: var(--gap-xs);
89
- } .file-upload-item__errorWrapper_d6pa4 {
89
+ } .file-upload-item__errorWrapper_1f20v {
90
90
  margin-top: var(--gap-s);
91
91
  color: var(--color-light-text-negative)
92
- } @media (--small-only) { .file-upload-item__errorWrapper_d6pa4 {
92
+ } @media (--small-only) { .file-upload-item__errorWrapper_1f20v {
93
93
  flex: 1 0 100%;
94
94
  margin-top: var(--gap-3xs)
95
95
  }
96
- } .file-upload-item__restore_d6pa4 {
96
+ } .file-upload-item__restore_1f20v {
97
97
  font-size: 14px;
98
98
  line-height: 20px;
99
99
  font-weight: 400;
100
100
 
101
101
  margin-left: var(--gap-s);
102
- } .file-upload-item__spinnerWrapper_d6pa4 {
102
+ } .file-upload-item__spinnerWrapper_1f20v {
103
103
  display: flex;
104
104
  justify-content: center;
105
105
  align-items: center;
106
106
  width: 24px;
107
107
  height: 24px;
108
- } .file-upload-item__spinner_d6pa4 {
108
+ } .file-upload-item__spinner_1f20v {
109
109
  width: 20px;
110
110
  height: 20px;
111
- } .file-upload-item__uploadPercent_d6pa4 {
111
+ } .file-upload-item__uploadPercent_1f20v {
112
112
  margin-top: var(--gap-2xs);
113
113
  margin-left: var(--gap-xl);
114
114
  }
package/esm/index.js CHANGED
@@ -1,17 +1 @@
1
1
  export { FileUploadItem } from './Component.js';
2
- import 'react';
3
- import 'classnames';
4
- import '@alfalab/core-components-icon-button/esm';
5
- import '@alfalab/core-components-link/esm';
6
- import '@alfalab/core-components-spinner/esm';
7
- import '@alfalab/icons-glyph/AlertCircleMIcon';
8
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
9
- import '@alfalab/icons-glyph/ClockMIcon';
10
- import '@alfalab/icons-glyph/CrossSIcon';
11
- import '@alfalab/icons-glyph/PointerDownSIcon';
12
- import './utils.js';
13
- import '@alfalab/icons-glyph/DocumentDocMIcon';
14
- import '@alfalab/icons-glyph/DocumentImageMIcon';
15
- import '@alfalab/icons-glyph/DocumentPdfMIcon';
16
- import '@alfalab/icons-glyph/DocumentTxtMIcon';
17
- import '@alfalab/icons-glyph/DocumentUnknownMIcon';
package/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: 105qe */
2
- :root {
1
+ /* hash: 8hh2u */
2
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500: #0e0e0e;
5
5
  --color-light-neutral-300: #e7e8eb;
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_d6pa4 {
29
+ } .file-upload-item__component_1f20v {
30
30
  font-size: 13px;
31
31
  line-height: 16px;
32
32
  font-weight: 400;
@@ -37,78 +37,78 @@
37
37
  color: var(--color-light-text-secondary);
38
38
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
39
39
  box-sizing: border-box
40
- } .file-upload-item__component_d6pa4 svg {
40
+ } .file-upload-item__component_1f20v svg {
41
41
  display: block;
42
- } .file-upload-item__infoSection_d6pa4 {
42
+ } .file-upload-item__infoSection_1f20v {
43
43
  display: flex;
44
44
  flex-direction: column;
45
45
  flex: 1;
46
46
  margin-top: var(--gap-2xs);
47
47
  margin-left: var(--gap-s);
48
48
  min-width: 40%;
49
- } .file-upload-item__info_d6pa4 {
49
+ } .file-upload-item__info_1f20v {
50
50
  display: flex;
51
51
  flex-wrap: wrap;
52
52
  flex: 1;
53
53
  overflow: hidden;
54
- } .file-upload-item__icon_d6pa4 {
54
+ } .file-upload-item__icon_1f20v {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-neutral-1500);
58
- } .file-upload-item__errorIcon_d6pa4 {
58
+ } .file-upload-item__errorIcon_1f20v {
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-status-negative);
61
- } .file-upload-item__successIcon_d6pa4 {
61
+ } .file-upload-item__successIcon_1f20v {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-positive);
64
- } .file-upload-item__name_d6pa4 {
64
+ } .file-upload-item__name_1f20v {
65
65
  white-space: nowrap;
66
66
  overflow: hidden;
67
67
  text-overflow: ellipsis;
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_d6pa4 a {
69
+ } .file-upload-item__name_1f20v a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__meta_d6pa4 {
72
+ } .file-upload-item__meta_1f20v {
73
73
  display: flex;
74
74
  white-space: nowrap;
75
75
  margin-right: var(--gap-2xs);
76
76
  margin-left: 36px;
77
77
  padding: var(--gap-2xs) 0
78
- } .file-upload-item__meta_d6pa4 > * {
78
+ } .file-upload-item__meta_1f20v > * {
79
79
  margin-right: var(--gap-s)
80
- } .file-upload-item__meta_d6pa4 > *:last-child {
80
+ } .file-upload-item__meta_1f20v > *:last-child {
81
81
  margin-right: 0;
82
- } .file-upload-item__size_d6pa4 {
82
+ } .file-upload-item__size_1f20v {
83
83
  text-align: right;
84
- } .file-upload-item__delete_d6pa4,
85
- .file-upload-item__download_d6pa4 {
84
+ } .file-upload-item__delete_1f20v,
85
+ .file-upload-item__download_1f20v {
86
86
  height: 24px;
87
87
  width: 24px;
88
88
  margin-left: var(--gap-xs);
89
- } .file-upload-item__errorWrapper_d6pa4 {
89
+ } .file-upload-item__errorWrapper_1f20v {
90
90
  margin-top: var(--gap-s);
91
91
  color: var(--color-light-text-negative)
92
- } @media (--small-only) { .file-upload-item__errorWrapper_d6pa4 {
92
+ } @media (--small-only) { .file-upload-item__errorWrapper_1f20v {
93
93
  flex: 1 0 100%;
94
94
  margin-top: var(--gap-3xs)
95
95
  }
96
- } .file-upload-item__restore_d6pa4 {
96
+ } .file-upload-item__restore_1f20v {
97
97
  font-size: 14px;
98
98
  line-height: 20px;
99
99
  font-weight: 400;
100
100
 
101
101
  margin-left: var(--gap-s);
102
- } .file-upload-item__spinnerWrapper_d6pa4 {
102
+ } .file-upload-item__spinnerWrapper_1f20v {
103
103
  display: flex;
104
104
  justify-content: center;
105
105
  align-items: center;
106
106
  width: 24px;
107
107
  height: 24px;
108
- } .file-upload-item__spinner_d6pa4 {
108
+ } .file-upload-item__spinner_1f20v {
109
109
  width: 20px;
110
110
  height: 20px;
111
- } .file-upload-item__uploadPercent_d6pa4 {
111
+ } .file-upload-item__uploadPercent_1f20v {
112
112
  margin-top: var(--gap-2xs);
113
113
  margin-left: var(--gap-xl);
114
114
  }
package/index.js CHANGED
@@ -3,22 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('react');
7
- require('classnames');
8
- require('@alfalab/core-components-icon-button');
9
- require('@alfalab/core-components-link');
10
- require('@alfalab/core-components-spinner');
11
- require('@alfalab/icons-glyph/AlertCircleMIcon');
12
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
13
- require('@alfalab/icons-glyph/ClockMIcon');
14
- require('@alfalab/icons-glyph/CrossSIcon');
15
- require('@alfalab/icons-glyph/PointerDownSIcon');
16
- require('./utils.js');
17
- require('@alfalab/icons-glyph/DocumentDocMIcon');
18
- require('@alfalab/icons-glyph/DocumentImageMIcon');
19
- require('@alfalab/icons-glyph/DocumentPdfMIcon');
20
- require('@alfalab/icons-glyph/DocumentTxtMIcon');
21
- require('@alfalab/icons-glyph/DocumentUnknownMIcon');
22
6
 
23
7
 
24
8
 
package/modern/Component.js CHANGED
@@ -9,13 +9,8 @@ import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
9
9
  import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
10
10
  import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import { humanFileSize, fileIcon } from './utils.js';
12
- import '@alfalab/icons-glyph/DocumentDocMIcon';
13
- import '@alfalab/icons-glyph/DocumentImageMIcon';
14
- import '@alfalab/icons-glyph/DocumentPdfMIcon';
15
- import '@alfalab/icons-glyph/DocumentTxtMIcon';
16
- import '@alfalab/icons-glyph/DocumentUnknownMIcon';
17
12
 
18
- const styles = {"component":"file-upload-item__component_d6pa4","infoSection":"file-upload-item__infoSection_d6pa4","info":"file-upload-item__info_d6pa4","icon":"file-upload-item__icon_d6pa4","errorIcon":"file-upload-item__errorIcon_d6pa4","successIcon":"file-upload-item__successIcon_d6pa4","name":"file-upload-item__name_d6pa4","meta":"file-upload-item__meta_d6pa4","size":"file-upload-item__size_d6pa4","delete":"file-upload-item__delete_d6pa4","download":"file-upload-item__download_d6pa4","errorWrapper":"file-upload-item__errorWrapper_d6pa4","restore":"file-upload-item__restore_d6pa4","spinnerWrapper":"file-upload-item__spinnerWrapper_d6pa4","spinner":"file-upload-item__spinner_d6pa4","uploadPercent":"file-upload-item__uploadPercent_d6pa4"};
13
+ const styles = {"component":"file-upload-item__component_1f20v","infoSection":"file-upload-item__infoSection_1f20v","info":"file-upload-item__info_1f20v","icon":"file-upload-item__icon_1f20v","errorIcon":"file-upload-item__errorIcon_1f20v","successIcon":"file-upload-item__successIcon_1f20v","name":"file-upload-item__name_1f20v","meta":"file-upload-item__meta_1f20v","size":"file-upload-item__size_1f20v","delete":"file-upload-item__delete_1f20v","download":"file-upload-item__download_1f20v","errorWrapper":"file-upload-item__errorWrapper_1f20v","restore":"file-upload-item__restore_1f20v","spinnerWrapper":"file-upload-item__spinnerWrapper_1f20v","spinner":"file-upload-item__spinner_1f20v","uploadPercent":"file-upload-item__uploadPercent_1f20v"};
19
14
  require('./index.css')
20
15
 
21
16
  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,5 +1,5 @@
1
- /* hash: 105qe */
2
- :root {
1
+ /* hash: 8hh2u */
2
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500: #0e0e0e;
5
5
  --color-light-neutral-300: #e7e8eb;
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_d6pa4 {
29
+ } .file-upload-item__component_1f20v {
30
30
  font-size: 13px;
31
31
  line-height: 16px;
32
32
  font-weight: 400;
@@ -37,78 +37,78 @@
37
37
  color: var(--color-light-text-secondary);
38
38
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
39
39
  box-sizing: border-box
40
- } .file-upload-item__component_d6pa4 svg {
40
+ } .file-upload-item__component_1f20v svg {
41
41
  display: block;
42
- } .file-upload-item__infoSection_d6pa4 {
42
+ } .file-upload-item__infoSection_1f20v {
43
43
  display: flex;
44
44
  flex-direction: column;
45
45
  flex: 1;
46
46
  margin-top: var(--gap-2xs);
47
47
  margin-left: var(--gap-s);
48
48
  min-width: 40%;
49
- } .file-upload-item__info_d6pa4 {
49
+ } .file-upload-item__info_1f20v {
50
50
  display: flex;
51
51
  flex-wrap: wrap;
52
52
  flex: 1;
53
53
  overflow: hidden;
54
- } .file-upload-item__icon_d6pa4 {
54
+ } .file-upload-item__icon_1f20v {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-neutral-1500);
58
- } .file-upload-item__errorIcon_d6pa4 {
58
+ } .file-upload-item__errorIcon_1f20v {
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-status-negative);
61
- } .file-upload-item__successIcon_d6pa4 {
61
+ } .file-upload-item__successIcon_1f20v {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-positive);
64
- } .file-upload-item__name_d6pa4 {
64
+ } .file-upload-item__name_1f20v {
65
65
  white-space: nowrap;
66
66
  overflow: hidden;
67
67
  text-overflow: ellipsis;
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_d6pa4 a {
69
+ } .file-upload-item__name_1f20v a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__meta_d6pa4 {
72
+ } .file-upload-item__meta_1f20v {
73
73
  display: flex;
74
74
  white-space: nowrap;
75
75
  margin-right: var(--gap-2xs);
76
76
  margin-left: 36px;
77
77
  padding: var(--gap-2xs) 0
78
- } .file-upload-item__meta_d6pa4 > * {
78
+ } .file-upload-item__meta_1f20v > * {
79
79
  margin-right: var(--gap-s)
80
- } .file-upload-item__meta_d6pa4 > *:last-child {
80
+ } .file-upload-item__meta_1f20v > *:last-child {
81
81
  margin-right: 0;
82
- } .file-upload-item__size_d6pa4 {
82
+ } .file-upload-item__size_1f20v {
83
83
  text-align: right;
84
- } .file-upload-item__delete_d6pa4,
85
- .file-upload-item__download_d6pa4 {
84
+ } .file-upload-item__delete_1f20v,
85
+ .file-upload-item__download_1f20v {
86
86
  height: 24px;
87
87
  width: 24px;
88
88
  margin-left: var(--gap-xs);
89
- } .file-upload-item__errorWrapper_d6pa4 {
89
+ } .file-upload-item__errorWrapper_1f20v {
90
90
  margin-top: var(--gap-s);
91
91
  color: var(--color-light-text-negative)
92
- } @media (--small-only) { .file-upload-item__errorWrapper_d6pa4 {
92
+ } @media (--small-only) { .file-upload-item__errorWrapper_1f20v {
93
93
  flex: 1 0 100%;
94
94
  margin-top: var(--gap-3xs)
95
95
  }
96
- } .file-upload-item__restore_d6pa4 {
96
+ } .file-upload-item__restore_1f20v {
97
97
  font-size: 14px;
98
98
  line-height: 20px;
99
99
  font-weight: 400;
100
100
 
101
101
  margin-left: var(--gap-s);
102
- } .file-upload-item__spinnerWrapper_d6pa4 {
102
+ } .file-upload-item__spinnerWrapper_1f20v {
103
103
  display: flex;
104
104
  justify-content: center;
105
105
  align-items: center;
106
106
  width: 24px;
107
107
  height: 24px;
108
- } .file-upload-item__spinner_d6pa4 {
108
+ } .file-upload-item__spinner_1f20v {
109
109
  width: 20px;
110
110
  height: 20px;
111
- } .file-upload-item__uploadPercent_d6pa4 {
111
+ } .file-upload-item__uploadPercent_1f20v {
112
112
  margin-top: var(--gap-2xs);
113
113
  margin-left: var(--gap-xl);
114
114
  }
package/modern/index.js CHANGED
@@ -1,17 +1 @@
1
1
  export { FileUploadItem } from './Component.js';
2
- import 'react';
3
- import 'classnames';
4
- import '@alfalab/core-components-icon-button/modern';
5
- import '@alfalab/core-components-link/modern';
6
- import '@alfalab/core-components-spinner/modern';
7
- import '@alfalab/icons-glyph/AlertCircleMIcon';
8
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
9
- import '@alfalab/icons-glyph/ClockMIcon';
10
- import '@alfalab/icons-glyph/CrossSIcon';
11
- import '@alfalab/icons-glyph/PointerDownSIcon';
12
- import './utils.js';
13
- import '@alfalab/icons-glyph/DocumentDocMIcon';
14
- import '@alfalab/icons-glyph/DocumentImageMIcon';
15
- import '@alfalab/icons-glyph/DocumentPdfMIcon';
16
- import '@alfalab/icons-glyph/DocumentTxtMIcon';
17
- import '@alfalab/icons-glyph/DocumentUnknownMIcon';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.4.1",
3
+ "version": "5.4.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,9 +14,9 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^6.5.1",
17
+ "@alfalab/core-components-icon-button": "^6.5.3",
18
18
  "@alfalab/core-components-link": "^5.2.0",
19
- "@alfalab/core-components-spinner": "^3.2.0",
19
+ "@alfalab/core-components-spinner": "^3.3.0",
20
20
  "@alfalab/icons-glyph": "^2.139.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"