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

package/file-upload-item/esm/Component.js

@@ -1,79 +1,75 @@
 import React from 'react';
 import cn from 'classnames';
-import { IconButton } from '../../icon-button/esm';
-import { Link } from '../../link/esm';
-import { Spinner } from '../../spinner/esm';
-import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
-import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
-import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
-import { fileIcon, humanFileSize } from './utils.js';
+import { Content } from './components/content/content.js';
+import { LeftAddon } from './components/left-addon/left-addon.js';
+import { RightAddon } from './components/right-addon/right-addon.js';
+import { FileUploadItemContext } from './context/file-upload-item-context.js';
+import '../../typography/esm';
+import './components/content/components/content-subtitle/content-subtitle.js';
+import './utils.js';
+import './const/upload-status-map.js';
+import './components/content/components/content-error/content-error.js';
+import './components/content/components/content-subtitle/hooks/useContentSubtitle.js';
+import './const/progress-bar.js';
+import './components/content/utils/isError.js';
+import 'tslib';
+import '@alfalab/core-components/icon-view/super-ellipse';
+import './components/left-addon/components/left-addon-icon/left-addon-icon.js';
+import '@alfalab/icons-glyph/Document1CMIcon';
 import '@alfalab/icons-glyph/DocumentDocMIcon';
+import '@alfalab/icons-glyph/DocumentExcelMIcon';
 import '@alfalab/icons-glyph/DocumentImageMIcon';
+import '@alfalab/icons-glyph/DocumentMIcon';
+import '@alfalab/icons-glyph/DocumentOffMIcon';
 import '@alfalab/icons-glyph/DocumentPdfMIcon';
-import '@alfalab/icons-glyph/DocumentTxtMIcon';
-import '@alfalab/icons-glyph/DocumentUnknownMIcon';
+import '@alfalab/icons-glyph/PaperclipMIcon';
+import './const/file-type-map.js';
+import './components/left-addon/components/progress-bar/progress-bar.js';
+import '../../icon-button/esm';
+import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
+import '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './components/right-addon/hooks/useRightAddon.js';
 
-var styles = {"component":"file-upload-item__component_1606p","infoSection":"file-upload-item__infoSection_1606p","info":"file-upload-item__info_1606p","icon":"file-upload-item__icon_1606p","errorIcon":"file-upload-item__errorIcon_1606p","successIcon":"file-upload-item__successIcon_1606p","name":"file-upload-item__name_1606p","rowLimit":"file-upload-item__rowLimit_1606p","meta":"file-upload-item__meta_1606p","size":"file-upload-item__size_1606p","delete":"file-upload-item__delete_1606p","download":"file-upload-item__download_1606p","errorWrapper":"file-upload-item__errorWrapper_1606p","restore":"file-upload-item__restore_1606p","spinnerWrapper":"file-upload-item__spinnerWrapper_1606p","spinner":"file-upload-item__spinner_1606p","uploadPercent":"file-upload-item__uploadPercent_1606p"};
+var styles = {"component":"file-upload-item__component_1606p","restore":"file-upload-item__restore_1606p"};
 require('./index.css');
 
