@reportportal/ui-kit 0.0.1-alpha.10 → 0.0.1-alpha.101

package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { LinkComponentType } from '../types';
+
+export interface BreadcrumbsContextValue {
+    LinkComponent?: LinkComponentType;
+}
+export declare const BreadcrumbsContext: import('react').Context<BreadcrumbsContextValue | undefined>;
+interface BreadcrumbsProviderProps {
+    children: ReactNode;
+    LinkComponent?: LinkComponentType;
+}
+export declare const BreadcrumbsProvider: ({ children, LinkComponent }: BreadcrumbsProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsContextValue } from './breadcrumbsProvider';
+
+export declare const useBreadcrumbsContext: () => BreadcrumbsContextValue;

package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts

@@ -0,0 +1 @@
+export { BreadcrumbsProvider } from './breadcrumbsProvider';

package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbDescriptor } from '../types';
+
+export interface HiddenBreadcrumbsProps {
+    descriptors: BreadcrumbDescriptor[];
+}
+export declare const HiddenBreadcrumbs: ({ descriptors }: HiddenBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { HiddenBreadcrumbs } from './hiddenBreadcrumbs';
+export type { HiddenBreadcrumbsProps } from './hiddenBreadcrumbs';

package/dist/components/breadcrumbs/index.d.ts

@@ -0,0 +1,5 @@
+import { Breadcrumbs } from './breadcrumbs';
+
+export { Breadcrumbs };
+export type { BreadcrumbDescriptor, TreeDescriptor, LinkComponentType, BreadcrumbsProps, } from './types';
+export default Breadcrumbs;

package/dist/components/breadcrumbs/tree/index.d.ts

@@ -0,0 +1 @@
+export { Tree } from './tree';

package/dist/components/breadcrumbs/tree/tree.d.ts

@@ -0,0 +1,7 @@
+import { TreeDescriptor } from '../types';
+
+interface TreeProps {
+    tree: TreeDescriptor[];
+}
+export declare const Tree: ({ tree }: TreeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/breadcrumbs/types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+
+export interface BreadcrumbDescriptor {
+    title: string | ReactNode;
+    link?: object | string;
+    onClick?: () => void;
+}
+export interface TreeDescriptor extends BreadcrumbDescriptor {
+    link: object | string;
+    children?: TreeDescriptor[];
+}
+export type LinkComponentType = React.ComponentType<{
+    to: object | string;
+    className?: string;
+    onClick?: () => void;
+    children: React.ReactNode;
+}>;
+export interface BreadcrumbsProps {
+    descriptors: BreadcrumbDescriptor[];
+    LinkComponent?: LinkComponentType;
+    tree?: TreeDescriptor[];
+    dataAutomationId?: string;
+    isBackButton?: boolean;
+}

package/dist/components/bubblesLoader/bubblesLoader.d.ts

@@ -1,7 +1,9 @@
 import { FC } from 'react';
+
 interface BubblesLoaderProps {
     color?: string;
     className?: string;
+    variant?: 'standard' | 'large';
 }
 export declare const BubblesLoader: FC<BubblesLoaderProps>;
 export {};

package/dist/components/bubblesLoader/index.d.ts

@@ -1,3 +1,4 @@
 import { BubblesLoader } from './bubblesLoader';
+
 export { BubblesLoader };
 export default BubblesLoader;

package/dist/components/button/button.d.ts

@@ -1,7 +1,8 @@
-import { FC, ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
+import { ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
+
 type IconPlace = 'start' | 'end';
-type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
-type ButtonWidth = 'content' | 'wide-content' | 'parent';
+type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text' | 'ghost-danger' | 'text-danger';
+type ButtonWidth = 'content' | 'wide-content' | 'parent' | 'min-width';
 export interface ButtonProps extends ComponentPropsWithRef<'button'> {
     children?: ReactNode;
     icon?: ReactNode;
@@ -14,5 +15,5 @@ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
     className?: string;
     variant?: ButtonVariant;
 }
-export declare const Button: FC<ButtonProps>;
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/button/index.d.ts

@@ -1,4 +1,5 @@
 import { Button, ButtonProps } from './button';
+
 export { Button };
 export type { ButtonProps };
 export default Button;

package/dist/components/checkbox/checkbox.d.ts

@@ -1,11 +1,13 @@
 import { FC, ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
+
 interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
-    value: boolean;
+    value?: boolean;
     children?: ReactNode;
     disabled?: boolean;
     className?: string;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     partiallyChecked?: boolean;
+    title?: string;
 }
 export declare const Checkbox: FC<CheckboxProps>;
 export {};

package/dist/components/checkbox/index.d.ts

@@ -1,3 +1,4 @@
 import { Checkbox } from './checkbox';
+
 export { Checkbox };
 export default Checkbox;

package/dist/components/datePicker/datePicker.d.ts

@@ -0,0 +1,25 @@
+import { FC, ReactNode, ReactElement } from 'react';
+
+interface DatePickerProps {
+    onChange?: (date: Date | any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    headerNodes?: ReactNode;
+    disabled?: boolean;
+    shouldCloseOnSelect?: boolean;
+    fixedHeight?: boolean;
+    startDate?: Date | undefined;
+    endDate?: Date | undefined;
+    customClassName?: string;
+    popperClassName?: string;
+    calendarClassName?: string;
+    customTimeInput?: ReactElement;
+    language?: string;
+    yearsOptions?: number[];
+    placeholder?: string;
+    dateFormat?: string;
+    selects?: 'start' | 'end' | 'none';
+    value?: Date | null;
+}
+export declare const DatePicker: FC<DatePickerProps>;
+export {};

package/dist/components/datePicker/header/datePickerHeader.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+
+export interface DatePickerHeaderProps {
+    changeYear: (year: number) => void;
+    changeMonth: (month: number) => void;
+    decreaseMonth: () => void;
+    increaseMonth: () => void;
+    headerNodes: ReactNode;
+    date: Date;
+    prevMonthButtonDisabled: boolean;
+    nextMonthButtonDisabled: boolean;
+    customClassName: string;
+    yearsOptions: number[];
+    locale: string;
+}
+export declare const DatePickerHeader: FC<DatePickerHeaderProps>;

package/dist/components/datePicker/header/index.d.ts

@@ -0,0 +1,4 @@
+import { DatePickerHeader } from './datePickerHeader';
+
+export { DatePickerHeader };
+export default DatePickerHeader;

package/dist/components/datePicker/index.d.ts

@@ -0,0 +1,5 @@
+import { DatePicker } from './datePicker';
+import { registerDatePickerLocale } from './utils';
+
+export { DatePicker, registerDatePickerLocale };
+export default DatePicker;

package/dist/components/datePicker/utils.d.ts

@@ -0,0 +1,4 @@
+import { Locale } from 'date-fns';
+
+export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
+export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];

package/dist/components/dropdown/constants.d.ts

@@ -1,4 +1,5 @@
 import { KeyCodes } from '../../common/constants/keyCodes';
+
 export declare const OPEN_DROPDOWN_KEY_CODES: KeyCodes[];
 export declare const CLOSE_DROPDOWN_KEY_CODES: KeyCodes[];
 export declare enum EventName {

package/dist/components/dropdown/dropdown.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode, FC } from 'react';
 import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
-interface DropdownProps {
+
+export interface DropdownProps {
     options: DropdownOptionType[];
-    value: DropdownValue;
+    value: DropdownValue | DropdownValue[];
     disabled?: boolean;
     error?: string;
     mobileDisabled?: boolean;
@@ -14,10 +15,19 @@ interface DropdownProps {
     transparentBackground?: boolean;
     className?: string;
     toggleButtonClassName?: string;
-    onChange: (value: DropdownValue) => void;
+    selectListClassName?: string;
+    label?: ReactNode;
+    onChange: (value: DropdownValue | DropdownValue[]) => void;
     onFocus?: () => void;
     onBlur?: () => void;
     renderOption?: RenderDropdownOption;
+    isListWidthLimited?: boolean;
+    multiSelect?: boolean;
+    optionAll?: DropdownOptionType;
+    isOptionAllVisible?: boolean;
+    onSelectAll?: () => void;
+    formatDisplayedValue?: (value: string | undefined) => string;
+    notScrollable?: boolean;
+    footer?: ReactNode | ((closeHandler: () => void) => ReactNode);
 }
 export declare const Dropdown: FC<DropdownProps>;
-export {};

package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { DropdownOptionProps } from '../types';
+
 export declare const DropdownOption: FC<DropdownOptionProps>;

package/dist/components/dropdown/dropdownOption/index.d.ts

@@ -1,3 +1,4 @@
 import { DropdownOption } from './dropdownOption';
+
 export { DropdownOption };
 export default DropdownOption;

package/dist/components/dropdown/index.d.ts

@@ -1,3 +1,4 @@
 import { Dropdown } from './dropdown';
+
 export { Dropdown };
 export default Dropdown;

package/dist/components/dropdown/types.d.ts

@@ -1,4 +1,5 @@
 import { MouseEventHandler, ReactNode } from 'react';
+
 export type DropdownVariant = 'default' | 'ghost';
 export type DropdownValue = string | boolean | number;
 export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;
@@ -16,5 +17,7 @@ export interface DropdownOptionProps {
     highlightHovered?: boolean;
     render?: RenderDropdownOption;
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    multiSelect?: boolean;
+    isPartiallyChecked?: boolean;
     option: DropdownOptionType;
 }

package/dist/components/dropdown/utils.d.ts

@@ -1,4 +1,5 @@
 import { DropdownValue, DropdownOptionType } from './types';
-export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue) => number;
+
+export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
 export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
 export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;

package/dist/components/fieldLabel/fieldLabel.d.ts

@@ -0,0 +1,7 @@
+import { DetailedHTMLProps, LabelHTMLAttributes } from 'react';
+
+interface FieldLabelProps extends DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
+    isRequired?: boolean;
+}
+export declare const FieldLabel: ({ children, isRequired, className, ...rest }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/fieldLabel/index.d.ts

@@ -0,0 +1 @@
+export { FieldLabel } from './fieldLabel';

package/dist/components/fieldNumber/constants.d.ts

@@ -1,4 +1,5 @@
 import { KeyCodes } from '../../common/constants/keyCodes';
+
 export declare const DEFAULT_WIDTH_CH = 5;
 export declare const MAX_WIDTH_CH = 16;
 export declare const ALLOWED_KEY_CODES: KeyCodes[];

package/dist/components/fieldNumber/fieldNumber.d.ts

@@ -1,4 +1,5 @@
-import { FC, HTMLAttributes, FocusEventHandler } from 'react';
+import { HTMLAttributes, FocusEventHandler } from 'react';
+
 type FieldNumberValue = number | string;
 interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
     onChange: (value: number | string) => void;
@@ -11,8 +12,7 @@ interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onCha
     max?: number;
     title?: string;
     error?: string;
-    touched?: boolean;
     onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
 }
-export declare const FieldNumber: FC<FieldNumberProps>;
+export declare const FieldNumber: ({ value, placeholder, disabled, onChange, onFocus, onBlur, label, postfix, min, max, title, error, id, ...rest }: FieldNumberProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/fieldNumber/index.d.ts

@@ -1,3 +1,4 @@
 import { FieldNumber } from './fieldNumber.js';
+
 export { FieldNumber };
 export default FieldNumber;

package/dist/components/fieldText/fieldText.d.ts

@@ -1,11 +1,16 @@
-import { FC, ChangeEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
-interface FieldTextProps extends ComponentPropsWithRef<'input'> {
+import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
+
+type InputType = 'password' | 'text' | 'email';
+export interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     value?: string;
     className?: string;
+    classNameHelpText?: string;
     error?: string;
     placeholder?: string;
     disabled?: boolean;
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    onFocus?: ChangeEventHandler<HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLInputElement>;
     touched?: boolean;
     title?: string;
     label?: string;
@@ -17,8 +22,11 @@ interface FieldTextProps extends ComponentPropsWithRef<'input'> {
     onClear?: (prevValue?: string) => void;
     isRequired?: boolean;
     hasDoubleMessage?: boolean;
-    type?: string;
+    type?: InputType;
     displayError?: boolean;
+    maxLengthDisplay?: number;
+    collapsible?: boolean;
+    loading?: boolean;
 }
-export declare const FieldText: FC<FieldTextProps>;
+export declare const FieldText: import('react').ForwardRefExoticComponent<FieldTextProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/fieldText/index.d.ts

@@ -1,3 +1,4 @@
 import { FieldText } from './fieldText';
+
 export { FieldText };
 export default FieldText;

package/dist/components/fieldTextFlex/fieldTextFlex.d.ts

@@ -1,4 +1,5 @@
-import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
+import { ChangeEventHandler, ComponentPropsWithRef, FocusEventHandler, KeyboardEventHandler } from 'react';
+
 export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
     value: string;
     readonly?: boolean;
@@ -6,9 +7,10 @@ export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
     touched?: boolean;
     label?: string;
     helpText?: string;
+    maxLengthDisplay?: number;
     onChange?: ChangeEventHandler<HTMLTextAreaElement>;
     onFocus?: FocusEventHandler<HTMLTextAreaElement>;
     onBlur?: FocusEventHandler<HTMLTextAreaElement>;
     onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
 }
-export declare const FieldTextFlex: FC<FieldTextFlexProps>;
+export declare const FieldTextFlex: import('react').ForwardRefExoticComponent<Omit<FieldTextFlexProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/components/fieldTextFlex/index.d.ts

@@ -1,3 +1,4 @@
 import { FieldTextFlex } from './fieldTextFlex';
+
 export { FieldTextFlex };
 export default FieldTextFlex;

package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts

@@ -0,0 +1,20 @@
+import { FileValidationError } from '../types';
+
+export interface AttachmentFile {
+    id: string;
+    fileName: string;
+    file: File;
+    size: number;
+    uploadingProgress?: number;
+    isUploadFailed?: boolean;
+    isUploading?: boolean;
+    validationErrors?: FileValidationError[];
+}
+interface AttachedFilesListProps {
+    files: AttachmentFile[];
+    className?: string;
+    onRemoveFile: (fileId: string) => void;
+    onDownloadFile?: (file: AttachmentFile) => void;
+}
+export declare const AttachedFilesList: ({ files, className, onRemoveFile, onDownloadFile, }: AttachedFilesListProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/fileDropArea/attachedFilesList/index.d.ts

@@ -0,0 +1,5 @@
+import { AttachedFilesList } from './attachedFilesList';
+
+export { AttachedFilesList };
+export type { AttachmentFile } from './attachedFilesList';
+export default AttachedFilesList;

package/dist/components/fileDropArea/browseButton/browseButton.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from '../../button';
+
+type BrowseButtonProps = Omit<ButtonProps, 'onClick' | 'disabled' | 'children'> & {
+    className?: string;
+    variant?: ButtonProps['variant'];
+};
+export declare const BrowseButton: ({ children, className, variant, ...buttonProps }: PropsWithChildren<BrowseButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/fileDropArea/browseButton/index.d.ts

@@ -0,0 +1,4 @@
+import { BrowseButton } from './browseButton';
+
+export { BrowseButton };
+export default BrowseButton;

package/dist/components/fileDropArea/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_MAX_FILE_SIZE_MB = 128;
+export declare const DEFAULT_MAX_FILE_SIZE: number;

package/dist/components/fileDropArea/dropZone/dropZone.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+interface DropZoneProps {
+    icon: ReactNode;
+    description?: ReactNode;
+    fileSizeMessage?: string;
+    className?: string;
+}
+export declare const DropZone: ({ icon, description, fileSizeMessage, className }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/fileDropArea/dropZone/index.d.ts

@@ -0,0 +1,4 @@
+import { DropZone } from './dropZone';
+
+export { DropZone };
+export default DropZone;

package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts

@@ -0,0 +1,5 @@
+interface ErrorMessageProps {
+    className?: string;
+}
+export declare const ErrorMessage: ({ className }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/fileDropArea/errorMessage/index.d.ts

@@ -0,0 +1,4 @@
+import { ErrorMessage } from './errorMessage';
+
+export { ErrorMessage };
+export default ErrorMessage;

package/dist/components/fileDropArea/fileDropArea.d.ts

@@ -0,0 +1,19 @@
+import { FC, PropsWithChildren } from 'react';
+import { BrowseButton } from './browseButton';
+import { ErrorMessage } from './errorMessage';
+import { DropZone } from './dropZone';
+import { AttachedFilesList } from './attachedFilesList';
+import { FileDropAreaBaseConfig, FileWithValidation } from './types';
+
+interface FileDropAreaProps extends FileDropAreaBaseConfig {
+    variant?: 'default' | 'overlay';
+    onFilesAdded: (files: FileWithValidation[]) => void;
+}
+interface FileDropAreaComposite extends FC<PropsWithChildren<FileDropAreaProps>> {
+    DropZone: typeof DropZone;
+    BrowseButton: typeof BrowseButton;
+    Error: typeof ErrorMessage;
+    AttachedFilesList: typeof AttachedFilesList;
+}
+export declare const FileDropArea: FileDropAreaComposite;
+export {};

package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { VoidFn } from '../../../common/types';
+import { useFileDropArea } from '../hooks/useFileDropArea';
+import { useOverlayDropArea } from '../hooks/useOverlayDropArea';
+import { FileValidationMessages } from '../types';
+
+export interface FileDropAreaProviderProps extends ReturnType<typeof useFileDropArea> {
+    messages: FileValidationMessages;
+    isMultipleFiles?: boolean;
+    isDisabled?: boolean;
+    variant?: 'default' | 'overlay';
+    overlayProps?: ReturnType<typeof useOverlayDropArea>;
+    registerOpenFunction: (openFunc: VoidFn) => void;
+    openFileDialog: VoidFn;
+}
+export declare const FileDropAreaContext: import('react').Context<FileDropAreaProviderProps | null>;
+export declare const FileDropAreaProvider: ({ children, ...props }: PropsWithChildren<Omit<FileDropAreaProviderProps, 'registerOpenFunction' | 'openFileDialog'>>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts

@@ -0,0 +1 @@
+export { FileDropAreaProvider } from './fileDropAreaProvider';

package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts

@@ -0,0 +1,3 @@
+import { FileDropAreaProviderProps } from './fileDropAreaProvider';
+
+export declare const useFileDropAreaContext: () => FileDropAreaProviderProps;

package/dist/components/fileDropArea/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useFileDropArea } from './useFileDropArea';

package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts

@@ -0,0 +1,13 @@
+import { FileDropAreaBaseConfig, FileWithValidation } from '../types';
+
+interface UseFileDropAreaOptions extends FileDropAreaBaseConfig {
+    onFilesAdded: (files: FileWithValidation[]) => void;
+}
+export declare const useFileDropArea: ({ maxFileSize, acceptFileMimeTypes, onFilesAdded, }: UseFileDropAreaOptions) => {
+    error: import('../types').FileValidationError | null;
+    onDrop: (acceptedFiles: File[]) => void;
+    handleDropzoneClick: () => void;
+    handleFileInputChange: (event: import('react').ChangeEvent<HTMLInputElement>) => void;
+    clearError: () => void;
+};
+export {};

package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent } from 'react';
+import { FileValidationError as ValidationError, FileValidationOptions, FileWithValidation } from '../types';
+
+interface FileProcessingOptions extends FileValidationOptions {
+    onFilesAdded: (files: FileWithValidation[]) => void;
+}
+export declare const useFileProcessing: ({ maxFileSize, acceptFileMimeTypes, onFilesAdded, }: FileProcessingOptions) => {
+    onDrop: (acceptedFiles: File[]) => void;
+    handleFileInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    error: ValidationError | null;
+    clearError: () => void;
+};
+export {};

package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts

@@ -0,0 +1,22 @@
+import { DragEvent } from 'react';
+
+interface UseOverlayDropAreaOptions {
+    isOverlay: boolean;
+}
+export declare const useOverlayDropArea: ({ isOverlay }: UseOverlayDropAreaOptions) => {
+    isDragActive?: boolean | undefined;
+    handlers: {
+        ref: import('react').RefObject<HTMLDivElement>;
+        onDragEnter: (event: DragEvent) => void;
+        onDragLeave: (event: DragEvent) => void;
+        onDragOver: (event: DragEvent) => void;
+        onDrop: (event: DragEvent) => void;
+    } | {
+        ref?: undefined;
+        onDragEnter?: undefined;
+        onDragLeave?: undefined;
+        onDragOver?: undefined;
+        onDrop?: undefined;
+    };
+};
+export {};

package/dist/components/fileDropArea/index.d.ts

@@ -0,0 +1,6 @@
+import { FileDropArea } from './fileDropArea';
+import { MIME_TYPES, FileWithValidation } from './types';
+
+export { FileDropArea };
+export { MIME_TYPES };
+export type { FileWithValidation };