@alfalab/core-components-file-upload-item 3.8.3 → 3.9.2

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 (31) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/{Component.d.ts → dist/Component.d.ts} +0 -0
  3. package/{Component.js → dist/Component.js} +1 -1
  4. package/{cssm → dist/cssm}/Component.d.ts +0 -0
  5. package/{cssm → dist/cssm}/Component.js +3 -3
  6. package/{cssm → dist/cssm}/index.d.ts +0 -0
  7. package/{cssm → dist/cssm}/index.js +3 -3
  8. package/{cssm → dist/cssm}/index.module.css +4 -0
  9. package/{cssm → dist/cssm}/utils.d.ts +0 -0
  10. package/{cssm → dist/cssm}/utils.js +0 -0
  11. package/{esm → dist/esm}/Component.d.ts +0 -0
  12. package/{esm → dist/esm}/Component.js +4 -4
  13. package/{modern → dist/esm}/index.css +26 -22
  14. package/{esm → dist/esm}/index.d.ts +0 -0
  15. package/{esm → dist/esm}/index.js +3 -3
  16. package/{esm → dist/esm}/utils.d.ts +0 -0
  17. package/{esm → dist/esm}/utils.js +0 -0
  18. package/{index.css → dist/index.css} +26 -22
  19. package/{index.d.ts → dist/index.d.ts} +0 -0
  20. package/{index.js → dist/index.js} +0 -0
  21. package/{modern → dist/modern}/Component.d.ts +0 -0
  22. package/{modern → dist/modern}/Component.js +4 -4
  23. package/{esm → dist/modern}/index.css +26 -22
  24. package/{modern → dist/modern}/index.d.ts +0 -0
  25. package/{modern → dist/modern}/index.js +3 -3
  26. package/{modern → dist/modern}/utils.d.ts +0 -0
  27. package/{modern → dist/modern}/utils.js +0 -0
  28. package/{send-stats.js → dist/send-stats.js} +0 -0
  29. package/{utils.d.ts → dist/utils.d.ts} +0 -0
  30. package/{utils.js → dist/utils.js} +0 -0
  31. package/package.json +13 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
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.9.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-file-upload-item@3.9.1...@alfalab/core-components-file-upload-item@3.9.2) (2022-08-17)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))
12
+
13
+
14
+
15
+
16
+
17
+ ## [3.9.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-file-upload-item@3.9.0...@alfalab/core-components-file-upload-item@3.9.1) (2022-08-11)
18
+
19
+ **Note:** Version bump only for package @alfalab/core-components-file-upload-item
20
+
21
+
22
+
23
+
24
+
25
+ # [3.9.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-file-upload-item@3.8.3...@alfalab/core-components-file-upload-item@3.9.0) (2022-08-04)
26
+
27
+
28
+ ### Features
29
+
30
+ * react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
31
+
32
+
33
+
34
+
35
+
6
36
  ## [3.8.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-file-upload-item@3.8.2...@alfalab/core-components-file-upload-item@3.8.3) (2022-07-18)
7
37
 
8
38
  **Note:** Version bump only for package @alfalab/core-components-file-upload-item
