@alfalab/core-components 47.20.0-beta.2 → 47.20.0-beta.3

package/file-upload-item/components/content/components/content-subtitle/hooks/useContentSubtitle.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var const_progressBar = require('../../../../../const/progress-bar.js');
+var context_fileUploadItemContext = require('../../../../../context/file-upload-item-context.js');
+var utils = require('../../../../../utils.js');
+var components_content_utils_isError = require('../../../utils/isError.js');
+
+var useContentSubtitle = function () {
+    var _a = React.useContext(context_fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, uploadStatus = _a.uploadStatus, error = _a.error, progressBar = _a.progressBar;
+    var shouldShownError = utils.isErrorStatus(uploadStatus) || components_content_utils_isError.isError(error);
+    var showMeta = !showRestore && (utils.isSuccessStatus(uploadStatus) || utils.isUploadedStatus(uploadStatus));
+    var progressBarAvailablePercents = 100;
+    var validateProgressBarValue = function (progressValue) {
+        if (progressValue === undefined) {
+            return 0;
+        }
+        if (progressValue > const_progressBar.progressBarDistance) {
+            return const_progressBar.progressBarDistance;
+        }
+        if (progressValue < 0) {
+            return 0;
+        }
+        return progressValue;
+    };
+    var validProgressBar = validateProgressBarValue(progressBar);
+    return {
+        shouldShownError: shouldShownError,
+        showMeta: showMeta,
+        progressBarDistance: const_progressBar.progressBarDistance,
+        progressBarAvailablePercents: progressBarAvailablePercents,
+        validProgressBar: validProgressBar,
+    };
+};
+
+exports.useContentSubtitle = useContentSubtitle;

package/file-upload-item/components/content/content.css

@@ -0,0 +1,50 @@
+/* hash: w0nky */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-tertiary: rgba(5, 8, 29, 0.38); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root {
+    --gap-3xs: 2px; /* deprecated */
+    --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+    --gap-2: var(--gap-3xs);
+    --gap-4: var(--gap-2xs);
+    --gap-16: var(--gap-m);
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__container_1kh56 {
+    padding: var(--gap-2) 0 0 var(--gap-16);
+    width: 100%;
+    cursor: pointer
+} .file-upload-item__container_1kh56.file-upload-item__single_1kh56 {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding-top: 0;
+        min-height: 48px
+    } .file-upload-item__container_1kh56.file-upload-item__single_1kh56 .file-upload-item__title_1kh56 {
+            margin-bottom: 0;
+        } .file-upload-item__container_1kh56 .file-upload-item__title_1kh56 {
+        margin-bottom: var(--gap-4);
+    } .file-upload-item__container_1kh56 .file-upload-item__title_1kh56 {
+        display: block
+    } .file-upload-item__container_1kh56 .file-upload-item__title_1kh56.file-upload-item__truncate_1kh56 {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        } .file-upload-item__container_1kh56 .file-upload-item__title_1kh56.file-upload-item__restore_1kh56 {
+            color: var(--color-light-text-tertiary);
+        }

package/file-upload-item/components/content/content.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const Content: () => React.JSX.Element;
+export { Content };

package/file-upload-item/components/content/content.js

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTypography = require('../../../typography');
+var context_fileUploadItemContext = require('../../context/file-upload-item-context.js');
+var components_content_components_contentSubtitle_contentSubtitle = require('./components/content-subtitle/content-subtitle.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"container":"file-upload-item__container_1kh56","single":"file-upload-item__single_1kh56","title":"file-upload-item__title_1kh56","truncate":"file-upload-item__truncate_1kh56","restore":"file-upload-item__restore_1kh56"};
+require('./content.css');
+
+var Content = function () {
+    var _a, _b;
+    var _c = React.useContext(context_fileUploadItemContext.FileUploadItemContext), title = _c.title, CustomContent = _c.customContent, truncate = _c.truncate, subtitle = _c.subtitle, showRestore = _c.showRestore;
+    if (CustomContent) {
+        return React__default.default.createElement(CustomContent, null);
+    }
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.container, (_a = {},
+            _a[styles.single] = !subtitle,
+            _a)) },
+        title && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: cn__default.default(styles.title, (_b = {},
+                _b[styles.truncate] = truncate,
+                _b[styles.restore] = showRestore,
+                _b)), view: 'component', color: 'primary' }, title)),
+        React__default.default.createElement(components_content_components_contentSubtitle_contentSubtitle.ContentSubtitle, null)));
+};
+
+exports.Content = Content;

