@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.
Files changed (102) hide show
  1. package/Component.js +6 -2
  2. package/actions-control.module-4114c202.js +6 -0
  3. package/components/actions-control/actions-control.css +19 -12
  4. package/components/actions-control/actions.js +7 -2
  5. package/components/actions-control/components/delete-button/delete-button.js +1 -1
  6. package/components/actions-control/components/download-button/download-button.js +1 -1
  7. package/components/actions-control/components/restore-button/restore-button.js +1 -1
  8. package/components/content/components/content-error/content-error.css +2 -2
  9. package/components/content/components/content-error/content-error.js +1 -1
  10. package/components/content/components/content-subtitle/content-subtitle.css +5 -5
  11. package/components/content/components/content-subtitle/content-subtitle.js +2 -2
  12. package/components/content/content.css +11 -10
  13. package/components/content/content.js +3 -2
  14. package/components/status-control/components/status-control-icon/status-control-icon.css +7 -7
  15. package/components/status-control/components/status-control-icon/status-control-icon.js +1 -1
  16. package/components/status-control/status-control.css +14 -13
  17. package/components/status-control/status-control.js +18 -16
  18. package/context/file-upload-item-context.d.ts +3 -0
  19. package/context/file-upload-item-context.js +3 -0
  20. package/cssm/Component.js +5 -1
  21. package/cssm/components/actions-control/actions-control.module.css +15 -8
  22. package/cssm/components/actions-control/actions.js +6 -1
  23. package/cssm/components/content/components/content-subtitle/content-subtitle.js +1 -1
  24. package/cssm/components/content/components/content-subtitle/content-subtitle.module.css +1 -1
  25. package/cssm/components/content/content.js +2 -1
  26. package/cssm/components/content/content.module.css +5 -4
  27. package/cssm/components/status-control/components/status-control-icon/status-control-icon.module.css +1 -1
  28. package/cssm/components/status-control/status-control.js +17 -15
  29. package/cssm/components/status-control/status-control.module.css +5 -4
  30. package/cssm/context/file-upload-item-context.d.ts +3 -0
  31. package/cssm/context/file-upload-item-context.js +3 -0
  32. package/cssm/index.module.css +1 -1
  33. package/cssm/types/file-upload-item-props.d.ts +4 -0
  34. package/esm/Component.js +7 -3
  35. package/esm/actions-control.module-cc662da0.js +4 -0
  36. package/esm/components/actions-control/actions-control.css +19 -12
  37. package/esm/components/actions-control/actions.js +8 -3
  38. package/esm/components/actions-control/components/delete-button/delete-button.js +1 -1
  39. package/esm/components/actions-control/components/download-button/download-button.js +1 -1
  40. package/esm/components/actions-control/components/restore-button/restore-button.js +1 -1
  41. package/esm/components/content/components/content-error/content-error.css +2 -2
  42. package/esm/components/content/components/content-error/content-error.js +1 -1
  43. package/esm/components/content/components/content-subtitle/content-subtitle.css +5 -5
  44. package/esm/components/content/components/content-subtitle/content-subtitle.js +2 -2
  45. package/esm/components/content/content.css +11 -10
  46. package/esm/components/content/content.js +3 -2
  47. package/esm/components/status-control/components/status-control-icon/status-control-icon.css +7 -7
  48. package/esm/components/status-control/components/status-control-icon/status-control-icon.js +1 -1
  49. package/esm/components/status-control/status-control.css +14 -13
  50. package/esm/components/status-control/status-control.js +18 -16
  51. package/esm/context/file-upload-item-context.d.ts +3 -0
  52. package/esm/context/file-upload-item-context.js +3 -0
  53. package/esm/index.css +4 -4
  54. package/esm/types/file-upload-item-props.d.ts +4 -0
  55. package/index.css +4 -4
  56. package/modern/Component.js +36 -30
  57. package/modern/actions-control.module-3ddc9e8e.js +4 -0
  58. package/modern/components/actions-control/actions-control.css +19 -12
  59. package/modern/components/actions-control/actions.js +8 -3
  60. package/modern/components/actions-control/components/delete-button/delete-button.js +1 -1
  61. package/modern/components/actions-control/components/download-button/download-button.js +1 -1
  62. package/modern/components/actions-control/components/restore-button/restore-button.js +1 -1
  63. package/modern/components/content/components/content-error/content-error.css +2 -2
  64. package/modern/components/content/components/content-error/content-error.js +1 -1
  65. package/modern/components/content/components/content-subtitle/content-subtitle.css +5 -5
  66. package/modern/components/content/components/content-subtitle/content-subtitle.js +2 -2
  67. package/modern/components/content/content.css +11 -10
  68. package/modern/components/content/content.js +3 -2
  69. package/modern/components/status-control/components/status-control-icon/status-control-icon.css +7 -7
  70. package/modern/components/status-control/components/status-control-icon/status-control-icon.js +1 -1
  71. package/modern/components/status-control/status-control.css +14 -13
  72. package/modern/components/status-control/status-control.js +6 -4
  73. package/modern/context/file-upload-item-context.d.ts +3 -0
  74. package/modern/context/file-upload-item-context.js +3 -0
  75. package/modern/index.css +4 -4
  76. package/modern/types/file-upload-item-props.d.ts +4 -0
  77. package/moderncssm/Component.js +35 -29
  78. package/moderncssm/components/actions-control/actions-control.module.css +15 -3
  79. package/moderncssm/components/actions-control/actions.js +7 -2
  80. package/moderncssm/components/content/components/content-subtitle/content-subtitle.js +1 -1
  81. package/moderncssm/components/content/content.js +2 -1
  82. package/moderncssm/components/content/content.module.css +5 -2
  83. package/moderncssm/components/status-control/status-control.js +5 -3
  84. package/moderncssm/components/status-control/status-control.module.css +5 -2
  85. package/moderncssm/context/file-upload-item-context.d.ts +3 -0
  86. package/moderncssm/context/file-upload-item-context.js +3 -0
  87. package/moderncssm/types/file-upload-item-props.d.ts +4 -0
  88. package/package.json +5 -6
  89. package/src/Component.tsx +48 -40
  90. package/src/components/actions-control/actions-control.module.css +12 -0
  91. package/src/components/actions-control/actions.tsx +9 -2
  92. package/src/components/content/components/content-subtitle/content-subtitle.tsx +1 -1
  93. package/src/components/content/content.module.css +4 -1
  94. package/src/components/content/content.tsx +3 -0
  95. package/src/components/status-control/status-control.module.css +4 -1
  96. package/src/components/status-control/status-control.tsx +13 -3
  97. package/src/context/file-upload-item-context.tsx +6 -0
  98. package/src/types/file-upload-item-props.ts +5 -0
  99. package/types/file-upload-item-props.d.ts +4 -0
  100. package/actions-control.module-d60492fb.js +0 -6
  101. package/esm/actions-control.module-e1988df9.js +0 -4
  102. 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/icon-view/super-ellipse');
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-item__container_11dad","progress":"file-upload-item__progress_11dad","uploading":"file-upload-item__uploading_11dad","success":"file-upload-item__success_11dad","error":"file-upload-item__error_11dad","progressBarTransparent":"file-upload-item__progressBarTransparent_11dad","progressBarUploading":"file-upload-item__progressBarUploading_11dad","progressBarSuccess":"file-upload-item__progressBarSuccess_11dad","progressBarError":"file-upload-item__progressBarError_11dad"};
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 _c = React.useContext(context_fileUploadItemContext.FileUploadItemContext), _d = _c.uploadStatus, uploadStatus = _d === void 0 ? 'INITIAL' : _d, progressBar = _c.progressBar, imageUrl = _c.imageUrl;
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, (_a = {},
37
- _a[styles.uploading] = utils.isUploadingStatus(uploadStatus),
38
- _a[styles.success] = utils.isSuccessStatus(uploadStatus),
39
- _a[styles.error] = utils.isErrorStatus(uploadStatus),
40
- _a)) },
41
- React__default.default.createElement(components_statusControl_components_statusControlProgressBar_statusControlProgressBar.StatusControlProgressBar, { className: cn__default.default((_b = {},
42
- _b[styles.progressBarTransparent] = isTransparentProgressBar(),
43
- _b[styles.progressBarUploading] = uploadStatus === 'UPLOADING',
44
- _b[styles.progressBarSuccess] = uploadStatus === 'SUCCESS',
45
- _b[styles.progressBarError] = uploadStatus === 'ERROR',
46
- _b)) }))));
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, _d = _a.iconStyle, iconStyle = _d === void 0 ? 'gray' : _d, _e = _a.progressBar, progressBar = _e === void 0 ? 0 : _e, customContent = _a.customContent, truncate = _a.truncate, imageUrl = _a.imageUrl;
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); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ --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
- } .downloadIconColor {
33
- fill: var(--color-light-text-tertiary);
34
- } .restoreIconColor {
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\u0437\u043A\u0430",
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
- cursor: pointer
35
- } .container.single {
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;
@@ -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/icon-view/super-ellipse');
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 _c = React.useContext(context_fileUploadItemContext.FileUploadItemContext), _d = _c.uploadStatus, uploadStatus = _d === void 0 ? 'INITIAL' : _d, progressBar = _c.progressBar, imageUrl = _c.imageUrl;
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, (_a = {},
36
- _a[styles__default.default.uploading] = utils.isUploadingStatus(uploadStatus),
37
- _a[styles__default.default.success] = utils.isSuccessStatus(uploadStatus),
38
- _a[styles__default.default.error] = utils.isErrorStatus(uploadStatus),
39
- _a)) },
40
- React__default.default.createElement(components_statusControl_components_statusControlProgressBar_statusControlProgressBar.StatusControlProgressBar, { className: cn__default.default((_b = {},
41
- _b[styles__default.default.progressBarTransparent] = isTransparentProgressBar(),
42
- _b[styles__default.default.progressBarUploading] = uploadStatus === 'UPLOADING',
43
- _b[styles__default.default.progressBarSuccess] = uploadStatus === 'SUCCESS',
44
- _b[styles__default.default.progressBarError] = uploadStatus === 'ERROR',
45
- _b)) }))));
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
- cursor: pointer
31
- } .container .progress {
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;
@@ -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-item__component_vyzrr","restore":"file-upload-item__restore_vyzrr"};
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, _d = _a.iconStyle, iconStyle = _d === void 0 ? 'gray' : _d, _e = _a.progressBar, progressBar = _e === void 0 ? 0 : _e, customContent = _a.customContent, truncate = _a.truncate, imageUrl = _a.imageUrl;
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 };