@alfalab/core-components-file-upload-item 7.0.0 → 7.0.1

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

@@ -1,9 +1,10 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
+import { humanFileSize } from '@alfalab/core-components-shared/moderncssm';
 import { Text } from '@alfalab/core-components-typography/moderncssm';
 import { MAX_PROGRESS_BAR_VALUE } from '../../../../const/progress-bar.js';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { isErrorStatus, isUploadingStatus, humanFileSize, isSuccessStatus, isUploadedStatus } from '../../../../utils.js';
+import { isErrorStatus, isUploadingStatus, isSuccessStatus, isUploadedStatus } from '../../../../utils.js';
 import { isError } from '../../utils/isError.js';
 import { ContentError } from '../content-error/content-error.js';
 import styles from './content-subtitle.module.css';

package/moderncssm/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":[],"mappings":";;;;;;;;;;AAmBO,MAAM,eAAe,GAAG,MAAK;IAChC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,GACzF,UAAU,CAAC,qBAAqB,CAAC;IAErC,MAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC;AACtE,IAAA,MAAM,QAAQ,GACV,CAAC,WAAW,KAAK,eAAe,CAAC,YAAY,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC;;AAGrF,IAAA,MAAM,wBAAwB,GAAG,CAAC,aAAiC,KAAI;QACnE,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,EAAE,sBAAsB,CAAC;AACvE,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,WAAW,CAAC;;AAG9D,IAAA,IAAI,iBAAiB,CAAC,YAAY,CAAC,EAAE;QACjC,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,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,OAAO,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG;AAC1B;;AAGD,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EAC/D,aAAa,CAAC,IAAI,CAAC,CACjB,CACV;AACA,YAAA,UAAU,KACP,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACvC,EAAA,UAAU,CACR,CACV,CACC;AAEb;;AAGD,IAAA,IAAI,WAAW,EAAE;AACb,QAAA,QACI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;AAEd;IAED,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC3B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC9B,SAAA,CAAC,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":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,eAAe,GAAG,MAAK;IAChC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,GACzF,UAAU,CAAC,qBAAqB,CAAC;IAErC,MAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC;AACtE,IAAA,MAAM,QAAQ,GACV,CAAC,WAAW,KAAK,eAAe,CAAC,YAAY,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC;;AAGrF,IAAA,MAAM,wBAAwB,GAAG,CAAC,aAAiC,KAAI;QACnE,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,EAAE,sBAAsB,CAAC;AACvE,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,WAAW,CAAC;;AAG9D,IAAA,IAAI,iBAAiB,CAAC,YAAY,CAAC,EAAE;QACjC,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,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,OAAO,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG;AAC1B;;AAGD,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACK,IAAI,KACD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EAAA,EAC/D,aAAa,CAAC,IAAI,CAAC,CACjB,CACV;AACA,YAAA,UAAU,KACP,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW,EACvC,EAAA,UAAU,CACR,CACV,CACC;AAEb;;AAGD,IAAA,IAAI,WAAW,EAAE;AACb,QAAA,QACI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EAAA,+DAAA,CAEpC;AAEd;IAED,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC3B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC9B,SAAA,CAAC,EACF,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EAEhB,EAAA,QAAQ,CACN;AAEf;;;;"}

package/moderncssm/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/{modern/components/status-control/components/status-control-icon/status-control-icon.js → moderncssm/components/status-control/extension-icon/index.js}

@@ -5,15 +5,14 @@ import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
 import { DocumentExcelMIcon } from '@alfalab/icons-glyph/DocumentExcelMIcon';
 import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
 import { DocumentMIcon } from '@alfalab/icons-glyph/DocumentMIcon';
-import DocumentOffMIcon from '@alfalab/icons-glyph/DocumentOffMIcon';
+import { DocumentOffMIcon } from '@alfalab/icons-glyph/DocumentOffMIcon';
 import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
 import { PaperclipMIcon } from '@alfalab/icons-glyph/PaperclipMIcon';
-import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { isInitialStatus, getExtension } from '../../../../utils.js';
-import styles from './status-control-icon.module.css.js';
+import { FileUploadItemContext } from '../../../context/file-upload-item-context.js';
+import { isInitialStatus, getExtension } from '../../../utils.js';
+import styles from './index.module.css';
 
