@alfalab/core-components-file-upload-item 7.2.1 → 7.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 (60) hide show
  1. package/components/actions-control/actions-control.css +8 -8
  2. package/components/actions-control/actions-control.module.css.js +1 -1
  3. package/components/actions-control/actions.js +4 -4
  4. package/components/actions-control/actions.js.map +1 -1
  5. package/components/content/components/content-error/content-error.css +1 -1
  6. package/components/content/components/content-error/content-error.module.css.js +1 -1
  7. package/components/content/components/content-subtitle/content-subtitle.css +3 -3
  8. package/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
  9. package/components/content/content.css +7 -7
  10. package/components/content/content.module.css.js +1 -1
  11. package/components/status-control/extension-icon/index.css +5 -5
  12. package/components/status-control/extension-icon/index.module.css.js +1 -1
  13. package/components/status-control/index.css +8 -8
  14. package/components/status-control/index.module.css.js +1 -1
  15. package/cssm/components/actions-control/actions.js +4 -4
  16. package/cssm/components/actions-control/actions.js.map +1 -1
  17. package/cssm/types/file-upload-item-props.d.ts +2 -2
  18. package/esm/components/actions-control/actions-control.css +8 -8
  19. package/esm/components/actions-control/actions-control.module.css.js +1 -1
  20. package/esm/components/actions-control/actions.js +4 -4
  21. package/esm/components/actions-control/actions.js.map +1 -1
  22. package/esm/components/content/components/content-error/content-error.css +1 -1
  23. package/esm/components/content/components/content-error/content-error.module.css.js +1 -1
  24. package/esm/components/content/components/content-subtitle/content-subtitle.css +3 -3
  25. package/esm/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
  26. package/esm/components/content/content.css +7 -7
  27. package/esm/components/content/content.module.css.js +1 -1
  28. package/esm/components/status-control/extension-icon/index.css +5 -5
  29. package/esm/components/status-control/extension-icon/index.module.css.js +1 -1
  30. package/esm/components/status-control/index.css +8 -8
  31. package/esm/components/status-control/index.module.css.js +1 -1
  32. package/esm/index.css +2 -2
  33. package/esm/index.module.css.js +1 -1
  34. package/esm/types/file-upload-item-props.d.ts +2 -2
  35. package/index.css +2 -2
  36. package/index.module.css.js +1 -1
  37. package/modern/components/actions-control/actions-control.css +8 -8
  38. package/modern/components/actions-control/actions-control.module.css.js +1 -1
  39. package/modern/components/actions-control/actions.js +4 -4
  40. package/modern/components/actions-control/actions.js.map +1 -1
  41. package/modern/components/content/components/content-error/content-error.css +1 -1
  42. package/modern/components/content/components/content-error/content-error.module.css.js +1 -1
  43. package/modern/components/content/components/content-subtitle/content-subtitle.css +3 -3
  44. package/modern/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
  45. package/modern/components/content/content.css +7 -7
  46. package/modern/components/content/content.module.css.js +1 -1
  47. package/modern/components/status-control/extension-icon/index.css +5 -5
  48. package/modern/components/status-control/extension-icon/index.module.css.js +1 -1
  49. package/modern/components/status-control/index.css +8 -8
  50. package/modern/components/status-control/index.module.css.js +1 -1
  51. package/modern/index.css +2 -2
  52. package/modern/index.module.css.js +1 -1
  53. package/modern/types/file-upload-item-props.d.ts +2 -2
  54. package/moderncssm/components/actions-control/actions.js +4 -4
  55. package/moderncssm/components/actions-control/actions.js.map +1 -1
  56. package/moderncssm/types/file-upload-item-props.d.ts +2 -2
  57. package/package.json +3 -3
  58. package/src/components/actions-control/actions.tsx +4 -4
  59. package/src/types/file-upload-item-props.ts +2 -2
  60. package/types/file-upload-item-props.d.ts +2 -2
package/components/actions-control/actions-control.css CHANGED
@@ -1,22 +1,22 @@
1
1
  :root {
2
2
  --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
3
3
  --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
4
- } .file-upload-item__container_1h0e6 {
4
+ } .file-upload-item__container_l1l0b {
5
5
  display: flex;
6
6
  max-width: 144px;
7
- } .file-upload-item__container_1h0e6 .file-upload-item__icon_1h0e6 {
7
+ } .file-upload-item__container_l1l0b .file-upload-item__icon_l1l0b {
8
8
  width: 48px;
9
9
  height: 48px;
10
- } .file-upload-item__deleteIconColor_1h0e6 {
10
+ } .file-upload-item__deleteIconColor_l1l0b {
11
11
  fill: var(--color-light-text-tertiary);
12
- } .file-upload-item__deleteIconColor_1h0e6:hover {
12
+ } .file-upload-item__deleteIconColor_l1l0b:hover {
13
13
  fill: var(--color-light-text-tertiary-hover);
14
- } .file-upload-item__downloadIconColor_1h0e6 {
14
+ } .file-upload-item__downloadIconColor_l1l0b {
15
15
  fill: var(--color-light-text-tertiary);
16
- } .file-upload-item__downloadIconColor_1h0e6:hover {
16
+ } .file-upload-item__downloadIconColor_l1l0b:hover {
17
17
  fill: var(--color-light-text-tertiary-hover);
18
- } .file-upload-item__restoreIconColor_1h0e6 {
18
+ } .file-upload-item__restoreIconColor_l1l0b {
19
19
  fill: var(--color-light-text-tertiary);
20
- } .file-upload-item__restoreIconColor_1h0e6:hover {
20
+ } .file-upload-item__restoreIconColor_l1l0b:hover {
21
21
  fill: var(--color-light-text-tertiary-hover);
22
22
  }
package/components/actions-control/actions-control.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./actions-control.css');
4
4
 
5
- var styles = {"container":"file-upload-item__container_1h0e6","icon":"file-upload-item__icon_1h0e6","deleteIconColor":"file-upload-item__deleteIconColor_1h0e6","downloadIconColor":"file-upload-item__downloadIconColor_1h0e6","restoreIconColor":"file-upload-item__restoreIconColor_1h0e6"};
5
+ var styles = {"container":"file-upload-item__container_l1l0b","icon":"file-upload-item__icon_l1l0b","deleteIconColor":"file-upload-item__deleteIconColor_l1l0b","downloadIconColor":"file-upload-item__downloadIconColor_l1l0b","restoreIconColor":"file-upload-item__restoreIconColor_l1l0b"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=actions-control.module.css.js.map
package/components/actions-control/actions.js CHANGED
@@ -14,15 +14,15 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
 
16
16
  var Actions = function () {
17
- var _a = React.useContext(fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent;
17
+ var _a = React.useContext(fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent, onDownload = _a.onDownload;
18
18
  React.useEffect(function () {
19
19
  if (setActionsPresent) {
20
- setActionsPresent(!!(showRestore || downloadLink || showDelete));
20
+ setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));
21
21
  }
22
- }, [showRestore, downloadLink, showDelete, setActionsPresent]);
22
+ }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);
23
23
  return (React__default.default.createElement("div", { className: actionsControl_module.container },
24
24
  showRestore && React__default.default.createElement(restoreButton.RestoreButton, null),
25
- Boolean(downloadLink) && !showRestore && React__default.default.createElement(downloadButton.DownloadButton, null),
25
+ (downloadLink || onDownload) && !showRestore && React__default.default.createElement(downloadButton.DownloadButton, null),
26
26
  showDelete && !showRestore && React__default.default.createElement(deleteButton.DeleteButton, null)));
