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

package/Component.js

@@ -6,7 +6,7 @@ var React = require('react');
 var cn = require('classnames');
 var actions = require('./components/actions-control/actions.js');
 var content = require('./components/content/content.js');
-var statusControl = require('./components/status-control/status-control.js');
+var index = require('./components/status-control/index.js');
 var fileUploadItemContext = require('./context/file-upload-item-context.js');
 var index_module = require('./index.module.css.js');
 
@@ -52,7 +52,7 @@ var FileUploadItemComponent = function (_a) {
             } }, children)));
 };
 var FileUploadItem = Object.assign(FileUploadItemComponent, {
-    StatusControl: statusControl.StatusControl,
+    StatusControl: index.StatusControl,
     Content: content.Content,
     Actions: actions.Actions,
 });

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    customContent,\n    truncate,\n    imageUrl,\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                    customContent,\n                    truncate,\n                    imageUrl,\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":"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"}
+{"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    customContent,\n    truncate,\n    imageUrl,\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                    customContent,\n                    truncate,\n                    imageUrl,\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":"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"}

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

@@ -1,22 +1,22 @@
 :root {
     --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_1mngh {
+} .file-upload-item__container_1pzvi {
     display: flex;
-    max-width: 144px
-} .file-upload-item__container_1mngh .file-upload-item__icon_1mngh {
+    max-width: 144px;
+} .file-upload-item__container_1pzvi .file-upload-item__icon_1pzvi {
         width: 48px;
         height: 48px;
-    } .file-upload-item__deleteIconColor_1mngh {
-    fill: var(--color-light-text-tertiary)
-} .file-upload-item__deleteIconColor_1mngh:hover {
+    } .file-upload-item__deleteIconColor_1pzvi {
+    fill: var(--color-light-text-tertiary);
+} .file-upload-item__deleteIconColor_1pzvi:hover {
         fill: var(--color-light-text-tertiary-hover);
-    } .file-upload-item__downloadIconColor_1mngh {
-    fill: var(--color-light-text-tertiary)
-} .file-upload-item__downloadIconColor_1mngh:hover {
+    } .file-upload-item__downloadIconColor_1pzvi {
+    fill: var(--color-light-text-tertiary);
+} .file-upload-item__downloadIconColor_1pzvi:hover {
         fill: var(--color-light-text-tertiary-hover);
-    } .file-upload-item__restoreIconColor_1mngh {
-    fill: var(--color-light-text-tertiary)
-} .file-upload-item__restoreIconColor_1mngh:hover {
+    } .file-upload-item__restoreIconColor_1pzvi {
+    fill: var(--color-light-text-tertiary);
+} .file-upload-item__restoreIconColor_1pzvi: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_1mngh","icon":"file-upload-item__icon_1mngh","deleteIconColor":"file-upload-item__deleteIconColor_1mngh","downloadIconColor":"file-upload-item__downloadIconColor_1mngh","restoreIconColor":"file-upload-item__restoreIconColor_1mngh"};
+var styles = {"container":"file-upload-item__container_1pzvi","icon":"file-upload-item__icon_1pzvi","deleteIconColor":"file-upload-item__deleteIconColor_1pzvi","downloadIconColor":"file-upload-item__downloadIconColor_1pzvi","restoreIconColor":"file-upload-item__restoreIconColor_1pzvi"};
 
 module.exports = styles;
 //# sourceMappingURL=actions-control.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"actions-control.module.css.js","sources":["../../src/components/actions-control/actions-control.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    display: flex;\n    max-width: 144px;\n\n    & .icon {\n        width: 48px;\n        height: 48px;\n    }\n}\n\n.deleteIconColor {\n    fill: var(--color-light-text-tertiary);\n\n    &:hover {\n        fill: var(--color-light-text-tertiary-hover);\n    }\n}\n\n.downloadIconColor {\n    fill: var(--color-light-text-tertiary);\n\n    &:hover {\n        fill: var(--color-light-text-tertiary-hover);\n    }\n}\n\n.restoreIconColor {\n    fill: var(--color-light-text-tertiary);\n\n    &:hover {\n        fill: var(--color-light-text-tertiary-hover);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,MAAM,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,yCAAyC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC;;;;"}
+{"version":3,"file":"actions-control.module.css.js","sources":["../../src/components/actions-control/actions-control.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n    display: flex;\n    max-width: 144px;\n\n    & .icon {\n        width: 48px;\n        height: 48px;\n    }\n}\n\n.deleteIconColor {\n    fill: var(--color-light-text-tertiary);\n\n    &:hover {\n        fill: var(--color-light-text-tertiary-hover);\n    }\n}\n\n.downloadIconColor {\n    fill: var(--color-light-text-tertiary);\n\n    &:hover {\n        fill: var(--color-light-text-tertiary-hover);\n    }\n}\n\n.restoreIconColor {\n    fill: var(--color-light-text-tertiary);\n\n    &:hover {\n        fill: var(--color-light-text-tertiary-hover);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,MAAM,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,yCAAyC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC;;;;"}

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

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

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

@@ -1,3 +1,3 @@
-.file-upload-item__errorItem_1i301 {
+.file-upload-item__errorItem_1hy38 {
     display: block;
 }

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_1i301"};
+var styles = {"errorItem":"file-upload-item__errorItem_1hy38"};
 
 module.exports = styles;
 //# sourceMappingURL=content-error.module.css.js.map

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

@@ -1,12 +1,12 @@
 :root {
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
-} .file-upload-item__subtitle_15to0 {
-    display: block
-} .file-upload-item__subtitle_15to0.file-upload-item__truncate_15to0 {
+} .file-upload-item__subtitle_fl99d {
+    display: block;
+} .file-upload-item__subtitle_fl99d.file-upload-item__truncate_fl99d {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
-    } .file-upload-item__size_15to0 {
+    } .file-upload-item__size_fl99d {
     margin-right: var(--gap-8);
 }

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var coreComponentsShared = require('@alfalab/core-components-shared');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 var progressBar = require('../../../../const/progress-bar.js');
 var fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
@@ -45,7 +46,7 @@ var ContentSubtitle = function () {
     // success status
     if (showMeta) {
         return (React__default.default.createElement("div", null,
-            size && (React__default.default.createElement(coreComponentsTypography.Text, { className: contentSubtitle_module.size, view: 'primary-small', color: 'secondary' }, utils.humanFileSize(size))),
+            size && (React__default.default.createElement(coreComponentsTypography.Text, { className: contentSubtitle_module.size, view: 'primary-small', color: 'secondary' }, coreComponentsShared.humanFileSize(size))),
             uploadDate && (React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: 'secondary' }, uploadDate))));
     }
     // restore status

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 { Text } 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    humanFileSize,\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            <Text view='primary-small' color='secondary'>\n                Загружено{'\\u00A0'}\n                {Math.floor(validProgressBar)}%\n            </Text>\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                    <Text className={styles.size} view='primary-small' color='secondary'>\n                        {humanFileSize(size)}\n                    </Text>\n                )}\n                {uploadDate && (\n                    <Text view='primary-small' color='secondary'>\n                        {uploadDate}\n                    </Text>\n                )}\n            </div>\n        );\n    }\n\n    // restore status\n    if (showRestore) {\n        return (\n            <Text view='primary-small' color='tertiary'>\n                Файл удален\n            </Text>\n        );\n    }\n\n    return (\n        <Text\n            className={cn(styles.subtitle, {\n                [styles.truncate]: truncate,\n            })}\n            view='primary-small'\n            color='secondary'\n        >\n            {subtitle}\n        </Text>\n    );\n};\n"],"names":["useContext","FileUploadItemContext","progressBar","isErrorStatus","isError","isSuccessStatus","isUploadedStatus","MAX_PROGRESS_BAR_VALUE","isUploadingStatus","React","Text","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;QAC/D,IAAI,aAAa,KAAK,SAAS,EAAE;AAC7B,YAAA,OAAO,CAAC;AACX;AAED,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,6BAAI,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA;;YAC9B,QAAQ;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAC1B,YAAA,GAAA,CAAA;AAEd;;AAGD,IAAA,IAAI,gBAAgB,EAAE;QAClB,OAAOD,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG;AAC1B;;AAGD,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,QACIF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACDA,sBAAA,CAAA,aAAA,CAACC,6BAAI,EAAA,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EAC/DC,mBAAa,CAAC,IAAI,CAAC,CACjB,CACV;AACA,YAAA,UAAU,KACPJ,sBAAA,CAAA,aAAA,CAACC,6BAAI,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACvC,EAAA,UAAU,CACR,CACV,CACC;AAEb;;AAGD,IAAA,IAAI,WAAW,EAAE;AACb,QAAA,QACID,sBAAA,CAAA,aAAA,CAACC,6BAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;AAEd;IAED,QACID,sBAAC,CAAA,aAAA,CAAAC,6BAAI,EACD,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,CACN;AAEf;;;;"}
+{"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 { Text } 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            <Text view='primary-small' color='secondary'>\n                Загружено{'\\u00A0'}\n                {Math.floor(validProgressBar)}%\n            </Text>\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                    <Text className={styles.size} view='primary-small' color='secondary'>\n                        {humanFileSize(size)}\n                    </Text>\n                )}\n                {uploadDate && (\n                    <Text view='primary-small' color='secondary'>\n                        {uploadDate}\n                    </Text>\n                )}\n            </div>\n        );\n    }\n\n    // restore status\n    if (showRestore) {\n        return (\n            <Text view='primary-small' color='tertiary'>\n                Файл удален\n            </Text>\n        );\n    }\n\n    return (\n        <Text\n            className={cn(styles.subtitle, {\n                [styles.truncate]: truncate,\n            })}\n            view='primary-small'\n            color='secondary'\n        >\n            {subtitle}\n        </Text>\n    );\n};\n"],"names":["useContext","FileUploadItemContext","progressBar","isErrorStatus","isError","isSuccessStatus","isUploadedStatus","MAX_PROGRESS_BAR_VALUE","isUploadingStatus","React","Text","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;QAC/D,IAAI,aAAa,KAAK,SAAS,EAAE;AAC7B,YAAA,OAAO,CAAC;AACX;AAED,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,6BAAI,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA;;YAC9B,QAAQ;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAC1B,YAAA,GAAA,CAAA;AAEd;;AAGD,IAAA,IAAI,gBAAgB,EAAE;QAClB,OAAOD,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG;AAC1B;;AAGD,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,QACIF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACDA,sBAAA,CAAA,aAAA,CAACC,6BAAI,EAAA,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EAC/DC,kCAAa,CAAC,IAAI,CAAC,CACjB,CACV;AACA,YAAA,UAAU,KACPJ,sBAAA,CAAA,aAAA,CAACC,6BAAI,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACvC,EAAA,UAAU,CACR,CACV,CACC;AAEb;;AAGD,IAAA,IAAI,WAAW,EAAE;AACb,QAAA,QACID,sBAAA,CAAA,aAAA,CAACC,6BAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;AAEd;IAED,QACID,sBAAC,CAAA,aAAA,CAAAC,6BAAI,EACD,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,CACN;AAEf;;;;"}

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_15to0","truncate":"file-upload-item__truncate_15to0","size":"file-upload-item__size_15to0"};
+var styles = {"subtitle":"file-upload-item__subtitle_fl99d","truncate":"file-upload-item__truncate_fl99d","size":"file-upload-item__size_fl99d"};
 
 module.exports = styles;
 //# sourceMappingURL=content-subtitle.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"content-subtitle.module.css.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.subtitle {\n    display: block;\n\n    &.truncate {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n}\n\n.size {\n    margin-right: var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,kCAAkC,CAAC,UAAU,CAAC,kCAAkC,CAAC,MAAM,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"content-subtitle.module.css.js","sources":["../../../../src/components/content/components/content-subtitle/content-subtitle.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.subtitle {\n    display: block;\n\n    &.truncate {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n}\n\n.size {\n    margin-right: var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,kCAAkC,CAAC,UAAU,CAAC,kCAAkC,CAAC,MAAM,CAAC,8BAA8B,CAAC;;;;"}

