@alfalab/core-components-file-upload-item 7.0.1 → 7.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/components/actions-control/actions-control.css +12 -12
  2. package/components/actions-control/actions-control.module.css.js +1 -1
  3. package/components/actions-control/actions-control.module.css.js.map +1 -1
  4. package/components/actions-control/components/delete-button/delete-button.js.map +1 -1
  5. package/components/actions-control/components/download-button/download-button.js.map +1 -1
  6. package/components/content/components/content-error/content-error.css +1 -1
  7. package/components/content/components/content-error/content-error.module.css.js +1 -1
  8. package/components/content/components/content-subtitle/content-subtitle.css +4 -4
  9. package/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
  10. package/components/content/components/content-subtitle/content-subtitle.module.css.js.map +1 -1
  11. package/components/content/content.css +10 -10
  12. package/components/content/content.module.css.js +1 -1
  13. package/components/content/content.module.css.js.map +1 -1
  14. package/components/status-control/extension-icon/index.css +5 -5
  15. package/components/status-control/extension-icon/index.module.css.js +1 -1
  16. package/components/status-control/extension-icon/index.module.css.js.map +1 -1
  17. package/components/status-control/index.css +9 -9
  18. package/components/status-control/index.module.css.js +1 -1
  19. package/components/status-control/index.module.css.js.map +1 -1
  20. package/components/status-control/progress-bar/index.d.ts +1 -1
  21. package/components/status-control/progress-bar/index.js.map +1 -1
  22. package/context/file-upload-item-context.d.ts +1 -1
  23. package/context/file-upload-item-context.js.map +1 -1
  24. package/cssm/components/actions-control/actions-control.module.css +4 -4
  25. package/cssm/components/actions-control/components/delete-button/delete-button.js.map +1 -1
  26. package/cssm/components/actions-control/components/download-button/download-button.js.map +1 -1
  27. package/cssm/components/content/components/content-subtitle/content-subtitle.module.css +1 -1
  28. package/cssm/components/content/content.module.css +3 -3
  29. package/cssm/components/status-control/index.module.css +2 -2
  30. package/cssm/components/status-control/progress-bar/index.d.ts +1 -1
  31. package/cssm/components/status-control/progress-bar/index.js.map +1 -1
  32. package/cssm/context/file-upload-item-context.d.ts +1 -1
  33. package/cssm/context/file-upload-item-context.js.map +1 -1
  34. package/cssm/types/file-upload-item-props.d.ts +2 -2
  35. package/esm/components/actions-control/actions-control.css +12 -12
  36. package/esm/components/actions-control/actions-control.module.css.js +1 -1
  37. package/esm/components/actions-control/actions-control.module.css.js.map +1 -1
  38. package/esm/components/actions-control/components/delete-button/delete-button.js.map +1 -1
  39. package/esm/components/actions-control/components/download-button/download-button.js.map +1 -1
  40. package/esm/components/content/components/content-error/content-error.css +1 -1
  41. package/esm/components/content/components/content-error/content-error.module.css.js +1 -1
  42. package/esm/components/content/components/content-subtitle/content-subtitle.css +4 -4
  43. package/esm/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
  44. package/esm/components/content/components/content-subtitle/content-subtitle.module.css.js.map +1 -1
  45. package/esm/components/content/content.css +10 -10
  46. package/esm/components/content/content.module.css.js +1 -1
  47. package/esm/components/content/content.module.css.js.map +1 -1
  48. package/esm/components/status-control/extension-icon/index.css +5 -5
  49. package/esm/components/status-control/extension-icon/index.module.css.js +1 -1
  50. package/esm/components/status-control/extension-icon/index.module.css.js.map +1 -1
  51. package/esm/components/status-control/index.css +9 -9
  52. package/esm/components/status-control/index.module.css.js +1 -1
  53. package/esm/components/status-control/index.module.css.js.map +1 -1
  54. package/esm/components/status-control/progress-bar/index.d.ts +1 -1
  55. package/esm/components/status-control/progress-bar/index.js.map +1 -1
  56. package/esm/context/file-upload-item-context.d.ts +1 -1
  57. package/esm/context/file-upload-item-context.js.map +1 -1
  58. package/esm/index.css +2 -2
  59. package/esm/index.module.css.js +1 -1
  60. package/esm/index.module.css.js.map +1 -1
  61. package/esm/types/file-upload-item-props.d.ts +2 -2
  62. package/index.css +2 -2
  63. package/index.module.css.js +1 -1
  64. package/index.module.css.js.map +1 -1
  65. package/modern/components/actions-control/actions-control.css +12 -12
  66. package/modern/components/actions-control/actions-control.module.css.js +1 -1
  67. package/modern/components/actions-control/actions-control.module.css.js.map +1 -1
  68. package/modern/components/actions-control/components/delete-button/delete-button.js.map +1 -1
  69. package/modern/components/actions-control/components/download-button/download-button.js.map +1 -1
  70. package/modern/components/content/components/content-error/content-error.css +1 -1
  71. package/modern/components/content/components/content-error/content-error.module.css.js +1 -1
  72. package/modern/components/content/components/content-subtitle/content-subtitle.css +4 -4
  73. package/modern/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
  74. package/modern/components/content/components/content-subtitle/content-subtitle.module.css.js.map +1 -1
  75. package/modern/components/content/content.css +10 -10
  76. package/modern/components/content/content.module.css.js +1 -1
  77. package/modern/components/content/content.module.css.js.map +1 -1
  78. package/modern/components/status-control/extension-icon/index.css +5 -5
  79. package/modern/components/status-control/extension-icon/index.module.css.js +1 -1
  80. package/modern/components/status-control/extension-icon/index.module.css.js.map +1 -1
  81. package/modern/components/status-control/index.css +9 -9
  82. package/modern/components/status-control/index.module.css.js +1 -1
  83. package/modern/components/status-control/index.module.css.js.map +1 -1
  84. package/modern/components/status-control/progress-bar/index.d.ts +1 -1
  85. package/modern/components/status-control/progress-bar/index.js.map +1 -1
  86. package/modern/context/file-upload-item-context.d.ts +1 -1
  87. package/modern/context/file-upload-item-context.js.map +1 -1
  88. package/modern/index.css +2 -2
  89. package/modern/index.module.css.js +1 -1
  90. package/modern/index.module.css.js.map +1 -1
  91. package/modern/types/file-upload-item-props.d.ts +2 -2
  92. package/moderncssm/components/actions-control/actions-control.module.css +6 -4
  93. package/moderncssm/components/actions-control/components/delete-button/delete-button.js.map +1 -1
  94. package/moderncssm/components/actions-control/components/download-button/download-button.js.map +1 -1
  95. package/moderncssm/components/content/components/content-subtitle/content-subtitle.module.css +3 -1
  96. package/moderncssm/components/content/content.module.css +5 -9
  97. package/moderncssm/components/status-control/extension-icon/index.module.css +5 -0
  98. package/moderncssm/components/status-control/index.module.css +4 -7
  99. package/moderncssm/components/status-control/progress-bar/index.d.ts +1 -1
  100. package/moderncssm/components/status-control/progress-bar/index.js.map +1 -1
  101. package/moderncssm/context/file-upload-item-context.d.ts +1 -1
  102. package/moderncssm/context/file-upload-item-context.js.map +1 -1
  103. package/moderncssm/index.module.css +2 -0
  104. package/moderncssm/types/file-upload-item-props.d.ts +2 -2
  105. package/package.json +3 -3
  106. package/src/components/actions-control/actions-control.module.css +1 -1
  107. package/src/components/actions-control/components/delete-button/delete-button.tsx +1 -1
  108. package/src/components/actions-control/components/download-button/download-button.tsx +1 -1
  109. package/src/components/content/components/content-subtitle/content-subtitle.module.css +1 -1
  110. package/src/components/content/content.module.css +1 -1
  111. package/src/components/status-control/extension-icon/index.module.css +1 -1
  112. package/src/components/status-control/index.module.css +1 -1
  113. package/src/components/status-control/progress-bar/index.tsx +1 -1
  114. package/src/context/{file-upload-item-context.tsx → file-upload-item-context.ts} +6 -1
  115. package/src/index.module.css +1 -1
  116. package/src/types/file-upload-item-props.ts +7 -2
  117. package/types/file-upload-item-props.d.ts +2 -2