-/* eslint-disable complexity */
-const StatusControlIcon = () => {
+const ExtensionIcon = () => {
     const { title = '', uploadStatus, iconStyle, customIcon: CustomIcon, imageUrl, showRestore, } = useContext(FileUploadItemContext);
     if (imageUrl) {
         return null;
@@ -54,5 +53,5 @@ const StatusControlIcon = () => {
     }
 };
 
-export { StatusControlIcon };
-//# sourceMappingURL=status-control-icon.js.map
+export { ExtensionIcon };
+//# sourceMappingURL=index.js.map

package/moderncssm/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":[],"mappings":";;;;;;;;;;;;;;AAiBO,MAAM,aAAa,GAAG,MAAK;IAC9B,MAAM,EACF,KAAK,GAAG,EAAE,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EAAE,UAAU,EACtB,QAAQ,EACR,WAAW,GACd,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAErC,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,IAAI;AACd;AAED,IAAA,IAAI,UAAU,EAAE;QACZ,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG;AACxB;AAED,IAAA,IAAI,eAAe,CAAC,YAAY,CAAC,EAAE;QAC/B,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG;AAC5B;AAED,IAAA,IAAI,WAAW,EAAE;QACb,OAAO,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA,CAAG;AAC9B;AAED,IAAA,MAAM,aAAa,GAAG,SAAS,KAAK,SAAS;AAC7C,IAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC;AAEpC,IAAA,QAAQ,QAAQ;AACZ,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;AACP,YAAA,OAAO,oBAAC,gBAAgB,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,aAAa,EAAE,CAAC,GAAI;AAC1F,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;AACP,YAAA,OAAO,oBAAC,gBAAgB,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,aAAa,EAAE,CAAC,GAAI;AAC1F,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,MAAM;YACP,QACI,oBAAC,kBAAkB,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,gBAAgB,GAAG,aAAa,EAAE,CAAC,EAAA,CAAI;AAE3F,QAAA,KAAK,IAAI;AACL,YAAA,OAAO,oBAAC,eAAe,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,GAAG,aAAa,EAAE,CAAC,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,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,IAAA,CAAG;AACjC,QAAA;YACI,QACI,oBAAC,aAAa,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,EAAE,CAAC,EAAA,CAAI;AAE5F;AACL;;;;"}

package/moderncssm/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/moderncssm/components/status-control/index.js

@@ -1,2 +1,27 @@
-export { StatusControl } from './status-control.js';
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { SuperEllipse } from '@alfalab/core-components-icon-view/moderncssm/super-ellipse';
+import { FileUploadItemContext } from '../../context/file-upload-item-context.js';
+import { isErrorStatus, isSuccessStatus } from '../../utils.js';
+import { ExtensionIcon } from './extension-icon/index.js';
+import { ProgressBar } from './progress-bar/index.js';
+import styles from './index.module.css';
+
+const StatusControl = () => {
+    const { uploadStatus = 'INITIAL', progressBar = 0, imageUrl, actionsPresent, isClickable, } = useContext(FileUploadItemContext);
+    const strokeDasharray = 182.5742645263672; // total length
+    const measureDashoffset = strokeDasharray * (1 - progressBar / 100);
+    const strokeDashoffset = Math.max(measureDashoffset, 0);
+    return (React.createElement("div", { className: cn(styles.container, {
+            [styles.clickable]: !actionsPresent && isClickable,
+        }) },
+        React.createElement(SuperEllipse, { size: 48, ...(imageUrl && { imageUrl }) },
+            React.createElement(ExtensionIcon, null)),
+        React.createElement(ProgressBar, { className: cn(styles.progress, {
+                [styles.success]: isSuccessStatus(uploadStatus),
+                [styles.error]: isErrorStatus(uploadStatus),
+            }), strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset })));
+};
+
+export { StatusControl };
 //# sourceMappingURL=index.js.map

package/moderncssm/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":[],"mappings":";;;;;;;;;AAaO,MAAM,aAAa,GAAG,MAAK;IAC9B,MAAM,EACF,YAAY,GAAG,SAAS,EACxB,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,cAAc,EACd,WAAW,GACd,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAErC,IAAA,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC1C,MAAM,iBAAiB,GAAG,eAAe,IAAI,CAAC,GAAG,WAAW,GAAG,GAAG,CAAC;IACnE,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAEvD,QACI,6BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE;YAC5B,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,cAAc,IAAI,WAAW;SACrD,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,IAAO,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAA;YAClD,KAAC,CAAA,aAAA,CAAA,aAAa,OAAG,CACN;QACf,KAAC,CAAA,aAAA,CAAA,WAAW,IACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE;gBAC3B,CAAC,MAAM,CAAC,OAAO,GAAG,eAAe,CAAC,YAAY,CAAC;gBAC/C,CAAC,MAAM,CAAC,KAAK,GAAG,aAAa,CAAC,YAAY,CAAC;aAC9C,CAAC,EACF,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAAA,CACpC,CACA;AAEd;;;;"}

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

@@ -0,0 +1,29 @@
+.container {
+    position: relative
+}
+
+.container.clickable {
+        cursor: pointer;
+    }
+
+.container .progress {
+        position: absolute;
+        top: var(--gap-4-neg);
+        left: var(--gap-4-neg);
+        z-index: 1;
+        will-change: opacity
+    }
+
+.container .progress.success,
+        .container .progress.error {
+            transition: opacity 400ms ease-in;
+            opacity: 0;
+        }
+
+.container .progress.success path {
+                stroke: var(--color-light-status-positive);
+            }
+
+.container .progress.error path {
+                stroke: var(--color-light-status-negative);
+            }

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+
+const ProgressBar = (props) => {
+    const { className, strokeDasharray, strokeDashoffset } = props;
+    return (React.createElement("svg", { className: className, width: '56', height: '56', viewBox: '0 0 56 56', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        React.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 })));
+};
+
+export { ProgressBar };
+//# sourceMappingURL=index.js.map

package/moderncssm/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, { 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":[],"mappings":";;AAQa,MAAA,WAAW,GAAc,CAAC,KAAK,KAAI;IAC5C,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,KAAK;IAE9D,QACI,KACI,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;QAElC,KACI,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/moderncssm/const/progress-bar.d.ts

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

package/moderncssm/const/progress-bar.js

@@ -1,5 +1,4 @@
 const MAX_PROGRESS_BAR_VALUE = 100;
-const RADIUS = 360;
 
-export { MAX_PROGRESS_BAR_VALUE, RADIUS };
+export { MAX_PROGRESS_BAR_VALUE };
 //# sourceMappingURL=progress-bar.js.map

package/moderncssm/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,MAAM,sBAAsB,GAAG;AAC/B,MAAM,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,MAAM,sBAAsB,GAAG;;;;"}

package/moderncssm/utils.d.ts

@@ -1,5 +1,4 @@
 import { type FileUploadItemStatus } from './types/status';
-export declare function humanFileSize(size: string | number): string;
 export declare const getExtension: (filename: string) => string | undefined;
 export declare const isInitialStatus: (status?: FileUploadItemStatus) => boolean;
 export declare const isSuccessStatus: (status?: FileUploadItemStatus) => boolean;

package/moderncssm/utils.js

@@ -1,14 +1,3 @@
-function humanFileSize(size) {
-    const units = ['Б', 'КБ', 'МБ', 'ГБ'];
-    let humanSize = Number(size);
-    let factor = 0;
-    while (humanSize >= 1024 && factor < units.length - 1) {
-        humanSize /= 1024;
-        factor += 1;
-    }
-    humanSize = humanSize.toFixed(2);
-    return `${Number(humanSize)} ${units[factor]}`;
-}
 const getExtension = (filename) => filename.toLowerCase().split('.').pop();
 const isInitialStatus = (status) => status === 'INITIAL';
 const isSuccessStatus = (status) => status === 'SUCCESS';
@@ -16,5 +5,5 @@ const isErrorStatus = (status) => status === 'ERROR';
 const isUploadingStatus = (status) => status === 'UPLOADING';
 const isUploadedStatus = (status) => status === 'UPLOADED';
 
-export { getExtension, humanFileSize, isErrorStatus, isInitialStatus, isSuccessStatus, isUploadedStatus, isUploadingStatus };
+export { getExtension, isErrorStatus, isInitialStatus, isSuccessStatus, isUploadedStatus, isUploadingStatus };
 //# sourceMappingURL=utils.js.map

package/moderncssm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { type FileUploadItemStatus } from './types/status';\n\nexport function humanFileSize(size: string | number) {\n    const units = ['Б', 'КБ', 'МБ', 'ГБ'];\n\n    let humanSize: string | number = Number(size);\n    let factor = 0;\n\n    while (humanSize >= 1024 && factor < units.length - 1) {\n        humanSize /= 1024;\n        factor += 1;\n    }\n\n    humanSize = humanSize.toFixed(2);\n\n    return `${Number(humanSize)} ${units[factor]}`;\n}\n\nexport const getExtension = (filename: string) => filename.toLowerCase().split('.').pop();\n\nexport const isInitialStatus = (status?: FileUploadItemStatus) => status === 'INITIAL';\nexport const isSuccessStatus = (status?: FileUploadItemStatus) => status === 'SUCCESS';\nexport const isErrorStatus = (status?: FileUploadItemStatus) => status === 'ERROR';\nexport const isUploadingStatus = (status?: FileUploadItemStatus) => status === 'UPLOADING';\nexport const isUploadedStatus = (status?: FileUploadItemStatus) => status === 'UPLOADED';\n"],"names":[],"mappings":"AAEM,SAAU,aAAa,CAAC,IAAqB,EAAA;IAC/C,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAErC,IAAA,IAAI,SAAS,GAAoB,MAAM,CAAC,IAAI,CAAC;IAC7C,IAAI,MAAM,GAAG,CAAC;IAEd,OAAO,SAAS,IAAI,IAAI,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACnD,SAAS,IAAI,IAAI;QACjB,MAAM,IAAI,CAAC;AACd;AAED,IAAA,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAEhC,OAAO,CAAA,EAAG,MAAM,CAAC,SAAS,CAAC,CAAI,CAAA,EAAA,KAAK,CAAC,MAAM,CAAC,CAAA,CAAE;AAClD;MAEa,YAAY,GAAG,CAAC,QAAgB,KAAK,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG;AAEhF,MAAM,eAAe,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACtE,MAAM,eAAe,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACtE,MAAM,aAAa,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACpE,MAAM,iBAAiB,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACxE,MAAM,gBAAgB,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { type FileUploadItemStatus } from './types/status';\n\nexport const getExtension = (filename: string) => filename.toLowerCase().split('.').pop();\n\nexport const isInitialStatus = (status?: FileUploadItemStatus) => status === 'INITIAL';\nexport const isSuccessStatus = (status?: FileUploadItemStatus) => status === 'SUCCESS';\nexport const isErrorStatus = (status?: FileUploadItemStatus) => status === 'ERROR';\nexport const isUploadingStatus = (status?: FileUploadItemStatus) => status === 'UPLOADING';\nexport const isUploadedStatus = (status?: FileUploadItemStatus) => status === 'UPLOADED';\n"],"names":[],"mappings":"MAEa,YAAY,GAAG,CAAC,QAAgB,KAAK,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG;AAEhF,MAAM,eAAe,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACtE,MAAM,eAAe,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACtE,MAAM,aAAa,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACpE,MAAM,iBAAiB,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;AACxE,MAAM,gBAAgB,GAAG,CAAC,MAA6B,KAAK,MAAM,KAAK;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-file-upload-item",
-    "version": "7.0.0",
+    "version": "7.0.1",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,10 +10,11 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-icon-button": "^7.0.0",
+        "@alfalab/core-components-icon-button": "^7.0.1",
         "@alfalab/core-components-icon-view": "^4.0.0",
-        "@alfalab/core-components-typography": "^5.0.0",
-        "@alfalab/icons-glyph": "^2.210.0",
+        "@alfalab/core-components-typography": "^5.0.1",
+        "@alfalab/core-components-shared": "^1.1.0",
+        "@alfalab/icons-glyph": "^2.247.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },
@@ -25,6 +26,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.0.0",
-    "varsVersion": "10.0.0"
+    "themesVersion": "14.1.0",
+    "varsVersion": "10.1.0"
 }

package/src/components/content/components/content-subtitle/content-subtitle.tsx

@@ -1,12 +1,12 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
 
+import { humanFileSize } from '@alfalab/core-components-shared';
 import { Text } from '@alfalab/core-components-typography';
 
 import { MAX_PROGRESS_BAR_VALUE } from '../../../../const/progress-bar';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context';
 import {
-    humanFileSize,
     isErrorStatus,
     isSuccessStatus,
     isUploadedStatus,

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

@@ -6,17 +6,16 @@ import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
 import { DocumentExcelMIcon } from '@alfalab/icons-glyph/DocumentExcelMIcon';
 import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
 import { DocumentMIcon } from '@alfalab/icons-glyph/DocumentMIcon';
-import DocumentOffMIcon from '@alfalab/icons-glyph/DocumentOffMIcon';
+import { DocumentOffMIcon } from '@alfalab/icons-glyph/DocumentOffMIcon';
 import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
 import { PaperclipMIcon } from '@alfalab/icons-glyph/PaperclipMIcon';
 
-import { FileUploadItemContext } from '../../../../context/file-upload-item-context';
-import { getExtension, isInitialStatus } from '../../../../utils';
+import { FileUploadItemContext } from '../../../context/file-upload-item-context';
+import { getExtension, isInitialStatus } from '../../../utils';
 
-import styles from './status-control-icon.module.css';
+import styles from './index.module.css';
 
-/* eslint-disable complexity */
-export const StatusControlIcon = () => {
+export const ExtensionIcon = () => {
     const {
         title = '',
         uploadStatus,

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

@@ -0,0 +1,35 @@
+@import '@alfalab/core-components-vars/src/index.css';
+
+.container {
+    position: relative;
+
+    &.clickable {
+        cursor: pointer;
+    }
+
+    & .progress {
+        position: absolute;
+        top: var(--gap-4-neg);
+        left: var(--gap-4-neg);
+        z-index: 1;
+        will-change: opacity;
+
+        &.success,
+        &.error {
+            transition: opacity 400ms ease-in;
+            opacity: 0;
+        }
+
+        &.success {
+            & path {
+                stroke: var(--color-light-status-positive);
+            }
+        }
+
+        &.error {
+            & path {
+                stroke: var(--color-light-status-negative);
+            }
+        }
+    }
+}

package/src/components/status-control/index.tsx

@@ -0,0 +1,46 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+
+import { SuperEllipse } from '@alfalab/core-components-icon-view/super-ellipse';
+
+import { FileUploadItemContext } from '../../context/file-upload-item-context';
+import { isErrorStatus, isSuccessStatus } from '../../utils';
+
+import { ExtensionIcon } from './extension-icon';
+import { ProgressBar } from './progress-bar';
+
+import styles from './index.module.css';
+
+export const StatusControl = () => {
+    const {
+        uploadStatus = 'INITIAL',
+        progressBar = 0,
+        imageUrl,
+        actionsPresent,
+        isClickable,
+    } = useContext(FileUploadItemContext);
+
+    const strokeDasharray = 182.5742645263672; // total length
+    const measureDashoffset = strokeDasharray * (1 - progressBar / 100);
+    const strokeDashoffset = Math.max(measureDashoffset, 0);
+
+    return (
+        <div
+            className={cn(styles.container, {
+                [styles.clickable]: !actionsPresent && isClickable,
+            })}
+        >
+            <SuperEllipse size={48} {...(imageUrl && { imageUrl })}>
+                <ExtensionIcon />
+            </SuperEllipse>
+            <ProgressBar
+                className={cn(styles.progress, {
+                    [styles.success]: isSuccessStatus(uploadStatus),
+                    [styles.error]: isErrorStatus(uploadStatus),
+                })}
+                strokeDasharray={strokeDasharray}
+                strokeDashoffset={strokeDashoffset}
+            />
+        </div>
+    );
+};

package/src/components/status-control/progress-bar/index.tsx

@@ -0,0 +1,30 @@
+import React, { FC } from 'react';
+
+type Props = {
+    className: string;
+    strokeDasharray: number;
+    strokeDashoffset: number;
+};
+
+export const ProgressBar: FC<Props> = (props) => {
+    const { className, strokeDasharray, strokeDashoffset } = props;
+
+    return (
+        <svg
+            className={className}
+            width='56'
+            height='56'
+            viewBox='0 0 56 56'
+            fill='none'
+            xmlns='http://www.w3.org/2000/svg'
+        >
+            <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}
+            />
+        </svg>
+    );
+};

package/src/const/progress-bar.ts

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

package/src/utils.ts

@@ -1,21 +1,5 @@
 import { type FileUploadItemStatus } from './types/status';
 
-export function humanFileSize(size: string | number) {
-    const units = ['Б', 'КБ', 'МБ', 'ГБ'];
-
-    let humanSize: string | number = Number(size);
-    let factor = 0;
-
-    while (humanSize >= 1024 && factor < units.length - 1) {
-        humanSize /= 1024;
-        factor += 1;
-    }
-
-    humanSize = humanSize.toFixed(2);
-
-    return `${Number(humanSize)} ${units[factor]}`;
-}
-
 export const getExtension = (filename: string) => filename.toLowerCase().split('.').pop();
 
 export const isInitialStatus = (status?: FileUploadItemStatus) => status === 'INITIAL';

package/utils.d.ts

@@ -1,5 +1,4 @@
 import { type FileUploadItemStatus } from './types/status';
-export declare function humanFileSize(size: string | number): string;
 export declare const getExtension: (filename: string) => string | undefined;
 export declare const isInitialStatus: (status?: FileUploadItemStatus) => boolean;
 export declare const isSuccessStatus: (status?: FileUploadItemStatus) => boolean;

package/utils.js

@@ -2,17 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function humanFileSize(size) {
-    var units = ['Б', 'КБ', 'МБ', 'ГБ'];
-    var humanSize = Number(size);
-    var factor = 0;
-    while (humanSize >= 1024 && factor < units.length - 1) {
-        humanSize /= 1024;
-        factor += 1;
-    }
-    humanSize = humanSize.toFixed(2);
-    return "".concat(Number(humanSize), " ").concat(units[factor]);
-}
 var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
 var isInitialStatus = function (status) { return status === 'INITIAL'; };
 var isSuccessStatus = function (status) { return status === 'SUCCESS'; };
@@ -21,7 +10,6 @@ var isUploadingStatus = function (status) { return status === 'UPLOADING'; };
 var isUploadedStatus = function (status) { return status === 'UPLOADED'; };
 
 exports.getExtension = getExtension;
-exports.humanFileSize = humanFileSize;
 exports.isErrorStatus = isErrorStatus;
 exports.isInitialStatus = isInitialStatus;
 exports.isSuccessStatus = isSuccessStatus;

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["src/utils.ts"],"sourcesContent":["import { type FileUploadItemStatus } from './types/status';\n\nexport function humanFileSize(size: string | number) {\n    const units = ['Б', 'КБ', 'МБ', 'ГБ'];\n\n    let humanSize: string | number = Number(size);\n    let factor = 0;\n\n    while (humanSize >= 1024 && factor < units.length - 1) {\n        humanSize /= 1024;\n        factor += 1;\n    }\n\n    humanSize = humanSize.toFixed(2);\n\n    return `${Number(humanSize)} ${units[factor]}`;\n}\n\nexport const getExtension = (filename: string) => filename.toLowerCase().split('.').pop();\n\nexport const isInitialStatus = (status?: FileUploadItemStatus) => status === 'INITIAL';\nexport const isSuccessStatus = (status?: FileUploadItemStatus) => status === 'SUCCESS';\nexport const isErrorStatus = (status?: FileUploadItemStatus) => status === 'ERROR';\nexport const isUploadingStatus = (status?: FileUploadItemStatus) => status === 'UPLOADING';\nexport const isUploadedStatus = (status?: FileUploadItemStatus) => status === 'UPLOADED';\n"],"names":[],"mappings":";;;;AAEM,SAAU,aAAa,CAAC,IAAqB,EAAA;IAC/C,IAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAErC,IAAA,IAAI,SAAS,GAAoB,MAAM,CAAC,IAAI,CAAC;IAC7C,IAAI,MAAM,GAAG,CAAC;IAEd,OAAO,SAAS,IAAI,IAAI,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACnD,SAAS,IAAI,IAAI;QACjB,MAAM,IAAI,CAAC;AACd;AAED,IAAA,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAEhC,OAAO,EAAA,CAAA,MAAA,CAAG,MAAM,CAAC,SAAS,CAAC,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAC,CAAE;AAClD;IAEa,YAAY,GAAG,UAAC,QAAgB,EAAA,EAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAvC;AAE3C,IAAM,eAAe,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,SAAS,CAAA;AAC/E,IAAM,eAAe,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,SAAS,CAAA;AAC/E,IAAM,aAAa,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,OAAO,CAAA;AAC3E,IAAM,iBAAiB,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,WAAW,CAAA;AACnF,IAAM,gBAAgB,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,UAAU,CAAA;;;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["src/utils.ts"],"sourcesContent":["import { type FileUploadItemStatus } from './types/status';\n\nexport const getExtension = (filename: string) => filename.toLowerCase().split('.').pop();\n\nexport const isInitialStatus = (status?: FileUploadItemStatus) => status === 'INITIAL';\nexport const isSuccessStatus = (status?: FileUploadItemStatus) => status === 'SUCCESS';\nexport const isErrorStatus = (status?: FileUploadItemStatus) => status === 'ERROR';\nexport const isUploadingStatus = (status?: FileUploadItemStatus) => status === 'UPLOADING';\nexport const isUploadedStatus = (status?: FileUploadItemStatus) => status === 'UPLOADED';\n"],"names":[],"mappings":";;;;IAEa,YAAY,GAAG,UAAC,QAAgB,EAAA,EAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAvC;AAE3C,IAAM,eAAe,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,SAAS,CAAA;AAC/E,IAAM,eAAe,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,SAAS,CAAA;AAC/E,IAAM,aAAa,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,OAAO,CAAA;AAC3E,IAAM,iBAAiB,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,WAAW,CAAA;AACnF,IAAM,gBAAgB,GAAG,UAAC,MAA6B,EAAK,EAAA,OAAA,MAAM,KAAK,UAAU,CAAA;;;;;;;;;"}

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

@@ -1 +0,0 @@
-export { StatusControlIcon } from './status-control-icon';

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

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var statusControlIcon = require('./status-control-icon.js');
-
-
-
-exports.StatusControlIcon = statusControlIcon.StatusControlIcon;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"status-control-icon.js","sources":["../../../../src/components/status-control/components/status-control-icon/status-control-icon.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 './status-control-icon.module.css';\n\n/* eslint-disable complexity */\nexport const StatusControlIcon = () => {\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;AACa,IAAA,iBAAiB,GAAG,YAAA;;IACvB,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,wBAAM,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,wBAAM,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,wBAAM,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,wBAAM,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,wBAAM,CAAC,mBAAmB,CAAA,GAAG,aAAa,EAAG,EAAA,EAAA,EAAA,CAAI;AAE5F;AACL;;;;"}

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

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./status-control-icon.css');
-
-var styles = {"iconPDFColored":"file-upload-item__iconPDFColored_9haca","iconDOCColored":"file-upload-item__iconDOCColored_9haca","iconExcelColored":"file-upload-item__iconExcelColored_9haca","icon1CColored":"file-upload-item__icon1CColored_9haca","iconDocumentColored":"file-upload-item__iconDocumentColored_9haca"};
-
-module.exports = styles;
-//# sourceMappingURL=status-control-icon.module.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"status-control-icon.module.css.js","sources":["../../../../src/components/status-control/components/status-control-icon/status-control-icon.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/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/components/status-control-progress-bar/index.d.ts

@@ -1 +0,0 @@
-export { StatusControlProgressBar } from './status-control-progress-bar';

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

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var statusControlProgressBar = require('./status-control-progress-bar.js');
-
-
-
-exports.StatusControlProgressBar = statusControlProgressBar.StatusControlProgressBar;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

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

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

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