package/components/content/content.css

@@ -7,28 +7,28 @@
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-16: var(--gap-m);
-} .file-upload-item__container_1ixmk {
+} .file-upload-item__container_ce88d {
     padding: var(--gap-2) 0 0 var(--gap-16);
     flex-grow: 1;
-    min-width: 0
-} .file-upload-item__container_1ixmk.file-upload-item__clickable_1ixmk {
+    min-width: 0;
+} .file-upload-item__container_ce88d.file-upload-item__clickable_ce88d {
         cursor: pointer;
-    } .file-upload-item__container_1ixmk.file-upload-item__single_1ixmk {
+    } .file-upload-item__container_ce88d.file-upload-item__single_ce88d {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding-top: 0;
-        min-height: 48px
-    } .file-upload-item__container_1ixmk.file-upload-item__single_1ixmk .file-upload-item__title_1ixmk {
+        min-height: 48px;
+    } .file-upload-item__container_ce88d.file-upload-item__single_ce88d .file-upload-item__title_ce88d {
             margin-bottom: 0;
-        } .file-upload-item__container_1ixmk .file-upload-item__title_1ixmk {
+        } .file-upload-item__container_ce88d .file-upload-item__title_ce88d {
         margin-bottom: var(--gap-4);
         display: block;
-        overflow-wrap: break-word
-    } .file-upload-item__container_1ixmk .file-upload-item__title_1ixmk.file-upload-item__truncate_1ixmk {
+        overflow-wrap: break-word;
+    } .file-upload-item__container_ce88d .file-upload-item__title_ce88d.file-upload-item__truncate_ce88d {
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
-        } .file-upload-item__container_1ixmk .file-upload-item__title_1ixmk.file-upload-item__restore_1ixmk {
+        } .file-upload-item__container_ce88d .file-upload-item__title_ce88d.file-upload-item__restore_ce88d {
             color: var(--color-light-text-tertiary);
         }

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

