@astral/ui 4.55.0 → 4.55.2

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/usePrepareAccept.d.ts

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

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/usePrepareAccept.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrepareAccept = void 0;
+const react_1 = require("react");
+const ErrorService_1 = require("../../../../../services/ErrorService");
+const utils_1 = require("./utils");
+const usePrepareAccept = (accept) => {
+    const meta = (0, react_1.useMemo)(() => (0, utils_1.getAcceptMeta)(accept), [accept]);
+    (0, react_1.useEffect)(() => {
+        const error = (0, utils_1.validateAcceptMeta)(meta);
+        if (error) {
+            const errorService = ErrorService_1.ErrorService.getInstance();
+            errorService.logError('FileUploader', error);
+        }
+    }, [meta]);
+    return meta;
+};
+exports.usePrepareAccept = usePrepareAccept;

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/getAcceptMeta/getAcceptMeta.d.ts

@@ -0,0 +1,5 @@
+import type { AcceptMeta } from '../../../../../../types';
+/**
+ * Парсит массив accept строк и возвращает мета-информацию о разрешенных типах файлов.
+ */
+export declare const getAcceptMeta: (accept: string[]) => AcceptMeta;

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/getAcceptMeta/getAcceptMeta.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAcceptMeta = void 0;
+/**
+ * Парсит массив accept строк и возвращает мета-информацию о разрешенных типах файлов.
+ */
+const getAcceptMeta = (accept) => accept.reduce((result, acceptString) => {
+    if (acceptString.includes('/')) {
+        result.isOnlyExtensions = false;
+        if (acceptString.endsWith('/*')) {
+            result.generalMimeTypes.push(acceptString);
+        }
+        else {
+            result.mimeTypes.push(acceptString);
+        }
+    }
+    if (!acceptString.includes('/') && acceptString.includes('.')) {
+        result.extensions.push(acceptString.replace('.', ''));
+    }
+    return result;
+}, {
+    extensions: [],
+    mimeTypes: [],
+    generalMimeTypes: [],
+    isOnlyExtensions: true,
+});
+exports.getAcceptMeta = getAcceptMeta;

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/getAcceptMeta/index.d.ts

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

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/getAcceptMeta/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./getAcceptMeta"), exports);

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getAcceptMeta';
+export * from './validateAcceptMeta';

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./getAcceptMeta"), exports);
+__exportStar(require("./validateAcceptMeta"), exports);

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/validateAcceptMeta/index.d.ts

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

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/validateAcceptMeta/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./validateAcceptMeta"), exports);

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/validateAcceptMeta/validateAcceptMeta.d.ts

@@ -0,0 +1,2 @@
+import { type AcceptMeta } from '../../../../../../types';
+export declare const validateAcceptMeta: (meta: AcceptMeta) => null | string;

package/node/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/validateAcceptMeta/validateAcceptMeta.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateAcceptMeta = void 0;
+const MimeTypeRegistry_1 = require("../../../../../../services/MimeTypeRegistry");
+const validateAcceptMeta = (meta) => {
+    let result = null;
+    const mimeTypeRegistry = MimeTypeRegistry_1.MimeTypeRegistry.getInstance();
+    const unsupportedExtensions = meta.extensions.filter((extension) => !mimeTypeRegistry.getMimeTypeByExtension(extension));
+    if (unsupportedExtensions.length) {
+        result = `В accept переданы неподдерживаемые расширения: ${unsupportedExtensions.join(', ')}`;
+    }
+    return result;
+};
+exports.validateAcceptMeta = validateAcceptMeta;

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

@@ -13,11 +13,13 @@ const rulePipe_1 = require("../../utils/rulePipe");
 const toArray_1 = require("../../utils/toArray");
 const useDnD_1 = require("../useDnD");
 const useUploadFiles_1 = require("../useUploadFiles");
