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

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

@@ -1 +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;;;;"}
+{"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":[],"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/modern/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/modern/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":[],"mappings":";;AAgCO,MAAM,qBAAqB,GAAG,aAAa,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":[],"mappings":";;AAqCO,MAAM,qBAAqB,GAAG,aAAa,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;;;;"}

package/modern/index.css

@@ -3,13 +3,13 @@
     --gap-s: 12px;
     --gap-2: var(--gap-3xs);
     --gap-12: var(--gap-s);
-} .file-upload-item__component_1abzh {
+} .file-upload-item__component_t29wh {
     box-sizing: border-box;
     display: flex;
     align-items: flex-start;
     width: 100%;
     min-height: 48px;
-} .file-upload-item__restore_1abzh {
+} .file-upload-item__restore_t29wh {
     margin-left: var(--gap-12);
     margin-top: var(--gap-2);
 }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"file-upload-item__component_1abzh","restore":"file-upload-item__restore_1abzh"};
+const styles = {"component":"file-upload-item__component_t29wh","restore":"file-upload-item__restore_t29wh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    box-sizing: border-box;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    min-height: 48px;\n}\n\n.restore {\n    margin-left: var(--gap-12);\n    margin-top: var(--gap-2);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,SAAS,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    box-sizing: border-box;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    min-height: 48px;\n}\n\n.restore {\n    margin-left: var(--gap-12);\n    margin-top: var(--gap-2);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,SAAS,CAAC,iCAAiC,CAAC;;;;"}

package/modern/types/file-upload-item-props.d.ts