@@ -2,7 +2,7 @@
 
 require('./content.css');
 
-var styles = {"container":"file-upload-item__container_1ixmk","clickable":"file-upload-item__clickable_1ixmk","single":"file-upload-item__single_1ixmk","title":"file-upload-item__title_1ixmk","truncate":"file-upload-item__truncate_1ixmk","restore":"file-upload-item__restore_1ixmk"};
+var styles = {"container":"file-upload-item__container_ce88d","clickable":"file-upload-item__clickable_ce88d","single":"file-upload-item__single_ce88d","title":"file-upload-item__title_ce88d","truncate":"file-upload-item__truncate_ce88d","restore":"file-upload-item__restore_ce88d"};
 
 module.exports = styles;
 //# sourceMappingURL=content.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"content.module.css.js","sources":["../../src/components/content/content.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    padding: var(--gap-2) 0 0 var(--gap-16);\n    flex-grow: 1;\n    min-width: 0;\n\n    &.clickable {\n        cursor: pointer;\n    }\n\n    &.single {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding-top: 0;\n        min-height: 48px;\n\n        & .title {\n            margin-bottom: 0;\n        }\n    }\n\n    & .title {\n        margin-bottom: var(--gap-4);\n        display: block;\n        overflow-wrap: break-word;\n\n        &.truncate {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &.restore {\n            color: var(--color-light-text-tertiary);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,WAAW,CAAC,mCAAmC,CAAC,QAAQ,CAAC,gCAAgC,CAAC,OAAO,CAAC,+BAA+B,CAAC,UAAU,CAAC,kCAAkC,CAAC,SAAS,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"content.module.css.js","sources":["../../src/components/content/content.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n    padding: var(--gap-2) 0 0 var(--gap-16);\n    flex-grow: 1;\n    min-width: 0;\n\n    &.clickable {\n        cursor: pointer;\n    }\n\n    &.single {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding-top: 0;\n        min-height: 48px;\n\n        & .title {\n            margin-bottom: 0;\n        }\n    }\n\n    & .title {\n        margin-bottom: var(--gap-4);\n        display: block;\n        overflow-wrap: break-word;\n\n        &.truncate {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &.restore {\n            color: var(--color-light-text-tertiary);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,WAAW,CAAC,mCAAmC,CAAC,QAAQ,CAAC,gCAAgC,CAAC,OAAO,CAAC,+BAA+B,CAAC,UAAU,CAAC,kCAAkC,CAAC,SAAS,CAAC,iCAAiC,CAAC;;;;"}

package/{modern/components/status-control/components/status-control-icon/status-control-icon.css → components/status-control/extension-icon/index.css}

@@ -5,14 +5,14 @@
     --color-light-decorative-green: #0cc44d;
     --color-light-decorative-orange: #fa9313;
     --color-light-decorative-red: #fe5e48;
