@astral/ui 4.55.0 → 4.55.2

package/components/CardGridInfinite/CardGridInfinite.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
-import { VirtuosoGrid, } from 'react-virtuoso';
+import { Virtuoso, VirtuosoGrid, } from 'react-virtuoso';
 import { ContentState } from '../ContentState';
 import { Card } from './Card';
 import { cardGridClassnames } from './constants';
@@ -12,10 +12,23 @@ import { SkeletonGrid } from './SkeletonGrid';
 import { ContentStateWrapper } from './styles';
 import { useLogic } from './useLogic';
 export const CardGridInfinite = (props) => {
-    const { contentStateProps, desktopCardWidth, virtuosoProps, scrollParent, skeleton, footerProps, onTopButtonProps, list, noDataImgSrc, defineCard, classnames, } = useLogic(props);
+    const { contentStateProps, desktopCardWidth, virtuosoProps, scrollParent, skeleton, footerProps, onTopButtonProps, list, noDataImgSrc, defineCard, classnames, isMobile, } = useLogic(props);
     const VirtuosoList = useMemo(() => forwardRef((listProps, ref) => (_jsx(List, { ...listProps, ref: ref, desktopCardWidth: desktopCardWidth }))), [desktopCardWidth]);
-    return (_jsx(ContentStateWrapper, { className: classnames, children: _jsx(ContentState, { ...contentStateProps, loadingContent: _jsx(SkeletonGrid, { skeleton: skeleton, desktopCardWidth: desktopCardWidth }), children: list?.length && scrollParent ? (_jsxs(_Fragment, { children: [_jsx(VirtuosoGrid, { ...virtuosoProps, data: list, customScrollParent: scrollParent, listClassName: cardGridClassnames.list, components: {
-                            List: VirtuosoList,
-                            Footer: () => _jsx(Footer, { ...footerProps }),
-                        }, itemContent: (_, item) => (_jsx(Card, { item: item, ...defineCard(item) })) }), _jsx(OnTopButton, { ...onTopButtonProps })] })) : (_jsx(NoDataPlaceholder, { noDataImgSrc: noDataImgSrc })) }) }));
+    const renderVirtuoso = () => {
+        if (!scrollParent) {
+            return null;
+        }
+        // VirtuosoGrid не поддерживает работу со списком без grid сетки (на мобиле обычный список) когда высота item разная
+        if (isMobile) {
+            return (_jsx(Virtuoso, { ...virtuosoProps, data: list, customScrollParent: scrollParent, components: {
+                    List: VirtuosoList,
+                    Footer: () => _jsx(Footer, { ...footerProps }),
+                }, itemContent: (_, item) => _jsx(Card, { item: item, ...defineCard(item) }) }));
+        }
+        return (_jsx(VirtuosoGrid, { ...virtuosoProps, data: list, customScrollParent: scrollParent, listClassName: cardGridClassnames.list, components: {
+                List: VirtuosoList,
+                Footer: () => _jsx(Footer, { ...footerProps }),
+            }, itemContent: (_, item) => _jsx(Card, { item: item, ...defineCard(item) }) }));
+    };
+    return (_jsx(ContentStateWrapper, { className: classnames, children: _jsx(ContentState, { ...contentStateProps, loadingContent: _jsx(SkeletonGrid, { skeleton: skeleton, desktopCardWidth: desktopCardWidth }), children: list?.length ? (_jsxs(_Fragment, { children: [renderVirtuoso(), _jsx(OnTopButton, { ...onTopButtonProps })] })) : (_jsx(NoDataPlaceholder, { noDataImgSrc: noDataImgSrc })) }) }));
 };

package/components/CardGridInfinite/useLogic/useLogic.d.ts

@@ -31,6 +31,7 @@ export declare const useLogic: <TDataItem extends Record<string, unknown>>({ lis
         handleScrollToTop: () => void;
         scrollRef: import("react").RefObject<HTMLElement | null>;
     };
+    isMobile: boolean;
     scrollParent: HTMLElement | null;
     skeleton: import("../types").SkeletonConfig;
     list: TDataItem[] | undefined;

package/components/CardGridInfinite/useLogic/useLogic.js

@@ -65,6 +65,7 @@ export const useLogic = ({ list, isLoading, isError, errorMsg, errorImgSrc, scro
             handleScrollToTop,
             scrollRef,
         },
+        isMobile,
         scrollParent,
         skeleton,
         list,

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;
     };
 };