@alfalab/core-components-file-upload-item 8.0.10 → 8.1.0-alfasans

package/Component.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { type FC } from 'react';
 import { type FileUploadItemProps } from './types/file-upload-item-props';
-export declare const FileUploadItemComponent: React.FC<FileUploadItemProps>;
+export declare const FileUploadItemComponent: FC<FileUploadItemProps>;
 export declare const FileUploadItem: React.FC<FileUploadItemProps> & {
     StatusControl: () => React.JSX.Element;
     Content: () => React.JSX.Element;

package/Component.js

@@ -2,12 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var actions = require('./components/actions-control/actions.js');
 var content = require('./components/content/content.js');
 var index = require('./components/status-control/index.js');
 var fileUploadItemContext = require('./context/file-upload-item-context.js');
+var useContextValue = require('./context/use-context-value.js');
 var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -16,42 +18,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 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, _d = _a.isClickable, isClickable = _d === void 0 ? true : _d, target = _a.target, dataTestId = _a.dataTestId, customIcon = _a.customIcon, _e = _a.iconStyle, iconStyle = _e === void 0 ? 'gray' : _e, _f = _a.progressBar, progressBar = _f === void 0 ? 0 : _f, _g = _a.progressBarAvailable, progressBarAvailable = _g === void 0 ? true : _g, customContent = _a.customContent, truncate = _a.truncate, imageUrl = _a.imageUrl, backgroundColor = _a.backgroundColor;
-    var _h = React.useState(false), actionsPresent = _h[0], setActionsPresent = _h[1];
+    var className = _a.className, children = _a.children, dataTestId = _a.dataTestId, uploadStatus = _a.uploadStatus, rest = tslib.__rest(_a, ["className", "children", "dataTestId", "uploadStatus"]);
+    var contextValue = useContextValue.useContextValue(tslib.__assign({ uploadStatus: uploadStatus }, rest));
     return (React__default.default.createElement("div", { className: cn__default.default(className, index_module.component, uploadStatus && index_module[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
-        React__default.default.createElement(fileUploadItemContext.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,
-                isClickable: isClickable,
-                target: target,
-                showDelete: showDelete,
-                customIcon: customIcon,
-                iconStyle: iconStyle,
-                progressBar: progressBar,
-                progressBarAvailable: progressBarAvailable,
-                customContent: customContent,
-                truncate: truncate,
-                imageUrl: imageUrl,
-                backgroundColor: backgroundColor,
-                actionsPresent: actionsPresent,
-                setActionsPresent: setActionsPresent,
-            } }, children)));
+        React__default.default.createElement(fileUploadItemContext.FileUploadItemContext.Provider, { value: contextValue }, children)));
 };
 var FileUploadItem = Object.assign(FileUploadItemComponent, {
     StatusControl: index.StatusControl,

package/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport cn from 'classnames';\n\nimport { Actions } from './components/actions-control';\nimport { Content } from './components/content';\nimport { StatusControl } from './components/status-control';\nimport { FileUploadItemContext } from './context/file-upload-item-context';\nimport { type FileUploadItemProps } from './types/file-upload-item-props';\n\nimport styles from './index.module.css';\n\nexport const FileUploadItemComponent: React.FC<FileUploadItemProps> = ({\n    className,\n    children,\n    id = '0',\n    title = '',\n    subtitle,\n    size,\n    uploadDate,\n    downloadLink,\n    download,\n    uploadStatus,\n    error,\n    showDelete,\n    showRestore,\n    onDelete,\n    onDownload,\n    onRestore,\n    disableButtons,\n    isClickable = true,\n    target,\n    dataTestId,\n    customIcon,\n    iconStyle = 'gray',\n    progressBar = 0,\n    progressBarAvailable = true,\n    customContent,\n    truncate,\n    imageUrl,\n    backgroundColor,\n}) => {\n    const [actionsPresent, setActionsPresent] = useState(false);\n\n    return (\n        <div\n            className={cn(\n                className,\n                styles.component,\n                uploadStatus && styles[uploadStatus.toLocaleLowerCase()],\n            )}\n            data-test-id={dataTestId}\n        >\n            <FileUploadItemContext.Provider\n                // eslint-disable-next-line react/jsx-no-constructed-context-values\n                value={{\n                    showRestore,\n                    uploadStatus,\n                    error,\n                    title,\n                    subtitle,\n                    uploadDate,\n                    size,\n                    id,\n                    onDownload,\n                    onDelete,\n                    onRestore,\n                    downloadLink,\n                    download,\n                    disableButtons,\n                    isClickable,\n                    target,\n                    showDelete,\n                    customIcon,\n                    iconStyle,\n                    progressBar,\n                    progressBarAvailable,\n                    customContent,\n                    truncate,\n                    imageUrl,\n                    backgroundColor,\n                    actionsPresent,\n                    setActionsPresent,\n                }}\n            >\n                {children}\n            </FileUploadItemContext.Provider>\n        </div>\n    );\n};\n\nexport const FileUploadItem = Object.assign(FileUploadItemComponent, {\n    StatusControl,\n    Content,\n    Actions,\n});\n"],"names":["useState","React","cn","styles","FileUploadItemContext","StatusControl","Content","Actions"],"mappings":";;;;;;;;;;;;;;;;;AAWO,IAAM,uBAAuB,GAAkC,UAAC,EA6BtE,EAAA;QA5BG,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAQ,GAAA,EAAA,CAAA,EAAA,EAAR,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EACR,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,KAAK,WAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,mBAAkB,EAAlB,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EAClB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,gBAAA,EACV,EAAA,GAAA,EAAA,CAAA,SAAkB,EAAlB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAAA,EAClB,EAAA,GAAA,EAAA,CAAA,WAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EACf,EAAA,GAAA,EAAA,CAAA,oBAA2B,EAA3B,oBAAoB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EAC3B,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,eAAe,GAAA,EAAA,CAAA,eAAA;IAET,IAAA,EAAA,GAAsCA,cAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAmB;IAE3D,QACIC,8CACI,SAAS,EAAEC,mBAAE,CACT,SAAS,EACTC,YAAM,CAAC,SAAS,EAChB,YAAY,IAAIA,YAAM,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC,CAC3D,EAAA,cAAA,EACa,UAAU,EAAA;QAExBF,sBAAC,CAAA,aAAA,CAAAG,2CAAqB,CAAC;;;;AAEnB,YAAA,KAAK,EAAE;AACH,gBAAA,WAAW,EAAA,WAAA;AACX,gBAAA,YAAY,EAAA,YAAA;AACZ,gBAAA,KAAK,EAAA,KAAA;AACL,gBAAA,KAAK,EAAA,KAAA;AACL,gBAAA,QAAQ,EAAA,QAAA;AACR,gBAAA,UAAU,EAAA,UAAA;AACV,gBAAA,IAAI,EAAA,IAAA;AACJ,gBAAA,EAAE,EAAA,EAAA;AACF,gBAAA,UAAU,EAAA,UAAA;AACV,gBAAA,QAAQ,EAAA,QAAA;AACR,gBAAA,SAAS,EAAA,SAAA;AACT,gBAAA,YAAY,EAAA,YAAA;AACZ,gBAAA,QAAQ,EAAA,QAAA;AACR,gBAAA,cAAc,EAAA,cAAA;AACd,gBAAA,WAAW,EAAA,WAAA;AACX,gBAAA,MAAM,EAAA,MAAA;AACN,gBAAA,UAAU,EAAA,UAAA;AACV,gBAAA,UAAU,EAAA,UAAA;AACV,gBAAA,SAAS,EAAA,SAAA;AACT,gBAAA,WAAW,EAAA,WAAA;AACX,gBAAA,oBAAoB,EAAA,oBAAA;AACpB,gBAAA,aAAa,EAAA,aAAA;AACb,gBAAA,QAAQ,EAAA,QAAA;AACR,gBAAA,QAAQ,EAAA,QAAA;AACR,gBAAA,eAAe,EAAA,eAAA;AACf,gBAAA,cAAc,EAAA,cAAA;AACd,gBAAA,iBAAiB,EAAA,iBAAA;AACpB,aAAA,EAAA,EAEA,QAAQ,CACoB,CAC/B;AAEd;IAEa,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;AACjE,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,OAAO,EAAAC,eAAA;AACP,IAAA,OAAO,EAAAC,eAAA;AACV,CAAA;;;;;"}
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport cn from 'classnames';\n\nimport { Actions } from './components/actions-control';\nimport { Content } from './components/content';\nimport { StatusControl } from './components/status-control';\nimport { FileUploadItemContext } from './context/file-upload-item-context';\nimport { useContextValue } from './context/use-context-value';\nimport { type FileUploadItemProps } from './types/file-upload-item-props';\n\nimport styles from './index.module.css';\n\nexport const FileUploadItemComponent: FC<FileUploadItemProps> = ({\n    className,\n    children,\n    dataTestId,\n    uploadStatus,\n    ...rest\n}) => {\n    const contextValue = useContextValue({ uploadStatus, ...rest });\n\n    return (\n        <div\n            className={cn(\n                className,\n                styles.component,\n                uploadStatus && styles[uploadStatus.toLocaleLowerCase()],\n            )}\n            data-test-id={dataTestId}\n        >\n            <FileUploadItemContext.Provider value={contextValue}>\n                {children}\n            </FileUploadItemContext.Provider>\n        </div>\n    );\n};\n\nexport const FileUploadItem = Object.assign(FileUploadItemComponent, {\n    StatusControl,\n    Content,\n    Actions,\n});\n"],"names":["__rest","useContextValue","__assign","React","cn","styles","FileUploadItemContext","StatusControl","Content","Actions"],"mappings":";;;;;;;;;;;;;;;;;;;AAYO,IAAM,uBAAuB,GAA4B,UAAC,EAMhE,EAAA;AALG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,cAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACT,IAAI,GAAAA,YAAA,CAAA,EAAA,EALsD,uDAMhE,CADU;IAEP,IAAM,YAAY,GAAGC,+BAAe,CAAAC,cAAA,CAAA,EAAG,YAAY,EAAA,YAAA,EAAA,EAAK,IAAI,CAAA,CAAG;IAE/D,QACIC,8CACI,SAAS,EAAEC,mBAAE,CACT,SAAS,EACTC,YAAM,CAAC,SAAS,EAChB,YAAY,IAAIA,YAAM,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC,CAC3D,EAAA,cAAA,EACa,UAAU,EAAA;AAExB,QAAAF,sBAAA,CAAA,aAAA,CAACG,2CAAqB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,EAC9C,QAAQ,CACoB,CAC/B;AAEd;IAEa,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;AACjE,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,OAAO,EAAAC,eAAA;AACP,IAAA,OAAO,EAAAC,eAAA;AACV,CAAA;;;;;"}

package/components/actions-control/actions-control.css

@@ -2,29 +2,29 @@
     --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
     --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
 }
-.file-upload-item__container_tcttk {
+.file-upload-item__container_mxw8d {
     display: flex;
     max-width: 144px;
 }
-.file-upload-item__container_tcttk .file-upload-item__icon_tcttk {
+.file-upload-item__container_mxw8d .file-upload-item__icon_mxw8d {
         width: 48px;
         height: 48px;
     }
-.file-upload-item__deleteIconColor_tcttk {
+.file-upload-item__deleteIconColor_mxw8d {
     fill: var(--color-light-text-tertiary);
 }
-.file-upload-item__deleteIconColor_tcttk:hover {
+.file-upload-item__deleteIconColor_mxw8d:hover {
         fill: var(--color-light-text-tertiary-hover);
     }
-.file-upload-item__downloadIconColor_tcttk {
+.file-upload-item__downloadIconColor_mxw8d {
     fill: var(--color-light-text-tertiary);
 }
-.file-upload-item__downloadIconColor_tcttk:hover {
+.file-upload-item__downloadIconColor_mxw8d:hover {
         fill: var(--color-light-text-tertiary-hover);
     }
-.file-upload-item__restoreIconColor_tcttk {
+.file-upload-item__restoreIconColor_mxw8d {
     fill: var(--color-light-text-tertiary);
 }
-.file-upload-item__restoreIconColor_tcttk:hover {
+.file-upload-item__restoreIconColor_mxw8d:hover {
         fill: var(--color-light-text-tertiary-hover);
     }

package/components/actions-control/actions-control.module.css.js

@@ -2,7 +2,7 @@
 
 require('./actions-control.css');
 
-var styles = {"container":"file-upload-item__container_tcttk","icon":"file-upload-item__icon_tcttk","deleteIconColor":"file-upload-item__deleteIconColor_tcttk","downloadIconColor":"file-upload-item__downloadIconColor_tcttk","restoreIconColor":"file-upload-item__restoreIconColor_tcttk"};
+var styles = {"container":"file-upload-item__container_mxw8d","icon":"file-upload-item__icon_mxw8d","deleteIconColor":"file-upload-item__deleteIconColor_mxw8d","downloadIconColor":"file-upload-item__downloadIconColor_mxw8d","restoreIconColor":"file-upload-item__restoreIconColor_mxw8d"};
 
 module.exports = styles;
 //# sourceMappingURL=actions-control.module.css.js.map

package/components/actions-control/actions.js

@@ -7,6 +7,7 @@ var fileUploadItemContext = require('../../context/file-upload-item-context.js')
 var deleteButton = require('./components/delete-button/delete-button.js');
 var downloadButton = require('./components/download-button/download-button.js');
 var restoreButton = require('./components/restore-button/restore-button.js');
+var index = require('./components/reupload-button/index.js');
 var actionsControl_module = require('./actions-control.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -14,15 +15,11 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Actions = function () {
-    var _a = React.useContext(fileUploadItemContext.FileUploadItemContext), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, setActionsPresent = _a.setActionsPresent, onDownload = _a.onDownload;
-    React.useEffect(function () {
-        if (setActionsPresent) {
-            setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));
-        }
-    }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);
+    var _a = fileUploadItemContext.useFileUploadItemContext(), showRestore = _a.showRestore, downloadLink = _a.downloadLink, showDelete = _a.showDelete, onDownload = _a.onDownload, reupload = _a.reupload;
     return (React__default.default.createElement("div", { className: actionsControl_module.container },
         showRestore && React__default.default.createElement(restoreButton.RestoreButton, null),
         (downloadLink || onDownload) && !showRestore && React__default.default.createElement(downloadButton.DownloadButton, null),
+        reupload && React__default.default.createElement(index.ReuploadButton, null),
         showDelete && !showRestore && React__default.default.createElement(deleteButton.DeleteButton, null)));
 };
 

package/components/actions-control/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sources":["../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n    const { showRestore, downloadLink, showDelete, setActionsPresent, onDownload } =\n        useContext(FileUploadItemContext);\n\n    useEffect(() => {\n        if (setActionsPresent) {\n            setActionsPresent(!!(showRestore || downloadLink || showDelete || onDownload));\n        }\n    }, [showRestore, downloadLink, showDelete, setActionsPresent, onDownload]);\n\n    return (\n        <div className={styles.container}>\n            {showRestore && <RestoreButton />}\n\n            {(downloadLink || onDownload) && !showRestore && <DownloadButton />}\n\n            {showDelete && !showRestore && <DeleteButton />}\n        </div>\n    );\n};\n"],"names":["useContext","FileUploadItemContext","useEffect","React","styles","RestoreButton","DownloadButton","DeleteButton"],"mappings":";;;;;;;;;;;;;;;AAUa,IAAA,OAAO,GAAG,YAAA;IACb,IAAA,EAAA,GACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBACvC;AAErC,IAAAC,eAAS,CAAC,YAAA;QACN,IAAI,iBAAiB,EAAE;AACnB,YAAA,iBAAiB,CAAC,CAAC,EAAE,WAAW,IAAI,YAAY,IAAI,UAAU,IAAI,UAAU,CAAC,CAAC;;AAEtF,KAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC;AAE1E,IAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAID,sBAAC,CAAA,aAAA,CAAAE,2BAAa,EAAG,IAAA,CAAA;QAEhC,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,WAAW,IAAIF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,EAAG,IAAA,CAAA;QAElE,UAAU,IAAI,CAAC,WAAW,IAAIH,qCAACI,yBAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}
+{"version":3,"file":"actions.js","sources":["../../src/components/actions-control/actions.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useFileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { DeleteButton } from './components/delete-button';\nimport { DownloadButton } from './components/download-button';\nimport { RestoreButton } from './components/restore-button';\nimport { ReuploadButton } from './components/reupload-button';\n\nimport styles from './actions-control.module.css';\n\nexport const Actions = () => {\n    const { showRestore, downloadLink, showDelete, onDownload, reupload } =\n        useFileUploadItemContext();\n\n    return (\n        <div className={styles.container}>\n            {showRestore && <RestoreButton />}\n\n            {(downloadLink || onDownload) && !showRestore && <DownloadButton />}\n\n            {reupload && <ReuploadButton />}\n\n            {showDelete && !showRestore && <DeleteButton />}\n        </div>\n    );\n};\n"],"names":["useFileUploadItemContext","React","styles","RestoreButton","DownloadButton","ReuploadButton","DeleteButton"],"mappings":";;;;;;;;;;;;;;;;AAWa,IAAA,OAAO,GAAG,YAAA;AACb,IAAA,IAAA,KACFA,8CAAwB,EAAE,EADtB,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cACrC;AAE9B,IAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAA;QAC3B,WAAW,IAAID,sBAAC,CAAA,aAAA,CAAAE,2BAAa,EAAG,IAAA,CAAA;QAEhC,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,WAAW,IAAIF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,EAAG,IAAA,CAAA;QAElE,QAAQ,IAAIH,sBAAC,CAAA,aAAA,CAAAI,oBAAc,EAAG,IAAA,CAAA;QAE9B,UAAU,IAAI,CAAC,WAAW,IAAIJ,qCAACK,yBAAY,EAAA,IAAA,CAAG,CAC7C;AAEd;;;;"}

package/components/actions-control/components/delete-button/delete-button.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var CrossMIcon__default = /*#__PURE__*/_interopDefaultCompat(CrossMIcon);
 
 var DeleteButton = function () {
-    var _a = React.useContext(fileUploadItemContext.FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onDelete = _a.onDelete;
+    var _a = fileUploadItemContext.useFileUploadItemContext(), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onDelete = _a.onDelete;
     var handleDelete = function (e) {
         if (onDelete) {
             onDelete(id, e);

package/components/actions-control/components/delete-button/delete-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-button.js","sources":["../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n    const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);\n\n    const handleDelete = (e: MouseEvent<HTMLElement>) => {\n        if (onDelete) {\n            onDelete(id, e);\n        }\n    };\n\n    return (\n        <IconButton\n            className={styles.icon}\n            size={24}\n            aria-label='удалить'\n            icon={<CrossMIcon className={styles.deleteIconColor} />}\n            disabled={disableButtons}\n            onClick={handleDelete}\n        />\n    );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","CrossMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyCA,gBAAU,CAACC,2CAAqB,CAAC,EAAxE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAsC;IAEhF,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;QAC5C,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;;AAEvB,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mCAAU,EACP,EAAA,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,2BAAU,IAAC,SAAS,EAAED,qBAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}
+{"version":3,"file":"delete-button.js","sources":["../../../../src/components/actions-control/components/delete-button/delete-button.tsx"],"sourcesContent":["import React, { type MouseEvent } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';\n\nimport { useFileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DeleteButton = () => {\n    const { id = '0', disableButtons, onDelete } = useFileUploadItemContext();\n\n    const handleDelete = (e: MouseEvent<HTMLElement>) => {\n        if (onDelete) {\n            onDelete(id, e);\n        }\n    };\n\n    return (\n        <IconButton\n            className={styles.icon}\n            size={24}\n            aria-label='удалить'\n            icon={<CrossMIcon className={styles.deleteIconColor} />}\n            disabled={disableButtons}\n            onClick={handleDelete}\n        />\n    );\n};\n"],"names":["useFileUploadItemContext","React","IconButton","styles","CrossMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,YAAY,GAAG,YAAA;AAClB,IAAA,IAAA,KAAyCA,8CAAwB,EAAE,EAAjE,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,QAAQ,cAA+B;IAEzE,IAAM,YAAY,GAAG,UAAC,CAA0B,EAAA;QAC5C,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;;AAEvB,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mCAAU,EACP,EAAA,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,2BAAU,IAAC,SAAS,EAAED,qBAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}

package/components/actions-control/components/download-button/download-button.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var ArrowDownLineDownCompactMIcon__default = /*#__PURE__*/_interopDefaultCompat(ArrowDownLineDownCompactMIcon);
 
 var DownloadButton = function () {
-    var _a = React.useContext(fileUploadItemContext.FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, downloadLink = _a.downloadLink, download = _a.download, disableButtons = _a.disableButtons, target = _a.target, onDownload = _a.onDownload;
+    var _a = fileUploadItemContext.useFileUploadItemContext(), _b = _a.id, id = _b === void 0 ? '0' : _b, downloadLink = _a.downloadLink, download = _a.download, disableButtons = _a.disableButtons, target = _a.target, onDownload = _a.onDownload;
     var handleDownload = function (e) {
         if (onDownload) {
             e.preventDefault();

package/components/actions-control/components/download-button/download-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"download-button.js","sources":["../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { type MouseEvent, useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n    const {\n        id = '0',\n        downloadLink,\n        download,\n        disableButtons,\n        target,\n        onDownload,\n    } = useContext(FileUploadItemContext);\n\n    const handleDownload = (e: MouseEvent<HTMLElement>) => {\n        if (onDownload) {\n            e.preventDefault();\n            onDownload(id);\n        }\n    };\n\n    return (\n        <IconButton\n            className={styles.icon}\n            size={24}\n            aria-label='скачать'\n            icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n            disabled={disableButtons}\n            href={downloadLink}\n            download={download}\n            target={target}\n            onClick={handleDownload}\n        />\n    );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","ArrowDownLineDownCompactMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOFA,gBAAU,CAACC,2CAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACuB;IAErC,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;QAC9C,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;;AAEtB,KAAC;IAED,QACIC,qCAACC,mCAAU,EAAA,EACP,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EAAA,YAAA,EACG,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,8CAA6B,EAAC,EAAA,SAAS,EAAED,qBAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}
+{"version":3,"file":"download-button.js","sources":["../../../../src/components/actions-control/components/download-button/download-button.tsx"],"sourcesContent":["import React, { type MouseEvent } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';\n\nimport { useFileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const DownloadButton = () => {\n    const {\n        id = '0',\n        downloadLink,\n        download,\n        disableButtons,\n        target,\n        onDownload,\n    } = useFileUploadItemContext();\n\n    const handleDownload = (e: MouseEvent<HTMLElement>) => {\n        if (onDownload) {\n            e.preventDefault();\n            onDownload(id);\n        }\n    };\n\n    return (\n        <IconButton\n            className={styles.icon}\n            size={24}\n            aria-label='скачать'\n            icon={<ArrowDownLineDownCompactMIcon className={styles.downloadIconColor} />}\n            disabled={disableButtons}\n            href={downloadLink}\n            download={download}\n            target={target}\n            onClick={handleDownload}\n        />\n    );\n};\n"],"names":["useFileUploadItemContext","React","IconButton","styles","ArrowDownLineDownCompactMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,cAAc,GAAG,YAAA;IACpB,IAAA,EAAA,GAOFA,8CAAwB,EAAE,EAN1B,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UACgB;IAE9B,IAAM,cAAc,GAAG,UAAC,CAA0B,EAAA;QAC9C,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;;AAEtB,KAAC;IAED,QACIC,qCAACC,mCAAU,EAAA,EACP,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EAAA,YAAA,EACG,4CAAS,EACpB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,8CAA6B,EAAC,EAAA,SAAS,EAAED,qBAAM,CAAC,iBAAiB,EAAA,CAAI,EAC5E,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAc,EACzB,CAAA;AAEV;;;;"}

package/components/actions-control/components/restore-button/restore-button.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var ArrowsCwCompactMIcon__default = /*#__PURE__*/_interopDefaultCompat(ArrowsCwCompactMIcon);
 
 var RestoreButton = function () {
-    var _a = React.useContext(fileUploadItemContext.FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onRestore = _a.onRestore;
+    var _a = fileUploadItemContext.useFileUploadItemContext(), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onRestore = _a.onRestore;
     var handleRestore = function () {
         if (onRestore) {
             onRestore(id);

package/components/actions-control/components/restore-button/restore-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"restore-button.js","sources":["../../../../src/components/actions-control/components/restore-button/restore-button.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const RestoreButton = () => {\n    const { id = '0', disableButtons, onRestore } = useContext(FileUploadItemContext);\n\n    const handleRestore = () => {\n        if (onRestore) {\n            onRestore(id);\n        }\n    };\n\n    return (\n        <IconButton\n            className={styles.icon}\n            size={24}\n            aria-label='восстановить'\n            icon={<ArrowsCwCompactMIcon className={styles.restoreIconColor} />}\n            disabled={disableButtons}\n            onClick={handleRestore}\n        />\n    );\n};\n"],"names":["useContext","FileUploadItemContext","React","IconButton","styles","ArrowsCwCompactMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,aAAa,GAAG,YAAA;AACnB,IAAA,IAAA,KAA0CA,gBAAU,CAACC,2CAAqB,CAAC,EAAzE,UAAQ,EAAR,EAAE,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAsC;AAEjF,IAAA,IAAM,aAAa,GAAG,YAAA;QAClB,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,EAAE,CAAC;;AAErB,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mCAAU,EACP,EAAA,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,YAAA,EAAA,0EAAc,EACzB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,qCAAoB,IAAC,SAAS,EAAED,qBAAM,CAAC,gBAAgB,EAAI,CAAA,EAClE,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,aAAa,EAAA,CACxB;AAEV;;;;"}
+{"version":3,"file":"restore-button.js","sources":["../../../../src/components/actions-control/components/restore-button/restore-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';\n\nimport { useFileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const RestoreButton = () => {\n    const { id = '0', disableButtons, onRestore } = useFileUploadItemContext();\n\n    const handleRestore = () => {\n        if (onRestore) {\n            onRestore(id);\n        }\n    };\n\n    return (\n        <IconButton\n            className={styles.icon}\n            size={24}\n            aria-label='восстановить'\n            icon={<ArrowsCwCompactMIcon className={styles.restoreIconColor} />}\n            disabled={disableButtons}\n            onClick={handleRestore}\n        />\n    );\n};\n"],"names":["useFileUploadItemContext","React","IconButton","styles","ArrowsCwCompactMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,aAAa,GAAG,YAAA;AACnB,IAAA,IAAA,KAA0CA,8CAAwB,EAAE,EAAlE,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,SAAS,eAA+B;AAE1E,IAAA,IAAM,aAAa,GAAG,YAAA;QAClB,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,EAAE,CAAC;;AAErB,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mCAAU,EACP,EAAA,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,YAAA,EAAA,0EAAc,EACzB,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,qCAAoB,IAAC,SAAS,EAAED,qBAAM,CAAC,gBAAgB,EAAI,CAAA,EAClE,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,aAAa,EAAA,CACxB;AAEV;;;;"}

package/components/actions-control/components/reupload-button/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReuploadButton: () => React.JSX.Element;

package/components/actions-control/components/reupload-button/index.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
+var ArrowsCwCompactMIcon = require('@alfalab/icons-glyph/ArrowsCwCompactMIcon');
+var fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
+var actionsControl_module = require('../../actions-control.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ArrowsCwCompactMIcon__default = /*#__PURE__*/_interopDefaultCompat(ArrowsCwCompactMIcon);
+
+var ReuploadButton = function () {
+    var _a = fileUploadItemContext.useFileUploadItemContext(), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, reupload = _a.reupload;
+    var handleClick = function () {
+        var _a;
+        if (typeof reupload === 'object') {
+            (_a = reupload.onClick) === null || _a === void 0 ? void 0 : _a.call(reupload, id);
+        }
+    };
+    return (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: actionsControl_module.icon, size: 24, "aria-label": '\u041F\u043E\u0432\u0442\u043E\u0440\u043D\u0430\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430', icon: React__default.default.createElement(ArrowsCwCompactMIcon__default.default, { className: actionsControl_module.restoreIconColor }), disabled: disableButtons, onClick: handleClick }));
+};
+
+exports.ReuploadButton = ReuploadButton;
+//# sourceMappingURL=index.js.map

package/components/actions-control/components/reupload-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/actions-control/components/reupload-button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';\n\nimport { useFileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from '../../actions-control.module.css';\n\nexport const ReuploadButton = () => {\n    const { id = '0', disableButtons, reupload } = useFileUploadItemContext();\n\n    const handleClick = () => {\n        if (typeof reupload === 'object') {\n            reupload.onClick?.(id);\n        }\n    };\n\n    return (\n        <IconButton\n            className={styles.icon}\n            size={24}\n            aria-label='Повторная загрузка'\n            icon={<ArrowsCwCompactMIcon className={styles.restoreIconColor} />}\n            disabled={disableButtons}\n            onClick={handleClick}\n        />\n    );\n};\n"],"names":["useFileUploadItemContext","React","IconButton","styles","ArrowsCwCompactMIcon"],"mappings":";;;;;;;;;;;;;;;AASa,IAAA,cAAc,GAAG,YAAA;AACpB,IAAA,IAAA,KAAyCA,8CAAwB,EAAE,EAAjE,EAAA,GAAA,EAAA,CAAA,EAAQ,EAAR,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,QAAQ,cAA+B;AAEzE,IAAA,IAAM,WAAW,GAAG,YAAA;;AAChB,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAC9B,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAA,EAAE,CAAC;;AAE9B,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mCAAU,EACP,EAAA,SAAS,EAAEC,qBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,EAAE,EACG,YAAA,EAAA,yGAAoB,EAC/B,IAAI,EAAEF,sBAAC,CAAA,aAAA,CAAAG,qCAAoB,IAAC,SAAS,EAAED,qBAAM,CAAC,gBAAgB,EAAI,CAAA,EAClE,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,WAAW,EAAA,CACtB;AAEV;;;;"}

package/components/content/components/content-error/content-error.css

@@ -1,3 +1,3 @@
-.file-upload-item__errorItem_m5u2y {
+.file-upload-item__errorItem_1egeb {
     display: block;
 }

package/components/content/components/content-error/content-error.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ContentError = function () {
-    var error = React.useContext(fileUploadItemContext.FileUploadItemContext).error;
+    var error = fileUploadItemContext.useFileUploadItemContext().error;
     if (typeof error === 'string' && error.length > 0) {
         return (React__default.default.createElement(coreComponentsTypography.TypographyText, { className: contentError_module.errorItem, view: 'primary-small', color: 'negative' }, error));
     }

package/components/content/components/content-error/content-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-error.js","sources":["../../../../src/components/content/components/content-error/content-error.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from './content-error.module.css';\n\nexport const ContentError = () => {\n    const { error } = useContext(FileUploadItemContext);\n\n    if (typeof error === 'string' && error.length > 0) {\n        return (\n            <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n                {error}\n            </TypographyText>\n        );\n    }\n\n    if (Array.isArray(error) && error.length > 0) {\n        return (\n            <div>\n                {error.map((item) => (\n                    <TypographyText\n                        key={item}\n                        className={styles.errorItem}\n                        view='primary-small'\n                        color='negative'\n                    >\n                        {item}\n                    </TypographyText>\n                ))}\n            </div>\n        );\n    }\n\n    return (\n        <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n            Не удалось загрузить файл\n        </TypographyText>\n    );\n};\n"],"names":["useContext","FileUploadItemContext","React","TypographyText","styles"],"mappings":";;;;;;;;;;;;;AAQa,IAAA,YAAY,GAAG,YAAA;AAChB,IAAA,IAAA,KAAK,GAAKA,gBAAU,CAACC,2CAAqB,CAAC,MAAtC;IAEb,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/C,QACIC,qCAACC,uCAAc,EAAA,EAAC,SAAS,EAAEC,mBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAC7E,EAAA,KAAK,CACO;;AAIzB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,QAAA,QACIF,sBACK,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA,EAAK,QACjBA,qCAACC,uCAAc,EAAA,EACX,GAAG,EAAE,IAAI,EACT,SAAS,EAAEC,mBAAM,CAAC,SAAS,EAC3B,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,UAAU,EAEf,EAAA,IAAI,CACQ,EACpB,EAAA,CAAC,CACA;;AAId,IAAA,QACIF,sBAAC,CAAA,aAAA,CAAAC,uCAAc,IAAC,SAAS,EAAEC,mBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,yIAAA,CAEjE;AAEzB;;;;"}
+{"version":3,"file":"content-error.js","sources":["../../../../src/components/content/components/content-error/content-error.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { useFileUploadItemContext } from '../../../../context/file-upload-item-context';\n\nimport styles from './content-error.module.css';\n\nexport const ContentError = () => {\n    const { error } = useFileUploadItemContext();\n\n    if (typeof error === 'string' && error.length > 0) {\n        return (\n            <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n                {error}\n            </TypographyText>\n        );\n    }\n\n    if (Array.isArray(error) && error.length > 0) {\n        return (\n            <div>\n                {error.map((item) => (\n                    <TypographyText\n                        key={item}\n                        className={styles.errorItem}\n                        view='primary-small'\n                        color='negative'\n                    >\n                        {item}\n                    </TypographyText>\n                ))}\n            </div>\n        );\n    }\n\n    return (\n        <TypographyText className={styles.errorItem} view='primary-small' color='negative'>\n            Не удалось загрузить файл\n        </TypographyText>\n    );\n};\n"],"names":["useFileUploadItemContext","React","TypographyText","styles"],"mappings":";;;;;;;;;;;;;AAQa,IAAA,YAAY,GAAG,YAAA;AAChB,IAAA,IAAA,KAAK,GAAKA,8CAAwB,EAAE,MAA/B;IAEb,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/C,QACIC,qCAACC,uCAAc,EAAA,EAAC,SAAS,EAAEC,mBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAC7E,EAAA,KAAK,CACO;;AAIzB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,QAAA,QACIF,sBACK,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA,EAAK,QACjBA,qCAACC,uCAAc,EAAA,EACX,GAAG,EAAE,IAAI,EACT,SAAS,EAAEC,mBAAM,CAAC,SAAS,EAC3B,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,UAAU,EAEf,EAAA,IAAI,CACQ,EACpB,EAAA,CAAC,CACA;;AAId,IAAA,QACIF,sBAAC,CAAA,aAAA,CAAAC,uCAAc,IAAC,SAAS,EAAEC,mBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,yIAAA,CAEjE;AAEzB;;;;"}

package/components/content/components/content-error/content-error.module.css.js

@@ -2,7 +2,7 @@
 
 require('./content-error.css');
 
-var styles = {"errorItem":"file-upload-item__errorItem_m5u2y"};
+var styles = {"errorItem":"file-upload-item__errorItem_1egeb"};
 
 module.exports = styles;
 //# sourceMappingURL=content-error.module.css.js.map

package/components/content/components/content-subtitle/content-subtitle.css

@@ -2,14 +2,14 @@
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
 }
-.file-upload-item__subtitle_1ozo1 {
+.file-upload-item__subtitle_5sknh {
     display: block;
 }
-.file-upload-item__subtitle_1ozo1.file-upload-item__truncate_1ozo1 {
+.file-upload-item__subtitle_5sknh.file-upload-item__truncate_5sknh {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
-.file-upload-item__size_1ozo1 {
+.file-upload-item__size_5sknh {
     margin-right: var(--gap-8);
 }

package/components/content/components/content-subtitle/content-subtitle.js

@@ -20,17 +20,11 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var ContentSubtitle = function () {
     var _a;
-    var _b = React.useContext(fileUploadItemContext.FileUploadItemContext), uploadStatus = _b.uploadStatus, subtitle = _b.subtitle, uploadDate = _b.uploadDate, size = _b.size, truncate = _b.truncate, showRestore = _b.showRestore, error = _b.error, progressBar$1 = _b.progressBar;
+    var _b = fileUploadItemContext.useFileUploadItemContext(), uploadStatus = _b.uploadStatus, subtitle = _b.subtitle, uploadDate = _b.uploadDate, size = _b.size, truncate = _b.truncate, showRestore = _b.showRestore, error = _b.error, progressBar$1 = _b.progressBar;
     var shouldShownError = utils.isErrorStatus(uploadStatus) || isError.isError(error);
     var showMeta = !showRestore && (utils.isSuccessStatus(uploadStatus) || utils.isUploadedStatus(uploadStatus));
     // валидация progressBar (не должен превышать 100 и быть меньше 0)
-    var validateProgressBarValue = function (progressValue) {
-        if (progressValue === undefined) {
-            return 0;
-        }
-        return Math.min(Math.max(progressValue, 0), progressBar.MAX_PROGRESS_BAR_VALUE);
-    };
-    var validProgressBar = validateProgressBarValue(progressBar$1);
+    var validProgressBar = Math.min(Math.max(progressBar$1 !== null && progressBar$1 !== void 0 ? progressBar$1 : 0, 0), progressBar.MAX_PROGRESS_BAR_VALUE);
     // uploading status
     if (utils.isUploadingStatus(uploadStatus)) {
         return (React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-small', color: 'secondary' },

package/components/content/components/content-subtitle/content-subtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-subtitle.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { humanFileSize } from '@alfalab/core-components-shared';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { MAX_PROGRESS_BAR_VALUE } from '../../../../const/progress-bar';\nimport { FileUploadItemContext } from '../../../../context/file-upload-item-context';\nimport {\n    isErrorStatus,\n    isSuccessStatus,\n    isUploadedStatus,\n    isUploadingStatus,\n} from '../../../../utils';\nimport { isError } from '../../utils/isError';\nimport { ContentError } from '../content-error';\n\nimport styles from './content-subtitle.module.css';\n\nexport const ContentSubtitle = () => {\n    const { uploadStatus, subtitle, uploadDate, size, truncate, showRestore, error, progressBar } =\n        useContext(FileUploadItemContext);\n\n    const shouldShownError = isErrorStatus(uploadStatus) || isError(error);\n    const showMeta =\n        !showRestore && (isSuccessStatus(uploadStatus) || isUploadedStatus(uploadStatus));\n\n    // валидация progressBar (не должен превышать 100 и быть меньше 0)\n    const validateProgressBarValue = (progressValue: number | undefined) => {\n        if (progressValue === undefined) {\n            return 0;\n        }\n\n        return Math.min(Math.max(progressValue, 0), MAX_PROGRESS_BAR_VALUE);\n    };\n\n    const validProgressBar = validateProgressBarValue(progressBar);\n\n    // uploading status\n    if (isUploadingStatus(uploadStatus)) {\n        return (\n            <TypographyText view='primary-small' color='secondary'>\n                Загружено{'\\u00A0'}\n                {Math.floor(validProgressBar)}%\n            </TypographyText>\n        );\n    }\n\n    // error status\n    if (shouldShownError) {\n        return <ContentError />;\n    }\n\n    // success status\n    if (showMeta) {\n        return (\n            <div>\n                {size && (\n                    <TypographyText className={styles.size} view='primary-small' color='secondary'>\n                        {humanFileSize(size)}\n                    </TypographyText>\n                )}\n                {uploadDate && (\n                    <TypographyText view='primary-small' color='secondary'>\n                        {uploadDate}\n                    </TypographyText>\n                )}\n            </div>\n        );\n    }\n\n    // restore status\n    if (showRestore) {\n        return (\n            <TypographyText view='primary-small' color='tertiary'>\n                Файл удален\n            </TypographyText>\n        );\n    }\n\n    return (\n        <TypographyText\n            className={cn(styles.subtitle, {\n                [styles.truncate]: truncate,\n            })}\n            view='primary-small'\n            color='secondary'\n        >\n            {subtitle}\n        </TypographyText>\n    );\n};\n"],"names":["useContext","FileUploadItemContext","progressBar","isErrorStatus","isError","isSuccessStatus","isUploadedStatus","MAX_PROGRESS_BAR_VALUE","isUploadingStatus","React","TypographyText","ContentError","styles","humanFileSize","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBa,IAAA,eAAe,GAAG,YAAA;;AACrB,IAAA,IAAA,EACF,GAAAA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAEC,aAAW,iBACtD;IAErC,IAAM,gBAAgB,GAAGC,mBAAa,CAAC,YAAY,CAAC,IAAIC,eAAO,CAAC,KAAK,CAAC;AACtE,IAAA,IAAM,QAAQ,GACV,CAAC,WAAW,KAAKC,qBAAe,CAAC,YAAY,CAAC,IAAIC,sBAAgB,CAAC,YAAY,CAAC,CAAC;;IAGrF,IAAM,wBAAwB,GAAG,UAAC,aAAiC,EAAA;AAC/D,QAAA,IAAI,aAAa,KAAK,SAAS,EAAE;AAC7B,YAAA,OAAO,CAAC;;AAGZ,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,EAAEC,kCAAsB,CAAC;AACvE,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,wBAAwB,CAACL,aAAW,CAAC;;AAG9D,IAAA,IAAIM,uBAAiB,CAAC,YAAY,CAAC,EAAE;QACjC,QACIC,sBAAC,CAAA,aAAA,CAAAC,uCAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA;;YACxC,QAAQ;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAChB,YAAA,GAAA,CAAA;;;IAKzB,IAAI,gBAAgB,EAAE;QAClB,OAAOD,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG;;;IAI3B,IAAI,QAAQ,EAAE;AACV,QAAA,QACIF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACDA,sBAAA,CAAA,aAAA,CAACC,uCAAc,EAAA,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EACzEC,kCAAa,CAAC,IAAI,CAAC,CACP,CACpB;AACA,YAAA,UAAU,KACPJ,sBAAA,CAAA,aAAA,CAACC,uCAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACjD,EAAA,UAAU,CACE,CACpB,CACC;;;IAKd,IAAI,WAAW,EAAE;AACb,QAAA,QACID,sBAAA,CAAA,aAAA,CAACC,uCAAc,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;;IAIzB,QACID,sBAAC,CAAA,aAAA,CAAAC,uCAAc,EACX,EAAA,SAAS,EAAEI,mBAAE,CAACF,sBAAM,CAAC,QAAQ,GAAA,EAAA,GAAA,EAAA;AACzB,YAAA,EAAA,CAACA,sBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;gBAC7B,EACF,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EAEhB,EAAA,QAAQ,CACI;AAEzB;;;;"}
+{"version":3,"file":"content-subtitle.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { humanFileSize } from '@alfalab/core-components-shared';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { MAX_PROGRESS_BAR_VALUE } from '../../../../const/progress-bar';\nimport { useFileUploadItemContext } from '../../../../context/file-upload-item-context';\nimport {\n    isErrorStatus,\n    isSuccessStatus,\n    isUploadedStatus,\n    isUploadingStatus,\n} from '../../../../utils';\nimport { isError } from '../../utils/isError';\nimport { ContentError } from '../content-error';\n\nimport styles from './content-subtitle.module.css';\n\nexport const ContentSubtitle = () => {\n    const { uploadStatus, subtitle, uploadDate, size, truncate, showRestore, error, progressBar } =\n        useFileUploadItemContext();\n\n    const shouldShownError = isErrorStatus(uploadStatus) || isError(error);\n    const showMeta =\n        !showRestore && (isSuccessStatus(uploadStatus) || isUploadedStatus(uploadStatus));\n\n    // валидация progressBar (не должен превышать 100 и быть меньше 0)\n    const validProgressBar = Math.min(Math.max(progressBar ?? 0, 0), MAX_PROGRESS_BAR_VALUE);\n\n    // uploading status\n    if (isUploadingStatus(uploadStatus)) {\n        return (\n            <TypographyText view='primary-small' color='secondary'>\n                Загружено{'\\u00A0'}\n                {Math.floor(validProgressBar)}%\n            </TypographyText>\n        );\n    }\n\n    // error status\n    if (shouldShownError) {\n        return <ContentError />;\n    }\n\n    // success status\n    if (showMeta) {\n        return (\n            <div>\n                {size && (\n                    <TypographyText className={styles.size} view='primary-small' color='secondary'>\n                        {humanFileSize(size)}\n                    </TypographyText>\n                )}\n                {uploadDate && (\n                    <TypographyText view='primary-small' color='secondary'>\n                        {uploadDate}\n                    </TypographyText>\n                )}\n            </div>\n        );\n    }\n\n    // restore status\n    if (showRestore) {\n        return (\n            <TypographyText view='primary-small' color='tertiary'>\n                Файл удален\n            </TypographyText>\n        );\n    }\n\n    return (\n        <TypographyText\n            className={cn(styles.subtitle, {\n                [styles.truncate]: truncate,\n            })}\n            view='primary-small'\n            color='secondary'\n        >\n            {subtitle}\n        </TypographyText>\n    );\n};\n"],"names":["useFileUploadItemContext","progressBar","isErrorStatus","isError","isSuccessStatus","isUploadedStatus","MAX_PROGRESS_BAR_VALUE","isUploadingStatus","React","TypographyText","ContentError","styles","humanFileSize","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBa,IAAA,eAAe,GAAG,YAAA;;IACrB,IAAA,EAAA,GACFA,8CAAwB,EAAE,EADtB,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAEC,aAAW,GAAA,EAAA,CAAA,WAC7D;IAE9B,IAAM,gBAAgB,GAAGC,mBAAa,CAAC,YAAY,CAAC,IAAIC,eAAO,CAAC,KAAK,CAAC;AACtE,IAAA,IAAM,QAAQ,GACV,CAAC,WAAW,KAAKC,qBAAe,CAAC,YAAY,CAAC,IAAIC,sBAAgB,CAAC,YAAY,CAAC,CAAC;;IAGrF,IAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAACJ,aAAW,aAAXA,aAAW,KAAA,MAAA,GAAXA,aAAW,GAAI,CAAC,EAAE,CAAC,CAAC,EAAEK,kCAAsB,CAAC;;AAGxF,IAAA,IAAIC,uBAAiB,CAAC,YAAY,CAAC,EAAE;QACjC,QACIC,sBAAC,CAAA,aAAA,CAAAC,uCAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA;;YACxC,QAAQ;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAChB,YAAA,GAAA,CAAA;;;IAKzB,IAAI,gBAAgB,EAAE;QAClB,OAAOD,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG;;;IAI3B,IAAI,QAAQ,EAAE;AACV,QAAA,QACIF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACDA,sBAAA,CAAA,aAAA,CAACC,uCAAc,EAAA,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EACzEC,kCAAa,CAAC,IAAI,CAAC,CACP,CACpB;AACA,YAAA,UAAU,KACPJ,sBAAA,CAAA,aAAA,CAACC,uCAAc,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACjD,EAAA,UAAU,CACE,CACpB,CACC;;;IAKd,IAAI,WAAW,EAAE;AACb,QAAA,QACID,sBAAA,CAAA,aAAA,CAACC,uCAAc,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;;IAIzB,QACID,sBAAC,CAAA,aAAA,CAAAC,uCAAc,EACX,EAAA,SAAS,EAAEI,mBAAE,CAACF,sBAAM,CAAC,QAAQ,GAAA,EAAA,GAAA,EAAA;AACzB,YAAA,EAAA,CAACA,sBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;gBAC7B,EACF,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EAEhB,EAAA,QAAQ,CACI;AAEzB;;;;"}

package/components/content/components/content-subtitle/content-subtitle.module.css.js

@@ -2,7 +2,7 @@
 
 require('./content-subtitle.css');
 
-var styles = {"subtitle":"file-upload-item__subtitle_1ozo1","truncate":"file-upload-item__truncate_1ozo1","size":"file-upload-item__size_1ozo1"};
+var styles = {"subtitle":"file-upload-item__subtitle_5sknh","truncate":"file-upload-item__truncate_5sknh","size":"file-upload-item__size_5sknh"};
 
 module.exports = styles;
 //# sourceMappingURL=content-subtitle.module.css.js.map

package/components/content/content.css

@@ -9,34 +9,34 @@
     --gap-4: var(--gap-2xs);
     --gap-16: var(--gap-m);
 }
-.file-upload-item__container_q82fw {
+.file-upload-item__container_pwc95 {
     padding: var(--gap-2) 0 0 var(--gap-16);
     flex-grow: 1;
     min-width: 0;
 }
-.file-upload-item__container_q82fw.file-upload-item__clickable_q82fw {
+.file-upload-item__container_pwc95.file-upload-item__clickable_pwc95 {
         cursor: pointer;
     }
-.file-upload-item__container_q82fw.file-upload-item__single_q82fw {
+.file-upload-item__container_pwc95.file-upload-item__single_pwc95 {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding-top: 0;
         min-height: 48px;
     }
-.file-upload-item__container_q82fw.file-upload-item__single_q82fw .file-upload-item__title_q82fw {
+.file-upload-item__container_pwc95.file-upload-item__single_pwc95 .file-upload-item__title_pwc95 {
             margin-bottom: 0;
         }
-.file-upload-item__container_q82fw .file-upload-item__title_q82fw {
+.file-upload-item__container_pwc95 .file-upload-item__title_pwc95 {
         margin-bottom: var(--gap-4);
         display: block;
         overflow-wrap: break-word;
     }
-.file-upload-item__container_q82fw .file-upload-item__title_q82fw.file-upload-item__truncate_q82fw {
+.file-upload-item__container_pwc95 .file-upload-item__title_pwc95.file-upload-item__truncate_pwc95 {
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
         }
-.file-upload-item__container_q82fw .file-upload-item__title_q82fw.file-upload-item__restore_q82fw {
+.file-upload-item__container_pwc95 .file-upload-item__title_pwc95.file-upload-item__restore_pwc95 {
             color: var(--color-light-text-tertiary);
         }

package/components/content/content.js

@@ -16,7 +16,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var Content = function () {
     var _a, _b;
-    var _c = React.useContext(fileUploadItemContext.FileUploadItemContext), title = _c.title, CustomContent = _c.customContent, truncate = _c.truncate, subtitle = _c.subtitle, showRestore = _c.showRestore, actionsPresent = _c.actionsPresent, isClickable = _c.isClickable;
+    var _c = fileUploadItemContext.useFileUploadItemContext(), title = _c.title, CustomContent = _c.customContent, truncate = _c.truncate, subtitle = _c.subtitle, showRestore = _c.showRestore, actionsPresent = _c.actionsPresent, isClickable = _c.isClickable;
     if (CustomContent) {
         return React__default.default.createElement(CustomContent, null);
     }

package/components/content/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../../src/components/content/content.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { ContentSubtitle } from './components/content-subtitle/content-subtitle';\n\nimport styles from './content.module.css';\n\nexport const Content = () => {\n    const {\n        title,\n        customContent: CustomContent,\n        truncate,\n        subtitle,\n        showRestore,\n        actionsPresent,\n        isClickable,\n    } = useContext(FileUploadItemContext);\n\n    if (CustomContent) {\n        return <CustomContent />;\n    }\n\n    return (\n        <div\n            className={cn(styles.container, {\n                [styles.single]: !subtitle,\n                [styles.clickable]: !actionsPresent && isClickable,\n            })}\n        >\n            {title && (\n                <TypographyText\n                    className={cn(styles.title, {\n                        [styles.truncate]: truncate,\n                        [styles.restore]: showRestore,\n                    })}\n                    view='component-primary'\n                    color='primary'\n                >\n                    {title}\n                </TypographyText>\n            )}\n            <ContentSubtitle />\n        </div>\n    );\n};\n"],"names":["useContext","FileUploadItemContext","React","cn","styles","TypographyText","ContentSubtitle"],"mappings":";;;;;;;;;;;;;;;;AAWa,IAAA,OAAO,GAAG,YAAA;;IACb,IAAA,EAAA,GAQFA,gBAAU,CAACC,2CAAqB,CAAC,EAPjC,KAAK,GAAA,EAAA,CAAA,KAAA,EACU,aAAa,GAAA,EAAA,CAAA,aAAA,EAC5B,QAAQ,cAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,WAAW,GAAA,EAAA,CAAA,WACsB;IAErC,IAAI,aAAa,EAAE;QACf,OAAOC,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG;;IAG5B,QACIA,8CACI,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1B,YAAA,EAAA,CAACA,cAAM,CAAC,MAAM,CAAA,GAAG,CAAC,QAAQ;AAC1B,YAAA,EAAA,CAACA,cAAM,CAAC,SAAS,IAAG,CAAC,cAAc,IAAI,WAAW;AACpD,YAAA,EAAA,EAAA,EAAA;QAED,KAAK,KACFF,sBAAA,CAAA,aAAA,CAACG,uCAAc,EAAA,EACX,SAAS,EAAEF,mBAAE,CAACC,cAAM,CAAC,KAAK,GAAA,EAAA,GAAA,EAAA;AACtB,gBAAA,EAAA,CAACA,cAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,gBAAA,EAAA,CAACA,cAAM,CAAC,OAAO,CAAA,GAAG,WAAW;oBAC/B,EACF,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,SAAS,EAAA,EAEd,KAAK,CACO,CACpB;AACD,QAAAF,sBAAA,CAAA,aAAA,CAACI,+BAAe,EAAA,IAAA,CAAG,CACjB;AAEd;;;;"}
+{"version":3,"file":"content.js","sources":["../../src/components/content/content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { useFileUploadItemContext } from '../../context/file-upload-item-context';\n\nimport { ContentSubtitle } from './components/content-subtitle/content-subtitle';\n\nimport styles from './content.module.css';\n\nexport const Content = () => {\n    const {\n        title,\n        customContent: CustomContent,\n        truncate,\n        subtitle,\n        showRestore,\n        actionsPresent,\n        isClickable,\n    } = useFileUploadItemContext();\n\n    if (CustomContent) {\n        return <CustomContent />;\n    }\n\n    return (\n        <div\n            className={cn(styles.container, {\n                [styles.single]: !subtitle,\n                [styles.clickable]: !actionsPresent && isClickable,\n            })}\n        >\n            {title && (\n                <TypographyText\n                    className={cn(styles.title, {\n                        [styles.truncate]: truncate,\n                        [styles.restore]: showRestore,\n                    })}\n                    view='component-primary'\n                    color='primary'\n                >\n                    {title}\n                </TypographyText>\n            )}\n            <ContentSubtitle />\n        </div>\n    );\n};\n"],"names":["useFileUploadItemContext","React","cn","styles","TypographyText","ContentSubtitle"],"mappings":";;;;;;;;;;;;;;;;AAWa,IAAA,OAAO,GAAG,YAAA;;IACb,IAAA,EAAA,GAQFA,8CAAwB,EAAE,EAP1B,KAAK,WAAA,EACU,aAAa,GAAA,EAAA,CAAA,aAAA,EAC5B,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,WAAW,GAAA,EAAA,CAAA,WACe;IAE9B,IAAI,aAAa,EAAE;QACf,OAAOC,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG;;IAG5B,QACIA,8CACI,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1B,YAAA,EAAA,CAACA,cAAM,CAAC,MAAM,CAAA,GAAG,CAAC,QAAQ;AAC1B,YAAA,EAAA,CAACA,cAAM,CAAC,SAAS,IAAG,CAAC,cAAc,IAAI,WAAW;AACpD,YAAA,EAAA,EAAA,EAAA;QAED,KAAK,KACFF,sBAAA,CAAA,aAAA,CAACG,uCAAc,EAAA,EACX,SAAS,EAAEF,mBAAE,CAACC,cAAM,CAAC,KAAK,GAAA,EAAA,GAAA,EAAA;AACtB,gBAAA,EAAA,CAACA,cAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,gBAAA,EAAA,CAACA,cAAM,CAAC,OAAO,CAAA,GAAG,WAAW;oBAC/B,EACF,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,SAAS,EAAA,EAEd,KAAK,CACO,CACpB;AACD,QAAAF,sBAAA,CAAA,aAAA,CAACI,+BAAe,EAAA,IAAA,CAAG,CACjB;AAEd;;;;"}

package/components/content/content.module.css.js

@@ -2,7 +2,7 @@
 
 require('./content.css');
 
-var styles = {"container":"file-upload-item__container_q82fw","clickable":"file-upload-item__clickable_q82fw","single":"file-upload-item__single_q82fw","title":"file-upload-item__title_q82fw","truncate":"file-upload-item__truncate_q82fw","restore":"file-upload-item__restore_q82fw"};
+var styles = {"container":"file-upload-item__container_pwc95","clickable":"file-upload-item__clickable_pwc95","single":"file-upload-item__single_pwc95","title":"file-upload-item__title_pwc95","truncate":"file-upload-item__truncate_pwc95","restore":"file-upload-item__restore_pwc95"};
 
 module.exports = styles;
 //# sourceMappingURL=content.module.css.js.map

package/components/status-control/extension-icon/index.css

@@ -1,5 +1,6 @@
 :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-status-attention: #fa9313;
 }
 :root {
     --color-light-decorative-blue: #3193fc;
@@ -7,18 +8,21 @@
     --color-light-decorative-orange: #fa9313;
     --color-light-decorative-red: #fe5e48;
 }
-.file-upload-item__iconPDFColored_1fwjw {
+.file-upload-item__iconPDFColored_1oy63 {
     fill: var(--color-light-decorative-red);
 }
-.file-upload-item__iconDOCColored_1fwjw {
+.file-upload-item__iconDOCColored_1oy63 {
     fill: var(--color-light-decorative-blue);
 }
-.file-upload-item__iconExcelColored_1fwjw {
+.file-upload-item__iconExcelColored_1oy63 {
     fill: var(--color-light-decorative-green);
 }
-.file-upload-item__icon1CColored_1fwjw {
+.file-upload-item__icon1CColored_1oy63 {
     fill: var(--color-light-decorative-orange);
 }
-.file-upload-item__iconDocumentColored_1fwjw {
+.file-upload-item__iconDocumentColored_1oy63 {
     fill: var(--color-light-neutral-translucent-1300);
 }
+.file-upload-item__iconArchiveColored_1oy63 {
+    fill: var(--color-light-status-attention);
+}

package/components/status-control/extension-icon/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var Document1CMIcon = require('@alfalab/icons-glyph/Document1CMIcon');
+var DocumentArchiveMIcon = require('@alfalab/icons-glyph/DocumentArchiveMIcon');
 var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
 var DocumentExcelMIcon = require('@alfalab/icons-glyph/DocumentExcelMIcon');
 var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
@@ -21,9 +22,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
+// eslint-disable-next-line complexity
 var ExtensionIcon = function () {
-    var _a, _b, _c, _d, _e;
-    var _f = React.useContext(fileUploadItemContext.FileUploadItemContext), _g = _f.title, title = _g === void 0 ? '' : _g, uploadStatus = _f.uploadStatus, iconStyle = _f.iconStyle, CustomIcon = _f.customIcon, imageUrl = _f.imageUrl, showRestore = _f.showRestore;
+    var _a, _b, _c, _d, _e, _f;
+    var _g = fileUploadItemContext.useFileUploadItemContext(), _h = _g.title, title = _h === void 0 ? '' : _h, uploadStatus = _g.uploadStatus, iconStyle = _g.iconStyle, CustomIcon = _g.customIcon, imageUrl = _g.imageUrl, showRestore = _g.showRestore;
     if (imageUrl) {
         return null;
     }
@@ -58,8 +60,12 @@ var ExtensionIcon = function () {
         case 'tif':
         case 'tiff':
             return React__default.default.createElement(DocumentImageMIcon.DocumentImageMIcon, null);
+        case 'zip':
+        case 'rar':
+        case '7z':
+            return (React__default.default.createElement(DocumentArchiveMIcon.DocumentArchiveMIcon, { className: cn__default.default((_e = {}, _e[index_module.iconArchiveColored] = isColoredIcon, _e)) }));
         default:
-            return (React__default.default.createElement(DocumentMIcon.DocumentMIcon, { className: cn__default.default((_e = {}, _e[index_module.iconDocumentColored] = isColoredIcon, _e)) }));
+            return (React__default.default.createElement(DocumentMIcon.DocumentMIcon, { className: cn__default.default((_f = {}, _f[index_module.iconDocumentColored] = isColoredIcon, _f)) }));
     }
 };