-} .file-upload-item__iconPDFColored_14zzw {
+} .file-upload-item__iconPDFColored_1fhbm {
     fill: var(--color-light-decorative-red);
-} .file-upload-item__iconDOCColored_14zzw {
+} .file-upload-item__iconDOCColored_1fhbm {
     fill: var(--color-light-decorative-blue);
-} .file-upload-item__iconExcelColored_14zzw {
+} .file-upload-item__iconExcelColored_1fhbm {
     fill: var(--color-light-decorative-green);
-} .file-upload-item__icon1CColored_14zzw {
+} .file-upload-item__icon1CColored_1fhbm {
     fill: var(--color-light-decorative-orange);
-} .file-upload-item__iconDocumentColored_14zzw {
+} .file-upload-item__iconDocumentColored_1fhbm {
     fill: var(--color-light-neutral-translucent-1300);
 }

package/components/status-control/extension-icon/index.d.ts

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

package/components/status-control/{components/status-control-icon/status-control-icon.js → extension-icon/index.js}

@@ -12,18 +12,16 @@ var DocumentMIcon = require('@alfalab/icons-glyph/DocumentMIcon');
 var DocumentOffMIcon = require('@alfalab/icons-glyph/DocumentOffMIcon');
 var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
 var PaperclipMIcon = require('@alfalab/icons-glyph/PaperclipMIcon');
-var fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
-var utils = require('../../../../utils.js');
-var statusControlIcon_module = require('./status-control-icon.module.css.js');
+var fileUploadItemContext = require('../../../context/file-upload-item-context.js');
+var utils = require('../../../utils.js');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var DocumentOffMIcon__default = /*#__PURE__*/_interopDefaultCompat(DocumentOffMIcon);
 
