@alfalab/core-components-file-upload-item 5.1.7 → 5.1.9
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.
- package/Component.js +23 -25
- package/cssm/Component.js +24 -26
- package/cssm/index.js +2 -4
- package/cssm/utils.js +2 -9
- package/esm/Component.js +3 -3
- package/esm/index.css +22 -22
- package/esm/index.js +2 -2
- package/esm/utils.js +2 -7
- package/index.css +22 -22
- package/index.js +2 -4
- package/modern/Component.js +2 -2
- package/modern/index.css +22 -22
- package/modern/index.js +2 -2
- package/modern/utils.js +1 -4
- package/package.json +4 -4
- package/send-stats.js +1 -1
- package/utils.js +2 -9
package/Component.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var cn = require('classnames');
|
|
7
5
|
var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
|
|
@@ -12,19 +10,19 @@ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
|
|
|
12
10
|
var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
|
|
13
11
|
var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
|
|
14
12
|
var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
|
|
13
|
+
var utils = require('./utils.js');
|
|
15
14
|
require('@alfalab/icons-glyph/DocumentDocMIcon');
|
|
16
15
|
require('@alfalab/icons-glyph/DocumentImageMIcon');
|
|
17
16
|
require('@alfalab/icons-glyph/DocumentPdfMIcon');
|
|
18
17
|
require('@alfalab/icons-glyph/DocumentTxtMIcon');
|
|
19
18
|
require('@alfalab/icons-glyph/DocumentUnknownMIcon');
|
|
20
|
-
var utils = require('./utils.js');
|
|
21
19
|
|
|
22
|
-
function
|
|
20
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
23
21
|
|
|
24
|
-
var React__default = /*#__PURE__*/
|
|
25
|
-
var cn__default = /*#__PURE__*/
|
|
22
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
23
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
26
24
|
|
|
27
|
-
var styles = {"component":"file-upload-
|
|
25
|
+
var styles = {"component":"file-upload-item__component_1kz2s","infoSection":"file-upload-item__infoSection_1kz2s","info":"file-upload-item__info_1kz2s","icon":"file-upload-item__icon_1kz2s","errorIcon":"file-upload-item__errorIcon_1kz2s","successIcon":"file-upload-item__successIcon_1kz2s","name":"file-upload-item__name_1kz2s","meta":"file-upload-item__meta_1kz2s","size":"file-upload-item__size_1kz2s","delete":"file-upload-item__delete_1kz2s","download":"file-upload-item__download_1kz2s","errorWrapper":"file-upload-item__errorWrapper_1kz2s","restore":"file-upload-item__restore_1kz2s","spinnerWrapper":"file-upload-item__spinnerWrapper_1kz2s","spinner":"file-upload-item__spinner_1kz2s","uploadPercent":"file-upload-item__uploadPercent_1kz2s"};
|
|
28
26
|
require('./index.css')
|
|
29
27
|
|
|
30
28
|
var FileUploadItem = function (_a) {
|
|
@@ -45,43 +43,43 @@ var FileUploadItem = function (_a) {
|
|
|
45
43
|
};
|
|
46
44
|
var renderIcon = function () {
|
|
47
45
|
if (showRestore) {
|
|
48
|
-
return React__default
|
|
46
|
+
return React__default.default.createElement(ClockMIcon.ClockMIcon, { className: styles.restoreIcon });
|
|
49
47
|
}
|
|
50
48
|
switch (uploadStatus) {
|
|
51
49
|
case 'ERROR':
|
|
52
|
-
return React__default
|
|
50
|
+
return React__default.default.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles.errorIcon });
|
|
53
51
|
case 'SUCCESS':
|
|
54
|
-
return React__default
|
|
52
|
+
return React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles.successIcon });
|
|
55
53
|
case 'LOADING':
|
|
56
54
|
case 'UPLOADING':
|
|
57
|
-
return (React__default
|
|
58
|
-
React__default
|
|
55
|
+
return (React__default.default.createElement("div", { className: styles.spinnerWrapper },
|
|
56
|
+
React__default.default.createElement(coreComponentsSpinner.Spinner, { visible: true, className: styles.spinner })));
|
|
59
57
|
default: {
|
|
60
|
-
return React__default
|
|
58
|
+
return React__default.default.createElement(Icon, { className: styles.icon });
|
|
61
59
|
}
|
|
62
60
|
}
|
|
63
61
|
};
|
|
64
62
|
var renderInfoSection = function () {
|
|
65
63
|
var shouldShownError = uploadStatus === 'ERROR' || !!error;
|
|
66
64
|
var errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
|
|
67
|
-
return (React__default
|
|
68
|
-
React__default
|
|
69
|
-
shouldShownError && (React__default
|
|
65
|
+
return (React__default.default.createElement("div", { className: styles.infoSection },
|
|
66
|
+
React__default.default.createElement("div", { className: styles.name }, name),
|
|
67
|
+
shouldShownError && (React__default.default.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
|
|
70
68
|
};
|
|
71
69
|
var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
|
|
72
70
|
var showDownload = Boolean(downloadLink) && !showRestore;
|
|
73
|
-
return (React__default
|
|
74
|
-
React__default
|
|
71
|
+
return (React__default.default.createElement("div", { className: cn__default.default(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
|
|
72
|
+
React__default.default.createElement("div", { className: styles.info },
|
|
75
73
|
renderIcon(),
|
|
76
74
|
renderInfoSection(),
|
|
77
75
|
children,
|
|
78
|
-
uploadStatus === 'UPLOADING' && (React__default
|
|
79
|
-
showMeta && (React__default
|
|
80
|
-
uploadDate && React__default
|
|
81
|
-
size && (React__default
|
|
82
|
-
showRestore && (React__default
|
|
83
|
-
showDownload && (React__default
|
|
84
|
-
showDelete && !showRestore && (React__default
|
|
76
|
+
uploadStatus === 'UPLOADING' && (React__default.default.createElement("span", { className: styles.uploadPercent }, "".concat(Math.round(uploadPercent), "%"))),
|
|
77
|
+
showMeta && (React__default.default.createElement("div", { className: styles.meta },
|
|
78
|
+
uploadDate && React__default.default.createElement("span", { key: uploadDate }, uploadDate),
|
|
79
|
+
size && (React__default.default.createElement("span", { key: size, className: styles.size }, utils.humanFileSize(size)))))),
|
|
80
|
+
showRestore && (React__default.default.createElement(coreComponentsLink.Link, { pseudo: true, className: styles.restore, onClick: handleRestore }, "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C")),
|
|
81
|
+
showDownload && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: PointerDownSIcon.PointerDownSIcon, className: styles.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, disabled: disableButtons, download: download })),
|
|
82
|
+
showDelete && !showRestore && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: CrossSIcon.CrossSIcon, onClick: handleDelete, disabled: disableButtons, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
|
|
85
83
|
};
|
|
86
84
|
|
|
87
85
|
exports.FileUploadItem = FileUploadItem;
|
package/cssm/Component.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var cn = require('classnames');
|
|
7
5
|
var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
|
|
@@ -12,19 +10,19 @@ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
|
|
|
12
10
|
var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
|
|
13
11
|
var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
|
|
14
12
|
var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
|
|
13
|
+
var utils = require('./utils.js');
|
|
14
|
+
var styles = require('./index.module.css');
|
|
15
15
|
require('@alfalab/icons-glyph/DocumentDocMIcon');
|
|
16
16
|
require('@alfalab/icons-glyph/DocumentImageMIcon');
|
|
17
17
|
require('@alfalab/icons-glyph/DocumentPdfMIcon');
|
|
18
18
|
require('@alfalab/icons-glyph/DocumentTxtMIcon');
|
|
19
19
|
require('@alfalab/icons-glyph/DocumentUnknownMIcon');
|
|
20
|
-
var utils = require('./utils.js');
|
|
21
|
-
var styles = require('./index.module.css');
|
|
22
20
|
|
|
23
|
-
function
|
|
21
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
24
22
|
|
|
25
|
-
var React__default = /*#__PURE__*/
|
|
26
|
-
var cn__default = /*#__PURE__*/
|
|
27
|
-
var styles__default = /*#__PURE__*/
|
|
23
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
24
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
25
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
28
26
|
|
|
29
27
|
var FileUploadItem = function (_a) {
|
|
30
28
|
var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? utils.fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, dataTestId = _a.dataTestId;
|
|
@@ -44,43 +42,43 @@ var FileUploadItem = function (_a) {
|
|
|
44
42
|
};
|
|
45
43
|
var renderIcon = function () {
|
|
46
44
|
if (showRestore) {
|
|
47
|
-
return React__default
|
|
45
|
+
return React__default.default.createElement(ClockMIcon.ClockMIcon, { className: styles__default.default.restoreIcon });
|
|
48
46
|
}
|
|
49
47
|
switch (uploadStatus) {
|
|
50
48
|
case 'ERROR':
|
|
51
|
-
return React__default
|
|
49
|
+
return React__default.default.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles__default.default.errorIcon });
|
|
52
50
|
case 'SUCCESS':
|
|
53
|
-
return React__default
|
|
51
|
+
return React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default.default.successIcon });
|
|
54
52
|
case 'LOADING':
|
|
55
53
|
case 'UPLOADING':
|
|
56
|
-
return (React__default
|
|
57
|
-
React__default
|
|
54
|
+
return (React__default.default.createElement("div", { className: styles__default.default.spinnerWrapper },
|
|
55
|
+
React__default.default.createElement(coreComponentsSpinner.Spinner, { visible: true, className: styles__default.default.spinner })));
|
|
58
56
|
default: {
|
|
59
|
-
return React__default
|
|
57
|
+
return React__default.default.createElement(Icon, { className: styles__default.default.icon });
|
|
60
58
|
}
|
|
61
59
|
}
|
|
62
60
|
};
|
|
63
61
|
var renderInfoSection = function () {
|
|
64
62
|
var shouldShownError = uploadStatus === 'ERROR' || !!error;
|
|
65
63
|
var errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
|
|
66
|
-
return (React__default
|
|
67
|
-
React__default
|
|
68
|
-
shouldShownError && (React__default
|
|
64
|
+
return (React__default.default.createElement("div", { className: styles__default.default.infoSection },
|
|
65
|
+
React__default.default.createElement("div", { className: styles__default.default.name }, name),
|
|
66
|
+
shouldShownError && (React__default.default.createElement("div", { className: styles__default.default.errorWrapper, role: 'alert' }, errorContent))));
|
|
69
67
|
};
|
|
70
68
|
var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
|
|
71
69
|
var showDownload = Boolean(downloadLink) && !showRestore;
|
|
72
|
-
return (React__default
|
|
73
|
-
React__default
|
|
70
|
+
return (React__default.default.createElement("div", { className: cn__default.default(className, styles__default.default.component, uploadStatus && styles__default.default[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
|
|
71
|
+
React__default.default.createElement("div", { className: styles__default.default.info },
|
|
74
72
|
renderIcon(),
|
|
75
73
|
renderInfoSection(),
|
|
76
74
|
children,
|
|
77
|
-
uploadStatus === 'UPLOADING' && (React__default
|
|
78
|
-
showMeta && (React__default
|
|
79
|
-
uploadDate && React__default
|
|
80
|
-
size && (React__default
|
|
81
|
-
showRestore && (React__default
|
|
82
|
-
showDownload && (React__default
|
|
83
|
-
showDelete && !showRestore && (React__default
|
|
75
|
+
uploadStatus === 'UPLOADING' && (React__default.default.createElement("span", { className: styles__default.default.uploadPercent }, "".concat(Math.round(uploadPercent), "%"))),
|
|
76
|
+
showMeta && (React__default.default.createElement("div", { className: styles__default.default.meta },
|
|
77
|
+
uploadDate && React__default.default.createElement("span", { key: uploadDate }, uploadDate),
|
|
78
|
+
size && (React__default.default.createElement("span", { key: size, className: styles__default.default.size }, utils.humanFileSize(size)))))),
|
|
79
|
+
showRestore && (React__default.default.createElement(coreComponentsLink.Link, { pseudo: true, className: styles__default.default.restore, onClick: handleRestore }, "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C")),
|
|
80
|
+
showDownload && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: PointerDownSIcon.PointerDownSIcon, className: styles__default.default.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, disabled: disableButtons, download: download })),
|
|
81
|
+
showDelete && !showRestore && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: CrossSIcon.CrossSIcon, onClick: handleDelete, disabled: disableButtons, className: styles__default.default.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
|
|
84
82
|
};
|
|
85
83
|
|
|
86
84
|
exports.FileUploadItem = FileUploadItem;
|
package/cssm/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var Component = require('./Component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('classnames');
|
|
7
6
|
require('@alfalab/core-components-icon-button/cssm');
|
|
@@ -12,14 +11,13 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
|
|
|
12
11
|
require('@alfalab/icons-glyph/ClockMIcon');
|
|
13
12
|
require('@alfalab/icons-glyph/CrossSIcon');
|
|
14
13
|
require('@alfalab/icons-glyph/PointerDownSIcon');
|
|
14
|
+
require('./utils.js');
|
|
15
15
|
require('@alfalab/icons-glyph/DocumentDocMIcon');
|
|
16
16
|
require('@alfalab/icons-glyph/DocumentImageMIcon');
|
|
17
17
|
require('@alfalab/icons-glyph/DocumentPdfMIcon');
|
|
18
18
|
require('@alfalab/icons-glyph/DocumentTxtMIcon');
|
|
19
19
|
require('@alfalab/icons-glyph/DocumentUnknownMIcon');
|
|
20
|
-
require('./utils.js');
|
|
21
20
|
require('./index.module.css');
|
|
22
|
-
var Component = require('./Component.js');
|
|
23
21
|
|
|
24
22
|
|
|
25
23
|
|
package/cssm/utils.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
|
|
6
4
|
var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
|
|
7
5
|
var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
|
|
@@ -17,14 +15,9 @@ function humanFileSize(size) {
|
|
|
17
15
|
factor += 1;
|
|
18
16
|
}
|
|
19
17
|
humanSize = humanSize.toFixed(2);
|
|
20
|
-
return Number(humanSize)
|
|
18
|
+
return "".concat(Number(humanSize), " ").concat(units[factor]);
|
|
21
19
|
}
|
|
22
|
-
var getExtension = function (filename) {
|
|
23
|
-
return filename
|
|
24
|
-
.toLowerCase()
|
|
25
|
-
.split('.')
|
|
26
|
-
.pop();
|
|
27
|
-
};
|
|
20
|
+
var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
|
|
28
21
|
function fileIcon(filename) {
|
|
29
22
|
var extension = getExtension(filename);
|
|
30
23
|
switch (extension) {
|
package/esm/Component.js
CHANGED
|
@@ -8,14 +8,14 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
|
|
|
8
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
|
+
import { fileIcon, humanFileSize } from './utils.js';
|
|
11
12
|
import '@alfalab/icons-glyph/DocumentDocMIcon';
|
|
12
13
|
import '@alfalab/icons-glyph/DocumentImageMIcon';
|
|
13
14
|
import '@alfalab/icons-glyph/DocumentPdfMIcon';
|
|
14
15
|
import '@alfalab/icons-glyph/DocumentTxtMIcon';
|
|
15
16
|
import '@alfalab/icons-glyph/DocumentUnknownMIcon';
|
|
16
|
-
import { fileIcon, humanFileSize } from './utils.js';
|
|
17
17
|
|
|
18
|
-
var styles = {"component":"file-upload-
|
|
18
|
+
var styles = {"component":"file-upload-item__component_1kz2s","infoSection":"file-upload-item__infoSection_1kz2s","info":"file-upload-item__info_1kz2s","icon":"file-upload-item__icon_1kz2s","errorIcon":"file-upload-item__errorIcon_1kz2s","successIcon":"file-upload-item__successIcon_1kz2s","name":"file-upload-item__name_1kz2s","meta":"file-upload-item__meta_1kz2s","size":"file-upload-item__size_1kz2s","delete":"file-upload-item__delete_1kz2s","download":"file-upload-item__download_1kz2s","errorWrapper":"file-upload-item__errorWrapper_1kz2s","restore":"file-upload-item__restore_1kz2s","spinnerWrapper":"file-upload-item__spinnerWrapper_1kz2s","spinner":"file-upload-item__spinner_1kz2s","uploadPercent":"file-upload-item__uploadPercent_1kz2s"};
|
|
19
19
|
require('./index.css')
|
|
20
20
|
|
|
21
21
|
var FileUploadItem = function (_a) {
|
|
@@ -66,7 +66,7 @@ var FileUploadItem = function (_a) {
|
|
|
66
66
|
renderIcon(),
|
|
67
67
|
renderInfoSection(),
|
|
68
68
|
children,
|
|
69
|
-
uploadStatus === 'UPLOADING' && (React.createElement("span", { className: styles.uploadPercent }, Math.round(uploadPercent)
|
|
69
|
+
uploadStatus === 'UPLOADING' && (React.createElement("span", { className: styles.uploadPercent }, "".concat(Math.round(uploadPercent), "%"))),
|
|
70
70
|
showMeta && (React.createElement("div", { className: styles.meta },
|
|
71
71
|
uploadDate && React.createElement("span", { key: uploadDate }, uploadDate),
|
|
72
72
|
size && (React.createElement("span", { key: size, className: styles.size }, humanFileSize(size)))))),
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: gwn2u */
|
|
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-
|
|
25
|
+
.file-upload-item__component_1kz2s {
|
|
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-
|
|
37
|
+
.file-upload-item__component_1kz2s svg {
|
|
38
38
|
display: block;
|
|
39
39
|
}
|
|
40
|
-
.file-upload-
|
|
40
|
+
.file-upload-item__infoSection_1kz2s {
|
|
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-
|
|
48
|
+
.file-upload-item__info_1kz2s {
|
|
49
49
|
display: flex;
|
|
50
50
|
flex-wrap: wrap;
|
|
51
51
|
flex: 1;
|
|
52
52
|
overflow: hidden;
|
|
53
53
|
}
|
|
54
|
-
.file-upload-
|
|
54
|
+
.file-upload-item__icon_1kz2s {
|
|
55
55
|
display: block;
|
|
56
56
|
flex-shrink: 0;
|
|
57
57
|
color: var(--color-light-text-primary);
|
|
58
58
|
}
|
|
59
|
-
.file-upload-
|
|
59
|
+
.file-upload-item__errorIcon_1kz2s {
|
|
60
60
|
flex-shrink: 0;
|
|
61
61
|
color: var(--color-light-graphic-negative);
|
|
62
62
|
}
|
|
63
|
-
.file-upload-
|
|
63
|
+
.file-upload-item__successIcon_1kz2s {
|
|
64
64
|
flex-shrink: 0;
|
|
65
65
|
color: var(--color-light-graphic-positive);
|
|
66
66
|
}
|
|
67
|
-
.file-upload-
|
|
67
|
+
.file-upload-item__name_1kz2s {
|
|
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-
|
|
73
|
+
.file-upload-item__name_1kz2s a {
|
|
74
74
|
display: block;
|
|
75
75
|
margin-bottom: 1px;
|
|
76
76
|
}
|
|
77
|
-
.file-upload-
|
|
77
|
+
.file-upload-item__meta_1kz2s {
|
|
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-
|
|
84
|
+
.file-upload-item__meta_1kz2s > * {
|
|
85
85
|
margin-right: var(--gap-s)
|
|
86
86
|
}
|
|
87
|
-
.file-upload-
|
|
87
|
+
.file-upload-item__meta_1kz2s > *:last-child {
|
|
88
88
|
margin-right: 0;
|
|
89
89
|
}
|
|
90
|
-
.file-upload-
|
|
90
|
+
.file-upload-item__size_1kz2s {
|
|
91
91
|
text-align: right;
|
|
92
92
|
}
|
|
93
|
-
.file-upload-
|
|
94
|
-
.file-upload-
|
|
93
|
+
.file-upload-item__delete_1kz2s,
|
|
94
|
+
.file-upload-item__download_1kz2s {
|
|
95
95
|
height: 24px;
|
|
96
96
|
width: 24px;
|
|
97
97
|
margin-left: var(--gap-xs);
|
|
98
98
|
}
|
|
99
|
-
.file-upload-
|
|
99
|
+
.file-upload-item__errorWrapper_1kz2s {
|
|
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-
|
|
104
|
+
.file-upload-item__errorWrapper_1kz2s {
|
|
105
105
|
flex: 1 0 100%;
|
|
106
106
|
margin-top: var(--gap-3xs)
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
.file-upload-
|
|
109
|
+
.file-upload-item__restore_1kz2s {
|
|
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-
|
|
116
|
+
.file-upload-item__spinnerWrapper_1kz2s {
|
|
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-
|
|
123
|
+
.file-upload-item__spinner_1kz2s {
|
|
124
124
|
width: 20px;
|
|
125
125
|
height: 20px;
|
|
126
126
|
}
|
|
127
|
-
.file-upload-
|
|
127
|
+
.file-upload-item__uploadPercent_1kz2s {
|
|
128
128
|
margin-top: var(--gap-2xs);
|
|
129
129
|
margin-left: var(--gap-xl);
|
|
130
130
|
}
|
package/esm/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { FileUploadItem } from './Component.js';
|
|
1
2
|
import 'react';
|
|
2
3
|
import 'classnames';
|
|
3
4
|
import '@alfalab/core-components-icon-button/esm';
|
|
@@ -8,10 +9,9 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
|
|
|
8
9
|
import '@alfalab/icons-glyph/ClockMIcon';
|
|
9
10
|
import '@alfalab/icons-glyph/CrossSIcon';
|
|
10
11
|
import '@alfalab/icons-glyph/PointerDownSIcon';
|
|
12
|
+
import './utils.js';
|
|
11
13
|
import '@alfalab/icons-glyph/DocumentDocMIcon';
|
|
12
14
|
import '@alfalab/icons-glyph/DocumentImageMIcon';
|
|
13
15
|
import '@alfalab/icons-glyph/DocumentPdfMIcon';
|
|
14
16
|
import '@alfalab/icons-glyph/DocumentTxtMIcon';
|
|
15
17
|
import '@alfalab/icons-glyph/DocumentUnknownMIcon';
|
|
16
|
-
import './utils.js';
|
|
17
|
-
export { FileUploadItem } from './Component.js';
|
package/esm/utils.js
CHANGED
|
@@ -13,14 +13,9 @@ function humanFileSize(size) {
|
|
|
13
13
|
factor += 1;
|
|
14
14
|
}
|
|
15
15
|
humanSize = humanSize.toFixed(2);
|
|
16
|
-
return Number(humanSize)
|
|
16
|
+
return "".concat(Number(humanSize), " ").concat(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:
|
|
1
|
+
/* hash: gwn2u */
|
|
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-
|
|
25
|
+
.file-upload-item__component_1kz2s {
|
|
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-
|
|
37
|
+
.file-upload-item__component_1kz2s svg {
|
|
38
38
|
display: block;
|
|
39
39
|
}
|
|
40
|
-
.file-upload-
|
|
40
|
+
.file-upload-item__infoSection_1kz2s {
|
|
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-
|
|
48
|
+
.file-upload-item__info_1kz2s {
|
|
49
49
|
display: flex;
|
|
50
50
|
flex-wrap: wrap;
|
|
51
51
|
flex: 1;
|
|
52
52
|
overflow: hidden;
|
|
53
53
|
}
|
|
54
|
-
.file-upload-
|
|
54
|
+
.file-upload-item__icon_1kz2s {
|
|
55
55
|
display: block;
|
|
56
56
|
flex-shrink: 0;
|
|
57
57
|
color: var(--color-light-text-primary);
|
|
58
58
|
}
|
|
59
|
-
.file-upload-
|
|
59
|
+
.file-upload-item__errorIcon_1kz2s {
|
|
60
60
|
flex-shrink: 0;
|
|
61
61
|
color: var(--color-light-graphic-negative);
|
|
62
62
|
}
|
|
63
|
-
.file-upload-
|
|
63
|
+
.file-upload-item__successIcon_1kz2s {
|
|
64
64
|
flex-shrink: 0;
|
|
65
65
|
color: var(--color-light-graphic-positive);
|
|
66
66
|
}
|
|
67
|
-
.file-upload-
|
|
67
|
+
.file-upload-item__name_1kz2s {
|
|
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-
|
|
73
|
+
.file-upload-item__name_1kz2s a {
|
|
74
74
|
display: block;
|
|
75
75
|
margin-bottom: 1px;
|
|
76
76
|
}
|
|
77
|
-
.file-upload-
|
|
77
|
+
.file-upload-item__meta_1kz2s {
|
|
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-
|
|
84
|
+
.file-upload-item__meta_1kz2s > * {
|
|
85
85
|
margin-right: var(--gap-s)
|
|
86
86
|
}
|
|
87
|
-
.file-upload-
|
|
87
|
+
.file-upload-item__meta_1kz2s > *:last-child {
|
|
88
88
|
margin-right: 0;
|
|
89
89
|
}
|
|
90
|
-
.file-upload-
|
|
90
|
+
.file-upload-item__size_1kz2s {
|
|
91
91
|
text-align: right;
|
|
92
92
|
}
|
|
93
|
-
.file-upload-
|
|
94
|
-
.file-upload-
|
|
93
|
+
.file-upload-item__delete_1kz2s,
|
|
94
|
+
.file-upload-item__download_1kz2s {
|
|
95
95
|
height: 24px;
|
|
96
96
|
width: 24px;
|
|
97
97
|
margin-left: var(--gap-xs);
|
|
98
98
|
}
|
|
99
|
-
.file-upload-
|
|
99
|
+
.file-upload-item__errorWrapper_1kz2s {
|
|
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-
|
|
104
|
+
.file-upload-item__errorWrapper_1kz2s {
|
|
105
105
|
flex: 1 0 100%;
|
|
106
106
|
margin-top: var(--gap-3xs)
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
.file-upload-
|
|
109
|
+
.file-upload-item__restore_1kz2s {
|
|
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-
|
|
116
|
+
.file-upload-item__spinnerWrapper_1kz2s {
|
|
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-
|
|
123
|
+
.file-upload-item__spinner_1kz2s {
|
|
124
124
|
width: 20px;
|
|
125
125
|
height: 20px;
|
|
126
126
|
}
|
|
127
|
-
.file-upload-
|
|
127
|
+
.file-upload-item__uploadPercent_1kz2s {
|
|
128
128
|
margin-top: var(--gap-2xs);
|
|
129
129
|
margin-left: var(--gap-xl);
|
|
130
130
|
}
|
package/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var Component = require('./Component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('classnames');
|
|
7
6
|
require('@alfalab/core-components-icon-button');
|
|
@@ -12,13 +11,12 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
|
|
|
12
11
|
require('@alfalab/icons-glyph/ClockMIcon');
|
|
13
12
|
require('@alfalab/icons-glyph/CrossSIcon');
|
|
14
13
|
require('@alfalab/icons-glyph/PointerDownSIcon');
|
|
14
|
+
require('./utils.js');
|
|
15
15
|
require('@alfalab/icons-glyph/DocumentDocMIcon');
|
|
16
16
|
require('@alfalab/icons-glyph/DocumentImageMIcon');
|
|
17
17
|
require('@alfalab/icons-glyph/DocumentPdfMIcon');
|
|
18
18
|
require('@alfalab/icons-glyph/DocumentTxtMIcon');
|
|
19
19
|
require('@alfalab/icons-glyph/DocumentUnknownMIcon');
|
|
20
|
-
require('./utils.js');
|
|
21
|
-
var Component = require('./Component.js');
|
|
22
20
|
|
|
23
21
|
|
|
24
22
|
|
package/modern/Component.js
CHANGED
|
@@ -8,14 +8,14 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
|
|
|
8
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
|
+
import { humanFileSize, fileIcon } from './utils.js';
|
|
11
12
|
import '@alfalab/icons-glyph/DocumentDocMIcon';
|
|
12
13
|
import '@alfalab/icons-glyph/DocumentImageMIcon';
|
|
13
14
|
import '@alfalab/icons-glyph/DocumentPdfMIcon';
|
|
14
15
|
import '@alfalab/icons-glyph/DocumentTxtMIcon';
|
|
15
16
|
import '@alfalab/icons-glyph/DocumentUnknownMIcon';
|
|
16
|
-
import { fileIcon, humanFileSize } from './utils.js';
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
const styles = {"component":"file-upload-item__component_1kz2s","infoSection":"file-upload-item__infoSection_1kz2s","info":"file-upload-item__info_1kz2s","icon":"file-upload-item__icon_1kz2s","errorIcon":"file-upload-item__errorIcon_1kz2s","successIcon":"file-upload-item__successIcon_1kz2s","name":"file-upload-item__name_1kz2s","meta":"file-upload-item__meta_1kz2s","size":"file-upload-item__size_1kz2s","delete":"file-upload-item__delete_1kz2s","download":"file-upload-item__download_1kz2s","errorWrapper":"file-upload-item__errorWrapper_1kz2s","restore":"file-upload-item__restore_1kz2s","spinnerWrapper":"file-upload-item__spinnerWrapper_1kz2s","spinner":"file-upload-item__spinner_1kz2s","uploadPercent":"file-upload-item__uploadPercent_1kz2s"};
|
|
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:
|
|
1
|
+
/* hash: gwn2u */
|
|
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-
|
|
25
|
+
.file-upload-item__component_1kz2s {
|
|
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-
|
|
37
|
+
.file-upload-item__component_1kz2s svg {
|
|
38
38
|
display: block;
|
|
39
39
|
}
|
|
40
|
-
.file-upload-
|
|
40
|
+
.file-upload-item__infoSection_1kz2s {
|
|
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-
|
|
48
|
+
.file-upload-item__info_1kz2s {
|
|
49
49
|
display: flex;
|
|
50
50
|
flex-wrap: wrap;
|
|
51
51
|
flex: 1;
|
|
52
52
|
overflow: hidden;
|
|
53
53
|
}
|
|
54
|
-
.file-upload-
|
|
54
|
+
.file-upload-item__icon_1kz2s {
|
|
55
55
|
display: block;
|
|
56
56
|
flex-shrink: 0;
|
|
57
57
|
color: var(--color-light-text-primary);
|
|
58
58
|
}
|
|
59
|
-
.file-upload-
|
|
59
|
+
.file-upload-item__errorIcon_1kz2s {
|
|
60
60
|
flex-shrink: 0;
|
|
61
61
|
color: var(--color-light-graphic-negative);
|
|
62
62
|
}
|
|
63
|
-
.file-upload-
|
|
63
|
+
.file-upload-item__successIcon_1kz2s {
|
|
64
64
|
flex-shrink: 0;
|
|
65
65
|
color: var(--color-light-graphic-positive);
|
|
66
66
|
}
|
|
67
|
-
.file-upload-
|
|
67
|
+
.file-upload-item__name_1kz2s {
|
|
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-
|
|
73
|
+
.file-upload-item__name_1kz2s a {
|
|
74
74
|
display: block;
|
|
75
75
|
margin-bottom: 1px;
|
|
76
76
|
}
|
|
77
|
-
.file-upload-
|
|
77
|
+
.file-upload-item__meta_1kz2s {
|
|
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-
|
|
84
|
+
.file-upload-item__meta_1kz2s > * {
|
|
85
85
|
margin-right: var(--gap-s)
|
|
86
86
|
}
|
|
87
|
-
.file-upload-
|
|
87
|
+
.file-upload-item__meta_1kz2s > *:last-child {
|
|
88
88
|
margin-right: 0;
|
|
89
89
|
}
|
|
90
|
-
.file-upload-
|
|
90
|
+
.file-upload-item__size_1kz2s {
|
|
91
91
|
text-align: right;
|
|
92
92
|
}
|
|
93
|
-
.file-upload-
|
|
94
|
-
.file-upload-
|
|
93
|
+
.file-upload-item__delete_1kz2s,
|
|
94
|
+
.file-upload-item__download_1kz2s {
|
|
95
95
|
height: 24px;
|
|
96
96
|
width: 24px;
|
|
97
97
|
margin-left: var(--gap-xs);
|
|
98
98
|
}
|
|
99
|
-
.file-upload-
|
|
99
|
+
.file-upload-item__errorWrapper_1kz2s {
|
|
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-
|
|
104
|
+
.file-upload-item__errorWrapper_1kz2s {
|
|
105
105
|
flex: 1 0 100%;
|
|
106
106
|
margin-top: var(--gap-3xs)
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
.file-upload-
|
|
109
|
+
.file-upload-item__restore_1kz2s {
|
|
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-
|
|
116
|
+
.file-upload-item__spinnerWrapper_1kz2s {
|
|
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-
|
|
123
|
+
.file-upload-item__spinner_1kz2s {
|
|
124
124
|
width: 20px;
|
|
125
125
|
height: 20px;
|
|
126
126
|
}
|
|
127
|
-
.file-upload-
|
|
127
|
+
.file-upload-item__uploadPercent_1kz2s {
|
|
128
128
|
margin-top: var(--gap-2xs);
|
|
129
129
|
margin-left: var(--gap-xl);
|
|
130
130
|
}
|
package/modern/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { FileUploadItem } from './Component.js';
|
|
1
2
|
import 'react';
|
|
2
3
|
import 'classnames';
|
|
3
4
|
import '@alfalab/core-components-icon-button/modern';
|
|
@@ -8,10 +9,9 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
|
|
|
8
9
|
import '@alfalab/icons-glyph/ClockMIcon';
|
|
9
10
|
import '@alfalab/icons-glyph/CrossSIcon';
|
|
10
11
|
import '@alfalab/icons-glyph/PointerDownSIcon';
|
|
12
|
+
import './utils.js';
|
|
11
13
|
import '@alfalab/icons-glyph/DocumentDocMIcon';
|
|
12
14
|
import '@alfalab/icons-glyph/DocumentImageMIcon';
|
|
13
15
|
import '@alfalab/icons-glyph/DocumentPdfMIcon';
|
|
14
16
|
import '@alfalab/icons-glyph/DocumentTxtMIcon';
|
|
15
17
|
import '@alfalab/icons-glyph/DocumentUnknownMIcon';
|
|
16
|
-
import './utils.js';
|
|
17
|
-
export { FileUploadItem } from './Component.js';
|
package/modern/utils.js
CHANGED
|
@@ -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.
|
|
3
|
+
"version": "5.1.9",
|
|
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.0.
|
|
18
|
-
"@alfalab/core-components-link": "^5.0.
|
|
19
|
-
"@alfalab/core-components-spinner": "^3.0.
|
|
17
|
+
"@alfalab/core-components-icon-button": "^6.0.2",
|
|
18
|
+
"@alfalab/core-components-link": "^5.0.2",
|
|
19
|
+
"@alfalab/core-components-spinner": "^3.0.3",
|
|
20
20
|
"@alfalab/icons-glyph": "^2.71.0"
|
|
21
21
|
}
|
|
22
22
|
}
|
package/send-stats.js
CHANGED
package/utils.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
|
|
6
4
|
var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
|
|
7
5
|
var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
|
|
@@ -17,14 +15,9 @@ function humanFileSize(size) {
|
|
|
17
15
|
factor += 1;
|
|
18
16
|
}
|
|
19
17
|
humanSize = humanSize.toFixed(2);
|
|
20
|
-
return Number(humanSize)
|
|
18
|
+
return "".concat(Number(humanSize), " ").concat(units[factor]);
|
|
21
19
|
}
|
|
22
|
-
var getExtension = function (filename) {
|
|
23
|
-
return filename
|
|
24
|
-
.toLowerCase()
|
|
25
|
-
.split('.')
|
|
26
|
-
.pop();
|
|
27
|
-
};
|
|
20
|
+
var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
|
|
28
21
|
function fileIcon(filename) {
|
|
29
22
|
var extension = getExtension(filename);
|
|
30
23
|
switch (extension) {
|