@astral/ui 4.55.1 → 4.55.2

package/components/ConfigProvider/ConfigProvider.d.ts

@@ -139,5 +139,5 @@ export type ConfigProviderProps = Partial<ConfigContextProps> & {
     nextFeatureFlags?: NextFeatureFlagsContextProps;
 };
 export declare const ConfigContext: import("react").Context<ConfigContextProps>;
-export declare const ConfigProvider: ({ children, language, datePickerLanguageMap, captureException, emptySymbol, imagesMap, techSup, hidePersonalData, hidePersonalDataClassname, hidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags, }: Partial<ConfigProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfigProvider: ({ children, language, datePickerLanguageMap, captureException: captureExceptionProp, emptySymbol, imagesMap, techSup, hidePersonalData, hidePersonalDataClassname, hidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags, }: Partial<ConfigProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/ConfigProvider/ConfigProvider.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useEffect, } from 'react';
+import { createContext, useEffect, useMemo, } from 'react';
 import { russianMap } from '../DatePicker/constants';
+import { ErrorService } from '../services/ErrorService';
 import { NextFeatureFlagsContext, } from './NextFeatureFlagsContext';
 const imagesMapDefault = {
     noDataImgSrc: '',
@@ -26,7 +27,13 @@ export const ConfigContext = createContext({
     hidePersonalInputDataClassname: defaultHidePersonalInputDataClassname,
     hidePersonalData: true,
 });
-export const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = russianMap, captureException, emptySymbol = '—', imagesMap = imagesMapDefault, techSup = techSupDefault, hidePersonalData = true, hidePersonalDataClassname = defaultHidePersonalDataClassname, hidePersonalInputDataClassname = defaultHidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags = {}, }) => {
+export const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = russianMap, captureException: captureExceptionProp, emptySymbol = '—', imagesMap = imagesMapDefault, techSup = techSupDefault, hidePersonalData = true, hidePersonalDataClassname = defaultHidePersonalDataClassname, hidePersonalInputDataClassname = defaultHidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags = {}, }) => {
+    const captureException = 
+    // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
+    captureExceptionProp || ((error) => console.error(error));
+    useMemo(() => {
+        ErrorService.getInstance().init(captureException);
+    }, [captureException]);
     useEffect(() => {
         if (!captureException) {
             // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
@@ -55,8 +62,7 @@ export const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMa
     return (_jsx(ConfigContext.Provider, { value: {
             language,
             datePickerLanguageMap,
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            captureException: captureException || ((error) => console.error(error)),
+            captureException,
             emptySymbol,
             imagesMap,
             techSup,

package/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js

@@ -1,8 +1,8 @@
-import { getFileExtension } from '@astral/utils/file/getFileExtension';
 import { useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { ABORT_ERROR_MESSAGE, EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../constants';
 import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
+import { MimeTypeRegistry } from '../../../services/MimeTypeRegistry';
 import { generateAttrLinkNewTab } from '../../../utils/generateAttrLinkNewTab';
 export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }) => {
     const { captureException } = useContext(ConfigContext);
@@ -42,8 +42,9 @@ export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloa
         if (onView) {
             return { isShowViewButton: true, onClick: handleView };
         }
-        const extension = file && getFileExtension(file?.type);
-        if (checkIsAcceptedExtension(extension)) {
+        const extensions = file &&
+            MimeTypeRegistry.getInstance().getExtensionsByMimeType(file?.type);
+        if (checkIsAcceptedExtension(extensions)) {
             return {
                 isShowViewButton: true,
                 ...generateAttrLinkNewTab(downloadLink),

package/components/fileUploading/PreviewFileUploader/PreviewFileUploader.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type UsePreviewFileUploaderParams } from '../hooks/usePreviewFileUploader';
 export type PreviewFileUploaderProps = UsePreviewFileUploaderParams;
-export declare const PreviewFileUploader: import("react").ForwardRefExoticComponent<UsePreviewFileUploaderParams & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PreviewFileUploader: import("react").ForwardRefExoticComponent<Pick<import("../types").FileUploaderProps, "className" | "label" | "name" | "placeholder" | "isDisabled" | "isError" | "inputRef" | "helperText" | "maxFileSize" | "onUploadFile" | "getErrorMessage" | "restrictions" | "notify" | "onDeleteFile" | "onView" | "generateDownloadLink"> & {
+    value: import("../types").UploadFile | null | undefined;
+    accept?: string[] | undefined;
+    placeholderImgSrc?: string | undefined;
+    isHidePersonalData?: boolean | undefined;
+    PdfViewer?: import("react").LazyExoticComponent<(props: import("../../PdfViewer").PdfViewerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>> | ((props: import("../../PdfViewer").PdfViewerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | undefined;
+    onChange: (value: import("../types").UploadFile | null) => void;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js

@@ -1,14 +1,15 @@
-import { getFileExtension } from '@astral/utils/file/getFileExtension';
 import { useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../constants';
 import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
+import { MimeTypeRegistry } from '../../../services/MimeTypeRegistry';
 import { generateAttrLinkNewTab } from '../../../utils/generateAttrLinkNewTab';
 export const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }) => {
     const { captureException } = useContext(ConfigContext);
     const { generateUrl } = useGenerateLocalFileURL();
-    const extensionFile = getFileExtension((file?.type || fileType));
-    const isPdfFile = Object.is(extensionFile, 'pdf');
+    const isPdfFile = MimeTypeRegistry.getInstance()
+        .getExtensionsByMimeType((file?.type || fileType))
+        ?.includes('pdf') || false;
     const isImageFile = fileType.includes('image/');
     const isOtherFile = !isImageFile && !isPdfFile;
     const getDownloadLink = () => {
@@ -39,8 +40,8 @@ export const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete
         if (onView) {
             return { onClick: handleView };
         }
-        const extension = getFileExtension((file?.type || fileType));
-        if (checkIsAcceptedExtension(extension)) {
+        const extensions = MimeTypeRegistry.getInstance().getExtensionsByMimeType((file?.type || fileType));
+        if (checkIsAcceptedExtension(extensions)) {
             return generateAttrLinkNewTab(downloadLink);
         }
         return {

package/components/fileUploading/hooks/useFileUploader/hooks/index.d.ts

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

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

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

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

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

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

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

package/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/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/usePrepareAccept.js

@@ -0,0 +1,14 @@
+import { useEffect, useMemo } from 'react';
+import { ErrorService } from '../../../../../services/ErrorService';
+import { getAcceptMeta, validateAcceptMeta } from './utils';
+export const usePrepareAccept = (accept) => {
+    const meta = useMemo(() => getAcceptMeta(accept), [accept]);
+    useEffect(() => {
+        const error = validateAcceptMeta(meta);
+        if (error) {
+            const errorService = ErrorService.getInstance();
+            errorService.logError('FileUploader', error);
+        }
+    }, [meta]);
+    return meta;
+};

package/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/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/getAcceptMeta/getAcceptMeta.js

@@ -0,0 +1,23 @@
+/**
+ * Парсит массив accept строк и возвращает мета-информацию о разрешенных типах файлов.
+ */
+export 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,
+});

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

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

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

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

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

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

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

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

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

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

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

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

package/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/components/fileUploading/hooks/useFileUploader/hooks/usePrepareAccept/utils/validateAcceptMeta/validateAcceptMeta.js

@@ -0,0 +1,10 @@
+import { MimeTypeRegistry } from '../../../../../../services/MimeTypeRegistry';
+export const validateAcceptMeta = (meta) => {
+    let result = null;
+    const mimeTypeRegistry = MimeTypeRegistry.getInstance();
+    const unsupportedExtensions = meta.extensions.filter((extension) => !mimeTypeRegistry.getMimeTypeByExtension(extension));
+    if (unsupportedExtensions.length) {
+        result = `В accept переданы неподдерживаемые расширения: ${unsupportedExtensions.join(', ')}`;
+    }
+    return result;
+};

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

@@ -10,11 +10,13 @@ import { rulePipe } from '../../utils/rulePipe';
 import { toArray } from '../../utils/toArray';
 import { useDnD } from '../useDnD';
 import { useUploadFiles } from '../useUploadFiles';
+import { usePrepareAccept } from './hooks';
 export 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 = useId();
     const [deletingFileId, setDeletingFileId] = useState(null);
     const { generateId } = useGenerateLocalId();
+    const acceptMeta = usePrepareAccept(accept);
     // Преобразуем value к массиву
     const files = useMemo(() => toArray(value), [value]);
     // true, если достигли лимита по кол-ву файлов при isMultiple=true
@@ -22,7 +24,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 rulePipe(restrictFileMaxSize(formatFileSizeToView, maxFileSize), restrictFileType(accept), ...restrictions)(file);
+        return rulePipe(restrictFileMaxSize(formatFileSizeToView, maxFileSize), restrictFileType(acceptMeta), ...restrictions)(file);
     };
     const declensionFile = declensionOfWords(['файл', 'файла', 'файлов']);
     const declensionAdded = declensionOfWords([

package/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/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.js

@@ -1,151 +1,24 @@
-import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
-import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
-import { useMemo, useState, } from 'react';
-import { useGenerateLocalId } from '../../../useGenerateLocalId';
-import { useId } from '../../../useId';
-import { DEFAULT_FILE_STATUS, previewFileUploaderClassnames, } from '../../constants';
-import { restrictFileMaxSize, restrictFileType } from '../../restrictions';
-import { compareFile } from '../../utils/compareFile';
-import { rulePipe } from '../../utils/rulePipe';
-import { toArray } from '../../utils/toArray';
-import { useDnD } from '../useDnD';
-import { useUploadFiles } from '../useUploadFiles';
-export 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 = useId();
-    const [deletingFileId, setDeletingFileId] = useState(null);
-    const { generateId } = useGenerateLocalId();
-    // Преобразуем value к массиву
-    const files = useMemo(() => toArray(value), [value]);
-    const isVisibleAddFile = !files.length;
-    const isVisibleFileList = Boolean(files.length);
-    const restrict = (file) => {
-        return rulePipe(restrictFileMaxSize(formatFileSizeToView, maxFileSize), ...(accept ? [restrictFileType(accept)] : []), ...restrictions)(file);
-    };
-    const declensionFile = declensionOfWords(['файл', 'файла', 'файлов']);
-    const declensionAdded = declensionOfWords([
-        'Добавлен',
-        'Добавлено',
-        'Добавлено',
-    ]);
-    const notifyWarning = (addedFilesLength, droppedFilesLength) => {
-        notify?.warning(`${declensionAdded(addedFilesLength)} ${addedFilesLength} ${declensionFile(addedFilesLength)} из ${droppedFilesLength}`, {
-            content: 'Вы превысили максимально допустимое количество файлов для загрузки',
-        });
-    };
-    const getInitialStatusUploadFile = (error) => {
-        if (error) {
-            return {
-                ...DEFAULT_FILE_STATUS,
-                isRestrictionError: Boolean(error),
-                errorMsg: error.message,
-            };
-        }
-        return DEFAULT_FILE_STATUS;
-    };
-    const { enqueueFiles, refetchFile, setErrorStatusFile, selfFiles } = useUploadFiles({
-        files,
-        onChange,
-        onUploadFile,
-        getErrorMessage,
-    });
-    const handleChange = (event) => {
-        // Преобразуем к массиву и удаляем дубликаты
-        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => 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 } = useDnD({
-        isDisabled,
-        onChange: (droppedFiles) => {
-            handleChange({
-                target: { files: droppedFiles },
-            });
-        },
+import { previewFileUploaderClassnames } from '../../constants';
+import { useFileUploader } from '../useFileUploader';
+export const usePreviewFileUploader = ({ placeholderImgSrc, isHidePersonalData, PdfViewer, accept = [], ...props }) => {
+    const { dropZoneProps, fileListProps } = 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: 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/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/components/fileUploading/restrictions/restrictFileType/constants.js

@@ -2,3 +2,7 @@ export const FILE_TYPE_ERROR_INFO = {
     code: 'file-type',
     message: 'Тип файла недопустим',
 };
+export const INCONSISTENCY_EXTENSION_AND_MIME_TYPE_ERROR_INFO = {
+    code: 'inconsistency-file-type',
+    message: 'Содержимое файла не соответствует его расширению',
+};

package/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;