-/* eslint-disable complexity */
-var StatusControlIcon = function () {
+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;
     if (imageUrl) {
@@ -36,7 +34,7 @@ var StatusControlIcon = function () {
         return React__default.default.createElement(PaperclipMIcon.PaperclipMIcon, null);
     }
     if (showRestore) {
-        return React__default.default.createElement(DocumentOffMIcon__default.default, null);
+        return React__default.default.createElement(DocumentOffMIcon.DocumentOffMIcon, null);
     }
     var isColoredIcon = iconStyle === 'colored';
     var fileType = utils.getExtension(title);
@@ -44,15 +42,15 @@ var StatusControlIcon = function () {
         case 'pdf':
         case 'ppt':
         case 'pptx':
-            return React__default.default.createElement(DocumentPdfMIcon.DocumentPdfMIcon, { className: cn__default.default((_a = {}, _a[statusControlIcon_module.iconPDFColored] = isColoredIcon, _a)) });
+            return React__default.default.createElement(DocumentPdfMIcon.DocumentPdfMIcon, { className: cn__default.default((_a = {}, _a[index_module.iconPDFColored] = isColoredIcon, _a)) });
         case 'doc':
         case 'docx':
-            return React__default.default.createElement(DocumentDocMIcon.DocumentDocMIcon, { className: cn__default.default((_b = {}, _b[statusControlIcon_module.iconDOCColored] = isColoredIcon, _b)) });
+            return React__default.default.createElement(DocumentDocMIcon.DocumentDocMIcon, { className: cn__default.default((_b = {}, _b[index_module.iconDOCColored] = isColoredIcon, _b)) });
         case 'xls':
         case 'xlsx':
-            return (React__default.default.createElement(DocumentExcelMIcon.DocumentExcelMIcon, { className: cn__default.default((_c = {}, _c[statusControlIcon_module.iconExcelColored] = isColoredIcon, _c)) }));
+            return (React__default.default.createElement(DocumentExcelMIcon.DocumentExcelMIcon, { className: cn__default.default((_c = {}, _c[index_module.iconExcelColored] = isColoredIcon, _c)) }));
         case '1c':
-            return React__default.default.createElement(Document1CMIcon.Document1CMIcon, { className: cn__default.default((_d = {}, _d[statusControlIcon_module.icon1CColored] = isColoredIcon, _d)) });
+            return React__default.default.createElement(Document1CMIcon.Document1CMIcon, { className: cn__default.default((_d = {}, _d[index_module.icon1CColored] = isColoredIcon, _d)) });
         case 'png':
         case 'jpg':
         case 'jpeg':
@@ -61,9 +59,9 @@ var StatusControlIcon = function () {
         case 'tiff':
             return React__default.default.createElement(DocumentImageMIcon.DocumentImageMIcon, null);
         default:
-            return (React__default.default.createElement(DocumentMIcon.DocumentMIcon, { className: cn__default.default((_e = {}, _e[statusControlIcon_module.iconDocumentColored] = isColoredIcon, _e)) }));
+            return (React__default.default.createElement(DocumentMIcon.DocumentMIcon, { className: cn__default.default((_e = {}, _e[index_module.iconDocumentColored] = isColoredIcon, _e)) }));
     }
 };
 
-exports.StatusControlIcon = StatusControlIcon;
-//# sourceMappingURL=status-control-icon.js.map
+exports.ExtensionIcon = ExtensionIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/status-control/extension-icon/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Document1CMIcon } from '@alfalab/icons-glyph/Document1CMIcon';\nimport { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';\nimport { DocumentExcelMIcon } from '@alfalab/icons-glyph/DocumentExcelMIcon';\nimport { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';\nimport { DocumentMIcon } from '@alfalab/icons-glyph/DocumentMIcon';\nimport { DocumentOffMIcon } from '@alfalab/icons-glyph/DocumentOffMIcon';\nimport { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';\nimport { PaperclipMIcon } from '@alfalab/icons-glyph/PaperclipMIcon';\n\nimport { FileUploadItemContext } from '../../../context/file-upload-item-context';\nimport { getExtension, isInitialStatus } from '../../../utils';\n\nimport styles from './index.module.css';\n\nexport const ExtensionIcon = () => {\n    const {\n        title = '',\n        uploadStatus,\n        iconStyle,\n        customIcon: CustomIcon,\n        imageUrl,\n        showRestore,\n    } = useContext(FileUploadItemContext);\n\n    if (imageUrl) {\n        return null;\n    }\n\n    if (CustomIcon) {\n        return <CustomIcon />;\n    }\n\n    if (isInitialStatus(uploadStatus)) {\n        return <PaperclipMIcon />;\n    }\n\n    if (showRestore) {\n        return <DocumentOffMIcon />;\n    }\n\n    const isColoredIcon = iconStyle === 'colored';\n    const fileType = getExtension(title);\n\n    switch (fileType) {\n        case 'pdf':\n        case 'ppt':\n        case 'pptx':\n            return <DocumentPdfMIcon className={cn({ [styles.iconPDFColored]: isColoredIcon })} />;\n        case 'doc':\n        case 'docx':\n            return <DocumentDocMIcon className={cn({ [styles.iconDOCColored]: isColoredIcon })} />;\n        case 'xls':\n        case 'xlsx':\n            return (\n                <DocumentExcelMIcon className={cn({ [styles.iconExcelColored]: isColoredIcon })} />\n            );\n        case '1c':\n            return <Document1CMIcon className={cn({ [styles.icon1CColored]: isColoredIcon })} />;\n        case 'png':\n        case 'jpg':\n        case 'jpeg':\n        case 'svg':\n        case 'tif':\n        case 'tiff':\n            return <DocumentImageMIcon />;\n        default:\n            return (\n                <DocumentMIcon className={cn({ [styles.iconDocumentColored]: isColoredIcon })} />\n            );\n    }\n};\n"],"names":["useContext","FileUploadItemContext","React","isInitialStatus","PaperclipMIcon","DocumentOffMIcon","getExtension","DocumentPdfMIcon","cn","styles","DocumentDocMIcon","DocumentExcelMIcon","Document1CMIcon","DocumentImageMIcon","DocumentMIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBa,IAAA,aAAa,GAAG,YAAA;;IACnB,IAAA,EAAA,GAOFA,gBAAU,CAACC,2CAAqB,CAAC,EANjC,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACG,UAAU,GAAA,EAAA,CAAA,UAAA,EACtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WACsB;AAErC,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,IAAI;AACd;AAED,IAAA,IAAI,UAAU,EAAE;QACZ,OAAOC,sBAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG;AACxB;AAED,IAAA,IAAIC,qBAAe,CAAC,YAAY,CAAC,EAAE;QAC/B,OAAOD,sBAAA,CAAA,aAAA,CAACE,6BAAc,EAAA,IAAA,CAAG;AAC5B;AAED,IAAA,IAAI,WAAW,EAAE;QACb,OAAOF,sBAAA,CAAA,aAAA,CAACG,iCAAgB,EAAA,IAAA,CAAG;AAC9B;AAED,IAAA,IAAM,aAAa,GAAG,SAAS,KAAK,SAAS;AAC7C,IAAA,IAAM,QAAQ,GAAGC,kBAAY,CAAC,KAAK,CAAC;AAEpC,IAAA,QAAQ,QAAQ;AACZ,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;AACP,YAAA,OAAOJ,sBAAC,CAAA,aAAA,CAAAK,iCAAgB,EAAC,EAAA,SAAS,EAAEC,mBAAE,EAAA,EAAA,GAAA,EAAA,EAAG,EAAC,CAAAC,YAAM,CAAC,cAAc,CAAA,GAAG,aAAa,EAAA,EAAA,EAAG,GAAI;AAC1F,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;AACP,YAAA,OAAOP,sBAAC,CAAA,aAAA,CAAAQ,iCAAgB,EAAC,EAAA,SAAS,EAAEF,mBAAE,EAAA,EAAA,GAAA,EAAA,EAAG,EAAC,CAAAC,YAAM,CAAC,cAAc,CAAA,GAAG,aAAa,EAAA,EAAA,EAAG,GAAI;AAC1F,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;AACP,YAAA,QACIP,sBAAC,CAAA,aAAA,CAAAS,qCAAkB,EAAC,EAAA,SAAS,EAAEH,mBAAE,EAAA,EAAA,GAAA,EAAA,EAAG,EAAC,CAAAC,YAAM,CAAC,gBAAgB,CAAA,GAAG,aAAa,EAAG,EAAA,EAAA,EAAA,CAAI;AAE3F,QAAA,KAAK,IAAI;AACL,YAAA,OAAOP,sBAAC,CAAA,aAAA,CAAAU,+BAAe,EAAC,EAAA,SAAS,EAAEJ,mBAAE,EAAA,EAAA,GAAA,EAAA,EAAG,EAAC,CAAAC,YAAM,CAAC,aAAa,CAAA,GAAG,aAAa,EAAA,EAAA,EAAG,GAAI;AACxF,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;AACX,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;YACP,OAAOP,sBAAA,CAAA,aAAA,CAACW,qCAAkB,EAAA,IAAA,CAAG;AACjC,QAAA;AACI,YAAA,QACIX,sBAAC,CAAA,aAAA,CAAAY,2BAAa,EAAC,EAAA,SAAS,EAAEN,mBAAE,EAAA,EAAA,GAAA,EAAA,EAAG,EAAC,CAAAC,YAAM,CAAC,mBAAmB,CAAA,GAAG,aAAa,EAAG,EAAA,EAAA,EAAA,CAAI;AAE5F;AACL;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_1fhbm","iconDOCColored":"file-upload-item__iconDOCColored_1fhbm","iconExcelColored":"file-upload-item__iconExcelColored_1fhbm","icon1CColored":"file-upload-item__icon1CColored_1fhbm","iconDocumentColored":"file-upload-item__iconDocumentColored_1fhbm"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/components/status-control/extension-icon/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/status-control/extension-icon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '@alfalab/core-components-vars/src/colors-decorative.css';\n\n.iconPDFColored {\n    fill: var(--color-light-decorative-red);\n}\n\n.iconDOCColored {\n    fill: var(--color-light-decorative-blue);\n}\n\n.iconExcelColored {\n    fill: var(--color-light-decorative-green);\n}\n\n.icon1CColored {\n    fill: var(--color-light-decorative-orange);\n}\n\n.iconDocumentColored {\n    fill: var(--color-light-neutral-translucent-1300);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,kBAAkB,CAAC,0CAA0C,CAAC,eAAe,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,6CAA6C,CAAC;;;;"}

package/components/status-control/index.css

@@ -0,0 +1,25 @@
+:root {
+    --color-light-status-negative: #ff4837;
+    --color-light-status-positive: #0cc44d;
+} :root {
+    --gap-2xs-neg: -4px;
+    --gap-4-neg: var(--gap-2xs-neg);
+} .file-upload-item__container_1c5j8 {
+    position: relative;
+} .file-upload-item__container_1c5j8.file-upload-item__clickable_1c5j8 {
+        cursor: pointer;
+    } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8 {
+        position: absolute;
+        top: var(--gap-4-neg);
+        left: var(--gap-4-neg);
+        z-index: 1;
+        will-change: opacity;
+    } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__success_1c5j8,
+        .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__error_1c5j8 {
+            transition: opacity 400ms ease-in;
+            opacity: 0;
+        } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__success_1c5j8 path {
+                stroke: var(--color-light-status-positive);
+            } .file-upload-item__container_1c5j8 .file-upload-item__progress_1c5j8.file-upload-item__error_1c5j8 path {
+                stroke: var(--color-light-status-negative);
+            }

package/components/status-control/index.d.ts

@@ -1 +1,2 @@
-export { StatusControl } from './status-control';
+import React from 'react';
+export declare const StatusControl: () => React.JSX.Element;

package/components/status-control/index.js

@@ -2,9 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var statusControl = require('./status-control.js');
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var superEllipse = require('@alfalab/core-components-icon-view/super-ellipse');
+var fileUploadItemContext = require('../../context/file-upload-item-context.js');
+var utils = require('../../utils.js');
+var index = require('./extension-icon/index.js');
+var index$1 = require('./progress-bar/index.js');
+var index_module = require('./index.module.css.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-exports.StatusControl = statusControl.StatusControl;
+var StatusControl = function () {
+    var _a, _b;
+    var _c = React.useContext(fileUploadItemContext.FileUploadItemContext), _d = _c.uploadStatus, uploadStatus = _d === void 0 ? 'INITIAL' : _d, _e = _c.progressBar, progressBar = _e === void 0 ? 0 : _e, imageUrl = _c.imageUrl, actionsPresent = _c.actionsPresent, isClickable = _c.isClickable;
+    var strokeDasharray = 182.5742645263672; // total length
+    var measureDashoffset = strokeDasharray * (1 - progressBar / 100);
+    var strokeDashoffset = Math.max(measureDashoffset, 0);
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.container, (_a = {},
+            _a[index_module.clickable] = !actionsPresent && isClickable,
+            _a)) },
+        React__default.default.createElement(superEllipse.SuperEllipse, tslib.__assign({ size: 48 }, (imageUrl && { imageUrl: imageUrl })),
+            React__default.default.createElement(index.ExtensionIcon, null)),
+        React__default.default.createElement(index$1.ProgressBar, { className: cn__default.default(index_module.progress, (_b = {},
+                _b[index_module.success] = utils.isSuccessStatus(uploadStatus),
+                _b[index_module.error] = utils.isErrorStatus(uploadStatus),
+                _b)), strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset })));
+};
+
+exports.StatusControl = StatusControl;
 //# sourceMappingURL=index.js.map

