@alfalab/core-components-file-upload-item 8.0.7 → 8.0.8-alfasans
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/actions-control/actions-control.css +8 -8
- package/components/actions-control/actions-control.module.css.js +1 -1
- package/components/content/components/content-error/content-error.css +1 -1
- package/components/content/components/content-error/content-error.module.css.js +1 -1
- package/components/content/components/content-subtitle/content-subtitle.css +3 -3
- package/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
- package/components/content/content.css +7 -7
- package/components/content/content.module.css.js +1 -1
- package/components/status-control/extension-icon/index.css +5 -5
- package/components/status-control/extension-icon/index.module.css.js +1 -1
- package/components/status-control/index.css +8 -8
- package/components/status-control/index.module.css.js +1 -1
- package/cssm/components/actions-control/components/delete-button/delete-button.js.map +1 -1
- package/cssm/components/actions-control/components/download-button/download-button.js.map +1 -1
- package/cssm/components/actions-control/components/restore-button/restore-button.js.map +1 -1
- package/cssm/components/content/components/content-error/content-error.js.map +1 -1
- package/cssm/components/content/components/content-subtitle/content-subtitle.js.map +1 -1
- package/esm/components/actions-control/actions-control.css +8 -8
- package/esm/components/actions-control/actions-control.module.css.js +1 -1
- package/esm/components/actions-control/components/delete-button/delete-button.js.map +1 -1
- package/esm/components/actions-control/components/download-button/download-button.js.map +1 -1
- package/esm/components/actions-control/components/restore-button/restore-button.js.map +1 -1
- package/esm/components/content/components/content-error/content-error.css +1 -1
- package/esm/components/content/components/content-error/content-error.js.map +1 -1
- package/esm/components/content/components/content-error/content-error.module.css.js +1 -1
- package/esm/components/content/components/content-subtitle/content-subtitle.css +3 -3
- package/esm/components/content/components/content-subtitle/content-subtitle.js.map +1 -1
- package/esm/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
- package/esm/components/content/content.css +7 -7
- package/esm/components/content/content.module.css.js +1 -1
- package/esm/components/status-control/extension-icon/index.css +5 -5
- package/esm/components/status-control/extension-icon/index.module.css.js +1 -1
- package/esm/components/status-control/index.css +8 -8
- package/esm/components/status-control/index.module.css.js +1 -1
- package/esm/index.css +2 -2
- package/esm/index.module.css.js +1 -1
- package/index.css +2 -2
- package/index.module.css.js +1 -1
- package/modern/components/actions-control/actions-control.css +8 -8
- package/modern/components/actions-control/actions-control.module.css.js +1 -1
- package/modern/components/actions-control/components/delete-button/delete-button.js.map +1 -1
- package/modern/components/actions-control/components/download-button/download-button.js.map +1 -1
- package/modern/components/actions-control/components/restore-button/restore-button.js.map +1 -1
- package/modern/components/content/components/content-error/content-error.css +1 -1
- package/modern/components/content/components/content-error/content-error.js.map +1 -1
- package/modern/components/content/components/content-error/content-error.module.css.js +1 -1
- package/modern/components/content/components/content-subtitle/content-subtitle.css +3 -3
- package/modern/components/content/components/content-subtitle/content-subtitle.js.map +1 -1
- package/modern/components/content/components/content-subtitle/content-subtitle.module.css.js +1 -1
- package/modern/components/content/content.css +7 -7
- package/modern/components/content/content.module.css.js +1 -1
- package/modern/components/status-control/extension-icon/index.css +5 -5
- package/modern/components/status-control/extension-icon/index.module.css.js +1 -1
- package/modern/components/status-control/index.css +8 -8
- package/modern/components/status-control/index.module.css.js +1 -1
- package/modern/index.css +2 -2
- package/modern/index.module.css.js +1 -1
- package/moderncssm/components/actions-control/components/delete-button/delete-button.js.map +1 -1
- package/moderncssm/components/actions-control/components/download-button/download-button.js.map +1 -1
- package/moderncssm/components/actions-control/components/restore-button/restore-button.js.map +1 -1
- package/moderncssm/components/content/components/content-error/content-error.js.map +1 -1
- package/moderncssm/components/content/components/content-subtitle/content-subtitle.js.map +1 -1
- package/package.json +7 -7
|
@@ -2,29 +2,29 @@
|
|
|
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
4
|
}
|
|
5
|
-
.file-upload-
|
|
5
|
+
.file-upload-item__container_ur35d {
|
|
6
6
|
display: flex;
|
|
7
7
|
max-width: 144px;
|
|
8
8
|
}
|
|
9
|
-
.file-upload-
|
|
9
|
+
.file-upload-item__container_ur35d .file-upload-item__icon_ur35d {
|
|
10
10
|
width: 48px;
|
|
11
11
|
height: 48px;
|
|
12
12
|
}
|
|
13
|
-
.file-upload-
|
|
13
|
+
.file-upload-item__deleteIconColor_ur35d {
|
|
14
14
|
fill: var(--color-light-text-tertiary);
|
|
15
15
|
}
|
|
16
|
-
.file-upload-
|
|
16
|
+
.file-upload-item__deleteIconColor_ur35d:hover {
|
|
17
17
|
fill: var(--color-light-text-tertiary-hover);
|
|
18
18
|
}
|
|
19
|
-
.file-upload-
|
|
19
|
+
.file-upload-item__downloadIconColor_ur35d {
|
|
20
20
|
fill: var(--color-light-text-tertiary);
|
|
21
21
|
}
|
|
22
|
-
.file-upload-
|
|
22
|
+
.file-upload-item__downloadIconColor_ur35d:hover {
|
|
23
23
|
fill: var(--color-light-text-tertiary-hover);
|
|
24
24
|
}
|
|
25
|
-
.file-upload-
|
|
25
|
+
.file-upload-item__restoreIconColor_ur35d {
|
|
26
26
|
fill: var(--color-light-text-tertiary);
|
|
27
27
|
}
|
|
28
|
-
.file-upload-
|
|
28
|
+
.file-upload-item__restoreIconColor_ur35d:hover {
|
|
29
29
|
fill: var(--color-light-text-tertiary-hover);
|
|
30
30
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./actions-control.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"file-upload-
|
|
5
|
+
var styles = {"container":"file-upload-item__container_ur35d","icon":"file-upload-item__icon_ur35d","deleteIconColor":"file-upload-item__deleteIconColor_ur35d","downloadIconColor":"file-upload-item__downloadIconColor_ur35d","restoreIconColor":"file-upload-item__restoreIconColor_ur35d"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=actions-control.module.css.js.map
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
--gap-xs: 8px;
|
|
3
3
|
--gap-8: var(--gap-xs);
|
|
4
4
|
}
|
|
5
|
-
.file-upload-
|
|
5
|
+
.file-upload-item__subtitle_10paj {
|
|
6
6
|
display: block;
|
|
7
7
|
}
|
|
8
|
-
.file-upload-
|
|
8
|
+
.file-upload-item__subtitle_10paj.file-upload-item__truncate_10paj {
|
|
9
9
|
white-space: nowrap;
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
text-overflow: ellipsis;
|
|
12
12
|
}
|
|
13
|
-
.file-upload-
|
|
13
|
+
.file-upload-item__size_10paj {
|
|
14
14
|
margin-right: var(--gap-8);
|
|
15
15
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./content-subtitle.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"subtitle":"file-upload-
|
|
5
|
+
var styles = {"subtitle":"file-upload-item__subtitle_10paj","truncate":"file-upload-item__truncate_10paj","size":"file-upload-item__size_10paj"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=content-subtitle.module.css.js.map
|
|
@@ -9,34 +9,34 @@
|
|
|
9
9
|
--gap-4: var(--gap-2xs);
|
|
10
10
|
--gap-16: var(--gap-m);
|
|
11
11
|
}
|
|
12
|
-
.file-upload-
|
|
12
|
+
.file-upload-item__container_xpj65 {
|
|
13
13
|
padding: var(--gap-2) 0 0 var(--gap-16);
|
|
14
14
|
flex-grow: 1;
|
|
15
15
|
min-width: 0;
|
|
16
16
|
}
|
|
17
|
-
.file-upload-
|
|
17
|
+
.file-upload-item__container_xpj65.file-upload-item__clickable_xpj65 {
|
|
18
18
|
cursor: pointer;
|
|
19
19
|
}
|
|
20
|
-
.file-upload-
|
|
20
|
+
.file-upload-item__container_xpj65.file-upload-item__single_xpj65 {
|
|
21
21
|
display: flex;
|
|
22
22
|
flex-direction: column;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
padding-top: 0;
|
|
25
25
|
min-height: 48px;
|
|
26
26
|
}
|
|
27
|
-
.file-upload-
|
|
27
|
+
.file-upload-item__container_xpj65.file-upload-item__single_xpj65 .file-upload-item__title_xpj65 {
|
|
28
28
|
margin-bottom: 0;
|
|
29
29
|
}
|
|
30
|
-
.file-upload-
|
|
30
|
+
.file-upload-item__container_xpj65 .file-upload-item__title_xpj65 {
|
|
31
31
|
margin-bottom: var(--gap-4);
|
|
32
32
|
display: block;
|
|
33
33
|
overflow-wrap: break-word;
|
|
34
34
|
}
|
|
35
|
-
.file-upload-
|
|
35
|
+
.file-upload-item__container_xpj65 .file-upload-item__title_xpj65.file-upload-item__truncate_xpj65 {
|
|
36
36
|
white-space: nowrap;
|
|
37
37
|
overflow: hidden;
|
|
38
38
|
text-overflow: ellipsis;
|
|
39
39
|
}
|
|
40
|
-
.file-upload-
|
|
40
|
+
.file-upload-item__container_xpj65 .file-upload-item__title_xpj65.file-upload-item__restore_xpj65 {
|
|
41
41
|
color: var(--color-light-text-tertiary);
|
|
42
42
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./content.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"file-upload-
|
|
5
|
+
var styles = {"container":"file-upload-item__container_xpj65","clickable":"file-upload-item__clickable_xpj65","single":"file-upload-item__single_xpj65","title":"file-upload-item__title_xpj65","truncate":"file-upload-item__truncate_xpj65","restore":"file-upload-item__restore_xpj65"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=content.module.css.js.map
|
|
@@ -7,18 +7,18 @@
|
|
|
7
7
|
--color-light-decorative-orange: #fa9313;
|
|
8
8
|
--color-light-decorative-red: #fe5e48;
|
|
9
9
|
}
|
|
10
|
-
.file-upload-
|
|
10
|
+
.file-upload-item__iconPDFColored_15r90 {
|
|
11
11
|
fill: var(--color-light-decorative-red);
|
|
12
12
|
}
|
|
13
|
-
.file-upload-
|
|
13
|
+
.file-upload-item__iconDOCColored_15r90 {
|
|
14
14
|
fill: var(--color-light-decorative-blue);
|
|
15
15
|
}
|
|
16
|
-
.file-upload-
|
|
16
|
+
.file-upload-item__iconExcelColored_15r90 {
|
|
17
17
|
fill: var(--color-light-decorative-green);
|
|
18
18
|
}
|
|
19
|
-
.file-upload-
|
|
19
|
+
.file-upload-item__icon1CColored_15r90 {
|
|
20
20
|
fill: var(--color-light-decorative-orange);
|
|
21
21
|
}
|
|
22
|
-
.file-upload-
|
|
22
|
+
.file-upload-item__iconDocumentColored_15r90 {
|
|
23
23
|
fill: var(--color-light-neutral-translucent-1300);
|
|
24
24
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"iconPDFColored":"file-upload-
|
|
5
|
+
var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_15r90","iconDOCColored":"file-upload-item__iconDOCColored_15r90","iconExcelColored":"file-upload-item__iconExcelColored_15r90","icon1CColored":"file-upload-item__icon1CColored_15r90","iconDocumentColored":"file-upload-item__iconDocumentColored_15r90"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -7,30 +7,30 @@
|
|
|
7
7
|
--gap-2xs-neg: -4px;
|
|
8
8
|
--gap-4-neg: var(--gap-2xs-neg);
|
|
9
9
|
}
|
|
10
|
-
.file-upload-
|
|
10
|
+
.file-upload-item__container_23hih {
|
|
11
11
|
position: relative;
|
|
12
12
|
}
|
|
13
|
-
.file-upload-
|
|
13
|
+
.file-upload-item__container_23hih.file-upload-item__clickable_23hih {
|
|
14
14
|
cursor: pointer;
|
|
15
15
|
}
|
|
16
|
-
.file-upload-
|
|
16
|
+
.file-upload-item__container_23hih .file-upload-item__progress_23hih {
|
|
17
17
|
position: absolute;
|
|
18
18
|
top: var(--gap-4-neg);
|
|
19
19
|
left: var(--gap-4-neg);
|
|
20
20
|
z-index: 1;
|
|
21
21
|
will-change: opacity;
|
|
22
22
|
}
|
|
23
|
-
.file-upload-
|
|
24
|
-
.file-upload-
|
|
23
|
+
.file-upload-item__container_23hih .file-upload-item__progress_23hih.file-upload-item__success_23hih,
|
|
24
|
+
.file-upload-item__container_23hih .file-upload-item__progress_23hih.file-upload-item__error_23hih {
|
|
25
25
|
transition: opacity 400ms ease-in;
|
|
26
26
|
opacity: 0;
|
|
27
27
|
}
|
|
28
|
-
.file-upload-
|
|
28
|
+
.file-upload-item__container_23hih .file-upload-item__progress_23hih.file-upload-item__success_23hih path {
|
|
29
29
|
stroke: var(--color-light-status-positive);
|
|
30
30
|
}
|
|
31
|
-
.file-upload-
|
|
31
|
+
.file-upload-item__container_23hih .file-upload-item__progress_23hih.file-upload-item__loading_23hih {
|
|
32
32
|
color: var(--color-light-neutral-500);
|
|
33
33
|
}
|
|
34
|
-
.file-upload-
|
|
34
|
+
.file-upload-item__container_23hih .file-upload-item__progress_23hih.file-upload-item__error_23hih path {
|
|
35
35
|
stroke: var(--color-light-status-negative);
|
|
36
36
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"file-upload-
|
|
5
|
+
var styles = {"container":"file-upload-item__container_23hih","clickable":"file-upload-item__clickable_23hih","progress":"file-upload-item__progress_23hih","success":"file-upload-item__success_23hih","error":"file-upload-item__error_23hih","loading":"file-upload-item__loading_23hih"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete-button.js","sources":["
|
|
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={24}\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;QAC5C,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;;AAEvB,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,eAAU,EACP,EAAA,SAAS,EAAEC,uBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,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":["
|
|
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={24}\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;QAC9C,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;;AAEtB,KAAC;IAED,QACIC,qCAACC,eAAU,EAAA,EACP,SAAS,EAAEC,uBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EAAA,YAAA,EACG,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"restore-button.js","sources":["
|
|
1
|
+
{"version":3,"file":"restore-button.js","sources":["../../../../src/components/actions-control/components/restore-button/restore-button.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const RestoreButton = () => {\n const { id = '0', disableButtons, onRestore } = useContext(FileUploadItemContext);\n\n const handleRestore = () => {\n if (onRestore) {\n onRestore(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size={24}\n aria-label='восстановить'\n icon={<ArrowsCwCompactMIcon className={styles.restoreIconColor} />}\n disabled={disableButtons}\n onClick={handleRestore}\n />\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","ArrowsCwCompactMIcon"],"mappings":";;;;;;;;;;;;;;;;AASa,IAAA,aAAa,GAAG,YAAA;AACnB,IAAA,IAAA,KAA0CA,gBAAU,CAACC,2CAAqB,CAAC,EAAzE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAsC;AAEjF,IAAA,IAAM,aAAa,GAAG,YAAA;QAClB,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,EAAE,CAAC;;AAErB,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,eAAU,EACP,EAAA,SAAS,EAAEC,uBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,YAAA,EAAA,0EAAc,EACzB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,qCAAoB,IAAC,SAAS,EAAED,uBAAM,CAAC,gBAAgB,EAAI,CAAA,EAClE,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,aAAa,EAAA,CACxB;AAEV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-error.js","sources":["
|
|
1
|
+
{"version":3,"file":"content-error.js","sources":["../../../../src/components/content/components/content-error/content-error.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from './content-error.module.css';\n\nexport const ContentError = () => {\n const { error } = useContext(FileUploadItemContext);\n\n if (typeof error === 'string' && error.length > 0) {\n return (\n <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n {error}\n </TypographyText>\n );\n }\n\n if (Array.isArray(error) && error.length > 0) {\n return (\n <div>\n {error.map((item) => (\n <TypographyText\n key={item}\n className={styles.errorItem}\n view='primary-small'\n color='negative'\n >\n {item}\n </TypographyText>\n ))}\n </div>\n );\n }\n\n return (\n <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n Не удалось загрузить файл\n </TypographyText>\n );\n};\n"],"names":["useContext","FileUploadItemContext","React","TypographyText","styles"],"mappings":";;;;;;;;;;;;;;AAQa,IAAA,YAAY,GAAG,YAAA;AAChB,IAAA,IAAA,KAAK,GAAKA,gBAAU,CAACC,2CAAqB,CAAC,MAAtC;IAEb,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/C,QACIC,qCAACC,mBAAc,EAAA,EAAC,SAAS,EAAEC,uBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAC7E,EAAA,KAAK,CACO;;AAIzB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,QAAA,QACIF,sBACK,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA,EAAK,QACjBA,qCAACC,mBAAc,EAAA,EACX,GAAG,EAAE,IAAI,EACT,SAAS,EAAEC,uBAAM,CAAC,SAAS,EAC3B,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,UAAU,EAEf,EAAA,IAAI,CACQ,EACpB,EAAA,CAAC,CACA;;AAId,IAAA,QACIF,sBAAC,CAAA,aAAA,CAAAC,mBAAc,IAAC,SAAS,EAAEC,uBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,yIAAA,CAEjE;AAEzB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-subtitle.js","sources":["
|
|
1
|
+
{"version":3,"file":"content-subtitle.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { humanFileSize } from '@alfalab/core-components-shared';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { MAX_PROGRESS_BAR_VALUE } from '../../../../const/progress-bar';\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\nimport {\n isErrorStatus,\n isSuccessStatus,\n isUploadedStatus,\n isUploadingStatus,\n} from '../../../../utils';\nimport { isError } from '../../utils/isError';\nimport { ContentError } from '../content-error';\n\nimport styles from './content-subtitle.module.css';\n\nexport const ContentSubtitle = () => {\n const { uploadStatus, subtitle, uploadDate, size, truncate, showRestore, error, progressBar } =\n useContext(FileUploadItemContext);\n\n const shouldShownError = isErrorStatus(uploadStatus) || isError(error);\n const showMeta =\n !showRestore && (isSuccessStatus(uploadStatus) || isUploadedStatus(uploadStatus));\n\n // валидация progressBar (не должен превышать 100 и быть меньше 0)\n const validateProgressBarValue = (progressValue: number | undefined) => {\n if (progressValue === undefined) {\n return 0;\n }\n\n return Math.min(Math.max(progressValue, 0), MAX_PROGRESS_BAR_VALUE);\n };\n\n const validProgressBar = validateProgressBarValue(progressBar);\n\n // uploading status\n if (isUploadingStatus(uploadStatus)) {\n return (\n <TypographyText view='primary-small' color='secondary'>\n Загружено{'\\u00A0'}\n {Math.floor(validProgressBar)}%\n </TypographyText>\n );\n }\n\n // error status\n if (shouldShownError) {\n return <ContentError />;\n }\n\n // success status\n if (showMeta) {\n return (\n <div>\n {size && (\n <TypographyText className={styles.size} view='primary-small' color='secondary'>\n {humanFileSize(size)}\n </TypographyText>\n )}\n {uploadDate && (\n <TypographyText view='primary-small' color='secondary'>\n {uploadDate}\n </TypographyText>\n )}\n </div>\n );\n }\n\n // restore status\n if (showRestore) {\n return (\n <TypographyText view='primary-small' color='tertiary'>\n Файл удален\n </TypographyText>\n );\n }\n\n return (\n <TypographyText\n className={cn(styles.subtitle, {\n [styles.truncate]: truncate,\n })}\n view='primary-small'\n color='secondary'\n >\n {subtitle}\n </TypographyText>\n );\n};\n"],"names":["useContext","FileUploadItemContext","progressBar","isErrorStatus","isError","isSuccessStatus","isUploadedStatus","MAX_PROGRESS_BAR_VALUE","isUploadingStatus","React","TypographyText","ContentError","styles","humanFileSize","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBa,IAAA,eAAe,GAAG,YAAA;;AACrB,IAAA,IAAA,EACF,GAAAA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAEC,aAAW,iBACtD;IAErC,IAAM,gBAAgB,GAAGC,mBAAa,CAAC,YAAY,CAAC,IAAIC,eAAO,CAAC,KAAK,CAAC;AACtE,IAAA,IAAM,QAAQ,GACV,CAAC,WAAW,KAAKC,qBAAe,CAAC,YAAY,CAAC,IAAIC,sBAAgB,CAAC,YAAY,CAAC,CAAC;;IAGrF,IAAM,wBAAwB,GAAG,UAAC,aAAiC,EAAA;AAC/D,QAAA,IAAI,aAAa,KAAK,SAAS,EAAE;AAC7B,YAAA,OAAO,CAAC;;AAGZ,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,EAAEC,kCAAsB,CAAC;AACvE,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,wBAAwB,CAACL,aAAW,CAAC;;AAG9D,IAAA,IAAIM,uBAAiB,CAAC,YAAY,CAAC,EAAE;QACjC,QACIC,sBAAC,CAAA,aAAA,CAAAC,mBAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA;;YACxC,QAAQ;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAChB,YAAA,GAAA,CAAA;;;IAKzB,IAAI,gBAAgB,EAAE;QAClB,OAAOD,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG;;;IAI3B,IAAI,QAAQ,EAAE;AACV,QAAA,QACIF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACDA,sBAAA,CAAA,aAAA,CAACC,mBAAc,EAAA,EAAC,SAAS,EAAEE,uBAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EACzEC,oBAAa,CAAC,IAAI,CAAC,CACP,CACpB;AACA,YAAA,UAAU,KACPJ,sBAAA,CAAA,aAAA,CAACC,mBAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACjD,EAAA,UAAU,CACE,CACpB,CACC;;;IAKd,IAAI,WAAW,EAAE;AACb,QAAA,QACID,sBAAA,CAAA,aAAA,CAACC,mBAAc,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;;IAIzB,QACID,sBAAC,CAAA,aAAA,CAAAC,mBAAc,EACX,EAAA,SAAS,EAAEI,mBAAE,CAACF,uBAAM,CAAC,QAAQ,GAAA,EAAA,GAAA,EAAA;AACzB,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;gBAC7B,EACF,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EAEhB,EAAA,QAAQ,CACI;AAEzB;;;;"}
|
|
@@ -2,29 +2,29 @@
|
|
|
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
4
|
}
|
|
5
|
-
.file-upload-
|
|
5
|
+
.file-upload-item__container_ur35d {
|
|
6
6
|
display: flex;
|
|
7
7
|
max-width: 144px;
|
|
8
8
|
}
|
|
9
|
-
.file-upload-
|
|
9
|
+
.file-upload-item__container_ur35d .file-upload-item__icon_ur35d {
|
|
10
10
|
width: 48px;
|
|
11
11
|
height: 48px;
|
|
12
12
|
}
|
|
13
|
-
.file-upload-
|
|
13
|
+
.file-upload-item__deleteIconColor_ur35d {
|
|
14
14
|
fill: var(--color-light-text-tertiary);
|
|
15
15
|
}
|
|
16
|
-
.file-upload-
|
|
16
|
+
.file-upload-item__deleteIconColor_ur35d:hover {
|
|
17
17
|
fill: var(--color-light-text-tertiary-hover);
|
|
18
18
|
}
|
|
19
|
-
.file-upload-
|
|
19
|
+
.file-upload-item__downloadIconColor_ur35d {
|
|
20
20
|
fill: var(--color-light-text-tertiary);
|
|
21
21
|
}
|
|
22
|
-
.file-upload-
|
|
22
|
+
.file-upload-item__downloadIconColor_ur35d:hover {
|
|
23
23
|
fill: var(--color-light-text-tertiary-hover);
|
|
24
24
|
}
|
|
25
|
-
.file-upload-
|
|
25
|
+
.file-upload-item__restoreIconColor_ur35d {
|
|
26
26
|
fill: var(--color-light-text-tertiary);
|
|
27
27
|
}
|
|
28
|
-
.file-upload-
|
|
28
|
+
.file-upload-item__restoreIconColor_ur35d:hover {
|
|
29
29
|
fill: var(--color-light-text-tertiary-hover);
|
|
30
30
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './actions-control.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"container":"file-upload-
|
|
3
|
+
var styles = {"container":"file-upload-item__container_ur35d","icon":"file-upload-item__icon_ur35d","deleteIconColor":"file-upload-item__deleteIconColor_ur35d","downloadIconColor":"file-upload-item__downloadIconColor_ur35d","restoreIconColor":"file-upload-item__restoreIconColor_ur35d"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=actions-control.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete-button.js","sources":["
|
|
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={24}\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;QAC5C,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;;AAEvB,KAAC;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,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":["
|
|
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={24}\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;QAC9C,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;;AAEtB,KAAC;IAED,QACI,oBAAC,UAAU,EAAA,EACP,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EAAA,YAAA,EACG,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"restore-button.js","sources":["
|
|
1
|
+
{"version":3,"file":"restore-button.js","sources":["../../../../src/components/actions-control/components/restore-button/restore-button.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const RestoreButton = () => {\n const { id = '0', disableButtons, onRestore } = useContext(FileUploadItemContext);\n\n const handleRestore = () => {\n if (onRestore) {\n onRestore(id);\n }\n };\n\n return (\n <IconButton\n className={styles.icon}\n size={24}\n aria-label='восстановить'\n icon={<ArrowsCwCompactMIcon className={styles.restoreIconColor} />}\n disabled={disableButtons}\n onClick={handleRestore}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AASa,IAAA,aAAa,GAAG,YAAA;AACnB,IAAA,IAAA,KAA0C,UAAU,CAAC,qBAAqB,CAAC,EAAzE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAsC;AAEjF,IAAA,IAAM,aAAa,GAAG,YAAA;QAClB,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,EAAE,CAAC;;AAErB,KAAC;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,YAAA,EAAA,0EAAc,EACzB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,oBAAoB,IAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAI,CAAA,EAClE,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,aAAa,EAAA,CACxB;AAEV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-error.js","sources":["
|
|
1
|
+
{"version":3,"file":"content-error.js","sources":["../../../../src/components/content/components/content-error/content-error.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from './content-error.module.css';\n\nexport const ContentError = () => {\n const { error } = useContext(FileUploadItemContext);\n\n if (typeof error === 'string' && error.length > 0) {\n return (\n <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n {error}\n </TypographyText>\n );\n }\n\n if (Array.isArray(error) && error.length > 0) {\n return (\n <div>\n {error.map((item) => (\n <TypographyText\n key={item}\n className={styles.errorItem}\n view='primary-small'\n color='negative'\n >\n {item}\n </TypographyText>\n ))}\n </div>\n );\n }\n\n return (\n <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n Не удалось загрузить файл\n </TypographyText>\n );\n};\n"],"names":[],"mappings":";;;;;AAQa,IAAA,YAAY,GAAG,YAAA;AAChB,IAAA,IAAA,KAAK,GAAK,UAAU,CAAC,qBAAqB,CAAC,MAAtC;IAEb,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/C,QACI,oBAAC,cAAc,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAC7E,EAAA,KAAK,CACO;;AAIzB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,QAAA,QACI,KACK,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA,EAAK,QACjB,oBAAC,cAAc,EAAA,EACX,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,UAAU,EAEf,EAAA,IAAI,CACQ,EACpB,EAAA,CAAC,CACA;;AAId,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,yIAAA,CAEjE;AAEzB;;;;"}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
--gap-xs: 8px;
|
|
3
3
|
--gap-8: var(--gap-xs);
|
|
4
4
|
}
|
|
5
|
-
.file-upload-
|
|
5
|
+
.file-upload-item__subtitle_10paj {
|
|
6
6
|
display: block;
|
|
7
7
|
}
|
|
8
|
-
.file-upload-
|
|
8
|
+
.file-upload-item__subtitle_10paj.file-upload-item__truncate_10paj {
|
|
9
9
|
white-space: nowrap;
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
text-overflow: ellipsis;
|
|
12
12
|
}
|
|
13
|
-
.file-upload-
|
|
13
|
+
.file-upload-item__size_10paj {
|
|
14
14
|
margin-right: var(--gap-8);
|
|
15
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-subtitle.js","sources":["
|
|
1
|
+
{"version":3,"file":"content-subtitle.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { humanFileSize } from '@alfalab/core-components-shared';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { MAX_PROGRESS_BAR_VALUE } from '../../../../const/progress-bar';\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\nimport {\n isErrorStatus,\n isSuccessStatus,\n isUploadedStatus,\n isUploadingStatus,\n} from '../../../../utils';\nimport { isError } from '../../utils/isError';\nimport { ContentError } from '../content-error';\n\nimport styles from './content-subtitle.module.css';\n\nexport const ContentSubtitle = () => {\n const { uploadStatus, subtitle, uploadDate, size, truncate, showRestore, error, progressBar } =\n useContext(FileUploadItemContext);\n\n const shouldShownError = isErrorStatus(uploadStatus) || isError(error);\n const showMeta =\n !showRestore && (isSuccessStatus(uploadStatus) || isUploadedStatus(uploadStatus));\n\n // валидация progressBar (не должен превышать 100 и быть меньше 0)\n const validateProgressBarValue = (progressValue: number | undefined) => {\n if (progressValue === undefined) {\n return 0;\n }\n\n return Math.min(Math.max(progressValue, 0), MAX_PROGRESS_BAR_VALUE);\n };\n\n const validProgressBar = validateProgressBarValue(progressBar);\n\n // uploading status\n if (isUploadingStatus(uploadStatus)) {\n return (\n <TypographyText view='primary-small' color='secondary'>\n Загружено{'\\u00A0'}\n {Math.floor(validProgressBar)}%\n </TypographyText>\n );\n }\n\n // error status\n if (shouldShownError) {\n return <ContentError />;\n }\n\n // success status\n if (showMeta) {\n return (\n <div>\n {size && (\n <TypographyText className={styles.size} view='primary-small' color='secondary'>\n {humanFileSize(size)}\n </TypographyText>\n )}\n {uploadDate && (\n <TypographyText view='primary-small' color='secondary'>\n {uploadDate}\n </TypographyText>\n )}\n </div>\n );\n }\n\n // restore status\n if (showRestore) {\n return (\n <TypographyText view='primary-small' color='tertiary'>\n Файл удален\n </TypographyText>\n );\n }\n\n return (\n <TypographyText\n className={cn(styles.subtitle, {\n [styles.truncate]: truncate,\n })}\n view='primary-small'\n color='secondary'\n >\n {subtitle}\n </TypographyText>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBa,IAAA,eAAe,GAAG,YAAA;;AACrB,IAAA,IAAA,EACF,GAAA,UAAU,CAAC,qBAAqB,CAAC,EAD7B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,WAAW,iBACtD;IAErC,IAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC;AACtE,IAAA,IAAM,QAAQ,GACV,CAAC,WAAW,KAAK,eAAe,CAAC,YAAY,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC;;IAGrF,IAAM,wBAAwB,GAAG,UAAC,aAAiC,EAAA;AAC/D,QAAA,IAAI,aAAa,KAAK,SAAS,EAAE;AAC7B,YAAA,OAAO,CAAC;;AAGZ,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,sBAAsB,CAAC;AACvE,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,wBAAwB,CAAC,WAAW,CAAC;;AAG9D,IAAA,IAAI,iBAAiB,CAAC,YAAY,CAAC,EAAE;QACjC,QACI,KAAC,CAAA,aAAA,CAAA,cAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA;;YACxC,QAAQ;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAChB,YAAA,GAAA,CAAA;;;IAKzB,IAAI,gBAAgB,EAAE;QAClB,OAAO,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG;;;IAI3B,IAAI,QAAQ,EAAE;AACV,QAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACD,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EACzE,aAAa,CAAC,IAAI,CAAC,CACP,CACpB;AACA,YAAA,UAAU,KACP,KAAA,CAAA,aAAA,CAAC,cAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACjD,EAAA,UAAU,CACE,CACpB,CACC;;;IAKd,IAAI,WAAW,EAAE;AACb,QAAA,QACI,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;;IAIzB,QACI,KAAC,CAAA,aAAA,CAAA,cAAc,EACX,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAA,EAAA,GAAA,EAAA;AACzB,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;gBAC7B,EACF,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EAEhB,EAAA,QAAQ,CACI;AAEzB;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './content-subtitle.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"subtitle":"file-upload-
|
|
3
|
+
var styles = {"subtitle":"file-upload-item__subtitle_10paj","truncate":"file-upload-item__truncate_10paj","size":"file-upload-item__size_10paj"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=content-subtitle.module.css.js.map
|
|
@@ -9,34 +9,34 @@
|
|
|
9
9
|
--gap-4: var(--gap-2xs);
|
|
10
10
|
--gap-16: var(--gap-m);
|
|
11
11
|
}
|
|
12
|
-
.file-upload-
|
|
12
|
+
.file-upload-item__container_xpj65 {
|
|
13
13
|
padding: var(--gap-2) 0 0 var(--gap-16);
|
|
14
14
|
flex-grow: 1;
|
|
15
15
|
min-width: 0;
|
|
16
16
|
}
|
|
17
|
-
.file-upload-
|
|
17
|
+
.file-upload-item__container_xpj65.file-upload-item__clickable_xpj65 {
|
|
18
18
|
cursor: pointer;
|
|
19
19
|
}
|
|
20
|
-
.file-upload-
|
|
20
|
+
.file-upload-item__container_xpj65.file-upload-item__single_xpj65 {
|
|
21
21
|
display: flex;
|
|
22
22
|
flex-direction: column;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
padding-top: 0;
|
|
25
25
|
min-height: 48px;
|
|
26
26
|
}
|
|
27
|
-
.file-upload-
|
|
27
|
+
.file-upload-item__container_xpj65.file-upload-item__single_xpj65 .file-upload-item__title_xpj65 {
|
|
28
28
|
margin-bottom: 0;
|
|
29
29
|
}
|
|
30
|
-
.file-upload-
|
|
30
|
+
.file-upload-item__container_xpj65 .file-upload-item__title_xpj65 {
|
|
31
31
|
margin-bottom: var(--gap-4);
|
|
32
32
|
display: block;
|
|
33
33
|
overflow-wrap: break-word;
|
|
34
34
|
}
|
|
35
|
-
.file-upload-
|
|
35
|
+
.file-upload-item__container_xpj65 .file-upload-item__title_xpj65.file-upload-item__truncate_xpj65 {
|
|
36
36
|
white-space: nowrap;
|
|
37
37
|
overflow: hidden;
|
|
38
38
|
text-overflow: ellipsis;
|
|
39
39
|
}
|
|
40
|
-
.file-upload-
|
|
40
|
+
.file-upload-item__container_xpj65 .file-upload-item__title_xpj65.file-upload-item__restore_xpj65 {
|
|
41
41
|
color: var(--color-light-text-tertiary);
|
|
42
42
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './content.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"container":"file-upload-
|
|
3
|
+
var styles = {"container":"file-upload-item__container_xpj65","clickable":"file-upload-item__clickable_xpj65","single":"file-upload-item__single_xpj65","title":"file-upload-item__title_xpj65","truncate":"file-upload-item__truncate_xpj65","restore":"file-upload-item__restore_xpj65"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=content.module.css.js.map
|
|
@@ -7,18 +7,18 @@
|
|
|
7
7
|
--color-light-decorative-orange: #fa9313;
|
|
8
8
|
--color-light-decorative-red: #fe5e48;
|
|
9
9
|
}
|
|
10
|
-
.file-upload-
|
|
10
|
+
.file-upload-item__iconPDFColored_15r90 {
|
|
11
11
|
fill: var(--color-light-decorative-red);
|
|
12
12
|
}
|
|
13
|
-
.file-upload-
|
|
13
|
+
.file-upload-item__iconDOCColored_15r90 {
|
|
14
14
|
fill: var(--color-light-decorative-blue);
|
|
15
15
|
}
|
|
16
|
-
.file-upload-
|
|
16
|
+
.file-upload-item__iconExcelColored_15r90 {
|
|
17
17
|
fill: var(--color-light-decorative-green);
|
|
18
18
|
}
|
|
19
|
-
.file-upload-
|
|
19
|
+
.file-upload-item__icon1CColored_15r90 {
|
|
20
20
|
fill: var(--color-light-decorative-orange);
|
|
21
21
|
}
|
|
22
|
-
.file-upload-
|
|
22
|
+
.file-upload-item__iconDocumentColored_15r90 {
|
|
23
23
|
fill: var(--color-light-neutral-translucent-1300);
|
|
24
24
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"iconPDFColored":"file-upload-
|
|
3
|
+
var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_15r90","iconDOCColored":"file-upload-item__iconDOCColored_15r90","iconExcelColored":"file-upload-item__iconExcelColored_15r90","icon1CColored":"file-upload-item__icon1CColored_15r90","iconDocumentColored":"file-upload-item__iconDocumentColored_15r90"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|