@alfalab/core-components-file-upload-item 8.0.3 → 8.0.4

package/moderncssm/components/content/utils/isError.js.map

@@ -1 +1 @@
-{"version":3,"file":"isError.js","sources":["../../../../src/components/content/utils/isError.ts"],"sourcesContent":["export const isError = (error?: string | string[]) => {\n    if (typeof error === 'string' && error.length > 0) {\n        return true;\n    }\n\n    if (Array.isArray(error) && error.length > 0) {\n        return true;\n    }\n\n    return false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,OAAO,GAAG,CAAC,KAAyB,KAAI;IACjD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,QAAA,OAAO,IAAI;AACd;AAED,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,QAAA,OAAO,IAAI;AACd;AAED,IAAA,OAAO,KAAK;AAChB;;;;"}
+{"version":3,"file":"isError.js","sources":["../../../../src/components/content/utils/isError.ts"],"sourcesContent":["export const isError = (error?: string | string[]) => {\n    if (typeof error === 'string' && error.length > 0) {\n        return true;\n    }\n\n    if (Array.isArray(error) && error.length > 0) {\n        return true;\n    }\n\n    return false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,OAAO,GAAG,CAAC,KAAyB,KAAI;IACjD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,QAAA,OAAO,IAAI;;AAGf,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,QAAA,OAAO,IAAI;;AAGf,IAAA,OAAO,KAAK;AAChB;;;;"}

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

@@ -1 +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;;;;"}
+{"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;IAErC,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,IAAI;;IAGf,IAAI,UAAU,EAAE;QACZ,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG;;AAGzB,IAAA,IAAI,eAAe,CAAC,YAAY,CAAC,EAAE;QAC/B,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG;;IAG7B,IAAI,WAAW,EAAE;QACb,OAAO,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA,CAAG;;AAG/B,IAAA,MAAM,aAAa,GAAG,SAAS,KAAK,SAAS;AAC7C,IAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC;IAEpC,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;;AAGjG;;;;"}

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

@@ -1,7 +1,7 @@
 import { type ElementType, type HTMLAttributeAnchorTarget, type MouseEvent } from 'react';
 import { type SuperEllipseProps } from '@alfalab/core-components-icon-view/moderncssm/super-ellipse';
 import { type FileUploadItemStatus } from '../types/status';
-declare type TFileUploadItemContext = {
+type TFileUploadItemContext = {
     showRestore?: boolean;
     uploadStatus?: FileUploadItemStatus;
     error?: string | string[];

package/moderncssm/types/status.d.ts

@@ -1 +1 @@
-export declare type FileUploadItemStatus = 'INITIAL' | 'SUCCESS' | 'ERROR' | 'UPLOADING' | 'UPLOADED' | 'LOADING' | 'DELETED';
+export type FileUploadItemStatus = 'INITIAL' | 'SUCCESS' | 'ERROR' | 'UPLOADING' | 'UPLOADED' | 'LOADING' | 'DELETED';

package/moderncssm/utils.d.ts

@@ -1,8 +1,8 @@
 import { type FileUploadItemStatus } from './types/status';
 export declare const getExtension: (filename: string) => string | undefined;
-export declare const isInitialStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isSuccessStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isErrorStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isUploadingStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isUploadedStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isLoadingStatus: (status?: FileUploadItemStatus) => boolean;
+export declare const isInitialStatus: (status?: FileUploadItemStatus) => status is "INITIAL";
+export declare const isSuccessStatus: (status?: FileUploadItemStatus) => status is "SUCCESS";
+export declare const isErrorStatus: (status?: FileUploadItemStatus) => status is "ERROR";
+export declare const isUploadingStatus: (status?: FileUploadItemStatus) => status is "UPLOADING";
+export declare const isUploadedStatus: (status?: FileUploadItemStatus) => status is "UPLOADED";
+export declare const isLoadingStatus: (status?: FileUploadItemStatus) => status is "LOADING";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-file-upload-item",
-    "version": "8.0.3",
+    "version": "8.0.4",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,10 +10,10 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-icon-button": "^8.0.3",
-        "@alfalab/core-components-icon-view": "^5.0.1",
-        "@alfalab/core-components-shared": "^2.1.0",
-        "@alfalab/core-components-typography": "^6.0.2",
+        "@alfalab/core-components-icon-button": "^8.0.4",
+        "@alfalab/core-components-icon-view": "^5.0.2",
+        "@alfalab/core-components-shared": "^2.1.1",
+        "@alfalab/core-components-typography": "^6.0.3",
         "@alfalab/hooks": "^1.13.1",
         "@alfalab/icons-glyph": "^2.260.0",
         "classnames": "^2.5.1",
@@ -28,5 +28,5 @@
         "directory": "dist"
     },
     "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "varsVersion": "11.0.2"
 }

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

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

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

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

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/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/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/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/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .container {
     position: relative;

package/src/index.module.css

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

package/types/status.d.ts

@@ -1 +1 @@
-export declare type FileUploadItemStatus = 'INITIAL' | 'SUCCESS' | 'ERROR' | 'UPLOADING' | 'UPLOADED' | 'LOADING' | 'DELETED';
+export type FileUploadItemStatus = 'INITIAL' | 'SUCCESS' | 'ERROR' | 'UPLOADING' | 'UPLOADED' | 'LOADING' | 'DELETED';

package/utils.d.ts

@@ -1,8 +1,8 @@
 import { type FileUploadItemStatus } from './types/status';
 export declare const getExtension: (filename: string) => string | undefined;
-export declare const isInitialStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isSuccessStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isErrorStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isUploadingStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isUploadedStatus: (status?: FileUploadItemStatus) => boolean;
-export declare const isLoadingStatus: (status?: FileUploadItemStatus) => boolean;
+export declare const isInitialStatus: (status?: FileUploadItemStatus) => status is "INITIAL";
+export declare const isSuccessStatus: (status?: FileUploadItemStatus) => status is "SUCCESS";
+export declare const isErrorStatus: (status?: FileUploadItemStatus) => status is "ERROR";
+export declare const isUploadingStatus: (status?: FileUploadItemStatus) => status is "UPLOADING";
+export declare const isUploadedStatus: (status?: FileUploadItemStatus) => status is "UPLOADED";
+export declare const isLoadingStatus: (status?: FileUploadItemStatus) => status is "LOADING";