package/components/status-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/components/status-control/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { SuperEllipse } from '@alfalab/core-components-icon-view/super-ellipse';\n\nimport { FileUploadItemContext } from '../../context/file-upload-item-context';\nimport { isErrorStatus, isSuccessStatus } from '../../utils';\n\nimport { ExtensionIcon } from './extension-icon';\nimport { ProgressBar } from './progress-bar';\n\nimport styles from './index.module.css';\n\nexport const StatusControl = () => {\n    const {\n        uploadStatus = 'INITIAL',\n        progressBar = 0,\n        imageUrl,\n        actionsPresent,\n        isClickable,\n    } = useContext(FileUploadItemContext);\n\n    const strokeDasharray = 182.5742645263672; // total length\n    const measureDashoffset = strokeDasharray * (1 - progressBar / 100);\n    const strokeDashoffset = Math.max(measureDashoffset, 0);\n\n    return (\n        <div\n            className={cn(styles.container, {\n                [styles.clickable]: !actionsPresent && isClickable,\n            })}\n        >\n            <SuperEllipse size={48} {...(imageUrl && { imageUrl })}>\n                <ExtensionIcon />\n            </SuperEllipse>\n            <ProgressBar\n                className={cn(styles.progress, {\n                    [styles.success]: isSuccessStatus(uploadStatus),\n                    [styles.error]: isErrorStatus(uploadStatus),\n                })}\n                strokeDasharray={strokeDasharray}\n                strokeDashoffset={strokeDashoffset}\n            />\n        </div>\n    );\n};\n"],"names":["useContext","FileUploadItemContext","React","cn","styles","SuperEllipse","__assign","ExtensionIcon","ProgressBar","isSuccessStatus","isErrorStatus"],"mappings":";;;;;;;;;;;;;;;;;;;AAaa,IAAA,aAAa,GAAG,YAAA;;AACnB,IAAA,IAAA,EAMF,GAAAA,gBAAU,CAACC,2CAAqB,CAAC,EALjC,EAAwB,GAAA,EAAA,CAAA,YAAA,EAAxB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACxB,EAAA,GAAA,EAAA,CAAA,WAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,WAAW,GAAA,EAAA,CAAA,WACsB;AAErC,IAAA,IAAM,eAAe,GAAG,iBAAiB,CAAC;IAC1C,IAAM,iBAAiB,GAAG,eAAe,IAAI,CAAC,GAAG,WAAW,GAAG,GAAG,CAAC;IACnE,IAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAEvD,QACIC,8CACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1B,YAAA,EAAA,CAACA,YAAM,CAAC,SAAS,IAAG,CAAC,cAAc,IAAI,WAAW;AACpD,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACG,yBAAY,EAAAC,cAAA,CAAA,EAAC,IAAI,EAAE,EAAE,EAAA,GAAO,QAAQ,IAAI,EAAE,QAAQ,EAAA,QAAA,EAAE,EAAC;YAClDJ,sBAAC,CAAA,aAAA,CAAAK,mBAAa,OAAG,CACN;QACfL,sBAAC,CAAA,aAAA,CAAAM,mBAAW,IACR,SAAS,EAAEL,mBAAE,CAACC,YAAM,CAAC,QAAQ,GAAA,EAAA,GAAA,EAAA;AACzB,gBAAA,EAAA,CAACA,YAAM,CAAC,OAAO,IAAGK,qBAAe,CAAC,YAAY,CAAC;AAC/C,gBAAA,EAAA,CAACL,YAAM,CAAC,KAAK,IAAGM,mBAAa,CAAC,YAAY,CAAC;oBAC7C,EACF,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAAA,CACpC,CACA;AAEd;;;;"}

package/components/status-control/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"container":"file-upload-item__container_1c5j8","clickable":"file-upload-item__clickable_1c5j8","progress":"file-upload-item__progress_1c5j8","success":"file-upload-item__success_1c5j8","error":"file-upload-item__error_1c5j8"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/components/status-control/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/status-control/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n    position: relative;\n\n    &.clickable {\n        cursor: pointer;\n    }\n\n    & .progress {\n        position: absolute;\n        top: var(--gap-4-neg);\n        left: var(--gap-4-neg);\n        z-index: 1;\n        will-change: opacity;\n\n        &.success,\n        &.error {\n            transition: opacity 400ms ease-in;\n            opacity: 0;\n        }\n\n        &.success {\n            & path {\n                stroke: var(--color-light-status-positive);\n            }\n        }\n\n        &.error {\n            & path {\n                stroke: var(--color-light-status-negative);\n            }\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,WAAW,CAAC,mCAAmC,CAAC,UAAU,CAAC,kCAAkC,CAAC,SAAS,CAAC,iCAAiC,CAAC,OAAO,CAAC,+BAA+B,CAAC;;;;"}

package/components/status-control/progress-bar/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+declare type Props = {
+    className: string;
+    strokeDasharray: number;
+    strokeDashoffset: number;
+};
+export declare const ProgressBar: FC<Props>;
+export {};

package/components/status-control/progress-bar/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ProgressBar = function (props) {
+    var className = props.className, strokeDasharray = props.strokeDasharray, strokeDashoffset = props.strokeDashoffset;
+    return (React__default.default.createElement("svg", { className: className, width: '56', height: '56', viewBox: '0 0 56 56', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        React__default.default.createElement("path", { d: 'M28 1C32.7738 1 36.7752 1.34174 40.0029 1.80371C47.4798 2.87385 53.1262 8.52019 54.1963 15.9971C54.6583 19.2248 55 23.2262 55 28C55 32.7738 54.6583 36.7752 54.1963 40.0029C53.1262 47.4798 47.4798 53.1262 40.0029 54.1963C36.7752 54.6583 32.7738 55 28 55C23.2262 55 19.2248 54.6583 15.9971 54.1963C8.5202 53.1262 2.87385 47.4798 1.80371 40.0029C1.34175 36.7752 1 32.7738 1 28C1 23.2262 1.34174 19.2248 1.80371 15.9971C2.87385 8.5202 8.5202 2.87385 15.9971 1.80371C19.2248 1.34174 23.2262 1 28 1Z', stroke: '#babbc2', strokeWidth: '2', strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset })));
+};
+
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=index.js.map

package/components/status-control/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/status-control/progress-bar/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\ntype Props = {\n    className: string;\n    strokeDasharray: number;\n    strokeDashoffset: number;\n};\n\nexport const ProgressBar: FC<Props> = (props) => {\n    const { className, strokeDasharray, strokeDashoffset } = props;\n\n    return (\n        <svg\n            className={className}\n            width='56'\n            height='56'\n            viewBox='0 0 56 56'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n        >\n            <path\n                d='M28 1C32.7738 1 36.7752 1.34174 40.0029 1.80371C47.4798 2.87385 53.1262 8.52019 54.1963 15.9971C54.6583 19.2248 55 23.2262 55 28C55 32.7738 54.6583 36.7752 54.1963 40.0029C53.1262 47.4798 47.4798 53.1262 40.0029 54.1963C36.7752 54.6583 32.7738 55 28 55C23.2262 55 19.2248 54.6583 15.9971 54.1963C8.5202 53.1262 2.87385 47.4798 1.80371 40.0029C1.34175 36.7752 1 32.7738 1 28C1 23.2262 1.34174 19.2248 1.80371 15.9971C2.87385 8.5202 8.5202 2.87385 15.9971 1.80371C19.2248 1.34174 23.2262 1 28 1Z'\n                stroke='#babbc2'\n                strokeWidth='2'\n                strokeDasharray={strokeDasharray}\n                strokeDashoffset={strokeDashoffset}\n            />\n        </svg>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAQO,IAAM,WAAW,GAAc,UAAC,KAAK,EAAA;AAChC,IAAA,IAAA,SAAS,GAAwC,KAAK,CAAA,SAA7C,EAAE,eAAe,GAAuB,KAAK,CAAA,eAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV;IAEpD,QACIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;QAElCA,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,+eAA+e,EACjf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAAA,CACpC,CACA;AAEd;;;;"}

package/const/progress-bar.d.ts

@@ -1,2 +1 @@
 export declare const MAX_PROGRESS_BAR_VALUE = 100;
-export declare const RADIUS = 360;

package/const/progress-bar.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var MAX_PROGRESS_BAR_VALUE = 100;
-var RADIUS = 360;
 
 exports.MAX_PROGRESS_BAR_VALUE = MAX_PROGRESS_BAR_VALUE;
-exports.RADIUS = RADIUS;
 //# sourceMappingURL=progress-bar.js.map

package/const/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sources":["../src/const/progress-bar.ts"],"sourcesContent":["export const MAX_PROGRESS_BAR_VALUE = 100;\nexport const RADIUS = 360;\n"],"names":[],"mappings":";;;;AAAO,IAAM,sBAAsB,GAAG;AAC/B,IAAM,MAAM,GAAG;;;;;"}
+{"version":3,"file":"progress-bar.js","sources":["../src/const/progress-bar.ts"],"sourcesContent":["export const MAX_PROGRESS_BAR_VALUE = 100;\n"],"names":[],"mappings":";;;;AAAO,IAAM,sBAAsB,GAAG;;;;"}

package/context/file-upload-item-context.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
+import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent } from 'react';
 import { type FileUploadItemStatus } from '../types/status';
 declare type TFileUploadItemContext = {
     showRestore?: boolean;

package/context/file-upload-item-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-item-context.js","sources":["../src/context/file-upload-item-context.tsx"],"sourcesContent":["import { createContext, ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';\n\nimport { type FileUploadItemStatus } from '../types/status';\n\ntype TFileUploadItemContext = {\n    showRestore?: boolean;\n    uploadStatus?: FileUploadItemStatus;\n    error?: string | string[];\n    title?: string;\n    subtitle?: string;\n    uploadDate?: string;\n    size?: string | number;\n    id?: string;\n    onDownload?: (id: string) => void;\n    onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;\n    onRestore?: (id: string) => void;\n    downloadLink?: string;\n    download?: string | true;\n    disableButtons?: boolean;\n    isClickable?: boolean;\n    target?: HTMLAttributeAnchorTarget;\n    showDelete?: boolean;\n    customIcon?: ElementType<{ className?: string }>;\n    iconStyle?: 'gray' | 'colored';\n    progressBar?: number;\n    customContent?: ElementType;\n    truncate?: boolean;\n    imageUrl?: string;\n    actionsPresent?: boolean;\n    setActionsPresent?: (present: boolean) => void;\n};\n\nexport const FileUploadItemContext = createContext<TFileUploadItemContext>({\n    showRestore: false,\n    uploadStatus: 'INITIAL',\n    error: undefined,\n    title: '',\n    subtitle: '',\n    uploadDate: '',\n    size: 0,\n    id: '0',\n    onDownload: undefined,\n    onDelete: undefined,\n    onRestore: undefined,\n    downloadLink: '',\n    download: '',\n    disableButtons: false,\n    isClickable: true,\n    target: undefined,\n    showDelete: false,\n    iconStyle: 'gray',\n    customIcon: undefined,\n    progressBar: 0,\n    customContent: undefined,\n    truncate: false,\n    imageUrl: undefined,\n    actionsPresent: false,\n    setActionsPresent: undefined,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAgCO,IAAM,qBAAqB,GAAGA,mBAAa,CAAyB;AACvE,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC/B,CAAA;;;;"}
+{"version":3,"file":"file-upload-item-context.js","sources":["../src/context/file-upload-item-context.ts"],"sourcesContent":["import {\n    createContext,\n    type ElementType,\n    type HTMLAttributeAnchorTarget,\n    type MouseEvent,\n} from 'react';\n\nimport { type FileUploadItemStatus } from '../types/status';\n\ntype TFileUploadItemContext = {\n    showRestore?: boolean;\n    uploadStatus?: FileUploadItemStatus;\n    error?: string | string[];\n    title?: string;\n    subtitle?: string;\n    uploadDate?: string;\n    size?: string | number;\n    id?: string;\n    onDownload?: (id: string) => void;\n    onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;\n    onRestore?: (id: string) => void;\n    downloadLink?: string;\n    download?: string | true;\n    disableButtons?: boolean;\n    isClickable?: boolean;\n    target?: HTMLAttributeAnchorTarget;\n    showDelete?: boolean;\n    customIcon?: ElementType<{ className?: string }>;\n    iconStyle?: 'gray' | 'colored';\n    progressBar?: number;\n    customContent?: ElementType;\n    truncate?: boolean;\n    imageUrl?: string;\n    actionsPresent?: boolean;\n    setActionsPresent?: (present: boolean) => void;\n};\n\nexport const FileUploadItemContext = createContext<TFileUploadItemContext>({\n    showRestore: false,\n    uploadStatus: 'INITIAL',\n    error: undefined,\n    title: '',\n    subtitle: '',\n    uploadDate: '',\n    size: 0,\n    id: '0',\n    onDownload: undefined,\n    onDelete: undefined,\n    onRestore: undefined,\n    downloadLink: '',\n    download: '',\n    disableButtons: false,\n    isClickable: true,\n    target: undefined,\n    showDelete: false,\n    iconStyle: 'gray',\n    customIcon: undefined,\n    progressBar: 0,\n    customContent: undefined,\n    truncate: false,\n    imageUrl: undefined,\n    actionsPresent: false,\n    setActionsPresent: undefined,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAqCO,IAAM,qBAAqB,GAAGA,mBAAa,CAAyB;AACvE,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC/B,CAAA;;;;"}