@alfalab/core-components-file-upload-item 6.2.5 → 6.3.0
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 +6 -2
- package/actions-control.module-4114c202.js +6 -0
- package/components/actions-control/actions-control.css +19 -12
- package/components/actions-control/actions.js +7 -2
- package/components/actions-control/components/delete-button/delete-button.js +1 -1
- package/components/actions-control/components/download-button/download-button.js +1 -1
- package/components/actions-control/components/restore-button/restore-button.js +1 -1
- package/components/content/components/content-error/content-error.css +2 -2
- package/components/content/components/content-error/content-error.js +1 -1
- package/components/content/components/content-subtitle/content-subtitle.css +5 -5
- package/components/content/components/content-subtitle/content-subtitle.js +2 -2
- package/components/content/content.css +11 -10
- package/components/content/content.js +3 -2
- package/components/status-control/components/status-control-icon/status-control-icon.css +7 -7
- package/components/status-control/components/status-control-icon/status-control-icon.js +1 -1
- package/components/status-control/status-control.css +14 -13
- package/components/status-control/status-control.js +18 -16
- package/context/file-upload-item-context.d.ts +3 -0
- package/context/file-upload-item-context.js +3 -0
- package/cssm/Component.js +5 -1
- package/cssm/components/actions-control/actions-control.module.css +15 -8
- package/cssm/components/actions-control/actions.js +6 -1
- package/cssm/components/content/components/content-subtitle/content-subtitle.js +1 -1
- package/cssm/components/content/components/content-subtitle/content-subtitle.module.css +1 -1
- package/cssm/components/content/content.js +2 -1
- package/cssm/components/content/content.module.css +5 -4
- package/cssm/components/status-control/components/status-control-icon/status-control-icon.module.css +1 -1
- package/cssm/components/status-control/status-control.js +17 -15
- package/cssm/components/status-control/status-control.module.css +5 -4
- package/cssm/context/file-upload-item-context.d.ts +3 -0
- package/cssm/context/file-upload-item-context.js +3 -0
- package/cssm/index.module.css +1 -1
- package/cssm/types/file-upload-item-props.d.ts +4 -0
- package/esm/Component.js +7 -3
- package/esm/actions-control.module-cc662da0.js +4 -0
- package/esm/components/actions-control/actions-control.css +19 -12
- package/esm/components/actions-control/actions.js +8 -3
- package/esm/components/actions-control/components/delete-button/delete-button.js +1 -1
- package/esm/components/actions-control/components/download-button/download-button.js +1 -1
- package/esm/components/actions-control/components/restore-button/restore-button.js +1 -1
- package/esm/components/content/components/content-error/content-error.css +2 -2
- package/esm/components/content/components/content-error/content-error.js +1 -1
- package/esm/components/content/components/content-subtitle/content-subtitle.css +5 -5
- package/esm/components/content/components/content-subtitle/content-subtitle.js +2 -2
- package/esm/components/content/content.css +11 -10
- package/esm/components/content/content.js +3 -2
- package/esm/components/status-control/components/status-control-icon/status-control-icon.css +7 -7
- package/esm/components/status-control/components/status-control-icon/status-control-icon.js +1 -1
- package/esm/components/status-control/status-control.css +14 -13
- package/esm/components/status-control/status-control.js +18 -16
- package/esm/context/file-upload-item-context.d.ts +3 -0
- package/esm/context/file-upload-item-context.js +3 -0
- package/esm/index.css +4 -4
- package/esm/types/file-upload-item-props.d.ts +4 -0
- package/index.css +4 -4
- package/modern/Component.js +36 -30
- package/modern/actions-control.module-3ddc9e8e.js +4 -0
- package/modern/components/actions-control/actions-control.css +19 -12
- package/modern/components/actions-control/actions.js +8 -3
- package/modern/components/actions-control/components/delete-button/delete-button.js +1 -1
- package/modern/components/actions-control/components/download-button/download-button.js +1 -1
- package/modern/components/actions-control/components/restore-button/restore-button.js +1 -1
- package/modern/components/content/components/content-error/content-error.css +2 -2
- package/modern/components/content/components/content-error/content-error.js +1 -1
- package/modern/components/content/components/content-subtitle/content-subtitle.css +5 -5
- package/modern/components/content/components/content-subtitle/content-subtitle.js +2 -2
- package/modern/components/content/content.css +11 -10
- package/modern/components/content/content.js +3 -2
- package/modern/components/status-control/components/status-control-icon/status-control-icon.css +7 -7
- package/modern/components/status-control/components/status-control-icon/status-control-icon.js +1 -1
- package/modern/components/status-control/status-control.css +14 -13
- package/modern/components/status-control/status-control.js +6 -4
- package/modern/context/file-upload-item-context.d.ts +3 -0
- package/modern/context/file-upload-item-context.js +3 -0
- package/modern/index.css +4 -4
- package/modern/types/file-upload-item-props.d.ts +4 -0
- package/moderncssm/Component.js +35 -29
- package/moderncssm/components/actions-control/actions-control.module.css +15 -3
- package/moderncssm/components/actions-control/actions.js +7 -2
- package/moderncssm/components/content/components/content-subtitle/content-subtitle.js +1 -1
- package/moderncssm/components/content/content.js +2 -1
- package/moderncssm/components/content/content.module.css +5 -2
- package/moderncssm/components/status-control/status-control.js +5 -3
- package/moderncssm/components/status-control/status-control.module.css +5 -2
- package/moderncssm/context/file-upload-item-context.d.ts +3 -0
- package/moderncssm/context/file-upload-item-context.js +3 -0
- package/moderncssm/types/file-upload-item-props.d.ts +4 -0
- package/package.json +5 -6
- package/src/Component.tsx +48 -40
- package/src/components/actions-control/actions-control.module.css +12 -0
- package/src/components/actions-control/actions.tsx +9 -2
- package/src/components/content/components/content-subtitle/content-subtitle.tsx +1 -1
- package/src/components/content/content.module.css +4 -1
- package/src/components/content/content.tsx +3 -0
- package/src/components/status-control/status-control.module.css +4 -1
- package/src/components/status-control/status-control.tsx +13 -3
- package/src/context/file-upload-item-context.tsx +6 -0
- package/src/types/file-upload-item-props.ts +5 -0
- package/types/file-upload-item-props.d.ts +4 -0
- package/actions-control.module-d60492fb.js +0 -6
- package/esm/actions-control.module-e1988df9.js +0 -4
- package/modern/actions-control.module-05603b9e.js +0 -4
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
-
var superEllipse = require('@alfalab/core-components
|
|
8
|
+
var superEllipse = require('@alfalab/core-components-icon-view/super-ellipse');
|
|
9
9
|
var const_progressBar = require('../../const/progress-bar.js');
|
|
10
10
|
var context_fileUploadItemContext = require('../../context/file-upload-item-context.js');
|
|
11
11
|
var utils = require('../../utils.js');
|
|
@@ -17,12 +17,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
17
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
18
18
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
19
19
|
|
|
20
|
-
var styles = {"container":"file-upload-
|
|
20
|
+
var styles = {"container":"file-upload-item__container_1ocsp","clickable":"file-upload-item__clickable_1ocsp","progress":"file-upload-item__progress_1ocsp","uploading":"file-upload-item__uploading_1ocsp","success":"file-upload-item__success_1ocsp","error":"file-upload-item__error_1ocsp","progressBarTransparent":"file-upload-item__progressBarTransparent_1ocsp","progressBarUploading":"file-upload-item__progressBarUploading_1ocsp","progressBarSuccess":"file-upload-item__progressBarSuccess_1ocsp","progressBarError":"file-upload-item__progressBarError_1ocsp"};
|
|
21
21
|
require('./status-control.css')
|
|
22
22
|
|
|
23
23
|
var StatusControl = function () {
|
|
24
|
-
var _a, _b;
|
|
25
|
-
var
|
|
24
|
+
var _a, _b, _c;
|
|
25
|
+
var _d = React.useContext(context_fileUploadItemContext.FileUploadItemContext), _e = _d.uploadStatus, uploadStatus = _e === void 0 ? 'INITIAL' : _e, progressBar = _d.progressBar, imageUrl = _d.imageUrl, actionsPresent = _d.actionsPresent, isClickable = _d.isClickable;
|
|
26
26
|
var progressRef = React.useRef(null);
|
|
27
27
|
if (progressRef.current && progressBar) {
|
|
28
28
|
progressRef.current.style.maskImage = "conic-gradient(red ".concat((const_progressBar.RADIUS / const_progressBar.MAX_PROGRESS_BAR_VALUE) * progressBar, "deg, transparent 0)");
|
|
@@ -30,20 +30,22 @@ var StatusControl = function () {
|
|
|
30
30
|
var isTransparentProgressBar = function () {
|
|
31
31
|
return uploadStatus === 'INITIAL' || uploadStatus === 'UPLOADED' || uploadStatus === 'DELETED';
|
|
32
32
|
};
|
|
33
|
-
return (React__default.default.createElement("div", { className: styles.container },
|
|
33
|
+
return (React__default.default.createElement("div", { className: cn__default.default(styles.container, (_a = {},
|
|
34
|
+
_a[styles.clickable] = !actionsPresent && isClickable,
|
|
35
|
+
_a)) },
|
|
34
36
|
React__default.default.createElement(superEllipse.SuperEllipse, tslib.__assign({ size: 48 }, (imageUrl && { imageUrl: imageUrl })),
|
|
35
37
|
React__default.default.createElement(components_statusControl_components_statusControlIcon_statusControlIcon.StatusControlIcon, null)),
|
|
36
|
-
React__default.default.createElement("div", { ref: progressRef, className: cn__default.default(styles.progress, (
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
React__default.default.createElement(components_statusControl_components_statusControlProgressBar_statusControlProgressBar.StatusControlProgressBar, { className: cn__default.default((
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
React__default.default.createElement("div", { ref: progressRef, className: cn__default.default(styles.progress, (_b = {},
|
|
39
|
+
_b[styles.uploading] = utils.isUploadingStatus(uploadStatus),
|
|
40
|
+
_b[styles.success] = utils.isSuccessStatus(uploadStatus),
|
|
41
|
+
_b[styles.error] = utils.isErrorStatus(uploadStatus),
|
|
42
|
+
_b)) },
|
|
43
|
+
React__default.default.createElement(components_statusControl_components_statusControlProgressBar_statusControlProgressBar.StatusControlProgressBar, { className: cn__default.default((_c = {},
|
|
44
|
+
_c[styles.progressBarTransparent] = isTransparentProgressBar(),
|
|
45
|
+
_c[styles.progressBarUploading] = uploadStatus === 'UPLOADING',
|
|
46
|
+
_c[styles.progressBarSuccess] = uploadStatus === 'SUCCESS',
|
|
47
|
+
_c[styles.progressBarError] = uploadStatus === 'ERROR',
|
|
48
|
+
_c)) }))));
|
|
47
49
|
};
|
|
48
50
|
|
|
49
51
|
exports.StatusControl = StatusControl;
|
|
@@ -16,6 +16,7 @@ type TFileUploadItemContext = {
|
|
|
16
16
|
downloadLink?: string;
|
|
17
17
|
download?: string | true;
|
|
18
18
|
disableButtons?: boolean;
|
|
19
|
+
isClickable?: boolean;
|
|
19
20
|
target?: HTMLAttributeAnchorTarget;
|
|
20
21
|
showDelete?: boolean;
|
|
21
22
|
customIcon?: ElementType<{
|
|
@@ -26,6 +27,8 @@ type TFileUploadItemContext = {
|
|
|
26
27
|
customContent?: ElementType;
|
|
27
28
|
truncate?: boolean;
|
|
28
29
|
imageUrl?: string;
|
|
30
|
+
actionsPresent?: boolean;
|
|
31
|
+
setActionsPresent?: (present: boolean) => void;
|
|
29
32
|
};
|
|
30
33
|
declare const FileUploadItemContext: import("react").Context<TFileUploadItemContext>;
|
|
31
34
|
export { FileUploadItemContext };
|
|
@@ -19,6 +19,7 @@ var FileUploadItemContext = React.createContext({
|
|
|
19
19
|
downloadLink: '',
|
|
20
20
|
download: '',
|
|
21
21
|
disableButtons: false,
|
|
22
|
+
isClickable: true,
|
|
22
23
|
target: undefined,
|
|
23
24
|
showDelete: false,
|
|
24
25
|
iconStyle: 'gray',
|
|
@@ -27,6 +28,8 @@ var FileUploadItemContext = React.createContext({
|
|
|
27
28
|
customContent: undefined,
|
|
28
29
|
truncate: false,
|
|
29
30
|
imageUrl: undefined,
|
|
31
|
+
actionsPresent: false,
|
|
32
|
+
setActionsPresent: undefined,
|
|
30
33
|
});
|
|
31
34
|
|
|
32
35
|
exports.FileUploadItemContext = FileUploadItemContext;
|
package/cssm/Component.js
CHANGED
|
@@ -17,7 +17,8 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
|
17
17
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
18
18
|
|
|
19
19
|
var FileUploadItemComponent = function (_a) {
|
|
20
|
-
var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.title, title = _c === void 0 ? '' : _c, subtitle = _a.subtitle, size = _a.size, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, target = _a.target, dataTestId = _a.dataTestId, customIcon = _a.customIcon,
|
|
20
|
+
var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.title, title = _c === void 0 ? '' : _c, subtitle = _a.subtitle, size = _a.size, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, _d = _a.isClickable, isClickable = _d === void 0 ? true : _d, target = _a.target, dataTestId = _a.dataTestId, customIcon = _a.customIcon, _e = _a.iconStyle, iconStyle = _e === void 0 ? 'gray' : _e, _f = _a.progressBar, progressBar = _f === void 0 ? 0 : _f, customContent = _a.customContent, truncate = _a.truncate, imageUrl = _a.imageUrl;
|
|
21
|
+
var _g = React.useState(false), actionsPresent = _g[0], setActionsPresent = _g[1];
|
|
21
22
|
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 },
|
|
22
23
|
React__default.default.createElement(context_fileUploadItemContext.FileUploadItemContext.Provider
|
|
23
24
|
// eslint-disable-next-line react/jsx-no-constructed-context-values
|
|
@@ -38,6 +39,7 @@ var FileUploadItemComponent = function (_a) {
|
|
|
38
39
|
downloadLink: downloadLink,
|
|
39
40
|
download: download,
|
|
40
41
|
disableButtons: disableButtons,
|
|
42
|
+
isClickable: isClickable,
|
|
41
43
|
target: target,
|
|
42
44
|
showDelete: showDelete,
|
|
43
45
|
customIcon: customIcon,
|
|
@@ -46,6 +48,8 @@ var FileUploadItemComponent = function (_a) {
|
|
|
46
48
|
customContent: customContent,
|
|
47
49
|
truncate: truncate,
|
|
48
50
|
imageUrl: imageUrl,
|
|
51
|
+
actionsPresent: actionsPresent,
|
|
52
|
+
setActionsPresent: setActionsPresent,
|
|
49
53
|
} }, children)));
|
|
50
54
|
};
|
|
51
55
|
var FileUploadItem = Object.assign(FileUploadItemComponent, {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
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
|
-
--color-light-text-tertiary: rgba(5, 8, 29, 0.38);
|
|
3
|
+
--color-light-text-tertiary: rgba(5, 8, 29, 0.38);
|
|
4
|
+
--color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
5
|
} :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 */ /* 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 */
|
|
5
6
|
} :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 */
|
|
6
7
|
} :root {
|
|
@@ -20,7 +21,7 @@
|
|
|
20
21
|
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
22
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
22
23
|
} :root {
|
|
23
|
-
} :root {
|
|
24
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
24
25
|
} /* сбрасывает синюю подсветку при нажатии */ .container {
|
|
25
26
|
display: flex;
|
|
26
27
|
max-width: 144px
|
|
@@ -28,9 +29,15 @@
|
|
|
28
29
|
width: 48px;
|
|
29
30
|
height: 48px;
|
|
30
31
|
} .deleteIconColor {
|
|
31
|
-
fill: var(--color-light-text-tertiary)
|
|
32
|
-
} .
|
|
33
|
-
|
|
34
|
-
} .
|
|
35
|
-
fill: var(--color-light-text-tertiary)
|
|
36
|
-
}
|
|
32
|
+
fill: var(--color-light-text-tertiary)
|
|
33
|
+
} .deleteIconColor:hover {
|
|
34
|
+
fill: var(--color-light-text-tertiary-hover);
|
|
35
|
+
} .downloadIconColor {
|
|
36
|
+
fill: var(--color-light-text-tertiary)
|
|
37
|
+
} .downloadIconColor:hover {
|
|
38
|
+
fill: var(--color-light-text-tertiary-hover);
|
|
39
|
+
} .restoreIconColor {
|
|
40
|
+
fill: var(--color-light-text-tertiary)
|
|
41
|
+
} .restoreIconColor:hover {
|
|
42
|
+
fill: var(--color-light-text-tertiary-hover);
|
|
43
|
+
}
|
|
@@ -15,7 +15,12 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
15
15
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
16
16
|
|
|
17
17
|
var Actions = function () {
|
|
18
|
-
var _a = React.useContext(context_fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete;
|
|
18
|
+
var _a = React.useContext(context_fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent;
|
|
19
|
+
React.useEffect(function () {
|
|
20
|
+
if (setActionsPresent) {
|
|
21
|
+
setActionsPresent(!!(showRestore || downloadLink || showDelete));
|
|
22
|
+
}
|
|
23
|
+
}, [showRestore, downloadLink, showDelete, setActionsPresent]);
|
|
19
24
|
return (React__default.default.createElement("div", { className: styles__default.default.container },
|
|
20
25
|
showRestore && React__default.default.createElement(components_actionsControl_components_restoreButton_restoreButton.RestoreButton, null),
|
|
21
26
|
Boolean(downloadLink) && !showRestore && React__default.default.createElement(components_actionsControl_components_downloadButton_downloadButton.DownloadButton, null),
|
|
@@ -34,7 +34,7 @@ var ContentSubtitle = function () {
|
|
|
34
34
|
// uploading status
|
|
35
35
|
if (utils.isUploadingStatus(uploadStatus)) {
|
|
36
36
|
return (React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: 'secondary' },
|
|
37
|
-
"\u0417\u0430\u0433\u0440\u0443\
|
|
37
|
+
"\u0417\u0430\u0433\u0440\u0443\u0436\u0435\u043D\u043E",
|
|
38
38
|
'\u00A0',
|
|
39
39
|
Math.floor(validProgressBar),
|
|
40
40
|
"%"));
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
22
22
|
--gap-8: var(--gap-xs);
|
|
23
23
|
} :root {
|
|
24
|
-
} :root {
|
|
24
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
25
|
} /* сбрасывает синюю подсветку при нажатии */ .subtitle {
|
|
26
26
|
display: block
|
|
27
27
|
} .subtitle.truncate {
|
|
@@ -17,12 +17,13 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
|
17
17
|
|
|
18
18
|
var Content = function () {
|
|
19
19
|
var _a, _b;
|
|
20
|
-
var _c = React.useContext(context_fileUploadItemContext.FileUploadItemContext), title = _c.title, CustomContent = _c.customContent, truncate = _c.truncate, subtitle = _c.subtitle, showRestore = _c.showRestore;
|
|
20
|
+
var _c = React.useContext(context_fileUploadItemContext.FileUploadItemContext), title = _c.title, CustomContent = _c.customContent, truncate = _c.truncate, subtitle = _c.subtitle, showRestore = _c.showRestore, actionsPresent = _c.actionsPresent, isClickable = _c.isClickable;
|
|
21
21
|
if (CustomContent) {
|
|
22
22
|
return React__default.default.createElement(CustomContent, null);
|
|
23
23
|
}
|
|
24
24
|
return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.container, (_a = {},
|
|
25
25
|
_a[styles__default.default.single] = !subtitle,
|
|
26
|
+
_a[styles__default.default.clickable] = !actionsPresent && isClickable,
|
|
26
27
|
_a)) },
|
|
27
28
|
title && (React__default.default.createElement(coreComponentsTypography.Text, { className: cn__default.default(styles__default.default.title, (_b = {},
|
|
28
29
|
_b[styles__default.default.truncate] = truncate,
|
|
@@ -26,13 +26,14 @@
|
|
|
26
26
|
--gap-4: var(--gap-2xs);
|
|
27
27
|
--gap-16: var(--gap-m);
|
|
28
28
|
} :root {
|
|
29
|
-
} :root {
|
|
29
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
30
30
|
} /* сбрасывает синюю подсветку при нажатии */ .container {
|
|
31
31
|
padding: var(--gap-2) 0 0 var(--gap-16);
|
|
32
32
|
flex-grow: 1;
|
|
33
|
-
min-width: 0
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
min-width: 0
|
|
34
|
+
} .container.clickable {
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
} .container.single {
|
|
36
37
|
display: flex;
|
|
37
38
|
flex-direction: column;
|
|
38
39
|
justify-content: center;
|
package/cssm/components/status-control/components/status-control-icon/status-control-icon.module.css
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
21
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
22
22
|
} :root {
|
|
23
|
-
} :root {
|
|
23
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
24
24
|
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
25
25
|
--color-light-decorative-blue: #3193fc;
|
|
26
26
|
--color-light-decorative-green: #0cc44d;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
-
var superEllipse = require('@alfalab/core-components
|
|
8
|
+
var superEllipse = require('@alfalab/core-components-icon-view/cssm/super-ellipse');
|
|
9
9
|
var const_progressBar = require('../../const/progress-bar.js');
|
|
10
10
|
var context_fileUploadItemContext = require('../../context/file-upload-item-context.js');
|
|
11
11
|
var utils = require('../../utils.js');
|
|
@@ -20,8 +20,8 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
|
20
20
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
21
21
|
|
|
22
22
|
var StatusControl = function () {
|
|
23
|
-
var _a, _b;
|
|
24
|
-
var
|
|
23
|
+
var _a, _b, _c;
|
|
24
|
+
var _d = React.useContext(context_fileUploadItemContext.FileUploadItemContext), _e = _d.uploadStatus, uploadStatus = _e === void 0 ? 'INITIAL' : _e, progressBar = _d.progressBar, imageUrl = _d.imageUrl, actionsPresent = _d.actionsPresent, isClickable = _d.isClickable;
|
|
25
25
|
var progressRef = React.useRef(null);
|
|
26
26
|
if (progressRef.current && progressBar) {
|
|
27
27
|
progressRef.current.style.maskImage = "conic-gradient(red ".concat((const_progressBar.RADIUS / const_progressBar.MAX_PROGRESS_BAR_VALUE) * progressBar, "deg, transparent 0)");
|
|
@@ -29,20 +29,22 @@ var StatusControl = function () {
|
|
|
29
29
|
var isTransparentProgressBar = function () {
|
|
30
30
|
return uploadStatus === 'INITIAL' || uploadStatus === 'UPLOADED' || uploadStatus === 'DELETED';
|
|
31
31
|
};
|
|
32
|
-
return (React__default.default.createElement("div", { className: styles__default.default.container },
|
|
32
|
+
return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.container, (_a = {},
|
|
33
|
+
_a[styles__default.default.clickable] = !actionsPresent && isClickable,
|
|
34
|
+
_a)) },
|
|
33
35
|
React__default.default.createElement(superEllipse.SuperEllipse, tslib.__assign({ size: 48 }, (imageUrl && { imageUrl: imageUrl })),
|
|
34
36
|
React__default.default.createElement(components_statusControl_components_statusControlIcon_statusControlIcon.StatusControlIcon, null)),
|
|
35
|
-
React__default.default.createElement("div", { ref: progressRef, className: cn__default.default(styles__default.default.progress, (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
React__default.default.createElement(components_statusControl_components_statusControlProgressBar_statusControlProgressBar.StatusControlProgressBar, { className: cn__default.default((
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
37
|
+
React__default.default.createElement("div", { ref: progressRef, className: cn__default.default(styles__default.default.progress, (_b = {},
|
|
38
|
+
_b[styles__default.default.uploading] = utils.isUploadingStatus(uploadStatus),
|
|
39
|
+
_b[styles__default.default.success] = utils.isSuccessStatus(uploadStatus),
|
|
40
|
+
_b[styles__default.default.error] = utils.isErrorStatus(uploadStatus),
|
|
41
|
+
_b)) },
|
|
42
|
+
React__default.default.createElement(components_statusControl_components_statusControlProgressBar_statusControlProgressBar.StatusControlProgressBar, { className: cn__default.default((_c = {},
|
|
43
|
+
_c[styles__default.default.progressBarTransparent] = isTransparentProgressBar(),
|
|
44
|
+
_c[styles__default.default.progressBarUploading] = uploadStatus === 'UPLOADING',
|
|
45
|
+
_c[styles__default.default.progressBarSuccess] = uploadStatus === 'SUCCESS',
|
|
46
|
+
_c[styles__default.default.progressBarError] = uploadStatus === 'ERROR',
|
|
47
|
+
_c)) }))));
|
|
46
48
|
};
|
|
47
49
|
|
|
48
50
|
exports.StatusControl = StatusControl;
|
|
@@ -24,11 +24,12 @@
|
|
|
24
24
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
25
25
|
--gap-4-neg: var(--gap-2xs-neg);
|
|
26
26
|
} :root {
|
|
27
|
-
} :root {
|
|
27
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
28
28
|
} /* сбрасывает синюю подсветку при нажатии */ .container {
|
|
29
|
-
position: relative
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
position: relative
|
|
30
|
+
} .container.clickable {
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
} .container .progress {
|
|
32
33
|
position: absolute;
|
|
33
34
|
top: var(--gap-4-neg);
|
|
34
35
|
left: var(--gap-4-neg);
|
|
@@ -16,6 +16,7 @@ type TFileUploadItemContext = {
|
|
|
16
16
|
downloadLink?: string;
|
|
17
17
|
download?: string | true;
|
|
18
18
|
disableButtons?: boolean;
|
|
19
|
+
isClickable?: boolean;
|
|
19
20
|
target?: HTMLAttributeAnchorTarget;
|
|
20
21
|
showDelete?: boolean;
|
|
21
22
|
customIcon?: ElementType<{
|
|
@@ -26,6 +27,8 @@ type TFileUploadItemContext = {
|
|
|
26
27
|
customContent?: ElementType;
|
|
27
28
|
truncate?: boolean;
|
|
28
29
|
imageUrl?: string;
|
|
30
|
+
actionsPresent?: boolean;
|
|
31
|
+
setActionsPresent?: (present: boolean) => void;
|
|
29
32
|
};
|
|
30
33
|
declare const FileUploadItemContext: import("react").Context<TFileUploadItemContext>;
|
|
31
34
|
export { FileUploadItemContext };
|
|
@@ -19,6 +19,7 @@ var FileUploadItemContext = React.createContext({
|
|
|
19
19
|
downloadLink: '',
|
|
20
20
|
download: '',
|
|
21
21
|
disableButtons: false,
|
|
22
|
+
isClickable: true,
|
|
22
23
|
target: undefined,
|
|
23
24
|
showDelete: false,
|
|
24
25
|
iconStyle: 'gray',
|
|
@@ -27,6 +28,8 @@ var FileUploadItemContext = React.createContext({
|
|
|
27
28
|
customContent: undefined,
|
|
28
29
|
truncate: false,
|
|
29
30
|
imageUrl: undefined,
|
|
31
|
+
actionsPresent: false,
|
|
32
|
+
setActionsPresent: undefined,
|
|
30
33
|
});
|
|
31
34
|
|
|
32
35
|
exports.FileUploadItemContext = FileUploadItemContext;
|
package/cssm/index.module.css
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
--gap-2: var(--gap-3xs);
|
|
24
24
|
--gap-12: var(--gap-s);
|
|
25
25
|
} :root {
|
|
26
|
-
} :root {
|
|
26
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
27
27
|
} /* сбрасывает синюю подсветку при нажатии */ .component {
|
|
28
28
|
box-sizing: border-box;
|
|
29
29
|
display: flex;
|
|
@@ -72,6 +72,10 @@ type FileUploadItemProps = {
|
|
|
72
72
|
* Управление активностью кнопок
|
|
73
73
|
*/
|
|
74
74
|
disableButtons?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Управление отображением кликабельности элемента Content
|
|
77
|
+
*/
|
|
78
|
+
isClickable?: boolean;
|
|
75
79
|
/**
|
|
76
80
|
* Указывает, где открыть скачиваемый документ
|
|
77
81
|
*/
|
package/esm/Component.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Actions } from './components/actions-control/actions.js';
|
|
4
4
|
import { Content } from './components/content/content.js';
|
|
5
5
|
import { StatusControl } from './components/status-control/status-control.js';
|
|
6
6
|
import { FileUploadItemContext } from './context/file-upload-item-context.js';
|
|
7
7
|
|
|
8
|
-
var styles = {"component":"file-upload-
|
|
8
|
+
var styles = {"component":"file-upload-item__component_1h9tv","restore":"file-upload-item__restore_1h9tv"};
|
|
9
9
|
require('./index.css')
|
|
10
10
|
|
|
11
11
|
var FileUploadItemComponent = function (_a) {
|
|
12
|
-
var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.title, title = _c === void 0 ? '' : _c, subtitle = _a.subtitle, size = _a.size, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, target = _a.target, dataTestId = _a.dataTestId, customIcon = _a.customIcon,
|
|
12
|
+
var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.title, title = _c === void 0 ? '' : _c, subtitle = _a.subtitle, size = _a.size, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, _d = _a.isClickable, isClickable = _d === void 0 ? true : _d, target = _a.target, dataTestId = _a.dataTestId, customIcon = _a.customIcon, _e = _a.iconStyle, iconStyle = _e === void 0 ? 'gray' : _e, _f = _a.progressBar, progressBar = _f === void 0 ? 0 : _f, customContent = _a.customContent, truncate = _a.truncate, imageUrl = _a.imageUrl;
|
|
13
|
+
var _g = useState(false), actionsPresent = _g[0], setActionsPresent = _g[1];
|
|
13
14
|
return (React.createElement("div", { className: cn(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
|
|
14
15
|
React.createElement(FileUploadItemContext.Provider
|
|
15
16
|
// eslint-disable-next-line react/jsx-no-constructed-context-values
|
|
@@ -30,6 +31,7 @@ var FileUploadItemComponent = function (_a) {
|
|
|
30
31
|
downloadLink: downloadLink,
|
|
31
32
|
download: download,
|
|
32
33
|
disableButtons: disableButtons,
|
|
34
|
+
isClickable: isClickable,
|
|
33
35
|
target: target,
|
|
34
36
|
showDelete: showDelete,
|
|
35
37
|
customIcon: customIcon,
|
|
@@ -38,6 +40,8 @@ var FileUploadItemComponent = function (_a) {
|
|
|
38
40
|
customContent: customContent,
|
|
39
41
|
truncate: truncate,
|
|
40
42
|
imageUrl: imageUrl,
|
|
43
|
+
actionsPresent: actionsPresent,
|
|
44
|
+
setActionsPresent: setActionsPresent,
|
|
41
45
|
} }, children)));
|
|
42
46
|
};
|
|
43
47
|
var FileUploadItem = Object.assign(FileUploadItemComponent, {
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var styles = {"container":"file-upload-item__container_1wogh","icon":"file-upload-item__icon_1wogh","deleteIconColor":"file-upload-item__deleteIconColor_1wogh","downloadIconColor":"file-upload-item__downloadIconColor_1wogh","restoreIconColor":"file-upload-item__restoreIconColor_1wogh"};
|
|
2
|
+
require('./components/actions-control/actions-control.css')
|
|
3
|
+
|
|
4
|
+
export { styles as s };
|