package/file-upload-item/components/content/index.d.ts

@@ -0,0 +1 @@
+export { Content } from "./content";

package/file-upload-item/components/content/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_content_content = require('./content.js');
+
+
+
+exports.Content = components_content_content.Content;

package/file-upload-item/components/content/utils/isError.d.ts

@@ -0,0 +1,2 @@
+declare const isError: (error?: string | string[]) => boolean;
+export { isError };

package/file-upload-item/components/content/utils/isError.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isError = function (error) {
+    if (typeof error === 'string' && error.length > 0) {
+        return true;
+    }
+    if (Array.isArray(error) && error.length > 0) {
+        return true;
+    }
+    return false;
+};
+
+exports.isError = isError;

package/file-upload-item/components/left-addon/components/left-addon-icon/index.d.ts

@@ -0,0 +1 @@
+export { LeftAddonIcon } from "./left-addon-icon";

package/file-upload-item/components/left-addon/components/left-addon-icon/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_leftAddon_components_leftAddonIcon_leftAddonIcon = require('./left-addon-icon.js');
+
+
+
+exports.LeftAddonIcon = components_leftAddon_components_leftAddonIcon_leftAddonIcon.LeftAddonIcon;

package/file-upload-item/components/left-addon/components/left-addon-icon/left-addon-icon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const LeftAddonIcon: () => React.JSX.Element | null;
+export { LeftAddonIcon };

package/file-upload-item/components/left-addon/components/left-addon-icon/left-addon-icon.js