+const hooks_1 = require("./hooks");
 const useFileUploader = ({ value, isDisabled, isMultiple, accept, restrictions = [], maxFileSize, maxFileCount = 1, // для случая, когда isMultiple=false
 inputRef, notify, onChange, onUploadFile, onDeleteFile, name, isError, onView, generateDownloadLink, placeholder, helperText, label, className, getErrorMessage, }) => {
     const inputId = (0, useId_1.useId)();
     const [deletingFileId, setDeletingFileId] = (0, react_1.useState)(null);
     const { generateId } = (0, useGenerateLocalId_1.useGenerateLocalId)();
+    const acceptMeta = (0, hooks_1.usePrepareAccept)(accept);
     // Преобразуем value к массиву
     const files = (0, react_1.useMemo)(() => (0, toArray_1.toArray)(value), [value]);
     // true, если достигли лимита по кол-ву файлов при isMultiple=true
@@ -25,7 +27,7 @@ inputRef, notify, onChange, onUploadFile, onDeleteFile, name, isError, onView, g
     const isVisibleAddFile = isMultiple ? !isLimitMaxFileCount : !files.length;
     const isVisibleFileList = Boolean(files.length);
     const restrict = (file) => {
-        return (0, rulePipe_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), (0, restrictions_1.restrictFileType)(accept), ...restrictions)(file);
+        return (0, rulePipe_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), (0, restrictions_1.restrictFileType)(acceptMeta), ...restrictions)(file);
     };
     const declensionFile = (0, declensionOfWords_1.declensionOfWords)(['файл', 'файла', 'файлов']);
     const declensionAdded = (0, declensionOfWords_1.declensionOfWords)([

package/node/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.d.ts

@@ -1,20 +1,11 @@
-import { type ChangeEvent, type LazyExoticComponent, type ReactElement, type ReactNode, type RefObject } from 'react';
+import { type LazyExoticComponent, type ReactElement } from 'react';
 import { type PdfViewerProps } from '../../../PdfViewer';
-import { type FileId, type FileUploaderNotify, type RestrictionFn, type UploadedFileData, type UploadFile } from '../../FileUploader';
-export type UsePreviewFileUploaderParams = {
-    value: UploadFile | null | undefined;
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Название поля
-     */
-    name?: string;
+import { type FileUploaderProps, type UploadFile } from '../../FileUploader';
+export type UsePreviewFileUploaderParams = Pick<FileUploaderProps, 'className' | 'name' | 'label' | 'maxFileSize' | 'isDisabled' | 'isError' | 'helperText' | 'restrictions' | 'placeholder' | 'inputRef' | 'notify' | 'generateDownloadLink' | 'onUploadFile' | 'onDeleteFile' | 'onView' | 'getErrorMessage'> & {
     /**
-     * Название поля
+     * Значение
      */
-    label?: string;
+    value: UploadFile | null | undefined;
     /**
      * Массив разрешенных расширений файлов и MIME-типов
      *
@@ -29,87 +20,18 @@ export type UsePreviewFileUploaderParams = {
      * accept={['.jpg', 'image/png', 'application/pdf']}
      */
     accept?: string[];
-    /**
-     * Максимальный размер файла в байтах
-     */
-    maxFileSize: number;
-    /**
-     * Если true, компонент будет недоступен для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Флаг состояния ошибки
-     */
-    isError?: boolean;
-    /**
-     * Вспомогательный текст
-     */
-    helperText?: ReactNode;
-    /**
-     * Массив функций для дополнительной валидации файлов, применяется к каждому файлу
-     */
-    restrictions?: RestrictionFn[];
-    /**
-     * Вспомогательный текст
-     */
-    placeholder?: string;
     /**
      * Кастомное изображение для placeholder. Дефолтное берется из configProvider, если было прокинуто
      */
     placeholderImgSrc?: string;
     /**
-     * Реф для доступа к input элементу
-     */
-    inputRef?: RefObject<HTMLInputElement>;
-    /**
-     * Объект с методами для отображения уведомлений
-     * @remarks
-     * Используется для показа системных уведомлений при загрузке файлов
-     */
-    notify: FileUploaderNotify;
-    /**
-     * Функция для генерации ссылки на скачивание/просмотр файла
-     * @param fileId - Идентификатор файла
-     * @param file - Объект файла
-     * @param fileUrl - URL файла, если он уже загружен
-     * @returns Строка с URL для скачивания/просмотра файла
-     * @example
-     * generateDownloadLink: (fileId, file, fileUrl) => {
-     *   return fileUrl || `/api/files/${fileId}`;
-     * }
-     */
-    generateDownloadLink?: (fileId: FileId, file?: File, fileUrl?: string) => string;
-    /**
-     * Функция загрузки файлов на сервер
-     * @param fileId - Идентификатор файла
-     * @param file - Объект файла для загрузки
-     * @param options - Опции для управления загрузкой
-     * @param options.signal - AbortSignal для отмены загрузки файла
-     * @param options.setProgress - Функция для обновления прогресса загрузки
-     * @returns Promise с данными загруженного файла
-     */
-    onUploadFile?: (fileId: FileId, file: File, options: {
-        signal: AbortSignal;
-        setProgress: (progressFileId: FileId, progressEvent: ProgressEvent) => void;
-    }) => Promise<UploadedFileData>;
-    /**
-     * Обработчик просмотра файла
-     * @param fileId - Идентификатор файла
-     * @param file - Объект файла
-     * @param fileUrl - URL файла, если он уже загружен
-     * @remarks
-     * Если указан generateDownloadLink, то onView не нужен.
-     * Используется если необходимо переопределить стандартное поведение с просмотром в новой вкладке
-     * @example
-     * onView: (fileId, file, fileUrl) => {
-     *   openFileInModal({ fileId, file fileUrl });
-     * }
+     * Скрытие персональных данных от инструментов мониторинга
      */
-    onView?: (fileId: FileId, file?: File, fileUrl?: string) => void;
+    isHidePersonalData?: boolean;
     /**
-     * Функция, позволяющая задавать кастомный текст ошибки
+     * Компонент для отображения превью pdf-файлов
      */
-    getErrorMessage?: (fileId: FileId, error: Error) => string;
+    PdfViewer?: ((props: PdfViewerProps) => ReactElement) | LazyExoticComponent<(props: PdfViewerProps) => ReactElement>;
     /**
      * Функция, вызываемая при изменении списка файлов (добавление/удаление)
      * @param value - Объект загруженного файла или null при удалении
@@ -121,41 +43,32 @@ export type UsePreviewFileUploaderParams = {
      * - При обновлении информации о файле после успешной загрузки
      */
     onChange: (value: UploadFile | null) => void;
-    /**
-     * Функция, вызываемая при удалении файла.
-     * Используется для сбора идентификаторов файлов, помеченных на удаление.
-     * Фактическое удаление файлов с сервера должно выполняться только при подтверждении формы,
-     * чтобы избежать потери данных при отмене действия или перезагрузке страницы.
-     */
-    onDeleteFile?: (fileId: FileId) => Promise<void>;
-    /**
-     * Скрытие персональных данных от инструментов мониторинга
-     */
-    isHidePersonalData?: boolean;
-    /**
-     * Компонент для отображения превью pdf-файлов
-     */
-    PdfViewer?: ((props: PdfViewerProps) => ReactElement) | LazyExoticComponent<(props: PdfViewerProps) => ReactElement>;
 };
-export declare const usePreviewFileUploader: ({ value, isDisabled, accept, restrictions, maxFileSize, inputRef, notify, onChange, onUploadFile, onDeleteFile, label, isError, generateDownloadLink, onView, getErrorMessage, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }: UsePreviewFileUploaderParams) => {
+export declare const usePreviewFileUploader: ({ placeholderImgSrc, isHidePersonalData, PdfViewer, accept, ...props }: UsePreviewFileUploaderParams) => {
     dropZoneProps: {
+        className: string;
+        hintPlaceholderProps: {
+            placeholderImgSrc: string | undefined;
+            isMultiple: boolean | undefined;
+            accept: string[];
+            maxFileCount: number;
+            maxFileSize: number;
+            placeholder: string | undefined;
+        };
+        isLimitMaxFileCount: boolean;
+        maxFileCount: number;
         isVisibleAddFile: boolean;
         isVisibleFileList: boolean;
         fileInputProps: {
             id: string | undefined;
             accept: string;
-            ref: RefObject<HTMLInputElement> | undefined;
+            ref: import("react").RefObject<HTMLInputElement> | undefined;
             value: string;
-            onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+            onChange: (event: import("react").ChangeEvent<HTMLInputElement, Element>) => void;
             name: string | undefined;
+            isMultiple: boolean | undefined;
             isDisabled: boolean | undefined;
         };
-        hintPlaceholderProps: {
-            accept: string[] | undefined;
-            placeholder: string | undefined;
-            placeholderImgSrc: string | undefined;
-            maxFileSize: number;
-        };
         uploadButtonProps: {
             isDisabled: boolean | undefined;
             htmlFor: string | undefined;
@@ -164,27 +77,28 @@ export declare const usePreviewFileUploader: ({ value, isDisabled, accept, restr
             className: string | undefined;
             label: string | undefined;
             isError: boolean | undefined;
-            helperText: ReactNode;
+            helperText: import("react").ReactNode;
         };
         onDragLeave: (event: import("react").DragEvent<HTMLElement>) => void;
         onDragOver: (event: import("react").DragEvent<HTMLElement>) => void;
         onDrop: (event: import("react").DragEvent<HTMLElement>) => void;
         isActive: boolean;
         htmlFor: string | undefined;
-        className: string;
         isDisabled: boolean | undefined;
         isError: boolean | undefined;
     };
     fileListProps: {
-        onDelete: (fileId: FileId) => void;
-        onRetry: ((fileId: FileId, file: File) => void) | undefined;
-        setErrorStatusFile: (fileId: string, errorMsg: string) => void;
-        selfFiles: Record<string, UploadFile & import("../../types").SpecificSelfFileParams>;
-        generateDownloadLink: ((fileId: FileId, file?: File, fileUrl?: string) => string) | undefined;
-        onView: ((fileId: FileId, file?: File, fileUrl?: string) => void) | undefined;
-        files: UploadFile[];
         isHidePersonalData: boolean | undefined;
         PdfViewer: LazyExoticComponent<(props: PdfViewerProps) => ReactElement> | ((props: PdfViewerProps) => ReactElement) | undefined;
+        onDelete: (fileId: string) => void;
+        onRetry: ((fileId: string, file: File) => void) | undefined;
+        onView: ((fileId: string, file?: File | undefined, fileUrl?: string | undefined) => void) | undefined;
+        generateDownloadLink: ((fileId: string, file?: File | undefined, fileUrl?: string | undefined) => string) | undefined;
+        isMultiple: boolean | undefined;
+        files: UploadFile[];
+        selfFiles: Record<string, UploadFile & import("../../types").SpecificSelfFileParams>;
+        setErrorStatusFile: (fileId: string, errorMsg: string) => void;
+        getErrorMessage: ((fileId: string, error: Error) => string) | undefined;
         deletingFileId: string | null;
     };
 };

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;