27
27
  };
28
28
 
package/components/actions-control/actions.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"actions.js","sources":["../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {Boolean(downloadLink) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":["useContext","FileUploadItemContext","useEffect","React","styles","RestoreButton","DownloadButton","DeleteButton"],"mappings":";;;;;;;;;;;;;;;AAUa,IAAA,OAAO,GAAG,YAAA;AACb,IAAA,IAAA,KACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAC3B;AAErC,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,iBAAiB,EAAE;YACnB,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,CAAC,CAAC;AACnE;KACJ,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;AAE9D,IAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAID,sBAAC,CAAA,aAAA,CAAAE,2BAAa,EAAG,IAAA,CAAA;QAEhC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAIF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,EAAG,IAAA,CAAA;QAE3D,UAAU,IAAI,CAAC,WAAW,IAAIH,qCAACI,yBAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
1
+ {"version":3,"file":"actions.js","sources":["../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {(downloadLink || onDownload) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":["useContext","FileUploadItemContext","useEffect","React","styles","RestoreButton","DownloadButton","DeleteButton"],"mappings":";;;;;;;;;;;;;;;AAUa,IAAA,OAAO,GAAG,YAAA;IACb,IAAA,EAAA,GACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBACvC;AAErC,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,iBAAiB,EAAE;AACnB,YAAA,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,IAAI,UAAU,CAAC,CAAC;AACjF;AACL,KAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC;AAE1E,IAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAID,sBAAC,CAAA,aAAA,CAAAE,2BAAa,EAAG,IAAA,CAAA;QAEhC,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,WAAW,IAAIF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,EAAG,IAAA,CAAA;QAElE,UAAU,IAAI,CAAC,WAAW,IAAIH,qCAACI,yBAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
package/components/content/components/content-error/content-error.css CHANGED
@@ -1,3 +1,3 @@
1
- .file-upload-item__errorItem_15jvm {
1
+ .file-upload-item__errorItem_3t2he {
2
2
  display: block;
3
3
  }
package/components/content/components/content-error/content-error.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./content-error.css');
4
4
 
5
- var styles = {"errorItem":"file-upload-item__errorItem_15jvm"};
5
+ var styles = {"errorItem":"file-upload-item__errorItem_3t2he"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=content-error.module.css.js.map
package/components/content/components/content-subtitle/content-subtitle.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
- } .file-upload-item__subtitle_1rjy3 {
4
+ } .file-upload-item__subtitle_ohn7z {
5
5
  display: block;
6
- } .file-upload-item__subtitle_1rjy3.file-upload-item__truncate_1rjy3 {
6
+ } .file-upload-item__subtitle_ohn7z.file-upload-item__truncate_ohn7z {
7
7
  white-space: nowrap;
8
8
  overflow: hidden;
9
9
  text-overflow: ellipsis;
10
- } .file-upload-item__size_1rjy3 {
10
+ } .file-upload-item__size_ohn7z {
11
11
  margin-right: var(--gap-8);
12
12
  }
package/components/content/components/content-subtitle/content-subtitle.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./content-subtitle.css');
4
4
 
5
- var styles = {"subtitle":"file-upload-item__subtitle_1rjy3","truncate":"file-upload-item__truncate_1rjy3","size":"file-upload-item__size_1rjy3"};
5
+ var styles = {"subtitle":"file-upload-item__subtitle_ohn7z","truncate":"file-upload-item__truncate_ohn7z","size":"file-upload-item__size_ohn7z"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=content-subtitle.module.css.js.map
package/components/content/content.css CHANGED
@@ -7,28 +7,28 @@
7
7
  --gap-2: var(--gap-3xs);
8
8
  --gap-4: var(--gap-2xs);
9
9
  --gap-16: var(--gap-m);
10
- } .file-upload-item__container_3eqw9 {
10
+ } .file-upload-item__container_16h1r {
11
11
  padding: var(--gap-2) 0 0 var(--gap-16);
12
12
  flex-grow: 1;
13
13
  min-width: 0;
14
- } .file-upload-item__container_3eqw9.file-upload-item__clickable_3eqw9 {
14
+ } .file-upload-item__container_16h1r.file-upload-item__clickable_16h1r {
15
15
  cursor: pointer;
16
- } .file-upload-item__container_3eqw9.file-upload-item__single_3eqw9 {
16
+ } .file-upload-item__container_16h1r.file-upload-item__single_16h1r {
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  justify-content: center;
20
20
  padding-top: 0;
21
21
  min-height: 48px;
22
- } .file-upload-item__container_3eqw9.file-upload-item__single_3eqw9 .file-upload-item__title_3eqw9 {
22
+ } .file-upload-item__container_16h1r.file-upload-item__single_16h1r .file-upload-item__title_16h1r {
23
23
  margin-bottom: 0;
24
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9 {
24
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r {
25
25
  margin-bottom: var(--gap-4);
26
26
  display: block;
27
27
  overflow-wrap: break-word;
28
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9.file-upload-item__truncate_3eqw9 {
28
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r.file-upload-item__truncate_16h1r {
29
29
  white-space: nowrap;
30
30
  overflow: hidden;
31
31
  text-overflow: ellipsis;
32
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9.file-upload-item__restore_3eqw9 {
32
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r.file-upload-item__restore_16h1r {
33
33
  color: var(--color-light-text-tertiary);
34
34
  }
package/components/content/content.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./content.css');
4
4
 
5
- var styles = {"container":"file-upload-item__container_3eqw9","clickable":"file-upload-item__clickable_3eqw9","single":"file-upload-item__single_3eqw9","title":"file-upload-item__title_3eqw9","truncate":"file-upload-item__truncate_3eqw9","restore":"file-upload-item__restore_3eqw9"};
5
+ var styles = {"container":"file-upload-item__container_16h1r","clickable":"file-upload-item__clickable_16h1r","single":"file-upload-item__single_16h1r","title":"file-upload-item__title_16h1r","truncate":"file-upload-item__truncate_16h1r","restore":"file-upload-item__restore_16h1r"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=content.module.css.js.map
package/components/status-control/extension-icon/index.css CHANGED
@@ -5,14 +5,14 @@
5
5
  --color-light-decorative-green: #0cc44d;
6
6
  --color-light-decorative-orange: #fa9313;
7
7
  --color-light-decorative-red: #fe5e48;
8
- } .file-upload-item__iconPDFColored_71eky {
8
+ } .file-upload-item__iconPDFColored_18s7p {
9
9
  fill: var(--color-light-decorative-red);
10
- } .file-upload-item__iconDOCColored_71eky {
10
+ } .file-upload-item__iconDOCColored_18s7p {
11
11
  fill: var(--color-light-decorative-blue);
12
- } .file-upload-item__iconExcelColored_71eky {
12
+ } .file-upload-item__iconExcelColored_18s7p {
13
13
  fill: var(--color-light-decorative-green);
14
- } .file-upload-item__icon1CColored_71eky {
14
+ } .file-upload-item__icon1CColored_18s7p {
15
15
  fill: var(--color-light-decorative-orange);
16
- } .file-upload-item__iconDocumentColored_71eky {
16
+ } .file-upload-item__iconDocumentColored_18s7p {
17
17
  fill: var(--color-light-neutral-translucent-1300);
18
18
  }
package/components/status-control/extension-icon/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_71eky","iconDOCColored":"file-upload-item__iconDOCColored_71eky","iconExcelColored":"file-upload-item__iconExcelColored_71eky","icon1CColored":"file-upload-item__icon1CColored_71eky","iconDocumentColored":"file-upload-item__iconDocumentColored_71eky"};
5
+ var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_18s7p","iconDOCColored":"file-upload-item__iconDOCColored_18s7p","iconExcelColored":"file-upload-item__iconExcelColored_18s7p","icon1CColored":"file-upload-item__icon1CColored_18s7p","iconDocumentColored":"file-upload-item__iconDocumentColored_18s7p"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/status-control/index.css CHANGED
@@ -5,24 +5,24 @@
5
5
  } :root {
6
6
  --gap-2xs-neg: -4px;
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
- } .file-upload-item__container_3pm6f {
8
+ } .file-upload-item__container_15gfb {
9
9
  position: relative;
10
- } .file-upload-item__container_3pm6f.file-upload-item__clickable_3pm6f {
10
+ } .file-upload-item__container_15gfb.file-upload-item__clickable_15gfb {
11
11
  cursor: pointer;
12
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f {
12
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb {
13
13
  position: absolute;
14
14
  top: var(--gap-4-neg);
15
15
  left: var(--gap-4-neg);
16
16
  z-index: 1;
17
17
  will-change: opacity;
18
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__success_3pm6f,
19
- .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__error_3pm6f {
18
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__success_15gfb,
19
+ .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__error_15gfb {
20
20
  transition: opacity 400ms ease-in;
21
21
  opacity: 0;
22
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__success_3pm6f path {
22
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__success_15gfb path {
23
23
  stroke: var(--color-light-status-positive);
24
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__loading_3pm6f {
24
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__loading_15gfb {
25
25
  color: var(--color-light-neutral-500);
26
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__error_3pm6f path {
26
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__error_15gfb path {
27
27
  stroke: var(--color-light-status-negative);
28
28
  }
package/components/status-control/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"container":"file-upload-item__container_3pm6f","clickable":"file-upload-item__clickable_3pm6f","progress":"file-upload-item__progress_3pm6f","success":"file-upload-item__success_3pm6f","error":"file-upload-item__error_3pm6f","loading":"file-upload-item__loading_3pm6f"};
5
+ var styles = {"container":"file-upload-item__container_15gfb","clickable":"file-upload-item__clickable_15gfb","progress":"file-upload-item__progress_15gfb","success":"file-upload-item__success_15gfb","error":"file-upload-item__error_15gfb","loading":"file-upload-item__loading_15gfb"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/components/actions-control/actions.js CHANGED
@@ -15,15 +15,15 @@ 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(fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent;
18
+ var _a = React.useContext(fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent, onDownload = _a.onDownload;
19
19
  React.useEffect(function () {
20
20
  if (setActionsPresent) {
21
- setActionsPresent(!!(showRestore || downloadLink || showDelete));
21
+ setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));
22
22
  }
23
- }, [showRestore, downloadLink, showDelete, setActionsPresent]);
23
+ }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);
24
24
  return (React__default.default.createElement("div", { className: styles__default.default.container },
25
25
  showRestore && React__default.default.createElement(restoreButton.RestoreButton, null),
26
- Boolean(downloadLink) && !showRestore && React__default.default.createElement(downloadButton.DownloadButton, null),
26
+ (downloadLink || onDownload) && !showRestore && React__default.default.createElement(downloadButton.DownloadButton, null),
27
27
  showDelete && !showRestore && React__default.default.createElement(deleteButton.DeleteButton, null)));
28
28
  };
29
29
 
package/cssm/components/actions-control/actions.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {Boolean(downloadLink) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":["useContext","FileUploadItemContext","useEffect","React","styles","RestoreButton","DownloadButton","DeleteButton"],"mappings":";;;;;;;;;;;;;;;;AAUa,IAAA,OAAO,GAAG,YAAA;AACb,IAAA,IAAA,KACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAC3B;AAErC,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,iBAAiB,EAAE;YACnB,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,CAAC,CAAC;AACnE;KACJ,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;AAE9D,IAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,uBAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAID,sBAAC,CAAA,aAAA,CAAAE,2BAAa,EAAG,IAAA,CAAA;QAEhC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAIF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,EAAG,IAAA,CAAA;QAE3D,UAAU,IAAI,CAAC,WAAW,IAAIH,qCAACI,yBAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
1
+ {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {(downloadLink || onDownload) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":["useContext","FileUploadItemContext","useEffect","React","styles","RestoreButton","DownloadButton","DeleteButton"],"mappings":";;;;;;;;;;;;;;;;AAUa,IAAA,OAAO,GAAG,YAAA;IACb,IAAA,EAAA,GACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBACvC;AAErC,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,iBAAiB,EAAE;AACnB,YAAA,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,IAAI,UAAU,CAAC,CAAC;AACjF;AACL,KAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC;AAE1E,IAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,uBAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAID,sBAAC,CAAA,aAAA,CAAAE,2BAAa,EAAG,IAAA,CAAA;QAEhC,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,WAAW,IAAIF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,EAAG,IAAA,CAAA;QAElE,UAAU,IAAI,CAAC,WAAW,IAAIH,qCAACI,yBAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
package/cssm/types/file-upload-item-props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
2
2
  import { type FileUploadItemStatus } from './status';
3
- export declare type FileUploadItemProps = {
3
+ export interface FileUploadItemProps {
4
4
  /**
5
5
  * Дополнительный класс
6
6
  */
@@ -121,4 +121,4 @@ export declare type FileUploadItemProps = {
121
121
  * Цвет заливки `StatusControl`
122
122
  */
123
123
  backgroundColor?: string;
124
- };
124
+ }
package/esm/components/actions-control/actions-control.css CHANGED
@@ -1,22 +1,22 @@
1
1
  :root {
2
2
  --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
3
3
  --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
4
- } .file-upload-item__container_1h0e6 {
4
+ } .file-upload-item__container_l1l0b {
5
5
  display: flex;
6
6
  max-width: 144px;
7
- } .file-upload-item__container_1h0e6 .file-upload-item__icon_1h0e6 {
7
+ } .file-upload-item__container_l1l0b .file-upload-item__icon_l1l0b {
8
8
  width: 48px;
9
9
  height: 48px;
10
- } .file-upload-item__deleteIconColor_1h0e6 {
10
+ } .file-upload-item__deleteIconColor_l1l0b {
11
11
  fill: var(--color-light-text-tertiary);
12
- } .file-upload-item__deleteIconColor_1h0e6:hover {
12
+ } .file-upload-item__deleteIconColor_l1l0b:hover {
13
13
  fill: var(--color-light-text-tertiary-hover);
14
- } .file-upload-item__downloadIconColor_1h0e6 {
14
+ } .file-upload-item__downloadIconColor_l1l0b {
15
15
  fill: var(--color-light-text-tertiary);
16
- } .file-upload-item__downloadIconColor_1h0e6:hover {
16
+ } .file-upload-item__downloadIconColor_l1l0b:hover {
17
17
  fill: var(--color-light-text-tertiary-hover);
18
- } .file-upload-item__restoreIconColor_1h0e6 {
18
+ } .file-upload-item__restoreIconColor_l1l0b {
19
19
  fill: var(--color-light-text-tertiary);
20
- } .file-upload-item__restoreIconColor_1h0e6:hover {
20
+ } .file-upload-item__restoreIconColor_l1l0b:hover {
21
21
  fill: var(--color-light-text-tertiary-hover);
22
22
  }
package/esm/components/actions-control/actions-control.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './actions-control.css';
2
2
 
3
- var styles = {"container":"file-upload-item__container_1h0e6","icon":"file-upload-item__icon_1h0e6","deleteIconColor":"file-upload-item__deleteIconColor_1h0e6","downloadIconColor":"file-upload-item__downloadIconColor_1h0e6","restoreIconColor":"file-upload-item__restoreIconColor_1h0e6"};
3
+ var styles = {"container":"file-upload-item__container_l1l0b","icon":"file-upload-item__icon_l1l0b","deleteIconColor":"file-upload-item__deleteIconColor_l1l0b","downloadIconColor":"file-upload-item__downloadIconColor_l1l0b","restoreIconColor":"file-upload-item__restoreIconColor_l1l0b"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=actions-control.module.css.js.map
package/esm/components/actions-control/actions.js CHANGED
@@ -6,15 +6,15 @@ import { RestoreButton } from './components/restore-button/restore-button.js';
6
6
  import styles from './actions-control.module.css.js';
7
7
 
8
8
  var Actions = function () {
9
- var _a = useContext(FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent;
9
+ var _a = useContext(FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent, onDownload = _a.onDownload;
10
10
  useEffect(function () {
11
11
  if (setActionsPresent) {
12
- setActionsPresent(!!(showRestore || downloadLink || showDelete));
12
+ setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));
13
13
  }
14
- }, [showRestore, downloadLink, showDelete, setActionsPresent]);
14
+ }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);
15
15
  return (React.createElement("div", { className: styles.container },
16
16
  showRestore && React.createElement(RestoreButton, null),
17
- Boolean(downloadLink) && !showRestore && React.createElement(DownloadButton, null),
17
+ (downloadLink || onDownload) && !showRestore && React.createElement(DownloadButton, null),
18
18
  showDelete && !showRestore && React.createElement(DeleteButton, null)));
19
19
  };
20
20
 
package/esm/components/actions-control/actions.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {Boolean(downloadLink) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUa,IAAA,OAAO,GAAG,YAAA;AACb,IAAA,IAAA,KACF,UAAU,CAAC,qBAAqB,CAAC,EAD7B,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAC3B;AAErC,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAI,iBAAiB,EAAE;YACnB,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,CAAC,CAAC;AACnE;KACJ,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;AAE9D,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;QAEhC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA;QAE3D,UAAU,IAAI,CAAC,WAAW,IAAI,oBAAC,YAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
1
+ {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {(downloadLink || onDownload) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUa,IAAA,OAAO,GAAG,YAAA;IACb,IAAA,EAAA,GACF,UAAU,CAAC,qBAAqB,CAAC,EAD7B,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBACvC;AAErC,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAI,iBAAiB,EAAE;AACnB,YAAA,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,IAAI,UAAU,CAAC,CAAC;AACjF;AACL,KAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC;AAE1E,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;QAEhC,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA;QAElE,UAAU,IAAI,CAAC,WAAW,IAAI,oBAAC,YAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
package/esm/components/content/components/content-error/content-error.css CHANGED
@@ -1,3 +1,3 @@
1
- .file-upload-item__errorItem_15jvm {
1
+ .file-upload-item__errorItem_3t2he {
2
2
  display: block;
3
3
  }
package/esm/components/content/components/content-error/content-error.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './content-error.css';
2
2
 
3
- var styles = {"errorItem":"file-upload-item__errorItem_15jvm"};
3
+ var styles = {"errorItem":"file-upload-item__errorItem_3t2he"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=content-error.module.css.js.map
package/esm/components/content/components/content-subtitle/content-subtitle.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
- } .file-upload-item__subtitle_1rjy3 {
4
+ } .file-upload-item__subtitle_ohn7z {
5
5
  display: block;
6
- } .file-upload-item__subtitle_1rjy3.file-upload-item__truncate_1rjy3 {
6
+ } .file-upload-item__subtitle_ohn7z.file-upload-item__truncate_ohn7z {
7
7
  white-space: nowrap;
8
8
  overflow: hidden;
9
9
  text-overflow: ellipsis;
10
- } .file-upload-item__size_1rjy3 {
10
+ } .file-upload-item__size_ohn7z {
11
11
  margin-right: var(--gap-8);
12
12
  }
package/esm/components/content/components/content-subtitle/content-subtitle.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './content-subtitle.css';
2
2
 
3
- var styles = {"subtitle":"file-upload-item__subtitle_1rjy3","truncate":"file-upload-item__truncate_1rjy3","size":"file-upload-item__size_1rjy3"};
3
+ var styles = {"subtitle":"file-upload-item__subtitle_ohn7z","truncate":"file-upload-item__truncate_ohn7z","size":"file-upload-item__size_ohn7z"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=content-subtitle.module.css.js.map
package/esm/components/content/content.css CHANGED
@@ -7,28 +7,28 @@
7
7
  --gap-2: var(--gap-3xs);
8
8
  --gap-4: var(--gap-2xs);
9
9
  --gap-16: var(--gap-m);
10
- } .file-upload-item__container_3eqw9 {
10
+ } .file-upload-item__container_16h1r {
11
11
  padding: var(--gap-2) 0 0 var(--gap-16);
12
12
  flex-grow: 1;
13
13
  min-width: 0;
14
- } .file-upload-item__container_3eqw9.file-upload-item__clickable_3eqw9 {
14
+ } .file-upload-item__container_16h1r.file-upload-item__clickable_16h1r {
15
15
  cursor: pointer;
16
- } .file-upload-item__container_3eqw9.file-upload-item__single_3eqw9 {
16
+ } .file-upload-item__container_16h1r.file-upload-item__single_16h1r {
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  justify-content: center;
20
20
  padding-top: 0;
21
21
  min-height: 48px;
22
- } .file-upload-item__container_3eqw9.file-upload-item__single_3eqw9 .file-upload-item__title_3eqw9 {
22
+ } .file-upload-item__container_16h1r.file-upload-item__single_16h1r .file-upload-item__title_16h1r {
23
23
  margin-bottom: 0;
24
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9 {
24
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r {
25
25
  margin-bottom: var(--gap-4);
26
26
  display: block;
27
27
  overflow-wrap: break-word;
28
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9.file-upload-item__truncate_3eqw9 {
28
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r.file-upload-item__truncate_16h1r {
29
29
  white-space: nowrap;
30
30
  overflow: hidden;
31
31
  text-overflow: ellipsis;
32
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9.file-upload-item__restore_3eqw9 {
32
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r.file-upload-item__restore_16h1r {
33
33
  color: var(--color-light-text-tertiary);
34
34
  }
package/esm/components/content/content.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './content.css';
2
2
 
3
- var styles = {"container":"file-upload-item__container_3eqw9","clickable":"file-upload-item__clickable_3eqw9","single":"file-upload-item__single_3eqw9","title":"file-upload-item__title_3eqw9","truncate":"file-upload-item__truncate_3eqw9","restore":"file-upload-item__restore_3eqw9"};
3
+ var styles = {"container":"file-upload-item__container_16h1r","clickable":"file-upload-item__clickable_16h1r","single":"file-upload-item__single_16h1r","title":"file-upload-item__title_16h1r","truncate":"file-upload-item__truncate_16h1r","restore":"file-upload-item__restore_16h1r"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=content.module.css.js.map
package/esm/components/status-control/extension-icon/index.css CHANGED
@@ -5,14 +5,14 @@
5
5
  --color-light-decorative-green: #0cc44d;
6
6
  --color-light-decorative-orange: #fa9313;
7
7
  --color-light-decorative-red: #fe5e48;
8
- } .file-upload-item__iconPDFColored_71eky {
8
+ } .file-upload-item__iconPDFColored_18s7p {
9
9
  fill: var(--color-light-decorative-red);
10
- } .file-upload-item__iconDOCColored_71eky {
10
+ } .file-upload-item__iconDOCColored_18s7p {
11
11
  fill: var(--color-light-decorative-blue);
12
- } .file-upload-item__iconExcelColored_71eky {
12
+ } .file-upload-item__iconExcelColored_18s7p {
13
13
  fill: var(--color-light-decorative-green);
14
- } .file-upload-item__icon1CColored_71eky {
14
+ } .file-upload-item__icon1CColored_18s7p {
15
15
  fill: var(--color-light-decorative-orange);
16
- } .file-upload-item__iconDocumentColored_71eky {
16
+ } .file-upload-item__iconDocumentColored_18s7p {
17
17
  fill: var(--color-light-neutral-translucent-1300);
18
18
  }
package/esm/components/status-control/extension-icon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_71eky","iconDOCColored":"file-upload-item__iconDOCColored_71eky","iconExcelColored":"file-upload-item__iconExcelColored_71eky","icon1CColored":"file-upload-item__icon1CColored_71eky","iconDocumentColored":"file-upload-item__iconDocumentColored_71eky"};
3
+ var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_18s7p","iconDOCColored":"file-upload-item__iconDOCColored_18s7p","iconExcelColored":"file-upload-item__iconExcelColored_18s7p","icon1CColored":"file-upload-item__icon1CColored_18s7p","iconDocumentColored":"file-upload-item__iconDocumentColored_18s7p"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/status-control/index.css CHANGED
@@ -5,24 +5,24 @@
5
5
  } :root {
6
6
  --gap-2xs-neg: -4px;
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
- } .file-upload-item__container_3pm6f {
8
+ } .file-upload-item__container_15gfb {
9
9
  position: relative;
10
- } .file-upload-item__container_3pm6f.file-upload-item__clickable_3pm6f {
10
+ } .file-upload-item__container_15gfb.file-upload-item__clickable_15gfb {
11
11
  cursor: pointer;
12
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f {
12
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb {
13
13
  position: absolute;
14
14
  top: var(--gap-4-neg);
15
15
  left: var(--gap-4-neg);
16
16
  z-index: 1;
17
17
  will-change: opacity;
18
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__success_3pm6f,
19
- .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__error_3pm6f {
18
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__success_15gfb,
19
+ .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__error_15gfb {
20
20
  transition: opacity 400ms ease-in;
21
21
  opacity: 0;
22
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__success_3pm6f path {
22
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__success_15gfb path {
23
23
  stroke: var(--color-light-status-positive);
24
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__loading_3pm6f {
24
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__loading_15gfb {
25
25
  color: var(--color-light-neutral-500);
26
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__error_3pm6f path {
26
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__error_15gfb path {
27
27
  stroke: var(--color-light-status-negative);
28
28
  }
package/esm/components/status-control/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"container":"file-upload-item__container_3pm6f","clickable":"file-upload-item__clickable_3pm6f","progress":"file-upload-item__progress_3pm6f","success":"file-upload-item__success_3pm6f","error":"file-upload-item__error_3pm6f","loading":"file-upload-item__loading_3pm6f"};
3
+ var styles = {"container":"file-upload-item__container_15gfb","clickable":"file-upload-item__clickable_15gfb","progress":"file-upload-item__progress_15gfb","success":"file-upload-item__success_15gfb","error":"file-upload-item__error_15gfb","loading":"file-upload-item__loading_15gfb"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -3,13 +3,13 @@
3
3
  --gap-s: 12px;
4
4
  --gap-2: var(--gap-3xs);
5
5
  --gap-12: var(--gap-s);
6
- } .file-upload-item__component_1g4p4 {
6
+ } .file-upload-item__component_k5vxu {
7
7
  box-sizing: border-box;
8
8
  display: flex;
9
9
  align-items: flex-start;
10
10
  width: 100%;
11
11
  min-height: 48px;
12
- } .file-upload-item__restore_1g4p4 {
12
+ } .file-upload-item__restore_k5vxu {
13
13
  margin-left: var(--gap-12);
14
14
  margin-top: var(--gap-2);
15
15
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"file-upload-item__component_1g4p4","restore":"file-upload-item__restore_1g4p4"};
3
+ var styles = {"component":"file-upload-item__component_k5vxu","restore":"file-upload-item__restore_k5vxu"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/types/file-upload-item-props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
2
2
  import { type FileUploadItemStatus } from './status';
3
- export declare type FileUploadItemProps = {
3
+ export interface FileUploadItemProps {
4
4
  /**
5
5
  * Дополнительный класс
6
6
  */
@@ -121,4 +121,4 @@ export declare type FileUploadItemProps = {
121
121
  * Цвет заливки `StatusControl`
122
122
  */
123
123
  backgroundColor?: string;
124
- };
124
+ }
package/index.css CHANGED
@@ -3,13 +3,13 @@
3
3
  --gap-s: 12px;
4
4
  --gap-2: var(--gap-3xs);
5
5
  --gap-12: var(--gap-s);
6
- } .file-upload-item__component_1g4p4 {
6
+ } .file-upload-item__component_k5vxu {
7
7
  box-sizing: border-box;
8
8
  display: flex;
9
9
  align-items: flex-start;
10
10
  width: 100%;
11
11
  min-height: 48px;
12
- } .file-upload-item__restore_1g4p4 {
12
+ } .file-upload-item__restore_k5vxu {
13
13
  margin-left: var(--gap-12);
14
14
  margin-top: var(--gap-2);
15
15
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"file-upload-item__component_1g4p4","restore":"file-upload-item__restore_1g4p4"};
5
+ var styles = {"component":"file-upload-item__component_k5vxu","restore":"file-upload-item__restore_k5vxu"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/actions-control/actions-control.css CHANGED
@@ -1,22 +1,22 @@
1
1
  :root {
2
2
  --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
3
3
  --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
4
- } .file-upload-item__container_1h0e6 {
4
+ } .file-upload-item__container_l1l0b {
5
5
  display: flex;
6
6
  max-width: 144px;
7
- } .file-upload-item__container_1h0e6 .file-upload-item__icon_1h0e6 {
7
+ } .file-upload-item__container_l1l0b .file-upload-item__icon_l1l0b {
8
8
  width: 48px;
9
9
  height: 48px;
10
- } .file-upload-item__deleteIconColor_1h0e6 {
10
+ } .file-upload-item__deleteIconColor_l1l0b {
11
11
  fill: var(--color-light-text-tertiary);
12
- } .file-upload-item__deleteIconColor_1h0e6:hover {
12
+ } .file-upload-item__deleteIconColor_l1l0b:hover {
13
13
  fill: var(--color-light-text-tertiary-hover);
14
- } .file-upload-item__downloadIconColor_1h0e6 {
14
+ } .file-upload-item__downloadIconColor_l1l0b {
15
15
  fill: var(--color-light-text-tertiary);
16
- } .file-upload-item__downloadIconColor_1h0e6:hover {
16
+ } .file-upload-item__downloadIconColor_l1l0b:hover {
17
17
  fill: var(--color-light-text-tertiary-hover);
18
- } .file-upload-item__restoreIconColor_1h0e6 {
18
+ } .file-upload-item__restoreIconColor_l1l0b {
19
19
  fill: var(--color-light-text-tertiary);
20
- } .file-upload-item__restoreIconColor_1h0e6:hover {
20
+ } .file-upload-item__restoreIconColor_l1l0b:hover {
21
21
  fill: var(--color-light-text-tertiary-hover);
22
22
  }
package/modern/components/actions-control/actions-control.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './actions-control.css';
2
2
 
3
- const styles = {"container":"file-upload-item__container_1h0e6","icon":"file-upload-item__icon_1h0e6","deleteIconColor":"file-upload-item__deleteIconColor_1h0e6","downloadIconColor":"file-upload-item__downloadIconColor_1h0e6","restoreIconColor":"file-upload-item__restoreIconColor_1h0e6"};
3
+ const styles = {"container":"file-upload-item__container_l1l0b","icon":"file-upload-item__icon_l1l0b","deleteIconColor":"file-upload-item__deleteIconColor_l1l0b","downloadIconColor":"file-upload-item__downloadIconColor_l1l0b","restoreIconColor":"file-upload-item__restoreIconColor_l1l0b"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=actions-control.module.css.js.map
package/modern/components/actions-control/actions.js CHANGED
@@ -6,15 +6,15 @@ import { RestoreButton } from './components/restore-button/restore-button.js';
6
6
  import styles from './actions-control.module.css.js';
7
7
 
8
8
  const Actions = () => {
9
- const { showRestore, downloadLink, showDelete, setActionsPresent } = useContext(FileUploadItemContext);
9
+ const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } = useContext(FileUploadItemContext);
10
10
  useEffect(() => {
11
11
  if (setActionsPresent) {
12
- setActionsPresent(!!(showRestore || downloadLink || showDelete));
12
+ setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));
13
13
  }
14
- }, [showRestore, downloadLink, showDelete, setActionsPresent]);
14
+ }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);
15
15
  return (React.createElement("div", { className: styles.container },
16
16
  showRestore && React.createElement(RestoreButton, null),
17
- Boolean(downloadLink) && !showRestore && React.createElement(DownloadButton, null),
17
+ (downloadLink || onDownload) && !showRestore && React.createElement(DownloadButton, null),
18
18
  showDelete && !showRestore && React.createElement(DeleteButton, null)));
19
19
  };
20
20
 
package/modern/components/actions-control/actions.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {Boolean(downloadLink) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,OAAO,GAAG,MAAK;AACxB,IAAA,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAC9D,UAAU,CAAC,qBAAqB,CAAC;IAErC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,iBAAiB,EAAE;YACnB,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,CAAC,CAAC;AACnE;KACJ,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;AAE9D,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;QAEhC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA;QAE3D,UAAU,IAAI,CAAC,WAAW,IAAI,oBAAC,YAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
1
+ {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {(downloadLink || onDownload) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,OAAO,GAAG,MAAK;AACxB,IAAA,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAC1E,UAAU,CAAC,qBAAqB,CAAC;IAErC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,iBAAiB,EAAE;AACnB,YAAA,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,IAAI,UAAU,CAAC,CAAC;AACjF;AACL,KAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC;AAE1E,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;QAEhC,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA;QAElE,UAAU,IAAI,CAAC,WAAW,IAAI,oBAAC,YAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
package/modern/components/content/components/content-error/content-error.css CHANGED
@@ -1,3 +1,3 @@
1
- .file-upload-item__errorItem_15jvm {
1
+ .file-upload-item__errorItem_3t2he {
2
2
  display: block;
3
3
  }
package/modern/components/content/components/content-error/content-error.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './content-error.css';
2
2
 
3
- const styles = {"errorItem":"file-upload-item__errorItem_15jvm"};
3
+ const styles = {"errorItem":"file-upload-item__errorItem_3t2he"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=content-error.module.css.js.map
package/modern/components/content/components/content-subtitle/content-subtitle.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
- } .file-upload-item__subtitle_1rjy3 {
4
+ } .file-upload-item__subtitle_ohn7z {
5
5
  display: block;
6
- } .file-upload-item__subtitle_1rjy3.file-upload-item__truncate_1rjy3 {
6
+ } .file-upload-item__subtitle_ohn7z.file-upload-item__truncate_ohn7z {
7
7
  white-space: nowrap;
8
8
  overflow: hidden;
9
9
  text-overflow: ellipsis;
10
- } .file-upload-item__size_1rjy3 {
10
+ } .file-upload-item__size_ohn7z {
11
11
  margin-right: var(--gap-8);
12
12
  }
package/modern/components/content/components/content-subtitle/content-subtitle.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './content-subtitle.css';
2
2
 
3
- const styles = {"subtitle":"file-upload-item__subtitle_1rjy3","truncate":"file-upload-item__truncate_1rjy3","size":"file-upload-item__size_1rjy3"};
3
+ const styles = {"subtitle":"file-upload-item__subtitle_ohn7z","truncate":"file-upload-item__truncate_ohn7z","size":"file-upload-item__size_ohn7z"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=content-subtitle.module.css.js.map
package/modern/components/content/content.css CHANGED
@@ -7,28 +7,28 @@
7
7
  --gap-2: var(--gap-3xs);
8
8
  --gap-4: var(--gap-2xs);
9
9
  --gap-16: var(--gap-m);
10
- } .file-upload-item__container_3eqw9 {
10
+ } .file-upload-item__container_16h1r {
11
11
  padding: var(--gap-2) 0 0 var(--gap-16);
12
12
  flex-grow: 1;
13
13
  min-width: 0;
14
- } .file-upload-item__container_3eqw9.file-upload-item__clickable_3eqw9 {
14
+ } .file-upload-item__container_16h1r.file-upload-item__clickable_16h1r {
15
15
  cursor: pointer;
16
- } .file-upload-item__container_3eqw9.file-upload-item__single_3eqw9 {
16
+ } .file-upload-item__container_16h1r.file-upload-item__single_16h1r {
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  justify-content: center;
20
20
  padding-top: 0;
21
21
  min-height: 48px;
22
- } .file-upload-item__container_3eqw9.file-upload-item__single_3eqw9 .file-upload-item__title_3eqw9 {
22
+ } .file-upload-item__container_16h1r.file-upload-item__single_16h1r .file-upload-item__title_16h1r {
23
23
  margin-bottom: 0;
24
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9 {
24
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r {
25
25
  margin-bottom: var(--gap-4);
26
26
  display: block;
27
27
  overflow-wrap: break-word;
28
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9.file-upload-item__truncate_3eqw9 {
28
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r.file-upload-item__truncate_16h1r {
29
29
  white-space: nowrap;
30
30
  overflow: hidden;
31
31
  text-overflow: ellipsis;
32
- } .file-upload-item__container_3eqw9 .file-upload-item__title_3eqw9.file-upload-item__restore_3eqw9 {
32
+ } .file-upload-item__container_16h1r .file-upload-item__title_16h1r.file-upload-item__restore_16h1r {
33
33
  color: var(--color-light-text-tertiary);
34
34
  }
package/modern/components/content/content.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './content.css';
2
2
 
3
- const styles = {"container":"file-upload-item__container_3eqw9","clickable":"file-upload-item__clickable_3eqw9","single":"file-upload-item__single_3eqw9","title":"file-upload-item__title_3eqw9","truncate":"file-upload-item__truncate_3eqw9","restore":"file-upload-item__restore_3eqw9"};
3
+ const styles = {"container":"file-upload-item__container_16h1r","clickable":"file-upload-item__clickable_16h1r","single":"file-upload-item__single_16h1r","title":"file-upload-item__title_16h1r","truncate":"file-upload-item__truncate_16h1r","restore":"file-upload-item__restore_16h1r"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=content.module.css.js.map
package/modern/components/status-control/extension-icon/index.css CHANGED
@@ -5,14 +5,14 @@
5
5
  --color-light-decorative-green: #0cc44d;
6
6
  --color-light-decorative-orange: #fa9313;
7
7
  --color-light-decorative-red: #fe5e48;
8
- } .file-upload-item__iconPDFColored_71eky {
8
+ } .file-upload-item__iconPDFColored_18s7p {
9
9
  fill: var(--color-light-decorative-red);
10
- } .file-upload-item__iconDOCColored_71eky {
10
+ } .file-upload-item__iconDOCColored_18s7p {
11
11
  fill: var(--color-light-decorative-blue);
12
- } .file-upload-item__iconExcelColored_71eky {
12
+ } .file-upload-item__iconExcelColored_18s7p {
13
13
  fill: var(--color-light-decorative-green);
14
- } .file-upload-item__icon1CColored_71eky {
14
+ } .file-upload-item__icon1CColored_18s7p {
15
15
  fill: var(--color-light-decorative-orange);
16
- } .file-upload-item__iconDocumentColored_71eky {
16
+ } .file-upload-item__iconDocumentColored_18s7p {
17
17
  fill: var(--color-light-neutral-translucent-1300);
18
18
  }
package/modern/components/status-control/extension-icon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"iconPDFColored":"file-upload-item__iconPDFColored_71eky","iconDOCColored":"file-upload-item__iconDOCColored_71eky","iconExcelColored":"file-upload-item__iconExcelColored_71eky","icon1CColored":"file-upload-item__icon1CColored_71eky","iconDocumentColored":"file-upload-item__iconDocumentColored_71eky"};
3
+ const styles = {"iconPDFColored":"file-upload-item__iconPDFColored_18s7p","iconDOCColored":"file-upload-item__iconDOCColored_18s7p","iconExcelColored":"file-upload-item__iconExcelColored_18s7p","icon1CColored":"file-upload-item__icon1CColored_18s7p","iconDocumentColored":"file-upload-item__iconDocumentColored_18s7p"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/status-control/index.css CHANGED
@@ -5,24 +5,24 @@
5
5
  } :root {
6
6
  --gap-2xs-neg: -4px;
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
- } .file-upload-item__container_3pm6f {
8
+ } .file-upload-item__container_15gfb {
9
9
  position: relative;
10
- } .file-upload-item__container_3pm6f.file-upload-item__clickable_3pm6f {
10
+ } .file-upload-item__container_15gfb.file-upload-item__clickable_15gfb {
11
11
  cursor: pointer;
12
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f {
12
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb {
13
13
  position: absolute;
14
14
  top: var(--gap-4-neg);
15
15
  left: var(--gap-4-neg);
16
16
  z-index: 1;
17
17
  will-change: opacity;
18
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__success_3pm6f,
19
- .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__error_3pm6f {
18
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__success_15gfb,
19
+ .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__error_15gfb {
20
20
  transition: opacity 400ms ease-in;
21
21
  opacity: 0;
22
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__success_3pm6f path {
22
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__success_15gfb path {
23
23
  stroke: var(--color-light-status-positive);
24
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__loading_3pm6f {
24
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__loading_15gfb {
25
25
  color: var(--color-light-neutral-500);
26
- } .file-upload-item__container_3pm6f .file-upload-item__progress_3pm6f.file-upload-item__error_3pm6f path {
26
+ } .file-upload-item__container_15gfb .file-upload-item__progress_15gfb.file-upload-item__error_15gfb path {
27
27
  stroke: var(--color-light-status-negative);
28
28
  }
package/modern/components/status-control/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"container":"file-upload-item__container_3pm6f","clickable":"file-upload-item__clickable_3pm6f","progress":"file-upload-item__progress_3pm6f","success":"file-upload-item__success_3pm6f","error":"file-upload-item__error_3pm6f","loading":"file-upload-item__loading_3pm6f"};
3
+ const styles = {"container":"file-upload-item__container_15gfb","clickable":"file-upload-item__clickable_15gfb","progress":"file-upload-item__progress_15gfb","success":"file-upload-item__success_15gfb","error":"file-upload-item__error_15gfb","loading":"file-upload-item__loading_15gfb"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -3,13 +3,13 @@
3
3
  --gap-s: 12px;
4
4
  --gap-2: var(--gap-3xs);
5
5
  --gap-12: var(--gap-s);
6
- } .file-upload-item__component_1g4p4 {
6
+ } .file-upload-item__component_k5vxu {
7
7
  box-sizing: border-box;
8
8
  display: flex;
9
9
  align-items: flex-start;
10
10
  width: 100%;
11
11
  min-height: 48px;
12
- } .file-upload-item__restore_1g4p4 {
12
+ } .file-upload-item__restore_k5vxu {
13
13
  margin-left: var(--gap-12);
14
14
  margin-top: var(--gap-2);
15
15
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"file-upload-item__component_1g4p4","restore":"file-upload-item__restore_1g4p4"};
3
+ const styles = {"component":"file-upload-item__component_k5vxu","restore":"file-upload-item__restore_k5vxu"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/types/file-upload-item-props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
2
2
  import { type FileUploadItemStatus } from './status';
3
- export declare type FileUploadItemProps = {
3
+ export interface FileUploadItemProps {
4
4
  /**
5
5
  * Дополнительный класс
6
6
  */
@@ -121,4 +121,4 @@ export declare type FileUploadItemProps = {
121
121
  * Цвет заливки `StatusControl`
122
122
  */
123
123
  backgroundColor?: string;
124
- };
124
+ }
package/moderncssm/components/actions-control/actions.js CHANGED
@@ -6,15 +6,15 @@ import { RestoreButton } from './components/restore-button/restore-button.js';
6
6
  import styles from './actions-control.module.css';
7
7
 
8
8
  const Actions = () => {
9
- const { showRestore, downloadLink, showDelete, setActionsPresent } = useContext(FileUploadItemContext);
9
+ const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } = useContext(FileUploadItemContext);
10
10
  useEffect(() => {
11
11
  if (setActionsPresent) {
12
- setActionsPresent(!!(showRestore || downloadLink || showDelete));
12
+ setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));
13
13
  }
14
- }, [showRestore, downloadLink, showDelete, setActionsPresent]);
14
+ }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);
15
15
  return (React.createElement("div", { className: styles.container },
16
16
  showRestore && React.createElement(RestoreButton, null),
17
- Boolean(downloadLink) && !showRestore && React.createElement(DownloadButton, null),
17
+ (downloadLink || onDownload) && !showRestore && React.createElement(DownloadButton, null),
18
18
  showDelete && !showRestore && React.createElement(DeleteButton, null)));
19
19
  };
20
20
 
package/moderncssm/components/actions-control/actions.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {Boolean(downloadLink) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,OAAO,GAAG,MAAK;AACxB,IAAA,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAC9D,UAAU,CAAC,qBAAqB,CAAC;IAErC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,iBAAiB,EAAE;YACnB,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,CAAC,CAAC;AACnE;KACJ,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;AAE9D,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;QAEhC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA;QAE3D,UAAU,IAAI,CAAC,WAAW,IAAI,oBAAC,YAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
1
+ {"version":3,"file":"actions.js","sources":["../../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } =\n useContext(FileUploadItemContext);\n\n useEffect(() => {\n if (setActionsPresent) {\n setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));\n }\n }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);\n\n return (\n <div className={styles.container}>\n {showRestore && <RestoreButton />}\n\n {(downloadLink || onDownload) && !showRestore && <DownloadButton />}\n\n {showDelete && !showRestore && <DeleteButton />}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,OAAO,GAAG,MAAK;AACxB,IAAA,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAC1E,UAAU,CAAC,qBAAqB,CAAC;IAErC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,iBAAiB,EAAE;AACnB,YAAA,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,IAAI,UAAU,CAAC,CAAC;AACjF;AACL,KAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC;AAE1E,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;QAEhC,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA;QAElE,UAAU,IAAI,CAAC,WAAW,IAAI,oBAAC,YAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
package/moderncssm/types/file-upload-item-props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
2
2
  import { type FileUploadItemStatus } from './status';
3
- export declare type FileUploadItemProps = {
3
+ export interface FileUploadItemProps {
4
4
  /**
5
5
  * Дополнительный класс
6
6
  */
@@ -121,4 +121,4 @@ export declare type FileUploadItemProps = {
121
121
  * Цвет заливки `StatusControl`
122
122
  */
123
123
  backgroundColor?: string;
124
- };
124
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "7.2.1",
3
+ "version": "7.3.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-icon-button": "^7.0.3",
13
+ "@alfalab/core-components-icon-button": "^7.0.4",
14
14
  "@alfalab/core-components-icon-view": "^4.0.1",
15
15
  "@alfalab/core-components-shared": "^1.1.1",
16
16
  "@alfalab/core-components-typography": "^5.0.3",
@@ -27,6 +27,6 @@
27
27
  "access": "public",
28
28
  "directory": "dist"
29
29
  },
30
- "themesVersion": "14.1.3",
30
+ "themesVersion": "14.2.0",
31
31
  "varsVersion": "10.2.0"
32
32
  }
package/src/components/actions-control/actions.tsx CHANGED
@@ -9,20 +9,20 @@ import { RestoreButton } from './components/restore-button';
9
9
  import styles from './actions-control.module.css';
10
10
 
11
11
  export const Actions = () => {
12
- const { showRestore, downloadLink, showDelete, setActionsPresent } =
12
+ const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } =
13
13
  useContext(FileUploadItemContext);
14
14
 
15
15
  useEffect(() => {
16
16
  if (setActionsPresent) {
17
- setActionsPresent(!!(showRestore || downloadLink || showDelete));
17
+ setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));
18
18
  }
19
- }, [showRestore, downloadLink, showDelete, setActionsPresent]);
19
+ }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);
20
20
 
21
21
  return (
22
22
  <div className={styles.container}>
23
23
  {showRestore && <RestoreButton />}
24
24
 
25
- {Boolean(downloadLink) && !showRestore && <DownloadButton />}
25
+ {(downloadLink || onDownload) && !showRestore && <DownloadButton />}
26
26
 
27
27
  {showDelete && !showRestore && <DeleteButton />}
28
28
  </div>
package/src/types/file-upload-item-props.ts CHANGED
@@ -7,7 +7,7 @@ import {
7
7
 
8
8
  import { type FileUploadItemStatus } from './status';
9
9
 
10
- export type FileUploadItemProps = {
10
+ export interface FileUploadItemProps {
11
11
  /**
12
12
  * Дополнительный класс
13
13
  */
@@ -153,4 +153,4 @@ export type FileUploadItemProps = {
153
153
  * Цвет заливки `StatusControl`
154
154
  */
155
155
  backgroundColor?: string;
156
- };
156
+ }
package/types/file-upload-item-props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
2
2
  import { type FileUploadItemStatus } from './status';
3
- export declare type FileUploadItemProps = {
3
+ export interface FileUploadItemProps {
4
4
  /**
5
5
  * Дополнительный класс
6
6
  */
@@ -121,4 +121,4 @@ export declare type FileUploadItemProps = {
121
121
  * Цвет заливки `StatusControl`
122
122
  */
123
123
  backgroundColor?: string;
124
- };
124
+ }