@@ -0,0 +1,64 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Document1CMIcon = require('@alfalab/icons-glyph/Document1CMIcon');
+var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
+var DocumentExcelMIcon = require('@alfalab/icons-glyph/DocumentExcelMIcon');
+var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
+var DocumentMIcon = require('@alfalab/icons-glyph/DocumentMIcon');
+var DocumentOffMIcon = require('@alfalab/icons-glyph/DocumentOffMIcon');
+var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
+var PaperclipMIcon = require('@alfalab/icons-glyph/PaperclipMIcon');
+var const_fileTypeMap = require('../../../../const/file-type-map.js');
+var context_fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
+var utils = require('../../../../utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var DocumentOffMIcon__default = /*#__PURE__*/_interopDefaultCompat(DocumentOffMIcon);
+
+/* eslint-disable complexity */
+var LeftAddonIcon = function () {
+    var _a = React.useContext(context_fileUploadItemContext.FileUploadItemContext), _b = _a.title, title = _b === void 0 ? '' : _b, uploadStatus = _a.uploadStatus, iconStyle = _a.iconStyle, CustomIcon = _a.customIcon, imageUrl = _a.imageUrl, showRestore = _a.showRestore;
+    if (imageUrl) {
+        return null;
+    }
+    if (CustomIcon) {
+        return React__default.default.createElement(CustomIcon, null);
+    }
+    if (utils.isInitialStatus(uploadStatus)) {
+        return React__default.default.createElement(PaperclipMIcon.PaperclipMIcon, null);
+    }
+    if (showRestore) {
+        return React__default.default.createElement(DocumentOffMIcon__default.default, null);
+    }
+    var isColoredIcon = iconStyle === 'colored';
+    var fileType = utils.getExtension(title);
+    switch (fileType) {
+        case const_fileTypeMap.FileTypeMap.pdf:
+            return (React__default.default.createElement(DocumentPdfMIcon.DocumentPdfMIcon, tslib.__assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-red)' }))));
+        case const_fileTypeMap.FileTypeMap.doc:
+        case const_fileTypeMap.FileTypeMap.docx:
+            return (React__default.default.createElement(DocumentDocMIcon.DocumentDocMIcon, tslib.__assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-blue)' }))));
+        case const_fileTypeMap.FileTypeMap.xls:
+        case const_fileTypeMap.FileTypeMap.xlsx:
+            return (React__default.default.createElement(DocumentExcelMIcon.DocumentExcelMIcon, tslib.__assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-green)' }))));
+        case const_fileTypeMap.FileTypeMap['1c']:
+            return (React__default.default.createElement(Document1CMIcon.Document1CMIcon, tslib.__assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-orange)' }))));
+        case const_fileTypeMap.FileTypeMap.png:
+        case const_fileTypeMap.FileTypeMap.jpg:
+        case const_fileTypeMap.FileTypeMap.jpeg:
+        case const_fileTypeMap.FileTypeMap.svg:
+        case const_fileTypeMap.FileTypeMap.tif:
+        case const_fileTypeMap.FileTypeMap.tiff:
+            return React__default.default.createElement(DocumentImageMIcon.DocumentImageMIcon, null);
+        default:
+            return (React__default.default.createElement(DocumentMIcon.DocumentMIcon, tslib.__assign({}, (isColoredIcon && {
+                color: 'var(--color-light-neutral-translucent-1300)',
+            }))));
+    }
+};
+
+exports.LeftAddonIcon = LeftAddonIcon;

package/file-upload-item/components/left-addon/components/progress-bar/index.d.ts

@@ -0,0 +1 @@
+export { ProgressBar } from "./progress-bar";

package/file-upload-item/components/left-addon/components/progress-bar/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_leftAddon_components_progressBar_progressBar = require('./progress-bar.js');
+
+
+
+exports.ProgressBar = components_leftAddon_components_progressBar_progressBar.ProgressBar;

package/file-upload-item/components/left-addon/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type ProgressBarProps = {
+    color: string;
+};
+declare const ProgressBar: FC<ProgressBarProps>;
+export { ProgressBar };

package/file-upload-item/components/left-addon/components/progress-bar/progress-bar.js

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ProgressBar = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? '#BABBC2' : _b;
+    return (React__default.default.createElement("svg", { width: '56', height: '56', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        React__default.default.createElement("mask", { id: 'b', style: { maskType: 'alpha' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '56', height: '56' },
+            React__default.default.createElement("mask", { id: 'a', fill: '#fff' },
+                React__default.default.createElement("path", { d: 'M15.855.814C19.13.345 23.178 0 28 0c4.822 0 8.87.345 12.145.814 7.916 1.133 13.908 7.125 15.041 15.041C55.655 19.13 56 23.178 56 28c0 4.822-.345 8.87-.814 12.145-1.133 7.916-7.125 13.908-15.041 15.041C36.87 55.655 32.822 56 28 56c-4.822 0-8.87-.345-12.145-.814C7.94 54.053 1.947 48.061.814 40.145.345 36.87 0 32.822 0 28c0-4.822.345-8.87.814-12.145C1.947 7.94 7.939 1.947 15.855.814Z' })),
+            React__default.default.createElement("path", { d: 'm15.855.814.284 1.98-.284-1.98Zm24.29 0-.284 1.98.284-1.98Zm15.041 15.041-1.98.284 1.98-.284Zm0 24.29-1.98-.284 1.98.284ZM40.145 55.186l-.284-1.98.284 1.98Zm-24.29 0 .284-1.98-.284 1.98ZM.814 40.145l1.98-.284-1.98.284Zm0-24.29-1.98-.283 1.98.283ZM28-2c-4.918 0-9.061.352-12.428.834l.567 3.96C19.319 2.338 23.274 2 28 2v-4Zm12.428.834C37.061-1.648 32.918-2 28-2v4c4.726 0 8.68.338 11.861.794l.567-3.96Zm16.738 16.738C55.907 6.776 49.224.092 40.428-1.166l-.567 3.96C46.9 3.8 52.2 9.102 53.206 16.139l3.96-.567ZM58 28c0-4.918-.352-9.061-.834-12.428l-3.96.567C53.662 19.319 54 23.274 54 28h4Zm-.834 12.428C57.648 37.061 58 32.918 58 28h-4c0 4.726-.338 8.68-.794 11.861l3.96.567ZM40.428 57.166c8.796-1.259 15.48-7.942 16.738-16.738l-3.96-.567C52.2 46.9 46.898 52.2 39.861 53.206l.567 3.96ZM28 58c4.918 0 9.061-.352 12.428-.834l-.567-3.96C36.681 53.662 32.726 54 28 54v4Zm-12.428-.834c3.367.482 7.51.834 12.428.834v-4c-4.726 0-8.68-.338-11.861-.794l-.567 3.96ZM-1.166 40.428c1.259 8.796 7.942 15.48 16.738 16.738l.567-3.96C9.102 52.2 3.8 46.898 2.794 39.861l-3.96.567ZM-2 28c0 4.918.352 9.061.834 12.428l3.96-.567C2.338 36.681 2 32.726 2 28h-4Zm.834-12.428C-1.648 18.939-2 23.082-2 28h4c0-4.726.338-8.68.794-11.861l-3.96-.567ZM15.572-1.166C6.776.093.092 6.776-1.166 15.572l3.96.567C3.8 9.102 9.102 3.8 16.139 2.794l-.567-3.96Z', fill: '#000', mask: 'url(#a)' })),
+        React__default.default.createElement("g", { mask: 'url(#b)' },
+            React__default.default.createElement("circle", { cx: '28', cy: '28', r: '32', fill: color }))));
+};
+
+exports.ProgressBar = ProgressBar;

package/file-upload-item/components/left-addon/index.d.ts

@@ -0,0 +1 @@
+export { LeftAddon } from "./left-addon";

package/file-upload-item/components/left-addon/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_leftAddon_leftAddon = require('./left-addon.js');
+
+
+
+exports.LeftAddon = components_leftAddon_leftAddon.LeftAddon;

package/file-upload-item/components/left-addon/left-addon.css

@@ -0,0 +1,46 @@
+/* hash: ntlb9 */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+    --gap-4-neg: var(--gap-2xs-neg);
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__container_z360v {
+    position: relative;
+    cursor: pointer
+} .file-upload-item__container_z360v .file-upload-item__progress_z360v {
+        position: absolute;
+        top: var(--gap-4-neg);
+        left: var(--gap-4-neg);
+        z-index: 1;
+
+        width: 56px;
+        height: 56px;
+
+        -webkit-mask-image: conic-gradient(black 0, transparent 0);
+
+                mask-image: conic-gradient(black 0, transparent 0)
+    } .file-upload-item__container_z360v .file-upload-item__progress_z360v.file-upload-item__uploading_z360v {
+            opacity: 1;
+        } .file-upload-item__container_z360v .file-upload-item__progress_z360v.file-upload-item__success_z360v,
+        .file-upload-item__container_z360v .file-upload-item__progress_z360v.file-upload-item__error_z360v {
+            transition: opacity 400ms ease-in;
+            opacity: 0;
+            -webkit-mask-image: conic-gradient(black 360deg, transparent 0);
+                    mask-image: conic-gradient(black 360deg, transparent 0);
+        }

package/file-upload-item/components/left-addon/left-addon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const LeftAddon: () => React.JSX.Element;
+export { LeftAddon };

package/file-upload-item/components/left-addon/left-addon.js

@@ -0,0 +1,46 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var superEllipse = require('@alfalab/core-components/icon-view/super-ellipse');
+var context_fileUploadItemContext = require('../../context/file-upload-item-context.js');
+var utils = require('../../utils.js');
+var components_leftAddon_components_leftAddonIcon_leftAddonIcon = require('./components/left-addon-icon/left-addon-icon.js');
+var components_leftAddon_components_progressBar_progressBar = require('./components/progress-bar/progress-bar.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"container":"file-upload-item__container_z360v","progress":"file-upload-item__progress_z360v","uploading":"file-upload-item__uploading_z360v","success":"file-upload-item__success_z360v","error":"file-upload-item__error_z360v"};
+require('./left-addon.css');
+
+var LeftAddon = function () {
+    var _a;
+    var _b = React.useContext(context_fileUploadItemContext.FileUploadItemContext), _c = _b.uploadStatus, uploadStatus = _c === void 0 ? 'INITIAL' : _c, progressBar = _b.progressBar, imageUrl = _b.imageUrl;
+    var progressRef = React.useRef(null);
+    if (progressRef.current) {
+        progressRef.current.style.maskImage = "conic-gradient(red ".concat(progressBar, "deg, transparent 0)");
+    }
+    var colors = {
+        INITIAL: 'transparent',
+        UPLOADED: 'transparent',
+        DELETED: 'transparent',
+        UPLOADING: '#BABBC2',
+        SUCCESS: '#0CC44D',
+        ERROR: '#FF4837',
+    };
+    return (React__default.default.createElement("div", { className: styles.container },
+        React__default.default.createElement(superEllipse.SuperEllipse, tslib.__assign({ size: 48, backgroundColor: 'var(--color-light-neutral-translucent-100)' }, (imageUrl && { imageUrl: imageUrl })),
+            React__default.default.createElement(components_leftAddon_components_leftAddonIcon_leftAddonIcon.LeftAddonIcon, null)),
+        React__default.default.createElement("div", { ref: progressRef, className: cn__default.default(styles.progress, (_a = {},
+                _a[styles.uploading] = utils.isUploadingStatus(uploadStatus),
+                _a[styles.success] = utils.isSuccessStatus(uploadStatus),
+                _a[styles.error] = utils.isErrorStatus(uploadStatus),
+                _a)) },
+            React__default.default.createElement(components_leftAddon_components_progressBar_progressBar.ProgressBar, { color: colors[uploadStatus] }))));
+};
+
+exports.LeftAddon = LeftAddon;

package/file-upload-item/components/right-addon/hooks/useRightAddon.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { MouseEvent } from 'react';
+declare const useRightAddon: () => {
+    downloadLink: string | undefined;
+    showRestore: boolean | undefined;
+    disableButtons: boolean | undefined;
+    download: string | true | undefined;
+    target: import("react").HTMLAttributeAnchorTarget | undefined;
+    showDelete: boolean | undefined;
+    handleDownload: (e: MouseEvent<HTMLElement>) => void;
+    handleDelete: (event: MouseEvent<HTMLElement>) => void;
+    handleRestore: () => void;
+};
+export { useRightAddon };

package/file-upload-item/components/right-addon/hooks/useRightAddon.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context_fileUploadItemContext = require('../../../context/file-upload-item-context.js');
+
+var useRightAddon = function () {
+    var _a = React.useContext(context_fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, _b = _a.id, id = _b === void 0 ? '0' : _b, downloadLink = _a.downloadLink, download = _a.download, disableButtons = _a.disableButtons, target = _a.target, showDelete = _a.showDelete, onDownload = _a.onDownload, onDelete = _a.onDelete, onRestore = _a.onRestore;
+    var handleDownload = function (e) {
+        if (onDownload) {
+            e.preventDefault();
+            onDownload(id);
+        }
+    };
+    var handleDelete = function (event) {
+        if (onDelete) {
+            onDelete(id, event);
+        }
+    };
+    var handleRestore = function () {
+        if (onRestore) {
+            onRestore(id);
+        }
+    };
+    return {
+        downloadLink: downloadLink,
+        showRestore: showRestore,
+        disableButtons: disableButtons,
+        download: download,
+        target: target,
+        showDelete: showDelete,
+        handleDownload: handleDownload,
+        handleDelete: handleDelete,
+        handleRestore: handleRestore,
+    };
+};
+
+exports.useRightAddon = useRightAddon;

package/file-upload-item/components/right-addon/index.d.ts

@@ -0,0 +1 @@
+export { RightAddon } from "./right-addon";

package/file-upload-item/components/right-addon/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_rightAddon_rightAddon = require('./right-addon.js');
+
+
+
+exports.RightAddon = components_rightAddon_rightAddon.RightAddon;

package/file-upload-item/components/right-addon/right-addon.css

@@ -0,0 +1,9 @@
+/* hash: 1io1r */
+.file-upload-item__container_mkwdd {
+    display: flex;
+    max-width: 144px
+}
+.file-upload-item__container_mkwdd .file-upload-item__icon_mkwdd {
+        width: 48px;
+        height: 48px;
+    }

package/file-upload-item/components/right-addon/right-addon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const RightAddon: () => React.JSX.Element;
+export { RightAddon };

package/file-upload-item/components/right-addon/right-addon.js

@@ -0,0 +1,29 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var coreComponentsIconButton = require('../../../icon-button');
+var ArrowDownLineDownCompactMIcon = require('@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon');
+var ArrowsCwCompactMIcon = require('@alfalab/icons-glyph/ArrowsCwCompactMIcon');
+var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
+var components_rightAddon_hooks_useRightAddon = require('./hooks/useRightAddon.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ArrowDownLineDownCompactMIcon__default = /*#__PURE__*/_interopDefaultCompat(ArrowDownLineDownCompactMIcon);
+var ArrowsCwCompactMIcon__default = /*#__PURE__*/_interopDefaultCompat(ArrowsCwCompactMIcon);
+var CrossMIcon__default = /*#__PURE__*/_interopDefaultCompat(CrossMIcon);
+
+var styles = {"container":"file-upload-item__container_mkwdd","icon":"file-upload-item__icon_mkwdd"};
+require('./right-addon.css');
+
+var RightAddon = function () {
+    var _a = components_rightAddon_hooks_useRightAddon.useRightAddon(), downloadLink = _a.downloadLink, showRestore = _a.showRestore, disableButtons = _a.disableButtons, download = _a.download, target = _a.target, showDelete = _a.showDelete, handleDownload = _a.handleDownload, handleDelete = _a.handleDelete, handleRestore = _a.handleRestore;
+    var showDownload = Boolean(downloadLink) && !showRestore;
+    return (React__default.default.createElement("div", { className: styles.container },
+        showRestore && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.icon, size: 'xxs', "aria-label": '\u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C', icon: React__default.default.createElement(ArrowsCwCompactMIcon__default.default, { color: 'var(--color-light-text-tertiary)' }), disabled: disableButtons, onClick: handleRestore })),
+        showDownload && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.icon, size: 'xxs', "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', icon: React__default.default.createElement(ArrowDownLineDownCompactMIcon__default.default, { color: 'var(--color-light-text-tertiary)' }), disabled: disableButtons, href: downloadLink, download: download, target: target, onClick: handleDownload })),
+        showDelete && !showRestore && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.icon, size: 'xxs', "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C', icon: React__default.default.createElement(CrossMIcon__default.default, { color: 'var(--color-light-text-tertiary)' }), disabled: disableButtons, onClick: handleDelete }))));
+};
+
+exports.RightAddon = RightAddon;

package/file-upload-item/const/file-type-map.d.ts

@@ -0,0 +1,15 @@
+declare const FileTypeMap: {
+    readonly pdf: "pdf";
+    readonly doc: "doc";
+    readonly docx: "docx";
+    readonly xls: "xls";
+    readonly xlsx: "xlsx";
+    readonly '1c': "1c";
+    readonly png: "png";
+    readonly jpg: "jpg";
+    readonly jpeg: "jpeg";
+    readonly svg: "svg";
+    readonly tif: "tif";
+    readonly tiff: "tiff";
+};
+export { FileTypeMap };