-var FileUploadItem = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, _f = _a.multiline, multiline = _f === void 0 ? false : _f, target = _a.target, dataTestId = _a.dataTestId;
-    var handleDownload = function (event) {
-        if (onDownload) {
-            event.preventDefault();
-            onDownload(id);
-        }
-    };
-    var handleDelete = function (event) {
-        if (onDelete)
-            onDelete(id, event);
-    };
-    var handleRestore = function () {
-        if (onRestore)
-            onRestore(id);
-    };
-    var renderIcon = function () {
-        if (showRestore) {
-            return React.createElement(ClockMIcon, { className: styles.restoreIcon });
-        }
-        switch (uploadStatus) {
-            case 'ERROR':
-                return React.createElement(AlertCircleMIcon, { className: styles.errorIcon });
-            case 'SUCCESS':
-                return React.createElement(CheckmarkCircleMIcon, { className: styles.successIcon });
-            case 'LOADING':
-            case 'UPLOADING':
-                return (React.createElement("div", { className: styles.spinnerWrapper },
-                    React.createElement(Spinner, { visible: true, className: styles.spinner })));
-            default: {
-                return React.createElement(Icon, { className: styles.icon });
-            }
-        }
-    };
-    var renderInfoSection = function () {
-        var _a;
-        var shouldShownError = uploadStatus === 'ERROR' || !!error;
-        var errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
-        return (React.createElement("div", { className: styles.infoSection },
-            React.createElement("div", { className: cn(styles.name, (_a = {}, _a[styles.rowLimit] = !multiline, _a)) }, name),
-            shouldShownError && (React.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
-    };
-    var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
-    var showDownload = Boolean(downloadLink) && !showRestore;
+var FileUploadItemComponent = function (_a) {
+    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.title, title = _c === void 0 ? '' : _c, subtitle = _a.subtitle, size = _a.size, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, target = _a.target, dataTestId = _a.dataTestId, customIcon = _a.customIcon, _d = _a.iconStyle, iconStyle = _d === void 0 ? 'gray' : _d, _e = _a.progressBar, progressBar = _e === void 0 ? 0 : _e, customContent = _a.customContent, truncate = _a.truncate, imageUrl = _a.imageUrl;
     return (React.createElement("div", { className: cn(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
-        React.createElement("div", { className: styles.info },
-            renderIcon(),
-            renderInfoSection(),
-            children,
-            uploadStatus === 'UPLOADING' && (React.createElement("span", { className: styles.uploadPercent }, "".concat(Math.round(uploadPercent), "%"))),
-            showMeta && (React.createElement("div", { className: styles.meta },
-                uploadDate && React.createElement("span", { key: uploadDate }, uploadDate),
-                size && (React.createElement("span", { key: size, className: styles.size }, humanFileSize(size)))))),
-        showRestore && (React.createElement(Link, { pseudo: true, className: styles.restore, onClick: handleRestore }, "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C")),
-        showDownload && (React.createElement(IconButton, { size: 'xxs', icon: PointerDownSIcon, className: styles.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, disabled: disableButtons, download: download, target: target })),
-        showDelete && !showRestore && (React.createElement(IconButton, { size: 'xxs', icon: CrossSIcon, onClick: handleDelete, disabled: disableButtons, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
+        React.createElement(FileUploadItemContext.Provider
+        // eslint-disable-next-line react/jsx-no-constructed-context-values
+        , { 
+            // eslint-disable-next-line react/jsx-no-constructed-context-values
+            value: {
+                showRestore: showRestore,
+                uploadStatus: uploadStatus,
+                error: error,
+                title: title,
+                subtitle: subtitle,
+                uploadDate: uploadDate,
+                size: size,
+                id: id,
+                onDownload: onDownload,
+                onDelete: onDelete,
+                onRestore: onRestore,
+                downloadLink: downloadLink,
+                download: download,
+                disableButtons: disableButtons,
+                target: target,
+                showDelete: showDelete,
+                customIcon: customIcon,
+                iconStyle: iconStyle,
+                progressBar: progressBar,
+                customContent: customContent,
+                truncate: truncate,
+                imageUrl: imageUrl,
+            } }, children)));
 };
+var FileUploadItem = Object.assign(FileUploadItemComponent, {
+    LeftAddon: LeftAddon,
+    Content: Content,
+    RightAddon: RightAddon,
+});
 
-export { FileUploadItem };
+export { FileUploadItem, FileUploadItemComponent };

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

@@ -0,0 +1,4 @@
+/* hash: 1a0o8 */
+.file-upload-item__errorItem_12v7k {
+    display: block;
+}

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

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

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

@@ -0,0 +1,19 @@
+import React, { useContext } from 'react';
+import { Typography } from '../../../../../../typography/esm';
+import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
+
+var styles = {"errorItem":"file-upload-item__errorItem_12v7k"};
+require('./content-error.css');
+
+var ContentError = function () {
+    var error = useContext(FileUploadItemContext).error;
+    if (typeof error === 'string' && error.length > 0) {
+        return (React.createElement(Typography.Text, { className: styles.errorItem, view: 'primary-small', color: 'negative' }, error));
+    }
+    if (Array.isArray(error) && error.length > 0) {
+        return (React.createElement("div", null, error.map(function (item) { return (React.createElement(Typography.Text, { key: item, className: styles.errorItem, view: 'primary-small', color: 'negative' }, item)); })));
+    }
+    return (React.createElement(Typography.Text, { className: styles.errorItem, view: 'primary-small', color: 'negative' }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B"));
+};
+
+export { ContentError };

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

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

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

@@ -0,0 +1,4 @@
+export { ContentError } from './content-error.js';
+import 'react';
+import '../../../../../../typography/esm';
+import '../../../../context/file-upload-item-context.js';

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

@@ -0,0 +1,31 @@
+/* hash: 12eno */
+: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 */
+    --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* 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-8: var(--gap-xs);
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__subtitle_1qdws {
+    display: block
+} .file-upload-item__subtitle_1qdws.file-upload-item__truncate_1qdws {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    } .file-upload-item__size_1qdws {
+    margin-right: var(--gap-8);
+}

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

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

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

@@ -0,0 +1,45 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { Typography } from '../../../../../../typography/esm';
+import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
+import { isUploadingStatus, humanFileSize } from '../../../../utils.js';
+import { ContentError } from '../content-error/content-error.js';
+import { useContentSubtitle } from './hooks/useContentSubtitle.js';
+import '../../../../const/upload-status-map.js';
+import '../../../../const/progress-bar.js';
+import '../../utils/isError.js';
+
+var styles = {"subtitle":"file-upload-item__subtitle_1qdws","truncate":"file-upload-item__truncate_1qdws","size":"file-upload-item__size_1qdws"};
+require('./content-subtitle.css');
+
+var ContentSubtitle = function () {
+    var _a;
+    var _b = useContext(FileUploadItemContext), uploadStatus = _b.uploadStatus, subtitle = _b.subtitle, uploadDate = _b.uploadDate, size = _b.size, truncate = _b.truncate, showRestore = _b.showRestore;
+    var _c = useContentSubtitle(), shouldShownError = _c.shouldShownError, showMeta = _c.showMeta, progressBarDistance = _c.progressBarDistance, progressBarAvailablePercents = _c.progressBarAvailablePercents, validProgressBar = _c.validProgressBar;
+    // uploading status
+    if (isUploadingStatus(uploadStatus)) {
+        return (React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary' },
+            "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430",
+            '\u00A0',
+            Math.floor(validProgressBar / (progressBarDistance / progressBarAvailablePercents)),
+            "%"));
+    }
+    // error status
+    if (shouldShownError) {
+        return React.createElement(ContentError, null);
+    }
+    // success status
+    if (showMeta) {
+        return (React.createElement("div", null,
+            size && (React.createElement(Typography.Text, { className: styles.size, view: 'primary-small', color: 'secondary' }, humanFileSize(size))),
+            uploadDate && (React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary' }, uploadDate))));
+    }
+    if (showRestore) {
+        return (React.createElement(Typography.Text, { view: 'primary-small', color: 'tertiary' }, "\u0424\u0430\u0439\u043B \u0443\u0434\u0430\u043B\u0435\u043D"));
+    }
+    return (React.createElement(Typography.Text, { className: cn(styles.subtitle, (_a = {},
+            _a[styles.truncate] = truncate,
+            _a)), view: 'primary-small', color: 'secondary' }, subtitle));
+};
+
+export { ContentSubtitle };

package/file-upload-item/esm/components/content/components/content-subtitle/hooks/useContentSubtitle.d.ts

@@ -0,0 +1,8 @@
+declare const useContentSubtitle: () => {
+    shouldShownError: boolean;
+    showMeta: boolean;
+    progressBarDistance: number;
+    progressBarAvailablePercents: number;
+    validProgressBar: number;
+};
+export { useContentSubtitle };

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

@@ -0,0 +1,35 @@
+import { useContext } from 'react';
+import { progressBarDistance } from '../../../../../const/progress-bar.js';
+import { FileUploadItemContext } from '../../../../../context/file-upload-item-context.js';
+import { isErrorStatus, isSuccessStatus, isUploadedStatus } from '../../../../../utils.js';
+import { isError } from '../../../utils/isError.js';
+import '../../../../../const/upload-status-map.js';
+
+var useContentSubtitle = function () {
+    var _a = useContext(FileUploadItemContext), showRestore = _a.showRestore, uploadStatus = _a.uploadStatus, error = _a.error, progressBar = _a.progressBar;
+    var shouldShownError = isErrorStatus(uploadStatus) || isError(error);
+    var showMeta = !showRestore && (isSuccessStatus(uploadStatus) || isUploadedStatus(uploadStatus));
+    var progressBarAvailablePercents = 100;
+    var validateProgressBarValue = function (progressValue) {
+        if (progressValue === undefined) {
+            return 0;
+        }
+        if (progressValue > progressBarDistance) {
+            return progressBarDistance;
+        }
+        if (progressValue < 0) {
+            return 0;
+        }
+        return progressValue;
+    };
+    var validProgressBar = validateProgressBarValue(progressBar);
+    return {
+        shouldShownError: shouldShownError,
+        showMeta: showMeta,
+        progressBarDistance: progressBarDistance,
+        progressBarAvailablePercents: progressBarAvailablePercents,
+        validProgressBar: validProgressBar,
+    };
+};
+
+export { useContentSubtitle };

package/file-upload-item/esm/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/esm/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/esm/components/content/content.js

@@ -0,0 +1,32 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { Typography } from '../../../../typography/esm';
+import { FileUploadItemContext } from '../../context/file-upload-item-context.js';
+import { ContentSubtitle } from './components/content-subtitle/content-subtitle.js';
+import '../../utils.js';
+import '../../const/upload-status-map.js';
+import './components/content-error/content-error.js';
+import './components/content-subtitle/hooks/useContentSubtitle.js';
+import '../../const/progress-bar.js';
+import './utils/isError.js';
+
+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 = useContext(FileUploadItemContext), title = _c.title, CustomContent = _c.customContent, truncate = _c.truncate, subtitle = _c.subtitle, showRestore = _c.showRestore;
+    if (CustomContent) {
+        return React.createElement(CustomContent, null);
+    }
+    return (React.createElement("div", { className: cn(styles.container, (_a = {},
+            _a[styles.single] = !subtitle,
+            _a)) },
+        title && (React.createElement(Typography.Text, { className: cn(styles.title, (_b = {},
+                _b[styles.truncate] = truncate,
+                _b[styles.restore] = showRestore,
+                _b)), view: 'component', color: 'primary' }, title)),
+        React.createElement(ContentSubtitle, null)));
+};
+
+export { Content };

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

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

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

@@ -0,0 +1,12 @@
+export { Content } from './content.js';
+import 'react';
+import 'classnames';
+import '../../../../typography/esm';
+import '../../context/file-upload-item-context.js';
+import './components/content-subtitle/content-subtitle.js';
+import '../../utils.js';
+import '../../const/upload-status-map.js';
+import './components/content-error/content-error.js';
+import './components/content-subtitle/hooks/useContentSubtitle.js';
+import '../../const/progress-bar.js';
+import './utils/isError.js';

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

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

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

@@ -0,0 +1,11 @@
+var isError = function (error) {
+    if (typeof error === 'string' && error.length > 0) {
+        return true;
+    }
+    if (Array.isArray(error) && error.length > 0) {
+        return true;
+    }
+    return false;
+};
+
+export { isError };

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

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

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

@@ -0,0 +1,15 @@
+export { LeftAddonIcon } from './left-addon-icon.js';
+import 'tslib';
+import 'react';
+import '@alfalab/icons-glyph/Document1CMIcon';
+import '@alfalab/icons-glyph/DocumentDocMIcon';
+import '@alfalab/icons-glyph/DocumentExcelMIcon';
+import '@alfalab/icons-glyph/DocumentImageMIcon';
+import '@alfalab/icons-glyph/DocumentMIcon';
+import '@alfalab/icons-glyph/DocumentOffMIcon';
+import '@alfalab/icons-glyph/DocumentPdfMIcon';
+import '@alfalab/icons-glyph/PaperclipMIcon';
+import '../../../../const/file-type-map.js';
+import '../../../../context/file-upload-item-context.js';
+import '../../../../utils.js';
+import '../../../../const/upload-status-map.js';

package/file-upload-item/esm/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/esm/components/left-addon/components/left-addon-icon/left-addon-icon.js

@@ -0,0 +1,58 @@
+import { __assign } from 'tslib';
+import React, { useContext } from 'react';
+import { Document1CMIcon } from '@alfalab/icons-glyph/Document1CMIcon';
+import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
+import { DocumentExcelMIcon } from '@alfalab/icons-glyph/DocumentExcelMIcon';
+import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
+import { DocumentMIcon } from '@alfalab/icons-glyph/DocumentMIcon';
+import DocumentOffMIcon from '@alfalab/icons-glyph/DocumentOffMIcon';
+import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
+import { PaperclipMIcon } from '@alfalab/icons-glyph/PaperclipMIcon';
+import { FileTypeMap } from '../../../../const/file-type-map.js';
+import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
+import { isInitialStatus, getExtension } from '../../../../utils.js';
+import '../../../../const/upload-status-map.js';
+
+/* eslint-disable complexity */
+var LeftAddonIcon = function () {
+    var _a = useContext(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.createElement(CustomIcon, null);
+    }
+    if (isInitialStatus(uploadStatus)) {
+        return React.createElement(PaperclipMIcon, null);
+    }
+    if (showRestore) {
+        return React.createElement(DocumentOffMIcon, null);
+    }
+    var isColoredIcon = iconStyle === 'colored';
+    var fileType = getExtension(title);
+    switch (fileType) {
+        case FileTypeMap.pdf:
+            return (React.createElement(DocumentPdfMIcon, __assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-red)' }))));
+        case FileTypeMap.doc:
+        case FileTypeMap.docx:
+            return (React.createElement(DocumentDocMIcon, __assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-blue)' }))));
+        case FileTypeMap.xls:
+        case FileTypeMap.xlsx:
+            return (React.createElement(DocumentExcelMIcon, __assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-green)' }))));
+        case FileTypeMap['1c']:
+            return (React.createElement(Document1CMIcon, __assign({}, (isColoredIcon && { color: 'var(--color-light-decorative-orange)' }))));
+        case FileTypeMap.png:
+        case FileTypeMap.jpg:
+        case FileTypeMap.jpeg:
+        case FileTypeMap.svg:
+        case FileTypeMap.tif:
+        case FileTypeMap.tiff:
+            return React.createElement(DocumentImageMIcon, null);
+        default:
+            return (React.createElement(DocumentMIcon, __assign({}, (isColoredIcon && {
+                color: 'var(--color-light-neutral-translucent-1300)',
+            }))));
+    }
+};
+
+export { LeftAddonIcon };

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

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

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

@@ -0,0 +1,2 @@
+export { ProgressBar } from './progress-bar.js';
+import 'react';