package/{Component.d.ts → dist/Component.d.ts} RENAMED
File without changes
package/{Component.js → dist/Component.js} RENAMED
@@ -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_1ac58","infoSection":"file-upload-item__infoSection_1ac58","info":"file-upload-item__info_1ac58","icon":"file-upload-item__icon_1ac58","errorIcon":"file-upload-item__errorIcon_1ac58","successIcon":"file-upload-item__successIcon_1ac58","name":"file-upload-item__name_1ac58","meta":"file-upload-item__meta_1ac58","size":"file-upload-item__size_1ac58","delete":"file-upload-item__delete_1ac58","download":"file-upload-item__download_1ac58","errorWrapper":"file-upload-item__errorWrapper_1ac58","restore":"file-upload-item__restore_1ac58","spinnerWrapper":"file-upload-item__spinnerWrapper_1ac58","spinner":"file-upload-item__spinner_1ac58","uploadPercent":"file-upload-item__uploadPercent_1ac58"};
27
+ var styles = {"component":"file-upload-item__component_1gfr8","infoSection":"file-upload-item__infoSection_1gfr8","info":"file-upload-item__info_1gfr8","icon":"file-upload-item__icon_1gfr8","errorIcon":"file-upload-item__errorIcon_1gfr8","successIcon":"file-upload-item__successIcon_1gfr8","name":"file-upload-item__name_1gfr8","meta":"file-upload-item__meta_1gfr8","size":"file-upload-item__size_1gfr8","delete":"file-upload-item__delete_1gfr8","download":"file-upload-item__download_1gfr8","errorWrapper":"file-upload-item__errorWrapper_1gfr8","restore":"file-upload-item__restore_1gfr8","spinnerWrapper":"file-upload-item__spinnerWrapper_1gfr8","spinner":"file-upload-item__spinner_1gfr8","uploadPercent":"file-upload-item__uploadPercent_1gfr8"};
28
28
  require('./index.css')
29
29
 
30
30
  var FileUploadItem = function (_a) {
package/{cssm → dist/cssm}/Component.d.ts RENAMED
File without changes
package/{cssm → dist/cssm}/Component.js RENAMED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
- var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
8
- var coreComponentsLink = require('@alfalab/core-components-link/cssm');
9
- var coreComponentsSpinner = require('@alfalab/core-components-spinner/cssm');
7
+ var coreComponentsIconButton = require('@alfalab/core-components-icon-button/dist/cssm');
8
+ var coreComponentsLink = require('@alfalab/core-components-link/dist/cssm');
9
+ var coreComponentsSpinner = require('@alfalab/core-components-spinner/dist/cssm');
10
10
  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');
package/{cssm → dist/cssm}/index.d.ts RENAMED
File without changes
package/{cssm → dist/cssm}/index.js RENAMED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
6
  require('classnames');
7
- require('@alfalab/core-components-icon-button/cssm');
8
- require('@alfalab/core-components-link/cssm');
9
- require('@alfalab/core-components-spinner/cssm');
7
+ require('@alfalab/core-components-icon-button/dist/cssm');
8
+ require('@alfalab/core-components-link/dist/cssm');
9
+ require('@alfalab/core-components-spinner/dist/cssm');
10
10
  require('@alfalab/icons-glyph/CrossMIcon');
11
11
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
12
  require('@alfalab/icons-glyph/AlertCircleMIcon');
package/{cssm → dist/cssm}/index.module.css RENAMED
@@ -69,6 +69,10 @@
69
69
  text-overflow: ellipsis;
70
70
  color: var(--color-light-text-primary)
71
71
  }
