@alfalab/core-components-file-upload-item 5.10.1 → 6.0.0

package/src/utils.ts

@@ -1,9 +1,3 @@
-import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
-import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
-import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
-import { DocumentTxtMIcon } from '@alfalab/icons-glyph/DocumentTxtMIcon';
-import { DocumentUnknownMIcon } from '@alfalab/icons-glyph/DocumentUnknownMIcon';
-
 export function humanFileSize(size: string | number) {
     const units = ['Б', 'КБ', 'МБ', 'ГБ'];
 
@@ -22,25 +16,8 @@ export function humanFileSize(size: string | number) {
 
 export const getExtension = (filename: string) => filename.toLowerCase().split('.').pop();
 
-export function fileIcon(filename: string) {
-    const extension = getExtension(filename);
-
-    switch (extension) {
-        case 'png':
-        case 'jpg':
-        case 'jpeg':
-        case 'svg':
-        case 'tif':
-        case 'tiff':
-            return DocumentImageMIcon;
-        case 'doc':
-        case 'docx':
-            return DocumentDocMIcon;
-        case 'pdf':
-            return DocumentPdfMIcon;
-        case 'txt':
-            return DocumentTxtMIcon;
-        default:
-            return DocumentUnknownMIcon;
-    }
-}
+export const isInitialStatus = (status?: string) => status === 'INITIAL';
+export const isSuccessStatus = (status?: string) => status === 'SUCCESS';
+export const isErrorStatus = (status?: string) => status === 'ERROR';
+export const isUploadingStatus = (status?: string) => status === 'UPLOADING';
+export const isUploadedStatus = (status?: string) => status === 'UPLOADED';

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

@@ -0,0 +1,113 @@
+/// <reference types="react" />
+import React from 'react';
+import { ElementType, HTMLAttributeAnchorTarget, MouseEvent } from "react";
+type FileUploadItemProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор элемента
+     */
+    id?: string;
+    /**
+     * Имя файла / заголовок
+     */
+    title?: string;
+    /**
+     * Подзаголовок файла
+     */
+    subtitle?: string;
+    /**
+     * Размер файла
+     */
+    size?: string | number;
+    /**
+     * Дата загрузки файла
+     */
+    uploadDate?: string;
+    /**
+     * Ссылка на файл. Если прокидывается этот параметр, то появляется кнопка скачивания
+     */
+    downloadLink?: string;
+    /**
+     * Рекомендует браузеру скачивать контент по ссылке.
+     * В проп может быть передано рекомендуемое название скачиваемого файла.
+     */
+    download?: string | true;
+    /**
+     * Отображение кнопки удаления
+     */
+    showDelete?: boolean;
+    /**
+     * Отображение кнопки восстановления
+     */
+    showRestore?: boolean;
+    /**
+     * Статус загрузки файла
+     */
+    uploadStatus?: string;
+    /**
+     * Сообщение об ошибке
+     */
+    error?: string | string[];
+    /**
+     * Дочерние элементы
+     */
+    children?: React.ReactNode;
+    /**
+     * Обработчик загрузки файла
+     */
+    onDownload?: (id: string) => void;
+    /**
+     * Обработчик удаления файла
+     */
+    onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;
+    /**
+     * Обработчик восстановления файла
+     */
+    onRestore?: (id: string) => void;
+    /**
+     * Управление активностью кнопок
+     */
+    disableButtons?: boolean;
+    /**
+     * Указывает, где открыть скачиваемый документ
+     */
+    target?: HTMLAttributeAnchorTarget;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Цвет заполнения иконки
+     * @default gray
+     */
+    iconStyle?: 'gray' | 'colored';
+    /**
+     * Кастомная иконка
+     */
+    customIcon?: ElementType<{
+        className?: string;
+    }>;
+    /**
+     * Шкала прогресса
+     * от 0 до 100
+     * @default 0
+     */
+    progressBar?: number;
+    /**
+     * Кастомный контент
+     */
+    customContent?: ElementType;
+    /**
+     * Отсечение контента
+     * @default false
+     */
+    truncate?: boolean;
+    /**
+     * Фоновое изображение. Имеет приоритет над иконкой и заливкой
+     */
+    imageUrl?: string;
+};
+export { FileUploadItemProps };

package/types/file-upload-item-props.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/utils.d.ts

@@ -1,5 +1,8 @@
-/// <reference types="react" />
 declare function humanFileSize(size: string | number): string;
 declare const getExtension: (filename: string) => string | undefined;
-declare function fileIcon(filename: string): import("react").FC<import("react").SVGProps<SVGSVGElement>>;
-export { humanFileSize, getExtension, fileIcon };
+declare const isInitialStatus: (status?: string) => boolean;
+declare const isSuccessStatus: (status?: string) => boolean;
+declare const isErrorStatus: (status?: string) => boolean;
+declare const isUploadingStatus: (status?: string) => boolean;
+declare const isUploadedStatus: (status?: string) => boolean;
+export { humanFileSize, getExtension, isInitialStatus, isSuccessStatus, isErrorStatus, isUploadingStatus, isUploadedStatus };

package/utils.js

@@ -2,12 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
-var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
-var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
-var DocumentTxtMIcon = require('@alfalab/icons-glyph/DocumentTxtMIcon');
-var DocumentUnknownMIcon = require('@alfalab/icons-glyph/DocumentUnknownMIcon');
-
 function humanFileSize(size) {
     var units = ['Б', 'КБ', 'МБ', 'ГБ'];
     var humanSize = Number(size);
@@ -20,28 +14,16 @@ function humanFileSize(size) {
     return "".concat(Number(humanSize), " ").concat(units[factor]);
 }
 var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
-function fileIcon(filename) {
-    var extension = getExtension(filename);
-    switch (extension) {
-        case 'png':
-        case 'jpg':
-        case 'jpeg':
-        case 'svg':
-        case 'tif':
-        case 'tiff':
-            return DocumentImageMIcon.DocumentImageMIcon;
-        case 'doc':
-        case 'docx':
-            return DocumentDocMIcon.DocumentDocMIcon;
-        case 'pdf':
-            return DocumentPdfMIcon.DocumentPdfMIcon;
-        case 'txt':
-            return DocumentTxtMIcon.DocumentTxtMIcon;
-        default:
-            return DocumentUnknownMIcon.DocumentUnknownMIcon;
-    }
-}
+var isInitialStatus = function (status) { return status === 'INITIAL'; };
+var isSuccessStatus = function (status) { return status === 'SUCCESS'; };
+var isErrorStatus = function (status) { return status === 'ERROR'; };
+var isUploadingStatus = function (status) { return status === 'UPLOADING'; };
+var isUploadedStatus = function (status) { return status === 'UPLOADED'; };
 
-exports.fileIcon = fileIcon;
 exports.getExtension = getExtension;
 exports.humanFileSize = humanFileSize;
+exports.isErrorStatus = isErrorStatus;
+exports.isInitialStatus = isInitialStatus;
+exports.isSuccessStatus = isSuccessStatus;
+exports.isUploadedStatus = isUploadedStatus;
+exports.isUploadingStatus = isUploadingStatus;