@@ -1,4 +1,4 @@
-import React, { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
+import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
 import { type FileUploadItemStatus } from './status';
 export declare type FileUploadItemProps = {
     /**
@@ -53,7 +53,7 @@ export declare type FileUploadItemProps = {
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Обработчик загрузки файла
      */

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

@@ -1,6 +1,8 @@
+
+
 .container {
     display: flex;
-    max-width: 144px
+    max-width: 144px;
 }
 
 .container .icon {
@@ -9,7 +11,7 @@
     }
 
 .deleteIconColor {
-    fill: var(--color-light-text-tertiary)
+    fill: var(--color-light-text-tertiary);
 }
 
 .deleteIconColor:hover {
@@ -17,7 +19,7 @@
     }
 
 .downloadIconColor {
-    fill: var(--color-light-text-tertiary)
+    fill: var(--color-light-text-tertiary);
 }
 
 .downloadIconColor:hover {
@@ -25,7 +27,7 @@
     }
 
 .restoreIconColor {
-    fill: var(--color-light-text-tertiary)
+    fill: var(--color-light-text-tertiary);
 }
 
 .restoreIconColor:hover {

package/moderncssm/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":[],"mappings":";;;;;;AASO,MAAM,YAAY,GAAG,MAAK;AAC7B,IAAA,MAAM,EAAE,EAAE,GAAG,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAEhF,IAAA,MAAM,YAAY,GAAG,CAAC,CAA0B,KAAI;AAChD,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,MAAM,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":[],"mappings":";;;;;;AASO,MAAM,YAAY,GAAG,MAAK;AAC7B,IAAA,MAAM,EAAE,EAAE,GAAG,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAEhF,IAAA,MAAM,YAAY,GAAG,CAAC,CAA0B,KAAI;AAChD,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB;AACL,KAAC;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EACC,YAAA,EAAA,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAI,CAAA,EACvD,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACvB;AAEV;;;;"}

package/moderncssm/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":[],"mappings":";;;;;;AASO,MAAM,cAAc,GAAG,MAAK;IAC/B,MAAM,EACF,EAAE,GAAG,GAAG,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,MAAM,EACN,UAAU,GACb,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAErC,IAAA,MAAM,cAAc,GAAG,CAAC,CAA0B,KAAI;AAClD,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACI,oBAAC,UAAU,EAAA,EACP,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,6BAA6B,EAAC,EAAA,SAAS,EAAE,MAAM,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":[],"mappings":";;;;;;AASO,MAAM,cAAc,GAAG,MAAK;IAC/B,MAAM,EACF,EAAE,GAAG,GAAG,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,MAAM,EACN,UAAU,GACb,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAErC,IAAA,MAAM,cAAc,GAAG,CAAC,CAA0B,KAAI;AAClD,QAAA,IAAI,UAAU,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE;YAClB,UAAU,CAAC,EAAE,CAAC;AACjB;AACL,KAAC;IAED,QACI,oBAAC,UAAU,EAAA,EACP,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,4CAAS,EACpB,IAAI,EAAE,KAAC,CAAA,aAAA,CAAA,6BAA6B,EAAC,EAAA,SAAS,EAAE,MAAM,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/moderncssm/components/content/components/content-subtitle/content-subtitle.module.css

@@ -1,5 +1,7 @@
+
+
 .subtitle {
-    display: block
+    display: block;
 }
 
 .subtitle.truncate {

package/moderncssm/components/content/content.module.css

@@ -1,37 +1,33 @@
+
+
 .container {
     padding: var(--gap-2) 0 0 var(--gap-16);
     flex-grow: 1;
-    min-width: 0
+    min-width: 0;
 }
-
 .container.clickable {
         cursor: pointer;
     }
-
 .container.single {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding-top: 0;
-        min-height: 48px
+        min-height: 48px;
     }
-
 .container.single .title {
             margin-bottom: 0;
         }
-
 .container .title {
         margin-bottom: var(--gap-4);
         display: block;
-        overflow-wrap: break-word
+        overflow-wrap: break-word;
     }
-
 .container .title.truncate {
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
         }
-
 .container .title.restore {
             color: var(--color-light-text-tertiary);
         }

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

@@ -4,18 +4,23 @@
     --color-light-decorative-orange: #fa9313;
     --color-light-decorative-red: #fe5e48;
 }
+
 .iconPDFColored {
     fill: var(--color-light-decorative-red);
 }
+
 .iconDOCColored {
     fill: var(--color-light-decorative-blue);
 }
+
 .iconExcelColored {
     fill: var(--color-light-decorative-green);
 }
+
 .icon1CColored {
     fill: var(--color-light-decorative-orange);
 }
+
 .iconDocumentColored {
     fill: var(--color-light-neutral-translucent-1300);
 }

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

@@ -1,29 +1,26 @@
+
+
 .container {
-    position: relative
+    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
+        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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 declare type Props = {
     className: string;
     strokeDasharray: number;

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

@@ -1 +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;;;;"}
+{"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":[],"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/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/moderncssm/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":[],"mappings":";;AAgCO,MAAM,qBAAqB,GAAG,aAAa,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":[],"mappings":";;AAqCO,MAAM,qBAAqB,GAAG,aAAa,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;;;;"}

package/moderncssm/index.module.css

@@ -1,3 +1,5 @@
+
+
 .component {
     box-sizing: border-box;
     display: flex;

package/moderncssm/types/file-upload-item-props.d.ts

@@ -1,4 +1,4 @@
-import React, { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
+import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
 import { type FileUploadItemStatus } from './status';
 export declare type FileUploadItemProps = {
     /**
@@ -53,7 +53,7 @@ export declare type FileUploadItemProps = {
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Обработчик загрузки файла
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-file-upload-item",
-    "version": "7.0.1",
+    "version": "7.0.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -12,8 +12,8 @@
     "dependencies": {
         "@alfalab/core-components-icon-button": "^7.0.1",
         "@alfalab/core-components-icon-view": "^4.0.0",
-        "@alfalab/core-components-typography": "^5.0.1",
         "@alfalab/core-components-shared": "^1.1.0",
+        "@alfalab/core-components-typography": "^5.0.2",
         "@alfalab/icons-glyph": "^2.247.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
@@ -26,6 +26,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .container {
     display: flex;

package/src/components/actions-control/components/delete-button/delete-button.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent, useContext } from 'react';
+import React, { type MouseEvent, useContext } from 'react';
 
 import { IconButton } from '@alfalab/core-components-icon-button';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';

package/src/components/actions-control/components/download-button/download-button.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent, useContext } from 'react';
+import React, { type MouseEvent, useContext } from 'react';
 
 import { IconButton } from '@alfalab/core-components-icon-button';
 import ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .subtitle {
     display: block;

package/src/components/content/content.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .container {
     padding: var(--gap-2) 0 0 var(--gap-16);

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 @import '@alfalab/core-components-vars/src/colors-decorative.css';
 
 .iconPDFColored {

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .container {
     position: relative;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 
 type Props = {
     className: string;

package/src/context/{file-upload-item-context.tsx → file-upload-item-context.ts}

@@ -1,4 +1,9 @@
-import { createContext, ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
+import {
+    createContext,
+    type ElementType,
+    type HTMLAttributeAnchorTarget,
+    type MouseEvent,
+} from 'react';
 
 import { type FileUploadItemStatus } from '../types/status';
 

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     box-sizing: border-box;

package/src/types/file-upload-item-props.ts

@@ -1,4 +1,9 @@
-import React, { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
+import {
+    type ElementType,
+    type HTMLAttributeAnchorTarget,
+    type MouseEvent,
+    type ReactNode,
+} from 'react';
 
 import { type FileUploadItemStatus } from './status';
 
@@ -67,7 +72,7 @@ export type FileUploadItemProps = {
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 
     /**
      * Обработчик загрузки файла

package/types/file-upload-item-props.d.ts

@@ -1,4 +1,4 @@
-import React, { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from 'react';
+import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from 'react';
 import { type FileUploadItemStatus } from './status';
 export declare type FileUploadItemProps = {
     /**
@@ -53,7 +53,7 @@ export declare type FileUploadItemProps = {
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Обработчик загрузки файла
      */