@astral/ui 4.55.1 → 4.55.3

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

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const getFileExtension_1 = require("@astral/utils/file/getFileExtension");
-const react_1 = require("react");
-const ConfigProvider_1 = require("../../../../ConfigProvider");
+const ErrorService_1 = require("../../../../services/ErrorService");
 const constants_1 = require("../../../constants");
 const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
+const MimeTypeRegistry_1 = require("../../../services/MimeTypeRegistry");
 const generateAttrLinkNewTab_1 = require("../../../utils/generateAttrLinkNewTab");
 const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }) => {
-    const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
     const { controller } = selfFiles[fileId] || {};
     const isVisibleAbortButton = Boolean(controller);
@@ -45,8 +43,9 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
         if (onView) {
             return { isShowViewButton: true, onClick: handleView };
         }
-        const extension = file && (0, getFileExtension_1.getFileExtension)(file?.type);
-        if (checkIsAcceptedExtension(extension)) {
+        const extensions = file &&
+            MimeTypeRegistry_1.MimeTypeRegistry.getInstance().getExtensionsByMimeType(file?.type);
+        if (checkIsAcceptedExtension(extensions)) {
             return {
                 isShowViewButton: true,
                 ...(0, generateAttrLinkNewTab_1.generateAttrLinkNewTab)(downloadLink),
@@ -57,7 +56,7 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
             onClick: () => {
                 // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
                 console.warn(constants_1.VIEW_NEW_TAB_ERROR_MESSAGE);
-                captureException(`FileId: ${fileId}: ${constants_1.VIEW_NEW_TAB_ERROR_MESSAGE}`);
+                ErrorService_1.ErrorService.getInstance().captureCustomError('FileUploader', `FileId: ${fileId}: ${constants_1.VIEW_NEW_TAB_ERROR_MESSAGE}`);
             },
         };
     };

package/node/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/node/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const getFileExtension_1 = require("@astral/utils/file/getFileExtension");
-const react_1 = require("react");
-const ConfigProvider_1 = require("../../../../ConfigProvider");
+const ErrorService_1 = require("../../../../services/ErrorService");
 const constants_1 = require("../../../constants");
 const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
+const MimeTypeRegistry_1 = require("../../../services/MimeTypeRegistry");
 const generateAttrLinkNewTab_1 = require("../../../utils/generateAttrLinkNewTab");
 const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }) => {
-    const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
-    const extensionFile = (0, getFileExtension_1.getFileExtension)((file?.type || fileType));
-    const isPdfFile = Object.is(extensionFile, 'pdf');
+    const isPdfFile = MimeTypeRegistry_1.MimeTypeRegistry.getInstance()
+        .getExtensionsByMimeType((file?.type || fileType))
+        ?.includes('pdf') || false;
     const isImageFile = fileType.includes('image/');
     const isOtherFile = !isImageFile && !isPdfFile;
     const getDownloadLink = () => {
@@ -42,15 +41,15 @@ const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onVie
         if (onView) {
             return { onClick: handleView };
         }
-        const extension = (0, getFileExtension_1.getFileExtension)((file?.type || fileType));
-        if (checkIsAcceptedExtension(extension)) {
+        const extensions = MimeTypeRegistry_1.MimeTypeRegistry.getInstance().getExtensionsByMimeType((file?.type || fileType));
+        if (checkIsAcceptedExtension(extensions)) {
             return (0, generateAttrLinkNewTab_1.generateAttrLinkNewTab)(downloadLink);
         }
         return {
             onClick: () => {
                 // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
                 console.warn(constants_1.VIEW_NEW_TAB_ERROR_MESSAGE);
-                captureException(`FileId: ${fileId}: ${constants_1.VIEW_NEW_TAB_ERROR_MESSAGE}`);
+                ErrorService_1.ErrorService.getInstance().captureCustomError('PreviewFileUploader', `FileId: ${fileId}: ${constants_1.VIEW_NEW_TAB_ERROR_MESSAGE}`);
             },
         };
     };

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

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

package/node/components/fileUploading/{restrictions/restrictFileType/utils/getFileTypeFromName → hooks/useFileUploader/hooks}/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("./getFileTypeFromName"), exports);
+__exportStar(require("./usePrepareAccept"), exports);

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

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

package/node/components/fileUploading/{restrictions/restrictFileType/utils/getFileTypeFromFile → hooks/useFileUploader/hooks/usePrepareAccept}/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("./getFileTypeFromFile"), exports);
+__exportStar(require("./usePrepareAccept"), exports);

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