@astral/ui 4.55.1 → 4.55.2

package/node/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.js

@@ -1,154 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePreviewFileUploader = void 0;
-const declensionOfWords_1 = require("@astral/utils/declension/declensionOfWords");
-const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
-const react_1 = require("react");
-const useGenerateLocalId_1 = require("../../../useGenerateLocalId");
-const useId_1 = require("../../../useId");
 const constants_1 = require("../../constants");
-const restrictions_1 = require("../../restrictions");
-const compareFile_1 = require("../../utils/compareFile");
-const rulePipe_1 = require("../../utils/rulePipe");
-const toArray_1 = require("../../utils/toArray");
-const useDnD_1 = require("../useDnD");
-const useUploadFiles_1 = require("../useUploadFiles");
-const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [], maxFileSize, inputRef, notify, onChange, onUploadFile, onDeleteFile, label, isError, generateDownloadLink, onView, getErrorMessage, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }) => {
-    const inputId = (0, useId_1.useId)();
-    const [deletingFileId, setDeletingFileId] = (0, react_1.useState)(null);
-    const { generateId } = (0, useGenerateLocalId_1.useGenerateLocalId)();
-    // Преобразуем value к массиву
-    const files = (0, react_1.useMemo)(() => (0, toArray_1.toArray)(value), [value]);
-    const isVisibleAddFile = !files.length;
-    const isVisibleFileList = Boolean(files.length);
-    const restrict = (file) => {
-        return (0, rulePipe_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), ...(accept ? [(0, restrictions_1.restrictFileType)(accept)] : []), ...restrictions)(file);
-    };
-    const declensionFile = (0, declensionOfWords_1.declensionOfWords)(['файл', 'файла', 'файлов']);
-    const declensionAdded = (0, declensionOfWords_1.declensionOfWords)([
-        'Добавлен',
-        'Добавлено',
-        'Добавлено',
-    ]);
-    const notifyWarning = (addedFilesLength, droppedFilesLength) => {
-        notify?.warning(`${declensionAdded(addedFilesLength)} ${addedFilesLength} ${declensionFile(addedFilesLength)} из ${droppedFilesLength}`, {
-            content: 'Вы превысили максимально допустимое количество файлов для загрузки',
-        });
-    };
-    const getInitialStatusUploadFile = (error) => {
-        if (error) {
-            return {
-                ...constants_1.DEFAULT_FILE_STATUS,
-                isRestrictionError: Boolean(error),
-                errorMsg: error.message,
-            };
-        }
-        return constants_1.DEFAULT_FILE_STATUS;
-    };
-    const { enqueueFiles, refetchFile, setErrorStatusFile, selfFiles } = (0, useUploadFiles_1.useUploadFiles)({
-        files,
-        onChange,
-        onUploadFile,
-        getErrorMessage,
-    });
-    const handleChange = (event) => {
-        // Преобразуем к массиву и удаляем дубликаты
-        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, compareFile_1.compareFile)(droppedFile, file)));
-        const addedFiles = droppedFiles
-            .slice(0, 1 - files.length)
-            .reduce((acc, droppedFile) => {
-            const error = restrict(droppedFile);
-            return [
-                // biome-ignore lint/performance/noAccumulatingSpread: <>
-                ...acc,
-                {
-                    id: `${inputId}${generateId()}`,
-                    name: droppedFile.name,
-                    type: droppedFile.type,
-                    size: droppedFile.size,
-                    file: droppedFile,
-                    status: getInitialStatusUploadFile(error),
-                },
-            ];
-        }, []);
-        onChange(addedFiles[0]);
-        if (addedFiles.length < droppedFiles.length) {
-            notifyWarning(addedFiles.length, droppedFiles.length);
-        }
-        enqueueFiles(addedFiles);
-    };
-    const { isDragActive, ...dropZoneActions } = (0, useDnD_1.useDnD)({
-        isDisabled,
-        onChange: (droppedFiles) => {
-            handleChange({
-                target: { files: droppedFiles },
-            });
-        },
+const useFileUploader_1 = require("../useFileUploader");
+const usePreviewFileUploader = ({ placeholderImgSrc, isHidePersonalData, PdfViewer, accept = [], ...props }) => {
+    const { dropZoneProps, fileListProps } = (0, useFileUploader_1.useFileUploader)({
+        ...props,
+        accept,
+        isMultiple: false,
     });
-    const handleDelete = (fileId) => {
-        const deleteFile = () => onChange(null);
-        if (!onDeleteFile) {
-            return deleteFile();
-        }
-        setDeletingFileId(fileId);
-        onDeleteFile(fileId)
-            .then(deleteFile)
-            .catch(() => notify.error('Ошибка удаления файла'))
-            .finally(() => setDeletingFileId(null));
-    };
-    const getHandlerOnRetry = () => {
-        if (onUploadFile) {
-            return (fileId, file) => refetchFile({ id: fileId, file });
-        }
-        return undefined;
-    };
     return {
         dropZoneProps: {
-            isActive: !isDisabled && isDragActive,
-            htmlFor: inputId,
+            ...dropZoneProps,
             className: constants_1.previewFileUploaderClassnames.dropzone,
-            isDisabled,
-            isError,
-            ...dropZoneActions,
-            isVisibleAddFile,
-            isVisibleFileList,
-            fileInputProps: {
-                id: inputId,
-                accept: accept?.join() ?? '',
-                ref: inputRef,
-                value: '',
-                onChange: handleChange,
-                name,
-                isDisabled,
-            },
             hintPlaceholderProps: {
-                accept,
-                placeholder,
+                ...dropZoneProps.hintPlaceholderProps,
                 placeholderImgSrc,
-                maxFileSize,
-            },
-            uploadButtonProps: {
-                isDisabled,
-                htmlFor: inputId,
-            },
-            containerProps: {
-                className,
-                label,
-                isError,
-                helperText,
             },
         },
         fileListProps: {
-            onDelete: handleDelete,
-            onRetry: getHandlerOnRetry(),
-            setErrorStatusFile,
-            selfFiles,
-            generateDownloadLink,
-            onView,
-            files,
+            ...fileListProps,
             isHidePersonalData,
             PdfViewer,
-            deletingFileId,
         },
     };
 };

package/node/components/fileUploading/restrictions/restrictFileType/constants.d.ts

@@ -2,3 +2,7 @@ export declare const FILE_TYPE_ERROR_INFO: {
     code: string;
     message: string;
 };
+export declare const INCONSISTENCY_EXTENSION_AND_MIME_TYPE_ERROR_INFO: {
+    code: string;
+    message: string;
+};

package/node/components/fileUploading/restrictions/restrictFileType/constants.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FILE_TYPE_ERROR_INFO = void 0;
+exports.INCONSISTENCY_EXTENSION_AND_MIME_TYPE_ERROR_INFO = exports.FILE_TYPE_ERROR_INFO = void 0;
 exports.FILE_TYPE_ERROR_INFO = {
     code: 'file-type',
     message: 'Тип файла недопустим',
 };
+exports.INCONSISTENCY_EXTENSION_AND_MIME_TYPE_ERROR_INFO = {
+    code: 'inconsistency-file-type',
+    message: 'Содержимое файла не соответствует его расширению',
+};

package/node/components/fileUploading/restrictions/restrictFileType/restrictFileType.d.ts

@@ -1,2 +1,2 @@
-import type { RestrictionFn } from '../../types';
-export declare const restrictFileType: (accept: string[]) => RestrictionFn;
+import type { AcceptMeta, RestrictionFn } from '../../types';
+export declare const restrictFileType: (acceptMeta: AcceptMeta) => RestrictionFn;

package/node/components/fileUploading/restrictions/restrictFileType/restrictFileType.js

@@ -1,66 +1,42 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.restrictFileType = void 0;
-const getFileType_1 = require("@astral/utils/file/getFileType");
+const MimeTypeRegistry_1 = require("../../services/MimeTypeRegistry");
 const constants_1 = require("./constants");
 const utils_1 = require("./utils");
-const getGeneralType = (type) => type.split('/')[0];
-const compareFileType = (fileTypeA, fileTypeB) => {
-    if (Object.is((0, utils_1.prepareType)(fileTypeA), (0, utils_1.prepareType)(fileTypeB))) {
-        return true;
-    }
-    const isGeneralType = /^[\w.-]+\/\*$/.test(fileTypeA);
-    // Если переданный тип заканчивается на '/*'
-    if (isGeneralType) {
-        return Object.is(getGeneralType(fileTypeA), getGeneralType(fileTypeB));
-    }
-    return false;
-};
-const restrictFileType = (accept) => (file) => {
-    if (!file || !accept.length) {
+const getAcceptMimeTypes = (acceptMeta) => acceptMeta.mimeTypes.concat(...acceptMeta.extensions
+    .map((extension) => MimeTypeRegistry_1.MimeTypeRegistry.getInstance().getMimeTypeByExtension(extension))
+    .filter((value) => typeof value === 'string'));
+const checkEmptyAccept = (acceptMeta) => !acceptMeta.extensions.length &&
+    !acceptMeta.mimeTypes.length &&
+    !acceptMeta.generalMimeTypes.length;
+const restrictFileType = (acceptMeta) => (file) => {
+    if (!file || checkEmptyAccept(acceptMeta)) {
         return undefined;
     }
-    const acceptInput = [...accept];
-    const addMimeTypes = (mimeType) => {
-        mimeType.forEach((type) => {
-            if (!accept.includes(type)) {
-                acceptInput.push(type);
-            }
-        });
-    };
-    if (accept.includes('.xml')) {
-        addMimeTypes(['text/xml']);
+    const fileMeta = (0, utils_1.getFileMeta)(file);
+    const acceptMimeTypes = getAcceptMimeTypes(acceptMeta);
+    if (acceptMeta.generalMimeTypes.length) {
+        const isValid = acceptMeta.generalMimeTypes.some((mimeType) => mimeType.split('/')[0] === fileMeta.mimeType.split('/')[0]);
+        if (!isValid) {
+            return constants_1.FILE_TYPE_ERROR_INFO;
+        }
+        return undefined;
     }
-    if (accept.includes('.zip')) {
-        addMimeTypes([
-            'application/zip',
-            'application/zip-compressed',
-            'application/x-zip-compressed',
-        ]);
+    const isInconsistencyExtensionAndMimeType = !MimeTypeRegistry_1.MimeTypeRegistry.getInstance()
+        .getExtensionsByMimeType(fileMeta.mimeType)
+        ?.includes(fileMeta.extension);
+    if (isInconsistencyExtensionAndMimeType) {
+        return constants_1.INCONSISTENCY_EXTENSION_AND_MIME_TYPE_ERROR_INFO;
     }
-    if (accept.includes('.rar')) {
-        addMimeTypes([
-            'application/x-rar-compressed',
-            'application/vnd.rar',
-            'application/x-compressed',
-        ]);
+    if (!acceptMimeTypes.includes(fileMeta.mimeType)) {
+        return constants_1.FILE_TYPE_ERROR_INFO;
     }
-    // Приводим к MIME-Type
-    const acceptedTypes = acceptInput.map((acceptType) => {
-        if (acceptType.includes('/')) {
-            return acceptType;
-        }
-        return (0, getFileType_1.getFileType)(acceptType) || acceptType;
-    });
-    const fileType = (0, utils_1.getFileTypeFromFile)(file);
-    const isValid = acceptedTypes.some((acceptedType) => {
-        return compareFileType(acceptedType, fileType);
-    });
-    if (!isValid) {
-        return {
-            code: constants_1.FILE_TYPE_ERROR_INFO.code,
-            message: constants_1.FILE_TYPE_ERROR_INFO.message,
-        };
+    // Если в accept указаны только расширения, то нужно проверить соотносится ли расширение с разрешенным
+    // Ибо mime type может подойти (например, image/jpeg может быть jpg, jpeg, jpe)
+    if (acceptMeta.isOnlyExtensions &&
+        !acceptMeta.extensions.includes(fileMeta.extension)) {
+        return constants_1.FILE_TYPE_ERROR_INFO;
     }
     return undefined;
 };

package/node/components/fileUploading/restrictions/restrictFileType/utils/getFileMeta/getFileMeta.d.ts

@@ -0,0 +1,5 @@
+export type FileMeta = {
+    mimeType: string;
+    extension: string;
+};
+export declare const getFileMeta: (file: File) => FileMeta;

package/node/components/fileUploading/restrictions/restrictFileType/utils/getFileMeta/getFileMeta.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileMeta = void 0;
+const MimeTypeRegistry_1 = require("../../../../services/MimeTypeRegistry");
+const getExtensionFromName = (filename) => {
+    const lastDotIndex = filename.lastIndexOf('.');
+    if (lastDotIndex < 0) {
+        return '';
+    }
+    return filename.slice(lastDotIndex + 1);
+};
+const getFileMeta = (file) => {
+    const extension = getExtensionFromName(file.name);
+    if (file.type) {
+        return {
+            mimeType: file.type,
+            extension,
+        };
+    }
+    return {
+        mimeType: MimeTypeRegistry_1.MimeTypeRegistry.getInstance().getMimeTypeByExtension(extension) || '',
+        extension,
+    };
+};
+exports.getFileMeta = getFileMeta;

package/node/components/fileUploading/restrictions/restrictFileType/utils/getFileMeta/index.d.ts

@@ -0,0 +1 @@
+export * from './getFileMeta';

package/node/components/fileUploading/restrictions/restrictFileType/utils/{prepareType → getFileMeta}/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./prepareType"), exports);
+__exportStar(require("./getFileMeta"), exports);

package/node/components/fileUploading/restrictions/restrictFileType/utils/index.d.ts

@@ -1,2 +1 @@
-export * from './getFileTypeFromFile';
-export * from './prepareType';
+export * from './getFileMeta';

package/node/components/fileUploading/restrictions/restrictFileType/utils/index.js

@@ -14,5 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./getFileTypeFromFile"), exports);
-__exportStar(require("./prepareType"), exports);
+__exportStar(require("./getFileMeta"), exports);

package/node/components/fileUploading/services/MimeTypeRegistry/MimeTypeRegistry.d.ts

@@ -0,0 +1,9 @@
+export declare class MimeTypeRegistry {
+    private static instanceRef?;
+    private readonly extensionsMap;
+    private readonly mimeTypesMap;
+    private constructor();
+    getMimeTypeByExtension(extension: string): string | null;
+    getExtensionsByMimeType(mimeType: string): string[] | null;
+    static getInstance(): MimeTypeRegistry;
+}

package/node/components/fileUploading/services/MimeTypeRegistry/MimeTypeRegistry.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MimeTypeRegistry = void 0;
+const constants_1 = require("./constants");
+class MimeTypeRegistry {
+    constructor() {
+        this.mimeTypesMap = (0, constants_1.getMimeTypesMap)();
+        this.extensionsMap = new Map();
+        for (const [mimeType, extensions] of Object.entries(this.mimeTypesMap)) {
+            for (const extension of extensions) {
+                this.extensionsMap.set(extension, mimeType);
+            }
+        }
+    }
+    getMimeTypeByExtension(extension) {
+        return (this.extensionsMap.get(extension.toLowerCase().replace('.', '')) || null);
+    }
+    getExtensionsByMimeType(mimeType) {
+        return this.mimeTypesMap[mimeType] || null;
+    }
+    static getInstance() {
+        const instance = this.instanceRef?.deref();
+        if (instance) {
+            return instance;
+        }
+        const newInstance = new MimeTypeRegistry();
+        this.instanceRef = new WeakRef(newInstance);
+        return newInstance;
+    }
+}
+exports.MimeTypeRegistry = MimeTypeRegistry;

package/node/components/fileUploading/services/MimeTypeRegistry/constants.d.ts

@@ -0,0 +1 @@
+export declare const getMimeTypesMap: () => Record<string, string[]>;