@@ -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_1i1mv {
4
+ } .file-upload-item__container_1pzvi {
5
5
  display: flex;
6
- max-width: 144px
7
- } .file-upload-item__container_1i1mv .file-upload-item__icon_1i1mv {
6
+ max-width: 144px;
7
+ } .file-upload-item__container_1pzvi .file-upload-item__icon_1pzvi {
8
8
  width: 48px;
9
9
  height: 48px;
10
- } .file-upload-item__deleteIconColor_1i1mv {
11
- fill: var(--color-light-text-tertiary)
12
- } .file-upload-item__deleteIconColor_1i1mv:hover {
10
+ } .file-upload-item__deleteIconColor_1pzvi {
11
+ fill: var(--color-light-text-tertiary);
12
+ } .file-upload-item__deleteIconColor_1pzvi:hover {
13
13
  fill: var(--color-light-text-tertiary-hover);
14
- } .file-upload-item__downloadIconColor_1i1mv {
15
- fill: var(--color-light-text-tertiary)
16
- } .file-upload-item__downloadIconColor_1i1mv:hover {
14
+ } .file-upload-item__downloadIconColor_1pzvi {
15
+ fill: var(--color-light-text-tertiary);
16
+ } .file-upload-item__downloadIconColor_1pzvi:hover {
17
17
  fill: var(--color-light-text-tertiary-hover);
18
- } .file-upload-item__restoreIconColor_1i1mv {
19
- fill: var(--color-light-text-tertiary)
20
- } .file-upload-item__restoreIconColor_1i1mv:hover {
18
+ } .file-upload-item__restoreIconColor_1pzvi {
19
+ fill: var(--color-light-text-tertiary);
20
+ } .file-upload-item__restoreIconColor_1pzvi:hover {
21
21
  fill: var(--color-light-text-tertiary-hover);
22
22
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./actions-control.css');
4
4
 
5
- var styles = {"container":"file-upload-item__container_1i1mv","icon":"file-upload-item__icon_1i1mv","deleteIconColor":"file-upload-item__deleteIconColor_1i1mv","downloadIconColor":"file-upload-item__downloadIconColor_1i1mv","restoreIconColor":"file-upload-item__restoreIconColor_1i1mv"};
5
+ var styles = {"container":"file-upload-item__container_1pzvi","icon":"file-upload-item__icon_1pzvi","deleteIconColor":"file-upload-item__deleteIconColor_1pzvi","downloadIconColor":"file-upload-item__downloadIconColor_1pzvi","restoreIconColor":"file-upload-item__restoreIconColor_1pzvi"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=actions-control.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"actions-control.module.css.js","sources":["../../src/components/actions-control/actions-control.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n max-width: 144px;\n\n & .icon {\n width: 48px;\n height: 48px;\n }\n}\n\n.deleteIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.downloadIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.restoreIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,MAAM,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,yCAAyC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC;;;;"}
1
+ {"version":3,"file":"actions-control.module.css.js","sources":["../../src/components/actions-control/actions-control.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n display: flex;\n max-width: 144px;\n\n & .icon {\n width: 48px;\n height: 48px;\n }\n}\n\n.deleteIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.downloadIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.restoreIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,MAAM,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,yCAAyC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"delete-button.js","sources":["../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);\n\n const handleDelete = (e: MouseEvent<HTMLElement>) => {\n if (onDelete) {\n onDelete(id, e);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='удалить'\n icon={<CrossMIcon className={styles.deleteIconColor} />}\n disabled={disableButtons}\n onClick={handleDelete}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","CrossMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyCA,gBAAU,CAACC,2CAAqB,CAAC,EAAxE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAsC;IAEhF,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;AAC5C,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mCAAU,EACP,EAAA,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,2BAAU,IAAC,SAAS,EAAED,qBAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}
1
+ {"version":3,"file":"delete-button.js","sources":["../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);\n\n const handleDelete = (e: MouseEvent<HTMLElement>) => {\n if (onDelete) {\n onDelete(id, e);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='удалить'\n icon={<CrossMIcon className={styles.deleteIconColor} />}\n disabled={disableButtons}\n onClick={handleDelete}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","CrossMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyCA,gBAAU,CAACC,2CAAqB,CAAC,EAAxE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAsC;IAEhF,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;AAC5C,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mCAAU,EACP,EAAA,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,2BAAU,IAAC,SAAS,EAAED,qBAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"download-button.js","sources":["../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n const {\n id = '0',\n downloadLink,\n download,\n disableButtons,\n target,\n onDownload,\n } = useContext(FileUploadItemContext);\n\n const handleDownload = (e: MouseEvent<HTMLElement>) => {\n if (onDownload) {\n e.preventDefault();\n onDownload(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='скачать'\n icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n disabled={disableButtons}\n href={downloadLink}\n download={download}\n target={target}\n onClick={handleDownload}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","ArrowDownLineDownCompactMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOFA,gBAAU,CAACC,2CAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACuB;IAErC,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;AAC9C,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACIC,qCAACC,mCAAU,EAAA,EACP,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,8CAA6B,EAAC,EAAA,SAAS,EAAED,qBAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}
1
+ {"version":3,"file":"download-button.js","sources":["../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n const {\n id = '0',\n downloadLink,\n download,\n disableButtons,\n target,\n onDownload,\n } = useContext(FileUploadItemContext);\n\n const handleDownload = (e: MouseEvent<HTMLElement>) => {\n if (onDownload) {\n e.preventDefault();\n onDownload(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='скачать'\n icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n disabled={disableButtons}\n href={downloadLink}\n download={download}\n target={target}\n onClick={handleDownload}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","ArrowDownLineDownCompactMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOFA,gBAAU,CAACC,2CAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACuB;IAErC,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;AAC9C,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACIC,qCAACC,mCAAU,EAAA,EACP,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,8CAA6B,EAAC,EAAA,SAAS,EAAED,qBAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}
@@ -1,3 +1,3 @@
1
- .file-upload-item__errorItem_290ow {
1
+ .file-upload-item__errorItem_1hy38 {
2
2
  display: block;
3
3
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./content-error.css');
4
4
 
5
- var styles = {"errorItem":"file-upload-item__errorItem_290ow"};
5
+ var styles = {"errorItem":"file-upload-item__errorItem_1hy38"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=content-error.module.css.js.map
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
- } .file-upload-item__subtitle_1xcnq {
5
- display: block
6
- } .file-upload-item__subtitle_1xcnq.file-upload-item__truncate_1xcnq {
4
+ } .file-upload-item__subtitle_fl99d {
5
+ display: block;
6
+ } .file-upload-item__subtitle_fl99d.file-upload-item__truncate_fl99d {
7
7
  white-space: nowrap;
8
8
  overflow: hidden;
9
9
  text-overflow: ellipsis;
10
- } .file-upload-item__size_1xcnq {
10
+ } .file-upload-item__size_fl99d {
11
11
  margin-right: var(--gap-8);
12
12
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./content-subtitle.css');
4
4
 
5
- var styles = {"subtitle":"file-upload-item__subtitle_1xcnq","truncate":"file-upload-item__truncate_1xcnq","size":"file-upload-item__size_1xcnq"};
5
+ var styles = {"subtitle":"file-upload-item__subtitle_fl99d","truncate":"file-upload-item__truncate_fl99d","size":"file-upload-item__size_fl99d"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=content-subtitle.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content-subtitle.module.css.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.subtitle {\n display: block;\n\n &.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.size {\n margin-right: var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,kCAAkC,CAAC,UAAU,CAAC,kCAAkC,CAAC,MAAM,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"content-subtitle.module.css.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.subtitle {\n display: block;\n\n &.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.size {\n margin-right: var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,kCAAkC,CAAC,UAAU,CAAC,kCAAkC,CAAC,MAAM,CAAC,8BAA8B,CAAC;;;;"}
@@ -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_4fzkr {
10
+ } .file-upload-item__container_ce88d {
11
11
  padding: var(--gap-2) 0 0 var(--gap-16);
12
12
  flex-grow: 1;
13
- min-width: 0
14
- } .file-upload-item__container_4fzkr.file-upload-item__clickable_4fzkr {
13
+ min-width: 0;
14
+ } .file-upload-item__container_ce88d.file-upload-item__clickable_ce88d {
15
15
  cursor: pointer;
16
- } .file-upload-item__container_4fzkr.file-upload-item__single_4fzkr {
16
+ } .file-upload-item__container_ce88d.file-upload-item__single_ce88d {
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  justify-content: center;
20
20
  padding-top: 0;
21
- min-height: 48px
22
- } .file-upload-item__container_4fzkr.file-upload-item__single_4fzkr .file-upload-item__title_4fzkr {
21
+ min-height: 48px;
22
+ } .file-upload-item__container_ce88d.file-upload-item__single_ce88d .file-upload-item__title_ce88d {
23
23
  margin-bottom: 0;
24
- } .file-upload-item__container_4fzkr .file-upload-item__title_4fzkr {
24
+ } .file-upload-item__container_ce88d .file-upload-item__title_ce88d {
25
25
  margin-bottom: var(--gap-4);
26
26
  display: block;
27
- overflow-wrap: break-word
28
- } .file-upload-item__container_4fzkr .file-upload-item__title_4fzkr.file-upload-item__truncate_4fzkr {
27
+ overflow-wrap: break-word;
28
+ } .file-upload-item__container_ce88d .file-upload-item__title_ce88d.file-upload-item__truncate_ce88d {
29
29
  white-space: nowrap;
30
30
  overflow: hidden;
31
31
  text-overflow: ellipsis;
32
- } .file-upload-item__container_4fzkr .file-upload-item__title_4fzkr.file-upload-item__restore_4fzkr {
32
+ } .file-upload-item__container_ce88d .file-upload-item__title_ce88d.file-upload-item__restore_ce88d {
33
33
  color: var(--color-light-text-tertiary);
34
34
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./content.css');
4
4
 
5
- var styles = {"container":"file-upload-item__container_4fzkr","clickable":"file-upload-item__clickable_4fzkr","single":"file-upload-item__single_4fzkr","title":"file-upload-item__title_4fzkr","truncate":"file-upload-item__truncate_4fzkr","restore":"file-upload-item__restore_4fzkr"};
5
+ var styles = {"container":"file-upload-item__container_ce88d","clickable":"file-upload-item__clickable_ce88d","single":"file-upload-item__single_ce88d","title":"file-upload-item__title_ce88d","truncate":"file-upload-item__truncate_ce88d","restore":"file-upload-item__restore_ce88d"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=content.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content.module.css.js","sources":["../../src/components/content/content.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n padding: var(--gap-2) 0 0 var(--gap-16);\n flex-grow: 1;\n min-width: 0;\n\n &.clickable {\n cursor: pointer;\n }\n\n &.single {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-top: 0;\n min-height: 48px;\n\n & .title {\n margin-bottom: 0;\n }\n }\n\n & .title {\n margin-bottom: var(--gap-4);\n display: block;\n overflow-wrap: break-word;\n\n &.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.restore {\n color: var(--color-light-text-tertiary);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,WAAW,CAAC,mCAAmC,CAAC,QAAQ,CAAC,gCAAgC,CAAC,OAAO,CAAC,+BAA+B,CAAC,UAAU,CAAC,kCAAkC,CAAC,SAAS,CAAC,iCAAiC,CAAC;;;;"}
1
+ {"version":3,"file":"content.module.css.js","sources":["../../src/components/content/content.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n padding: var(--gap-2) 0 0 var(--gap-16);\n flex-grow: 1;\n min-width: 0;\n\n &.clickable {\n cursor: pointer;\n }\n\n &.single {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-top: 0;\n min-height: 48px;\n\n & .title {\n margin-bottom: 0;\n }\n }\n\n & .title {\n margin-bottom: var(--gap-4);\n display: block;\n overflow-wrap: break-word;\n\n &.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.restore {\n color: var(--color-light-text-tertiary);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,WAAW,CAAC,mCAAmC,CAAC,QAAQ,CAAC,gCAAgC,CAAC,OAAO,CAAC,+BAA+B,CAAC,UAAU,CAAC,kCAAkC,CAAC,SAAS,CAAC,iCAAiC,CAAC;;;;"}
@@ -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_1h67t {
8
+ } .file-upload-item__iconPDFColored_1fhbm {
9
9
  fill: var(--color-light-decorative-red);
10
- } .file-upload-item__iconDOCColored_1h67t {
10
+ } .file-upload-item__iconDOCColored_1fhbm {
11
11
  fill: var(--color-light-decorative-blue);
12
- } .file-upload-item__iconExcelColored_1h67t {
12
+ } .file-upload-item__iconExcelColored_1fhbm {
13
13
  fill: var(--color-light-decorative-green);
14
- } .file-upload-item__icon1CColored_1h67t {
14
+ } .file-upload-item__icon1CColored_1fhbm {
15
15
  fill: var(--color-light-decorative-orange);
16
- } .file-upload-item__iconDocumentColored_1h67t {
16
+ } .file-upload-item__iconDocumentColored_1fhbm {
17
17
  fill: var(--color-light-neutral-translucent-1300);
18
18
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_1h67t","iconDOCColored":"file-upload-item__iconDOCColored_1h67t","iconExcelColored":"file-upload-item__iconExcelColored_1h67t","icon1CColored":"file-upload-item__icon1CColored_1h67t","iconDocumentColored":"file-upload-item__iconDocumentColored_1h67t"};
5
+ var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_1fhbm","iconDOCColored":"file-upload-item__iconDOCColored_1fhbm","iconExcelColored":"file-upload-item__iconExcelColored_1fhbm","icon1CColored":"file-upload-item__icon1CColored_1fhbm","iconDocumentColored":"file-upload-item__iconDocumentColored_1fhbm"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../../src/components/status-control/extension-icon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '@alfalab/core-components-vars/src/colors-decorative.css';\n\n.iconPDFColored {\n fill: var(--color-light-decorative-red);\n}\n\n.iconDOCColored {\n fill: var(--color-light-decorative-blue);\n}\n\n.iconExcelColored {\n fill: var(--color-light-decorative-green);\n}\n\n.icon1CColored {\n fill: var(--color-light-decorative-orange);\n}\n\n.iconDocumentColored {\n fill: var(--color-light-neutral-translucent-1300);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,kBAAkB,CAAC,0CAA0C,CAAC,eAAe,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,6CAA6C,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../../src/components/status-control/extension-icon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '@alfalab/core-components-vars/src/colors-decorative.css';\n\n.iconPDFColored {\n fill: var(--color-light-decorative-red);\n}\n\n.iconDOCColored {\n fill: var(--color-light-decorative-blue);\n}\n\n.iconExcelColored {\n fill: var(--color-light-decorative-green);\n}\n\n.icon1CColored {\n fill: var(--color-light-decorative-orange);\n}\n\n.iconDocumentColored {\n fill: var(--color-light-neutral-translucent-1300);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,kBAAkB,CAAC,0CAA0C,CAAC,eAAe,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,6CAA6C,CAAC;;;;"}
@@ -4,22 +4,22 @@
4
4
  } :root {
5
5
  --gap-2xs-neg: -4px;
6
6
  --gap-4-neg: var(--gap-2xs-neg);
7
- } .file-upload-item__container_1duff {
8
- position: relative
9
- } .file-upload-item__container_1duff.file-upload-item__clickable_1duff {
7
+ } .file-upload-item__container_1c5j8 {
8
+ position: relative;
9
+ } .file-upload-item__container_1c5j8.file-upload-item__clickable_1c5j8 {
10
10
  cursor: pointer;
11
- } .file-upload-item__container_1duff .file-upload-item__progress_1duff {
11
+ } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8 {
12
12
  position: absolute;
13
13
  top: var(--gap-4-neg);
14
14
  left: var(--gap-4-neg);
15
15
  z-index: 1;
16
- will-change: opacity
17
- } .file-upload-item__container_1duff .file-upload-item__progress_1duff.file-upload-item__success_1duff,
18
- .file-upload-item__container_1duff .file-upload-item__progress_1duff.file-upload-item__error_1duff {
16
+ will-change: opacity;
17
+ } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__success_1c5j8,
18
+ .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__error_1c5j8 {
19
19
  transition: opacity 400ms ease-in;
20
20
  opacity: 0;
21
- } .file-upload-item__container_1duff .file-upload-item__progress_1duff.file-upload-item__success_1duff path {
21
+ } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__success_1c5j8 path {
22
22
  stroke: var(--color-light-status-positive);
23
- } .file-upload-item__container_1duff .file-upload-item__progress_1duff.file-upload-item__error_1duff path {
23
+ } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__error_1c5j8 path {
24
24
  stroke: var(--color-light-status-negative);
25
25
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"container":"file-upload-item__container_1duff","clickable":"file-upload-item__clickable_1duff","progress":"file-upload-item__progress_1duff","success":"file-upload-item__success_1duff","error":"file-upload-item__error_1duff"};
5
+ var styles = {"container":"file-upload-item__container_1c5j8","clickable":"file-upload-item__clickable_1c5j8","progress":"file-upload-item__progress_1c5j8","success":"file-upload-item__success_1c5j8","error":"file-upload-item__error_1c5j8"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/status-control/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n position: relative;\n\n &.clickable {\n cursor: pointer;\n }\n\n & .progress {\n position: absolute;\n top: var(--gap-4-neg);\n left: var(--gap-4-neg);\n z-index: 1;\n will-change: opacity;\n\n &.success,\n &.error {\n transition: opacity 400ms ease-in;\n opacity: 0;\n }\n\n &.success {\n & path {\n stroke: var(--color-light-status-positive);\n }\n }\n\n &.error {\n & path {\n stroke: var(--color-light-status-negative);\n }\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,WAAW,CAAC,mCAAmC,CAAC,UAAU,CAAC,kCAAkC,CAAC,SAAS,CAAC,iCAAiC,CAAC,OAAO,CAAC,+BAA+B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/status-control/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n position: relative;\n\n &.clickable {\n cursor: pointer;\n }\n\n & .progress {\n position: absolute;\n top: var(--gap-4-neg);\n left: var(--gap-4-neg);\n z-index: 1;\n will-change: opacity;\n\n &.success,\n &.error {\n transition: opacity 400ms ease-in;\n opacity: 0;\n }\n\n &.success {\n & path {\n stroke: var(--color-light-status-positive);\n }\n }\n\n &.error {\n & path {\n stroke: var(--color-light-status-negative);\n }\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,WAAW,CAAC,mCAAmC,CAAC,UAAU,CAAC,kCAAkC,CAAC,SAAS,CAAC,iCAAiC,CAAC,OAAO,CAAC,+BAA+B,CAAC;;;;"}
@@ -1,4 +1,4 @@
1
- import { FC } from 'react';
1
+ import { type FC } from 'react';
2
2
  declare type Props = {
3
3
  className: string;
4
4
  strokeDasharray: number;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/status-control/progress-bar/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\ntype Props = {\n className: string;\n strokeDasharray: number;\n strokeDashoffset: number;\n};\n\nexport const ProgressBar: FC<Props> = (props) => {\n const { className, strokeDasharray, strokeDashoffset } = props;\n\n return (\n <svg\n className={className}\n width='56'\n height='56'\n viewBox='0 0 56 56'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path\n d='M28 1C32.7738 1 36.7752 1.34174 40.0029 1.80371C47.4798 2.87385 53.1262 8.52019 54.1963 15.9971C54.6583 19.2248 55 23.2262 55 28C55 32.7738 54.6583 36.7752 54.1963 40.0029C53.1262 47.4798 47.4798 53.1262 40.0029 54.1963C36.7752 54.6583 32.7738 55 28 55C23.2262 55 19.2248 54.6583 15.9971 54.1963C8.5202 53.1262 2.87385 47.4798 1.80371 40.0029C1.34175 36.7752 1 32.7738 1 28C1 23.2262 1.34174 19.2248 1.80371 15.9971C2.87385 8.5202 8.5202 2.87385 15.9971 1.80371C19.2248 1.34174 23.2262 1 28 1Z'\n stroke='#babbc2'\n strokeWidth='2'\n strokeDasharray={strokeDasharray}\n strokeDashoffset={strokeDashoffset}\n />\n </svg>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAQO,IAAM,WAAW,GAAc,UAAC,KAAK,EAAA;AAChC,IAAA,IAAA,SAAS,GAAwC,KAAK,CAAA,SAA7C,EAAE,eAAe,GAAuB,KAAK,CAAA,eAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV;IAEpD,QACIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;QAElCA,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,+eAA+e,EACjf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAAA,CACpC,CACA;AAEd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/status-control/progress-bar/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\ntype Props = {\n className: string;\n strokeDasharray: number;\n strokeDashoffset: number;\n};\n\nexport const ProgressBar: FC<Props> = (props) => {\n const { className, strokeDasharray, strokeDashoffset } = props;\n\n return (\n <svg\n className={className}\n width='56'\n height='56'\n viewBox='0 0 56 56'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path\n d='M28 1C32.7738 1 36.7752 1.34174 40.0029 1.80371C47.4798 2.87385 53.1262 8.52019 54.1963 15.9971C54.6583 19.2248 55 23.2262 55 28C55 32.7738 54.6583 36.7752 54.1963 40.0029C53.1262 47.4798 47.4798 53.1262 40.0029 54.1963C36.7752 54.6583 32.7738 55 28 55C23.2262 55 19.2248 54.6583 15.9971 54.1963C8.5202 53.1262 2.87385 47.4798 1.80371 40.0029C1.34175 36.7752 1 32.7738 1 28C1 23.2262 1.34174 19.2248 1.80371 15.9971C2.87385 8.5202 8.5202 2.87385 15.9971 1.80371C19.2248 1.34174 23.2262 1 28 1Z'\n stroke='#babbc2'\n strokeWidth='2'\n strokeDasharray={strokeDasharray}\n strokeDashoffset={strokeDashoffset}\n />\n </svg>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAQO,IAAM,WAAW,GAAc,UAAC,KAAK,EAAA;AAChC,IAAA,IAAA,SAAS,GAAwC,KAAK,CAAA,SAA7C,EAAE,eAAe,GAAuB,KAAK,CAAA,eAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV;IAEpD,QACIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;QAElCA,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,+eAA+e,EACjf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAAA,CACpC,CACA;AAEd;;;;"}
@@ -1,4 +1,4 @@
1
- import { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
1
+ import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent } from 'react';
2
2
  import { type FileUploadItemStatus } from '../types/status';
3
3
  declare type TFileUploadItemContext = {
4
4
  showRestore?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"file-upload-item-context.js","sources":["../src/context/file-upload-item-context.tsx"],"sourcesContent":["import { createContext, ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';\n\nimport { type FileUploadItemStatus } from '../types/status';\n\ntype TFileUploadItemContext = {\n showRestore?: boolean;\n uploadStatus?: FileUploadItemStatus;\n error?: string | string[];\n title?: string;\n subtitle?: string;\n uploadDate?: string;\n size?: string | number;\n id?: string;\n onDownload?: (id: string) => void;\n onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;\n onRestore?: (id: string) => void;\n downloadLink?: string;\n download?: string | true;\n disableButtons?: boolean;\n isClickable?: boolean;\n target?: HTMLAttributeAnchorTarget;\n showDelete?: boolean;\n customIcon?: ElementType<{ className?: string }>;\n iconStyle?: 'gray' | 'colored';\n progressBar?: number;\n customContent?: ElementType;\n truncate?: boolean;\n imageUrl?: string;\n actionsPresent?: boolean;\n setActionsPresent?: (present: boolean) => void;\n};\n\nexport const FileUploadItemContext = createContext<TFileUploadItemContext>({\n showRestore: false,\n uploadStatus: 'INITIAL',\n error: undefined,\n title: '',\n subtitle: '',\n uploadDate: '',\n size: 0,\n id: '0',\n onDownload: undefined,\n onDelete: undefined,\n onRestore: undefined,\n downloadLink: '',\n download: '',\n disableButtons: false,\n isClickable: true,\n target: undefined,\n showDelete: false,\n iconStyle: 'gray',\n customIcon: undefined,\n progressBar: 0,\n customContent: undefined,\n truncate: false,\n imageUrl: undefined,\n actionsPresent: false,\n setActionsPresent: undefined,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAgCO,IAAM,qBAAqB,GAAGA,mBAAa,CAAyB;AACvE,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC/B,CAAA;;;;"}
1
+ {"version":3,"file":"file-upload-item-context.js","sources":["../src/context/file-upload-item-context.ts"],"sourcesContent":["import {\n createContext,\n type ElementType,\n type HTMLAttributeAnchorTarget,\n type MouseEvent,\n} from 'react';\n\nimport { type FileUploadItemStatus } from '../types/status';\n\ntype TFileUploadItemContext = {\n showRestore?: boolean;\n uploadStatus?: FileUploadItemStatus;\n error?: string | string[];\n title?: string;\n subtitle?: string;\n uploadDate?: string;\n size?: string | number;\n id?: string;\n onDownload?: (id: string) => void;\n onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;\n onRestore?: (id: string) => void;\n downloadLink?: string;\n download?: string | true;\n disableButtons?: boolean;\n isClickable?: boolean;\n target?: HTMLAttributeAnchorTarget;\n showDelete?: boolean;\n customIcon?: ElementType<{ className?: string }>;\n iconStyle?: 'gray' | 'colored';\n progressBar?: number;\n customContent?: ElementType;\n truncate?: boolean;\n imageUrl?: string;\n actionsPresent?: boolean;\n setActionsPresent?: (present: boolean) => void;\n};\n\nexport const FileUploadItemContext = createContext<TFileUploadItemContext>({\n showRestore: false,\n uploadStatus: 'INITIAL',\n error: undefined,\n title: '',\n subtitle: '',\n uploadDate: '',\n size: 0,\n id: '0',\n onDownload: undefined,\n onDelete: undefined,\n onRestore: undefined,\n downloadLink: '',\n download: '',\n disableButtons: false,\n isClickable: true,\n target: undefined,\n showDelete: false,\n iconStyle: 'gray',\n customIcon: undefined,\n progressBar: 0,\n customContent: undefined,\n truncate: false,\n imageUrl: undefined,\n actionsPresent: false,\n setActionsPresent: undefined,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAqCO,IAAM,qBAAqB,GAAGA,mBAAa,CAAyB;AACvE,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC/B,CAAA;;;;"}
@@ -3,20 +3,20 @@
3
3
  --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
4
4
  } .container {
5
5
  display: flex;
6
- max-width: 144px
6
+ max-width: 144px;
7
7
  } .container .icon {
8
8
  width: 48px;
9
9
  height: 48px;
10
10
  } .deleteIconColor {
11
- fill: var(--color-light-text-tertiary)
11
+ fill: var(--color-light-text-tertiary);
12
12
  } .deleteIconColor:hover {
13
13
  fill: var(--color-light-text-tertiary-hover);
14
14
  } .downloadIconColor {
15
- fill: var(--color-light-text-tertiary)
15
+ fill: var(--color-light-text-tertiary);
16
16
  } .downloadIconColor:hover {
17
17
  fill: var(--color-light-text-tertiary-hover);
18
18
  } .restoreIconColor {
19
- fill: var(--color-light-text-tertiary)
19
+ fill: var(--color-light-text-tertiary);
20
20
  } .restoreIconColor:hover {
21
21
  fill: var(--color-light-text-tertiary-hover);
22
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"delete-button.js","sources":["../../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);\n\n const handleDelete = (e: MouseEvent<HTMLElement>) => {\n if (onDelete) {\n onDelete(id, e);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='удалить'\n icon={<CrossMIcon className={styles.deleteIconColor} />}\n disabled={disableButtons}\n onClick={handleDelete}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","CrossMIcon"],"mappings":";;;;;;;;;;;;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyCA,gBAAU,CAACC,2CAAqB,CAAC,EAAxE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAsC;IAEhF,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;AAC5C,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,eAAU,EACP,EAAA,SAAS,EAAEC,uBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,2BAAU,IAAC,SAAS,EAAED,uBAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}
1
+ {"version":3,"file":"delete-button.js","sources":["../../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);\n\n const handleDelete = (e: MouseEvent<HTMLElement>) => {\n if (onDelete) {\n onDelete(id, e);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='удалить'\n icon={<CrossMIcon className={styles.deleteIconColor} />}\n disabled={disableButtons}\n onClick={handleDelete}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","CrossMIcon"],"mappings":";;;;;;;;;;;;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyCA,gBAAU,CAACC,2CAAqB,CAAC,EAAxE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAsC;IAEhF,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;AAC5C,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,eAAU,EACP,EAAA,SAAS,EAAEC,uBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,2BAAU,IAAC,SAAS,EAAED,uBAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"download-button.js","sources":["../../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n const {\n id = '0',\n downloadLink,\n download,\n disableButtons,\n target,\n onDownload,\n } = useContext(FileUploadItemContext);\n\n const handleDownload = (e: MouseEvent<HTMLElement>) => {\n if (onDownload) {\n e.preventDefault();\n onDownload(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='скачать'\n icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n disabled={disableButtons}\n href={downloadLink}\n download={download}\n target={target}\n onClick={handleDownload}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","ArrowDownLineDownCompactMIcon"],"mappings":";;;;;;;;;;;;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOFA,gBAAU,CAACC,2CAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACuB;IAErC,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;AAC9C,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACIC,qCAACC,eAAU,EAAA,EACP,SAAS,EAAEC,uBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,8CAA6B,EAAC,EAAA,SAAS,EAAED,uBAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}
1
+ {"version":3,"file":"download-button.js","sources":["../../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n const {\n id = '0',\n downloadLink,\n download,\n disableButtons,\n target,\n onDownload,\n } = useContext(FileUploadItemContext);\n\n const handleDownload = (e: MouseEvent<HTMLElement>) => {\n if (onDownload) {\n e.preventDefault();\n onDownload(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='скачать'\n icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n disabled={disableButtons}\n href={downloadLink}\n download={download}\n target={target}\n onClick={handleDownload}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","ArrowDownLineDownCompactMIcon"],"mappings":";;;;;;;;;;;;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOFA,gBAAU,CAACC,2CAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACuB;IAErC,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;AAC9C,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACIC,qCAACC,eAAU,EAAA,EACP,SAAS,EAAEC,uBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,8CAA6B,EAAC,EAAA,SAAS,EAAED,uBAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}
@@ -2,7 +2,7 @@
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
4
  } .subtitle {
5
- display: block
5
+ display: block;
6
6
  } .subtitle.truncate {
7
7
  white-space: nowrap;
8
8
  overflow: hidden;
@@ -10,7 +10,7 @@
10
10
  } .container {
11
11
  padding: var(--gap-2) 0 0 var(--gap-16);
12
12
  flex-grow: 1;
13
- min-width: 0
13
+ min-width: 0;
14
14
  } .container.clickable {
15
15
  cursor: pointer;
16
16
  } .container.single {
@@ -18,13 +18,13 @@
18
18
  flex-direction: column;
19
19
  justify-content: center;
20
20
  padding-top: 0;
21
- min-height: 48px
21
+ min-height: 48px;
22
22
  } .container.single .title {
23
23
  margin-bottom: 0;
24
24
  } .container .title {
25
25
  margin-bottom: var(--gap-4);
26
26
  display: block;
27
- overflow-wrap: break-word
27
+ overflow-wrap: break-word;
28
28
  } .container .title.truncate {
29
29
  white-space: nowrap;
30
30
  overflow: hidden;
@@ -5,7 +5,7 @@
5
5
  --gap-2xs-neg: -4px;
6
6
  --gap-4-neg: var(--gap-2xs-neg);
7
7
  } .container {
8
- position: relative
8
+ position: relative;
9
9
  } .container.clickable {
10
10
  cursor: pointer;
11
11
  } .container .progress {
@@ -13,7 +13,7 @@
13
13
  top: var(--gap-4-neg);
14
14
  left: var(--gap-4-neg);
15
15
  z-index: 1;
16
- will-change: opacity
16
+ will-change: opacity;
17
17
  } .container .progress.success,
18
18
  .container .progress.error {
19
19
  transition: opacity 400ms ease-in;
@@ -1,4 +1,4 @@
1
- import { FC } from 'react';
1
+ import { type FC } from 'react';
2
2
  declare type Props = {
3
3
  className: string;
4
4
  strokeDasharray: number;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/status-control/progress-bar/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\ntype Props = {\n className: string;\n strokeDasharray: number;\n strokeDashoffset: number;\n};\n\nexport const ProgressBar: FC<Props> = (props) => {\n const { className, strokeDasharray, strokeDashoffset } = props;\n\n return (\n <svg\n className={className}\n width='56'\n height='56'\n viewBox='0 0 56 56'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path\n d='M28 1C32.7738 1 36.7752 1.34174 40.0029 1.80371C47.4798 2.87385 53.1262 8.52019 54.1963 15.9971C54.6583 19.2248 55 23.2262 55 28C55 32.7738 54.6583 36.7752 54.1963 40.0029C53.1262 47.4798 47.4798 53.1262 40.0029 54.1963C36.7752 54.6583 32.7738 55 28 55C23.2262 55 19.2248 54.6583 15.9971 54.1963C8.5202 53.1262 2.87385 47.4798 1.80371 40.0029C1.34175 36.7752 1 32.7738 1 28C1 23.2262 1.34174 19.2248 1.80371 15.9971C2.87385 8.5202 8.5202 2.87385 15.9971 1.80371C19.2248 1.34174 23.2262 1 28 1Z'\n stroke='#babbc2'\n strokeWidth='2'\n strokeDasharray={strokeDasharray}\n strokeDashoffset={strokeDashoffset}\n />\n </svg>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAQO,IAAM,WAAW,GAAc,UAAC,KAAK,EAAA;AAChC,IAAA,IAAA,SAAS,GAAwC,KAAK,CAAA,SAA7C,EAAE,eAAe,GAAuB,KAAK,CAAA,eAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV;IAEpD,QACIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;QAElCA,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,+eAA+e,EACjf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAAA,CACpC,CACA;AAEd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/status-control/progress-bar/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\ntype Props = {\n className: string;\n strokeDasharray: number;\n strokeDashoffset: number;\n};\n\nexport const ProgressBar: FC<Props> = (props) => {\n const { className, strokeDasharray, strokeDashoffset } = props;\n\n return (\n <svg\n className={className}\n width='56'\n height='56'\n viewBox='0 0 56 56'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path\n d='M28 1C32.7738 1 36.7752 1.34174 40.0029 1.80371C47.4798 2.87385 53.1262 8.52019 54.1963 15.9971C54.6583 19.2248 55 23.2262 55 28C55 32.7738 54.6583 36.7752 54.1963 40.0029C53.1262 47.4798 47.4798 53.1262 40.0029 54.1963C36.7752 54.6583 32.7738 55 28 55C23.2262 55 19.2248 54.6583 15.9971 54.1963C8.5202 53.1262 2.87385 47.4798 1.80371 40.0029C1.34175 36.7752 1 32.7738 1 28C1 23.2262 1.34174 19.2248 1.80371 15.9971C2.87385 8.5202 8.5202 2.87385 15.9971 1.80371C19.2248 1.34174 23.2262 1 28 1Z'\n stroke='#babbc2'\n strokeWidth='2'\n strokeDasharray={strokeDasharray}\n strokeDashoffset={strokeDashoffset}\n />\n </svg>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAQO,IAAM,WAAW,GAAc,UAAC,KAAK,EAAA;AAChC,IAAA,IAAA,SAAS,GAAwC,KAAK,CAAA,SAA7C,EAAE,eAAe,GAAuB,KAAK,CAAA,eAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV;IAEpD,QACIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;QAElCA,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,+eAA+e,EACjf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAAA,CACpC,CACA;AAEd;;;;"}
@@ -1,4 +1,4 @@
1
- import { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
1
+ import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent } from 'react';
2
2
  import { type FileUploadItemStatus } from '../types/status';
3
3
  declare type TFileUploadItemContext = {
4
4
  showRestore?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"file-upload-item-context.js","sources":["../../src/context/file-upload-item-context.tsx"],"sourcesContent":["import { createContext, ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';\n\nimport { type FileUploadItemStatus } from '../types/status';\n\ntype TFileUploadItemContext = {\n showRestore?: boolean;\n uploadStatus?: FileUploadItemStatus;\n error?: string | string[];\n title?: string;\n subtitle?: string;\n uploadDate?: string;\n size?: string | number;\n id?: string;\n onDownload?: (id: string) => void;\n onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;\n onRestore?: (id: string) => void;\n downloadLink?: string;\n download?: string | true;\n disableButtons?: boolean;\n isClickable?: boolean;\n target?: HTMLAttributeAnchorTarget;\n showDelete?: boolean;\n customIcon?: ElementType<{ className?: string }>;\n iconStyle?: 'gray' | 'colored';\n progressBar?: number;\n customContent?: ElementType;\n truncate?: boolean;\n imageUrl?: string;\n actionsPresent?: boolean;\n setActionsPresent?: (present: boolean) => void;\n};\n\nexport const FileUploadItemContext = createContext<TFileUploadItemContext>({\n showRestore: false,\n uploadStatus: 'INITIAL',\n error: undefined,\n title: '',\n subtitle: '',\n uploadDate: '',\n size: 0,\n id: '0',\n onDownload: undefined,\n onDelete: undefined,\n onRestore: undefined,\n downloadLink: '',\n download: '',\n disableButtons: false,\n isClickable: true,\n target: undefined,\n showDelete: false,\n iconStyle: 'gray',\n customIcon: undefined,\n progressBar: 0,\n customContent: undefined,\n truncate: false,\n imageUrl: undefined,\n actionsPresent: false,\n setActionsPresent: undefined,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAgCO,IAAM,qBAAqB,GAAGA,mBAAa,CAAyB;AACvE,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC/B,CAAA;;;;"}
1
+ {"version":3,"file":"file-upload-item-context.js","sources":["../../src/context/file-upload-item-context.ts"],"sourcesContent":["import {\n createContext,\n type ElementType,\n type HTMLAttributeAnchorTarget,\n type MouseEvent,\n} from 'react';\n\nimport { type FileUploadItemStatus } from '../types/status';\n\ntype TFileUploadItemContext = {\n showRestore?: boolean;\n uploadStatus?: FileUploadItemStatus;\n error?: string | string[];\n title?: string;\n subtitle?: string;\n uploadDate?: string;\n size?: string | number;\n id?: string;\n onDownload?: (id: string) => void;\n onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;\n onRestore?: (id: string) => void;\n downloadLink?: string;\n download?: string | true;\n disableButtons?: boolean;\n isClickable?: boolean;\n target?: HTMLAttributeAnchorTarget;\n showDelete?: boolean;\n customIcon?: ElementType<{ className?: string }>;\n iconStyle?: 'gray' | 'colored';\n progressBar?: number;\n customContent?: ElementType;\n truncate?: boolean;\n imageUrl?: string;\n actionsPresent?: boolean;\n setActionsPresent?: (present: boolean) => void;\n};\n\nexport const FileUploadItemContext = createContext<TFileUploadItemContext>({\n showRestore: false,\n uploadStatus: 'INITIAL',\n error: undefined,\n title: '',\n subtitle: '',\n uploadDate: '',\n size: 0,\n id: '0',\n onDownload: undefined,\n onDelete: undefined,\n onRestore: undefined,\n downloadLink: '',\n download: '',\n disableButtons: false,\n isClickable: true,\n target: undefined,\n showDelete: false,\n iconStyle: 'gray',\n customIcon: undefined,\n progressBar: 0,\n customContent: undefined,\n truncate: false,\n imageUrl: undefined,\n actionsPresent: false,\n setActionsPresent: undefined,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAqCO,IAAM,qBAAqB,GAAGA,mBAAa,CAAyB;AACvE,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC/B,CAAA;;;;"}
@@ -1,4 +1,4 @@
1
- import React, { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
1
+ import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
2
2
  import { type FileUploadItemStatus } from './status';
3
3
  export declare type FileUploadItemProps = {
4
4
  /**
@@ -53,7 +53,7 @@ export declare type FileUploadItemProps = {
53
53
  /**
54
54
  * Дочерние элементы
55
55
  */
56
- children?: React.ReactNode;
56
+ children?: ReactNode;
57
57
  /**
58
58
  * Обработчик загрузки файла
59
59
  */
@@ -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_1i1mv {
4
+ } .file-upload-item__container_1pzvi {
5
5
  display: flex;
6
- max-width: 144px
7
- } .file-upload-item__container_1i1mv .file-upload-item__icon_1i1mv {
6
+ max-width: 144px;
7
+ } .file-upload-item__container_1pzvi .file-upload-item__icon_1pzvi {
8
8
  width: 48px;
9
9
  height: 48px;
10
- } .file-upload-item__deleteIconColor_1i1mv {
11
- fill: var(--color-light-text-tertiary)
12
- } .file-upload-item__deleteIconColor_1i1mv:hover {
10
+ } .file-upload-item__deleteIconColor_1pzvi {
11
+ fill: var(--color-light-text-tertiary);
12
+ } .file-upload-item__deleteIconColor_1pzvi:hover {
13
13
  fill: var(--color-light-text-tertiary-hover);
14
- } .file-upload-item__downloadIconColor_1i1mv {
15
- fill: var(--color-light-text-tertiary)
16
- } .file-upload-item__downloadIconColor_1i1mv:hover {
14
+ } .file-upload-item__downloadIconColor_1pzvi {
15
+ fill: var(--color-light-text-tertiary);
16
+ } .file-upload-item__downloadIconColor_1pzvi:hover {
17
17
  fill: var(--color-light-text-tertiary-hover);
18
- } .file-upload-item__restoreIconColor_1i1mv {
19
- fill: var(--color-light-text-tertiary)
20
- } .file-upload-item__restoreIconColor_1i1mv:hover {
18
+ } .file-upload-item__restoreIconColor_1pzvi {
19
+ fill: var(--color-light-text-tertiary);
20
+ } .file-upload-item__restoreIconColor_1pzvi:hover {
21
21
  fill: var(--color-light-text-tertiary-hover);
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import './actions-control.css';
2
2
 
3
- var styles = {"container":"file-upload-item__container_1i1mv","icon":"file-upload-item__icon_1i1mv","deleteIconColor":"file-upload-item__deleteIconColor_1i1mv","downloadIconColor":"file-upload-item__downloadIconColor_1i1mv","restoreIconColor":"file-upload-item__restoreIconColor_1i1mv"};
3
+ var styles = {"container":"file-upload-item__container_1pzvi","icon":"file-upload-item__icon_1pzvi","deleteIconColor":"file-upload-item__deleteIconColor_1pzvi","downloadIconColor":"file-upload-item__downloadIconColor_1pzvi","restoreIconColor":"file-upload-item__restoreIconColor_1pzvi"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=actions-control.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"actions-control.module.css.js","sources":["../../src/components/actions-control/actions-control.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n max-width: 144px;\n\n & .icon {\n width: 48px;\n height: 48px;\n }\n}\n\n.deleteIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.downloadIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.restoreIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,MAAM,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,yCAAyC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC;;;;"}
1
+ {"version":3,"file":"actions-control.module.css.js","sources":["../../src/components/actions-control/actions-control.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n display: flex;\n max-width: 144px;\n\n & .icon {\n width: 48px;\n height: 48px;\n }\n}\n\n.deleteIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.downloadIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n\n.restoreIconColor {\n fill: var(--color-light-text-tertiary);\n\n &:hover {\n fill: var(--color-light-text-tertiary-hover);\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,MAAM,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,yCAAyC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"delete-button.js","sources":["../../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);\n\n const handleDelete = (e: MouseEvent<HTMLElement>) => {\n if (onDelete) {\n onDelete(id, e);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='удалить'\n icon={<CrossMIcon className={styles.deleteIconColor} />}\n disabled={disableButtons}\n onClick={handleDelete}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyC,UAAU,CAAC,qBAAqB,CAAC,EAAxE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAsC;IAEhF,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;AAC5C,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}
1
+ {"version":3,"file":"delete-button.js","sources":["../../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);\n\n const handleDelete = (e: MouseEvent<HTMLElement>) => {\n if (onDelete) {\n onDelete(id, e);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='удалить'\n icon={<CrossMIcon className={styles.deleteIconColor} />}\n disabled={disableButtons}\n onClick={handleDelete}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyC,UAAU,CAAC,qBAAqB,CAAC,EAAxE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAsC;IAEhF,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;AAC5C,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"download-button.js","sources":["../../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n const {\n id = '0',\n downloadLink,\n download,\n disableButtons,\n target,\n onDownload,\n } = useContext(FileUploadItemContext);\n\n const handleDownload = (e: MouseEvent<HTMLElement>) => {\n if (onDownload) {\n e.preventDefault();\n onDownload(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='скачать'\n icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n disabled={disableButtons}\n href={downloadLink}\n download={download}\n target={target}\n onClick={handleDownload}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOF,UAAU,CAAC,qBAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACuB;IAErC,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;AAC9C,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACI,oBAAC,UAAU,EAAA,EACP,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,6BAA6B,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}
1
+ {"version":3,"file":"download-button.js","sources":["../../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n const {\n id = '0',\n downloadLink,\n download,\n disableButtons,\n target,\n onDownload,\n } = useContext(FileUploadItemContext);\n\n const handleDownload = (e: MouseEvent<HTMLElement>) => {\n if (onDownload) {\n e.preventDefault();\n onDownload(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size='xxs'\n aria-label='скачать'\n icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n disabled={disableButtons}\n href={downloadLink}\n download={download}\n target={target}\n onClick={handleDownload}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOF,UAAU,CAAC,qBAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACuB;IAErC,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;AAC9C,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACI,oBAAC,UAAU,EAAA,EACP,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,6BAA6B,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}
@@ -1,3 +1,3 @@
1
- .file-upload-item__errorItem_290ow {
1
+ .file-upload-item__errorItem_1hy38 {
2
2
  display: block;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './content-error.css';
2
2
 
3
- var styles = {"errorItem":"file-upload-item__errorItem_290ow"};
3
+ var styles = {"errorItem":"file-upload-item__errorItem_1hy38"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=content-error.module.css.js.map