72
+ .name a {
73
+ display: block;
74
+ margin-bottom: 1px;
75
+ }
72
76
  .meta {
73
77
  display: flex;
74
78
  white-space: nowrap;
package/{cssm → dist/cssm}/utils.d.ts RENAMED
File without changes
package/{cssm → dist/cssm}/utils.js RENAMED
File without changes
package/{esm → dist/esm}/Component.d.ts RENAMED
File without changes
package/{esm → dist/esm}/Component.js RENAMED
@@ -1,8 +1,8 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import cn from 'classnames';
3
- import { IconButton } from '@alfalab/core-components-icon-button/esm';
4
- import { Link } from '@alfalab/core-components-link/esm';
5
- import { Spinner } from '@alfalab/core-components-spinner/esm';
3
+ import { IconButton } from '@alfalab/core-components-icon-button/dist/esm';
4
+ import { Link } from '@alfalab/core-components-link/dist/esm';
5
+ import { Spinner } from '@alfalab/core-components-spinner/dist/esm';
6
6
  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';
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
15
  import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import { fileIcon, humanFileSize } from './utils.js';
17
17
 
18
- var styles = {"component":"file-upload-item__component_1ac58","infoSection":"file-upload-item__infoSection_1ac58","info":"file-upload-item__info_1ac58","icon":"file-upload-item__icon_1ac58","errorIcon":"file-upload-item__errorIcon_1ac58","successIcon":"file-upload-item__successIcon_1ac58","name":"file-upload-item__name_1ac58","meta":"file-upload-item__meta_1ac58","size":"file-upload-item__size_1ac58","delete":"file-upload-item__delete_1ac58","download":"file-upload-item__download_1ac58","errorWrapper":"file-upload-item__errorWrapper_1ac58","restore":"file-upload-item__restore_1ac58","spinnerWrapper":"file-upload-item__spinnerWrapper_1ac58","spinner":"file-upload-item__spinner_1ac58","uploadPercent":"file-upload-item__uploadPercent_1ac58"};
18
+ var styles = {"component":"file-upload-item__component_1gfr8","infoSection":"file-upload-item__infoSection_1gfr8","info":"file-upload-item__info_1gfr8","icon":"file-upload-item__icon_1gfr8","errorIcon":"file-upload-item__errorIcon_1gfr8","successIcon":"file-upload-item__successIcon_1gfr8","name":"file-upload-item__name_1gfr8","meta":"file-upload-item__meta_1gfr8","size":"file-upload-item__size_1gfr8","delete":"file-upload-item__delete_1gfr8","download":"file-upload-item__download_1gfr8","errorWrapper":"file-upload-item__errorWrapper_1gfr8","restore":"file-upload-item__restore_1gfr8","spinnerWrapper":"file-upload-item__spinnerWrapper_1gfr8","spinner":"file-upload-item__spinner_1gfr8","uploadPercent":"file-upload-item__uploadPercent_1gfr8"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/{modern → dist/esm}/index.css RENAMED
@@ -1,4 +1,4 @@
1
- /* hash: 15rxd */
1
+ /* hash: uomb3 */
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_1ac58 {
25
+ .file-upload-item__component_1gfr8 {
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_1ac58 svg {
37
+ .file-upload-item__component_1gfr8 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1ac58 {
40
+ .file-upload-item__infoSection_1gfr8 {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,90 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1ac58 {
48
+ .file-upload-item__info_1gfr8 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1ac58 {
54
+ .file-upload-item__icon_1gfr8 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1ac58 {
59
+ .file-upload-item__errorIcon_1gfr8 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1ac58 {
63
+ .file-upload-item__successIcon_1gfr8 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1ac58 {
67
+ .file-upload-item__name_1gfr8 {
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_1ac58 {
73
+ .file-upload-item__name_1gfr8 a {
74
+ display: block;
75
+ margin-bottom: 1px;
76
+ }
77
+ .file-upload-item__meta_1gfr8 {
74
78
  display: flex;
75
79
  white-space: nowrap;
76
80
  margin-right: var(--gap-2xs);
77
81
  margin-left: var(--gap-xl);
78
82
  padding: var(--gap-2xs) 0
79
83
  }
80
- .file-upload-item__meta_1ac58 > * {
84
+ .file-upload-item__meta_1gfr8 > * {
81
85
  margin-right: var(--gap-s)
82
86
  }
83
- .file-upload-item__meta_1ac58 > *:last-child {
87
+ .file-upload-item__meta_1gfr8 > *:last-child {
84
88
  margin-right: 0;
85
89
  }
86
- .file-upload-item__size_1ac58 {
90
+ .file-upload-item__size_1gfr8 {
87
91
  text-align: right;
88
92
  }
89
- .file-upload-item__delete_1ac58,
90
- .file-upload-item__download_1ac58 {
93
+ .file-upload-item__delete_1gfr8,
94
+ .file-upload-item__download_1gfr8 {
91
95
  height: 24px;
92
96
  width: 24px;
93
97
  margin-left: var(--gap-xs)
94
98
  }
95
- .file-upload-item__delete_1ac58 svg, .file-upload-item__download_1ac58 svg {
99
+ .file-upload-item__delete_1gfr8 svg, .file-upload-item__download_1gfr8 svg {
96
100
  width: 18px;
97
101
  height: 18px;
98
102
  }
99
- .file-upload-item__errorWrapper_1ac58 {
103
+ .file-upload-item__errorWrapper_1gfr8 {
100
104
  margin-top: var(--gap-s);
101
105
  color: var(--color-light-text-accent)
102
106
  }
103
107
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1ac58 {
108
+ .file-upload-item__errorWrapper_1gfr8 {
105
109
  flex: 1 0 100%;
106
110
  margin-top: var(--gap-3xs)
107
111
  }
108
112
  }
109
- .file-upload-item__restore_1ac58 {
113
+ .file-upload-item__restore_1gfr8 {
110
114
  font-size: 14px;
111
115
  line-height: 20px;
112
116
  font-weight: 400;
113
117
 
114
118
  margin-left: var(--gap-s);
115
119
  }
116
- .file-upload-item__spinnerWrapper_1ac58 {
120
+ .file-upload-item__spinnerWrapper_1gfr8 {
117
121
  display: flex;
118
122
  justify-content: center;
119
123
  align-items: center;
120
124
  width: 24px;
121
125
  height: 24px;
122
126
  }
123
- .file-upload-item__spinner_1ac58 {
127
+ .file-upload-item__spinner_1gfr8 {
124
128
  width: 20px;
125
129
  height: 20px;
126
130
  }
127
- .file-upload-item__uploadPercent_1ac58 {
131
+ .file-upload-item__uploadPercent_1gfr8 {
128
132
  margin-top: var(--gap-2xs);
129
133
  margin-left: var(--gap-xl);
130
134
  }
package/{esm → dist/esm}/index.d.ts RENAMED
File without changes
package/{esm → dist/esm}/index.js RENAMED
@@ -1,8 +1,8 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '@alfalab/core-components-icon-button/esm';
4
- import '@alfalab/core-components-link/esm';
5
- import '@alfalab/core-components-spinner/esm';
3
+ import '@alfalab/core-components-icon-button/dist/esm';
4
+ import '@alfalab/core-components-link/dist/esm';
5
+ import '@alfalab/core-components-spinner/dist/esm';
6
6
  import '@alfalab/icons-glyph/CrossMIcon';
7
7
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
8
  import '@alfalab/icons-glyph/AlertCircleMIcon';
package/{esm → dist/esm}/utils.d.ts RENAMED
File without changes
package/{esm → dist/esm}/utils.js RENAMED
File without changes
package/{index.css → dist/index.css} RENAMED
@@ -1,4 +1,4 @@
1
- /* hash: 15rxd */
1
+ /* hash: uomb3 */
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_1ac58 {
25
+ .file-upload-item__component_1gfr8 {
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_1ac58 svg {
37
+ .file-upload-item__component_1gfr8 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1ac58 {
40
+ .file-upload-item__infoSection_1gfr8 {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,90 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1ac58 {
48
+ .file-upload-item__info_1gfr8 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1ac58 {
54
+ .file-upload-item__icon_1gfr8 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1ac58 {
59
+ .file-upload-item__errorIcon_1gfr8 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1ac58 {
63
+ .file-upload-item__successIcon_1gfr8 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1ac58 {
67
+ .file-upload-item__name_1gfr8 {
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_1ac58 {
73
+ .file-upload-item__name_1gfr8 a {
74
+ display: block;
75
+ margin-bottom: 1px;
76
+ }
77
+ .file-upload-item__meta_1gfr8 {
74
78
  display: flex;
75
79
  white-space: nowrap;
76
80
  margin-right: var(--gap-2xs);
77
81
  margin-left: var(--gap-xl);
78
82
  padding: var(--gap-2xs) 0
79
83
  }
80
- .file-upload-item__meta_1ac58 > * {
84
+ .file-upload-item__meta_1gfr8 > * {
81
85
  margin-right: var(--gap-s)
82
86
  }
83
- .file-upload-item__meta_1ac58 > *:last-child {
87
+ .file-upload-item__meta_1gfr8 > *:last-child {
84
88
  margin-right: 0;
85
89
  }
86
- .file-upload-item__size_1ac58 {
90
+ .file-upload-item__size_1gfr8 {
87
91
  text-align: right;
88
92
  }
89
- .file-upload-item__delete_1ac58,
90
- .file-upload-item__download_1ac58 {
93
+ .file-upload-item__delete_1gfr8,
94
+ .file-upload-item__download_1gfr8 {
91
95
  height: 24px;
92
96
  width: 24px;
93
97
  margin-left: var(--gap-xs)
94
98
  }
95
- .file-upload-item__delete_1ac58 svg, .file-upload-item__download_1ac58 svg {
99
+ .file-upload-item__delete_1gfr8 svg, .file-upload-item__download_1gfr8 svg {
96
100
  width: 18px;
97
101
  height: 18px;
98
102
  }
99
- .file-upload-item__errorWrapper_1ac58 {
103
+ .file-upload-item__errorWrapper_1gfr8 {
100
104
  margin-top: var(--gap-s);
101
105
  color: var(--color-light-text-accent)
102
106
  }
103
107
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1ac58 {
108
+ .file-upload-item__errorWrapper_1gfr8 {
105
109
  flex: 1 0 100%;
106
110
  margin-top: var(--gap-3xs)
107
111
  }
108
112
  }
109
- .file-upload-item__restore_1ac58 {
113
+ .file-upload-item__restore_1gfr8 {
110
114
  font-size: 14px;
111
115
  line-height: 20px;
112
116
  font-weight: 400;
113
117
 
114
118
  margin-left: var(--gap-s);
115
119
  }
116
- .file-upload-item__spinnerWrapper_1ac58 {
120
+ .file-upload-item__spinnerWrapper_1gfr8 {
117
121
  display: flex;
118
122
  justify-content: center;
119
123
  align-items: center;
120
124
  width: 24px;
121
125
  height: 24px;
122
126
  }
123
- .file-upload-item__spinner_1ac58 {
127
+ .file-upload-item__spinner_1gfr8 {
124
128
  width: 20px;
125
129
  height: 20px;
126
130
  }
127
- .file-upload-item__uploadPercent_1ac58 {
131
+ .file-upload-item__uploadPercent_1gfr8 {
128
132
  margin-top: var(--gap-2xs);
129
133
  margin-left: var(--gap-xl);
130
134
  }
package/{index.d.ts → dist/index.d.ts} RENAMED
File without changes
package/{index.js → dist/index.js} RENAMED
File without changes
package/{modern → dist/modern}/Component.d.ts RENAMED
File without changes
package/{modern → dist/modern}/Component.js RENAMED
@@ -1,8 +1,8 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import cn from 'classnames';
3
- import { IconButton } from '@alfalab/core-components-icon-button/modern';
4
- import { Link } from '@alfalab/core-components-link/modern';
5
- import { Spinner } from '@alfalab/core-components-spinner/modern';
3
+ import { IconButton } from '@alfalab/core-components-icon-button/dist/modern';
4
+ import { Link } from '@alfalab/core-components-link/dist/modern';
5
+ import { Spinner } from '@alfalab/core-components-spinner/dist/modern';
6
6
  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';
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
15
  import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import { fileIcon, humanFileSize } from './utils.js';
17
17
 
18
- var styles = {"component":"file-upload-item__component_1ac58","infoSection":"file-upload-item__infoSection_1ac58","info":"file-upload-item__info_1ac58","icon":"file-upload-item__icon_1ac58","errorIcon":"file-upload-item__errorIcon_1ac58","successIcon":"file-upload-item__successIcon_1ac58","name":"file-upload-item__name_1ac58","meta":"file-upload-item__meta_1ac58","size":"file-upload-item__size_1ac58","delete":"file-upload-item__delete_1ac58","download":"file-upload-item__download_1ac58","errorWrapper":"file-upload-item__errorWrapper_1ac58","restore":"file-upload-item__restore_1ac58","spinnerWrapper":"file-upload-item__spinnerWrapper_1ac58","spinner":"file-upload-item__spinner_1ac58","uploadPercent":"file-upload-item__uploadPercent_1ac58"};
18
+ var styles = {"component":"file-upload-item__component_1gfr8","infoSection":"file-upload-item__infoSection_1gfr8","info":"file-upload-item__info_1gfr8","icon":"file-upload-item__icon_1gfr8","errorIcon":"file-upload-item__errorIcon_1gfr8","successIcon":"file-upload-item__successIcon_1gfr8","name":"file-upload-item__name_1gfr8","meta":"file-upload-item__meta_1gfr8","size":"file-upload-item__size_1gfr8","delete":"file-upload-item__delete_1gfr8","download":"file-upload-item__download_1gfr8","errorWrapper":"file-upload-item__errorWrapper_1gfr8","restore":"file-upload-item__restore_1gfr8","spinnerWrapper":"file-upload-item__spinnerWrapper_1gfr8","spinner":"file-upload-item__spinner_1gfr8","uploadPercent":"file-upload-item__uploadPercent_1gfr8"};
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/{esm → dist/modern}/index.css RENAMED
@@ -1,4 +1,4 @@
1
- /* hash: 15rxd */
1
+ /* hash: uomb3 */
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_1ac58 {
25
+ .file-upload-item__component_1gfr8 {
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_1ac58 svg {
37
+ .file-upload-item__component_1gfr8 svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1ac58 {
40
+ .file-upload-item__infoSection_1gfr8 {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,90 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1ac58 {
48
+ .file-upload-item__info_1gfr8 {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1ac58 {
54
+ .file-upload-item__icon_1gfr8 {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1ac58 {
59
+ .file-upload-item__errorIcon_1gfr8 {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1ac58 {
63
+ .file-upload-item__successIcon_1gfr8 {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1ac58 {
67
+ .file-upload-item__name_1gfr8 {
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_1ac58 {
73
+ .file-upload-item__name_1gfr8 a {
74
+ display: block;
75
+ margin-bottom: 1px;
76
+ }
77
+ .file-upload-item__meta_1gfr8 {
74
78
  display: flex;
75
79
  white-space: nowrap;
76
80
  margin-right: var(--gap-2xs);
77
81
  margin-left: var(--gap-xl);
78
82
  padding: var(--gap-2xs) 0
79
83
  }
80
- .file-upload-item__meta_1ac58 > * {
84
+ .file-upload-item__meta_1gfr8 > * {
81
85
  margin-right: var(--gap-s)
82
86
  }
83
- .file-upload-item__meta_1ac58 > *:last-child {
87
+ .file-upload-item__meta_1gfr8 > *:last-child {
84
88
  margin-right: 0;
85
89
  }
86
- .file-upload-item__size_1ac58 {
90
+ .file-upload-item__size_1gfr8 {
87
91
  text-align: right;
88
92
  }
89
- .file-upload-item__delete_1ac58,
90
- .file-upload-item__download_1ac58 {
93
+ .file-upload-item__delete_1gfr8,
94
+ .file-upload-item__download_1gfr8 {
91
95
  height: 24px;
92
96
  width: 24px;
93
97
  margin-left: var(--gap-xs)
94
98
  }
95
- .file-upload-item__delete_1ac58 svg, .file-upload-item__download_1ac58 svg {
99
+ .file-upload-item__delete_1gfr8 svg, .file-upload-item__download_1gfr8 svg {
96
100
  width: 18px;
97
101
  height: 18px;
98
102
  }
99
- .file-upload-item__errorWrapper_1ac58 {
103
+ .file-upload-item__errorWrapper_1gfr8 {
100
104
  margin-top: var(--gap-s);
101
105
  color: var(--color-light-text-accent)
102
106
  }
103
107
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1ac58 {
108
+ .file-upload-item__errorWrapper_1gfr8 {
105
109
  flex: 1 0 100%;
106
110
  margin-top: var(--gap-3xs)
107
111
  }
108
112
  }
109
- .file-upload-item__restore_1ac58 {
113
+ .file-upload-item__restore_1gfr8 {
110
114
  font-size: 14px;
111
115
  line-height: 20px;
112
116
  font-weight: 400;
113
117
 
114
118
  margin-left: var(--gap-s);
115
119
  }
116
- .file-upload-item__spinnerWrapper_1ac58 {
120
+ .file-upload-item__spinnerWrapper_1gfr8 {
117
121
  display: flex;
118
122
  justify-content: center;
119
123
  align-items: center;
120
124
  width: 24px;
121
125
  height: 24px;
122
126
  }
123
- .file-upload-item__spinner_1ac58 {
127
+ .file-upload-item__spinner_1gfr8 {
124
128
  width: 20px;
125
129
  height: 20px;
126
130
  }
127
- .file-upload-item__uploadPercent_1ac58 {
131
+ .file-upload-item__uploadPercent_1gfr8 {
128
132
  margin-top: var(--gap-2xs);
129
133
  margin-left: var(--gap-xl);
130
134
  }
package/{modern → dist/modern}/index.d.ts RENAMED
File without changes
package/{modern → dist/modern}/index.js RENAMED
@@ -1,8 +1,8 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '@alfalab/core-components-icon-button/modern';
4
- import '@alfalab/core-components-link/modern';
5
- import '@alfalab/core-components-spinner/modern';
3
+ import '@alfalab/core-components-icon-button/dist/modern';
4
+ import '@alfalab/core-components-link/dist/modern';
5
+ import '@alfalab/core-components-spinner/dist/modern';
6
6
  import '@alfalab/icons-glyph/CrossMIcon';
7
7
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
8
  import '@alfalab/icons-glyph/AlertCircleMIcon';
package/{modern → dist/modern}/utils.d.ts RENAMED
File without changes
package/{modern → dist/modern}/utils.js RENAMED
File without changes
package/{send-stats.js → dist/send-stats.js} RENAMED
File without changes
package/{utils.d.ts → dist/utils.d.ts} RENAMED
File without changes
package/{utils.js → dist/utils.js} RENAMED
File without changes
package/package.json CHANGED
@@ -1,22 +1,25 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "3.8.3",
3
+ "version": "3.9.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
- "main": "index.js",
8
- "module": "./esm/index.js",
7
+ "main": "dist/index.js",
8
+ "module": "./dist/esm/index.js",
9
+ "files": [
10
+ "dist"
11
+ ],
9
12
  "publishConfig": {
10
- "access": "public",
11
- "directory": "dist"
13
+ "access": "public"
12
14
  },
13
15
  "peerDependencies": {
14
- "react": "^16.9.0 || ^17.0.1"
16
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
17
  },
16
18
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^4.2.3",
18
- "@alfalab/core-components-link": "^3.3.3",
19
- "@alfalab/core-components-spinner": "^2.2.3",
19
+ "@alfalab/core-components-icon-button": "^4.3.2",
20
+ "@alfalab/core-components-link": "^3.4.1",
21
+ "@alfalab/core-components-spinner": "^2.3.1",
20
22
  "@alfalab/icons-glyph": "^2.16.0"
21
- }
23
+ },
24
+ "gitHead": "4d6c8965d07839e339b370bb7c92bd7f9e24b1f3"
22
25
  }