@apia/components 4.0.19 → 4.0.24

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, Ref, RefObject, DetailedHTMLProps, TextareaHTMLAttributes, ChangeEventHandler, MouseEvent as MouseEvent$1, KeyboardEvent, FC, PropsWithChildren, FunctionComponent, ForwardedRef, ComponentType, ReactElement } from 'react';
+import React__default, { ReactNode, Ref, RefObject, DetailedHTMLProps, TextareaHTMLAttributes, ChangeEventHandler, FocusEvent, MouseEvent as MouseEvent$1, KeyboardEvent, FC, PropsWithChildren, FunctionComponent, ForwardedRef, ComponentType, ReactElement } from 'react';
 import * as _apia_util from '@apia/util';
 import { IOnFocusConfiguration, TFocusRetriever, TId as TId$1, EventEmitter, StatefulEmitter, TModify, TApiaFilter, TApiaFilterValue } from '@apia/util';
-import { BoxProps, TPalette, ThemeUIStyleObject, IconButtonProps, ButtonProps, ThemeUICSSObject, InputProps, SelectProps } from '@apia/theme';
+import { BoxProps, TPalette, InputProps, ThemeUIStyleObject, IconButtonProps, ButtonProps, ThemeUICSSObject, SelectProps } from '@apia/theme';
 import { TIconName, TIconType } from '@apia/icons';
 import { MenuItemProps, ControlledMenuProps } from '@szhsin/react-menu';
 export { ControlledMenuProps, MenuItemProps } from '@szhsin/react-menu';
@@ -115,67 +115,67 @@ type TModal = {
     variant?: string;
 } & Pick<IDialogHeader, 'hideCloseButton'>;
 declare const Modal: React__default.ForwardRefExoticComponent<{
-    animationDuration?: number | undefined;
+    animationDuration?: number;
     /**
      * Aplica solamente para modales que tengan draggable=true.
      */
     defaultPosition?: {
-        left?: string | undefined;
-        right?: string | undefined;
-        top?: string | undefined;
-        bottom?: string | undefined;
-    } | undefined;
+        left?: string;
+        right?: string;
+        top?: string;
+        bottom?: string;
+    };
     /**
      * Si esta variable está en true, el modal se comportará más como una ventana
      * que como un modal
      */
-    draggable?: boolean | undefined;
-    dragBounded?: boolean | undefined;
+    draggable?: boolean;
+    dragBounded?: boolean;
     children?: React__default.ReactNode;
-    className?: string | undefined;
-    id?: string | undefined;
-    initialFocusConfiguration?: IOnFocusConfiguration | undefined;
+    className?: string;
+    id?: string;
+    initialFocusConfiguration?: IOnFocusConfiguration;
     /**
      * Este retriever será pasado al método focus.on para realizar el foco en el
      * elemento inicial del modal.
      *
      * @see focus
      */
-    initialFocusGetter?: ((modalInnerRef: HTMLElement) => ReturnType<TFocusRetriever>) | undefined;
+    initialFocusGetter?: (modalInnerRef: HTMLElement) => ReturnType<TFocusRetriever>;
     /**
      * Si se pasa un ref, el modal hará foco sobre el elemento una vez que haya
      * abierto.
      */
-    initialFocusRef?: React__default.RefObject<unknown> | undefined;
+    initialFocusRef?: React__default.RefObject<unknown>;
     /**
      * Controla el estado del modal, indicando a la transición de apertura o
      * cierre que debe comenzar, dependiendo de si cambia a true o false
      * respectivamente.
      */
-    isOpen?: boolean | undefined;
-    maxWidth?: string | number | undefined;
+    isOpen?: boolean;
+    maxWidth?: number | string;
     /**
      * Permite pasar un componente React que se mostrará a la derecha del título,
      * con el fin de incorporar botones en el header del modal.
      */
     NavBar?: React__default.ReactNode;
-    noFocus?: boolean | undefined;
-    noHeader?: boolean | undefined;
+    noFocus?: boolean;
+    noHeader?: boolean;
     /**
      * Permite definir un callback que será llamado solamente cuando el modal se
      * cierre por medio del click en el overlay, al presionar escape o mediante
      * el botón cerrar del header (La X).
      */
-    onClose?: (() => void) | undefined;
+    onClose?: () => void;
     /**
      * Este método recibe el evento del mousedown utilizado para controllar el dragstart. Si el usuario devuelve false, el drag no será realizado.
      */
-    onDragStart?: ((ev: MouseEvent) => boolean) | undefined;
+    onDragStart?: (ev: MouseEvent) => boolean;
     /**
      * Permite definir un callback que será llamado siempre que el modal se
      * cierre, una vez que la animación haya terminado.
      */
-    onExited?: (() => unknown) | undefined;
+    onExited?: () => unknown;
     /**
      * Al pasar un Portal, el modal se abrirá dentro de éste y no directamente en
      * la posición actual dentro del árbol de componentes. Normalmente, este
@@ -186,19 +186,19 @@ declare const Modal: React__default.ForwardRefExoticComponent<{
      */
     Portal?: React__default.FC<{
         children: React__default.ReactNode;
-    }> | undefined;
+    }>;
     /**
      * Si es true, el modal será cerrado al presionar escape.
      */
-    shouldCloseOnEsc?: boolean | undefined;
+    shouldCloseOnEsc?: boolean;
     /**
      * Si es true, el modal será cerrado al hacer clic en el overlay.
      */
-    shouldCloseOnOverlayClick?: boolean | undefined;
-    size?: TModalSize | undefined;
-    stretch?: boolean | undefined;
-    title?: string | undefined;
-    variant?: string | undefined;
+    shouldCloseOnOverlayClick?: boolean;
+    size?: TModalSize;
+    stretch?: boolean;
+    title?: string;
+    variant?: string;
 } & Pick<IDialogHeader, "hideCloseButton"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type TOpenModal = Pick<TModal, 'NavBar' | 'Portal' | 'children' | 'className' | 'hideCloseButton' | 'initialFocusGetter' | 'initialFocusConfiguration' | 'maxWidth' | 'noHeader' | 'onExited' | 'shouldCloseOnEsc' | 'shouldCloseOnOverlayClick' | 'size' | 'stretch' | 'title' | 'variant' | 'draggable' | 'onClose' | 'onDragStart' | 'defaultPosition' | 'dragBounded'> & {
@@ -284,8 +284,9 @@ declare class ApiaUtilNotifications {
     Component: () => React$1.JSX.Element;
 }
 
-declare const TabsList: (({ arrowsBehavior }: {
-    arrowsBehavior?: "open" | "focus" | undefined;
+declare const TabsList: (({ arrowsBehavior, children, }: {
+    arrowsBehavior?: "open" | "focus";
+    children?: Record<"beforeFixedTabs", ReactNode>;
 }) => React__default.JSX.Element | null) & {
     displayName: string;
 };
@@ -300,8 +301,13 @@ declare class Tab<TabType extends TTab = TTab> {
      */
     close(force?: boolean): Promise<boolean>;
     open(closeOthers?: boolean): void;
+    remove(): void;
     toggle(isShown?: boolean): void;
 }
+type TAppendBehavior = Partial<{
+    closeOthers: boolean;
+    insertAfterId: string;
+}>;
 declare class TabsController<TabType extends TTab = TTab> {
     #private;
     id: string;
@@ -318,7 +324,7 @@ declare class TabsController<TabType extends TTab = TTab> {
     /**
      * Obviamente agrega un tab al listado de tabs
      */
-    append(tab: TabType, closeOthers?: boolean): void;
+    append(tab: TabType, behavior?: TAppendBehavior): void;
     closeAll(closeFixedTabsAsWell?: boolean, force?: boolean): Promise<void>;
     closeOpenTab(force?: boolean): void;
     closeToRight(targetId: string, force?: boolean): Promise<void>;
@@ -326,6 +332,7 @@ declare class TabsController<TabType extends TTab = TTab> {
     closeOthers(targetId: string, force?: boolean): Promise<void>;
     closeTab(tabId: string, force?: boolean): Promise<boolean>;
     private checkAtLeastOneOpen;
+    remove(tabId: string): void;
     toggleTab(tabId: string, isShown?: boolean): Promise<void>;
     focusNextTab(): Tab<TabType> | null;
     focusPreviousTab(): Tab<TabType> | null;
@@ -428,13 +435,15 @@ type TTabsListState<TabType extends TTab> = {
 
 declare const DefaultTabsLabelRenderer: TTabLabelRenderer;
 
-declare const TabsContent: ((props: Omit<BoxProps, 'children'>) => React$1.JSX.Element | null) & {
+declare const TabsContent: ((props: Omit<BoxProps, "children">) => React$1.JSX.Element | null) & {
     displayName: string;
 };
 
 declare function useTabsContext(): TabsController<TTab> | null;
+declare function useCurrentTab(): Tab<TTab> | null;
 
-declare const Tabs: ({ id, getController, initialTabs, orientation, initialState, ...props }: TabsControllerProps<TTab> & Omit<BoxProps, 'id' | 'as' | 'role'>, ref: React__default.ForwardedRef<HTMLDivElement>) => React__default.JSX.Element | null;
+declare const NonForwardedTabs: ({ id, getController, initialTabs, orientation, initialState, ...props }: TabsControllerProps<TTab> & Omit<BoxProps, "id" | "as" | "role">, ref: React__default.ForwardedRef<HTMLDivElement>) => React__default.JSX.Element | null;
+declare const Tabs: typeof NonForwardedTabs;
 
 declare class ApiaUtilTabsController {
     get currentTab(): Tab<TTab>;
@@ -647,9 +656,9 @@ declare class AutomaticTooltip {
     #private;
     private handler;
     ref: (el: HTMLElement | null) => void;
-    constructor(tooltip: (Partial<TTooltip> & {
-        timeout?: number | undefined;
-    }) | null | undefined, handler: ApiaUtilTooltips);
+    constructor(tooltip: ((Partial<TTooltip> & {
+        timeout?: number;
+    }) | null) | undefined, handler: ApiaUtilTooltips);
     update: (tooltip: Partial<TTooltip>) => void;
 }
 
@@ -879,7 +888,9 @@ declare class AutocompleteController {
     toggleOpen(): void;
     search(str: string): void;
     selectFocused(): void;
-    setValue(value: string): Promise<void>;
+    setValue(value: string, props?: {
+        fireOnChange?: boolean;
+    }): Promise<void>;
     tooltipRef: ApiaUtilTooltip | null;
 }
 
@@ -887,6 +898,7 @@ type AutocompleteCmpProps = {
     handler?: AutocompleteController;
     getHandler?: (handler: AutocompleteController) => unknown;
     properties?: AutocompleteProps;
+    inputProps?: InputProps;
 };
 declare const Autocomplete: (props: AutocompleteCmpProps) => React$1.JSX.Element | null;
 
@@ -986,7 +998,7 @@ declare function useOtherTagButton(props?: Partial<{
 
 declare const Captcha: ({ name, imageUrl, onChange, value, className, }: {
     name: string;
-    className?: string | undefined;
+    className?: string;
     imageUrl: string;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
     value: string;
@@ -1007,6 +1019,12 @@ type TCheckbox = TModify<ButtonProps, {
 }>;
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<TCheckbox, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface ICalModal {
+    handleClickDay: (date: Date) => void;
+    calValue?: Date;
+    locale: string;
+}
+
 interface IField {
     className?: string;
     disabled?: boolean;
@@ -1029,23 +1047,19 @@ interface IIconInput extends IField {
 }
 declare const IconInput: ({ additionalButtons, additionalButtonsPosition, buttonProps, buttonRef, className, disabled, hideButton, icon, inputProps, inputRef, isLoading, mask, onClick, onBlur, readOnly, ...rest }: IIconInput) => React__default.JSX.Element;
 
-declare global {
-    interface Window {
-        LANG_CODE: string;
-        MSG_INVALID_DATE: string;
-        MSG_FEC_FIN_MAY_FEC_INI: string;
-        LBL_PICK_DATE: string;
-    }
-}
 type TDateProps = TModify<InputProps, {
     allowPickBeforeToday?: boolean;
+    CalModalRenderer?: (props: ICalModal & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
+    deleteFiltersTimestamp?: number;
     error?: string | null;
     /**
      * Con esta propiedad se puede proveer una función que será utilizada para
      * determinar qué máscara debe utilizar el input
      */
     getCustomMask?: () => string;
+    inputClassName?: string;
     isLoading?: boolean;
+    onBlur?: (ev: FocusEvent<HTMLInputElement>) => void | boolean | string | Promise<boolean | string>;
     /**
      * Recibe la nueva fecha. En caso de devolver
      * false desde este método, el nuevo valor no
@@ -1127,12 +1141,12 @@ type TFieldLabel = {
     requiredMarkPosition?: 'before' | 'after';
 } & BoxProps;
 declare const FieldLabel: React$1.ForwardRefExoticComponent<{
-    avoidSemicolon?: boolean | undefined;
+    avoidSemicolon?: boolean;
     /**
      * Permite mostrar un mensaje de error debajo del campo
      */
-    error?: string | undefined;
-    hideRequiredMark?: boolean | undefined;
+    error?: string;
+    hideRequiredMark?: boolean;
     label: string;
     /**
      * La propiedad required se utiliza para mostrar el * de requerido.
@@ -1140,8 +1154,8 @@ declare const FieldLabel: React$1.ForwardRefExoticComponent<{
      * @see requiredMarkPosition
      * @see hideRequiredMark
      */
-    required?: boolean | undefined;
-    requiredMarkPosition?: "after" | "before" | undefined;
+    required?: boolean;
+    requiredMarkPosition?: "before" | "after";
 } & BoxProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface IAccordionItemButton {
@@ -1228,7 +1242,7 @@ declare class AccordionHandler {
         useItemId: () => TId$1;
         useItemStateSelector: <T>(selector: (props: TItemState) => T, comparator?: TSelectionComparator<T>) => T;
         useItemStateUpdate: (cb: TItemStateListener) => void;
-        usePropsSelector: <T_1>(selector: (props: IAccordionProps) => T_1, comparator?: TSelectionComparator<T_1>) => T_1;
+        usePropsSelector: <T>(selector: (props: IAccordionProps) => T, comparator?: TSelectionComparator<T>) => T;
         usePropsUpdate: (cb: TPropsListener) => void;
     };
 }
@@ -1267,15 +1281,17 @@ interface IApiaFilter {
 }
 declare const ApiaFilter: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<IApiaFilter & React$1.RefAttributes<HTMLInputElement | HTMLSelectElement>>>;
 
+type TLabelBoxVariant = 'normal' | 'selected';
 interface ILabelBox {
     className?: string;
     label: string;
     tooltip?: string;
     closeTooltip?: string;
     onClose?: () => unknown;
+    variant?: TLabelBoxVariant;
 }
 type TLabelBox = ILabelBox & BoxProps;
-declare const LabelBox: ({ className, label, tooltip, closeTooltip, onClose, ...props }: TLabelBox) => React__default.JSX.Element;
+declare const LabelBox: ({ className, label, tooltip, closeTooltip, onClose, variant, ...props }: TLabelBox) => React$1.JSX.Element;
 
 type TMessageType = 'user' | 'system' | 'warning' | 'error' | 'information' | 'response' | 'multipleChoice' | 'customMessage';
 interface IAttachment {
@@ -1322,6 +1338,7 @@ declare const AutoscrollContainer: React__default.FC<PropsWithChildren<Autoscrol
 declare class ChatController<T extends Record<string, unknown> = Record<string, unknown>> {
     private onMessageSubmit;
     private additionalOptions?;
+    private classNames?;
     currentIndex: number;
     state: TChatControllerState & T;
     private internalAudioRecorder;
@@ -1334,7 +1351,11 @@ declare class ChatController<T extends Record<string, unknown> = Record<string,
         record: number;
         state: _apia_util.AudioRecorderState;
     };
-    constructor(props: Partial<TChatControllerState & T>, onMessageSubmit: MessageSubmitCallback, additionalOptions?: TMenuItem[] | undefined);
+    constructor(props: Partial<TChatControllerState & T>, onMessageSubmit: MessageSubmitCallback, additionalOptions?: TMenuItem[] | undefined, classNames?: {
+        history?: string;
+        textarea?: string;
+        attachments?: string;
+    } | undefined);
     removeMessage(idx: number): void;
     addMessage(message: ChatMessage): void;
     clearHistory(): void;
@@ -1370,6 +1391,11 @@ declare class FloatingChatController extends ChatController<{
         onMessageSubmit: MessageSubmitCallback;
         modalTitle?: string;
         additionalOptions?: TMenuItem[];
+        classNames?: {
+            history?: string;
+            textarea?: string;
+            attachments?: string;
+        };
     });
     getModalTitle(): string | undefined;
     setModalTitle(title: string): void;
@@ -1389,7 +1415,7 @@ declare const ContainerWithHeader: ({ title, children, footerChildren, onClose,
     children: ReactNode;
     footerChildren?: ReactNode;
     additionalButtons?: ReactNode;
-    onClose?: (() => void) | undefined;
+    onClose?: () => void;
 }) => React$1.JSX.Element;
 
 interface ICollapsiblePanel {
@@ -1530,7 +1556,7 @@ interface IProgressBar {
 declare const ProgressBar: FC<IProgressBar>;
 
 declare const LoaderSpinner: ((props: {
-    className?: string | undefined;
+    className?: string;
 }) => React$1.JSX.Element) & {
     displayName: string;
 };
@@ -1645,7 +1671,7 @@ declare function useModal(configuration?: TUseModalConfiguration): {
     show: () => void;
 };
 
-declare const Confirm: ({ children, additionalButtons, additionalButtonsOnRight, cancelButtonText: cancelText, className, confirmButtonText: confirmText, confirmButtonVariant, contentRef, disabled, hideCancelButton, hideConfirmButton, isLoading, onCancel, onConfirm, variant, }: Omit<IConfirm, 'title'>) => React$1.JSX.Element;
+declare const Confirm: ({ children, additionalButtons, additionalButtonsOnRight, cancelButtonText: cancelText, className, confirmButtonText: confirmText, confirmButtonVariant, contentRef, disabled, hideCancelButton, hideConfirmButton, isLoading, onCancel, onConfirm, variant, }: Omit<IConfirm, "title">) => React$1.JSX.Element;
 
 interface IDialogButtonBar {
     children: React$1.ReactNode;
@@ -1676,13 +1702,13 @@ declare const AutoEllipsis: ({ children, findParent, overrideStyles, }: {
      * para dar control sobre cuál es el elemento al que se le clonarán los
      * estilos.
      */
-    findParent?: ((currentElement: HTMLElement) => HTMLElement) | undefined;
+    findParent?: (currentElement: HTMLElement) => HTMLElement;
     /**
      * Si se pasa overrideStyles, será invocado con el nodo actual de
      * AutoEllipsis para tomar decisiones acerca de cuáles estilos serán
      * aplicados.
      */
-    overrideStyles?: ((currentElement: HTMLElement) => Partial<CSSStyleDeclaration>) | undefined;
+    overrideStyles?: (currentElement: HTMLElement) => Partial<CSSStyleDeclaration>;
 }) => React$1.JSX.Element;
 
 interface IMakeResponsiveComponent<P extends Record<string, unknown>> {
@@ -1716,7 +1742,7 @@ interface IResponsiveComponent<P> extends FC<P> {
  * pantalla sino del espacio donde se encuentra.
  */
 declare const makeResponsiveComponent: <P extends Record<string, unknown>>({ breakPoints, Component, defaultBreakpoint, }: IMakeResponsiveComponent<P>) => IResponsiveComponent<P & {
-    breakPoints?: number[] | undefined;
+    breakPoints?: number[];
 }>;
 
 /**
@@ -1853,10 +1879,11 @@ type TIconRenderer<P = Record<string, unknown>> = FunctionComponent<TIcon<P>>;
 
 declare const DefaultIconRenderer: React$1.NamedExoticComponent<TIcon<Record<string, unknown>>>;
 
-declare const IconsList: {
+declare const IconsListNonForwarded: {
     <P extends Record<string, unknown>>(props: TIconsList<P>, ref: ForwardedRef<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
+declare const IconsList: typeof IconsListNonForwarded;
 
 /**
  * Permite importar un componente en forma dinámica con ruta relativa a
@@ -1931,7 +1958,7 @@ declare const Toolbar: ({ children, getController, }: {
      * El controlador permite gestionar el estado de los distintos elementos de
      * la toolbar
      */
-    getController?: ((newController: ToolbarController) => unknown) | undefined;
+    getController?: (newController: ToolbarController) => unknown;
 }) => React$1.JSX.Element;
 
 type TSortableListItem = {
@@ -1943,41 +1970,92 @@ type TSortableListItem = {
 declare const SortableListItem: React$1.MemoExoticComponent<({ boxProps, id, children }: TSortableListItem) => React$1.JSX.Element>;
 
 declare const UnstyledSortableList: ({ boxProps, children, onSortChange, }: {
-    boxProps?: BoxProps | undefined;
+    boxProps?: BoxProps;
     children: ReactNode;
-    onSortChange?: ((items: ReactElement<TSortableListItem>[]) => unknown) | undefined;
+    onSortChange?: (items: ReactElement<TSortableListItem>[]) => unknown;
 }) => React$1.JSX.Element;
 declare const SortableList: ((props: {
-    boxProps?: BoxProps | undefined;
+    boxProps?: BoxProps;
     children: ReactNode;
-    onSortChange?: ((items: ReactElement<TSortableListItem>[]) => unknown) | undefined;
+    onSortChange?: (items: ReactElement<TSortableListItem>[]) => unknown;
 }) => React$1.JSX.Element) & {
     displayName: string;
 };
 
 declare const FileCard: React$1.ForwardRefExoticComponent<{
     name: string;
-    iconsSize?: "sm" | "md" | "lg" | "xl" | undefined;
-    additionalButtons?: TIconButton[] | undefined;
-    className?: string | undefined;
-    sx?: ThemeUIStyleObject | undefined;
-    width?: string | undefined;
-    handleClose?: ((f: string) => void) | undefined;
-    onDoubleClick?: (() => void) | undefined;
-    onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    iconsSize?: "sm" | "md" | "lg" | "xl";
+    additionalButtons?: TIconButton[];
+    className?: string;
+    sx?: ThemeUIStyleObject;
+    width?: string;
+    handleClose?: (f: string) => void;
+    onDoubleClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 } & React$1.RefAttributes<unknown>>;
 
-declare const Dropzone: ({ sx, className, messageError, progress, defaultLabel, draggingLabel, onClick, onChange, }: {
-    sx?: ThemeUIStyleObject | undefined;
-    className?: string | undefined;
-    messageError?: string | undefined;
-    progress?: number | undefined;
-    defaultLabel?: string | undefined;
-    draggingLabel?: string | undefined;
-    onClick?: ((e: MouseEvent$1) => void) | undefined;
-    onChange?: ((e: File[]) => any) | undefined;
+declare const Dropzone: ({ sx, className, messageError, progress, defaultLabel, draggingLabel, onClick, onChange, handleInfoButton, }: {
+    sx?: ThemeUIStyleObject;
+    className?: string;
+    messageError?: string;
+    progress?: number;
+    defaultLabel?: string;
+    draggingLabel?: string;
+    onClick?: (e: MouseEvent$1) => void;
+    onChange?: (e: File[]) => any;
+    handleInfoButton?: (e: MouseEvent$1) => void;
 }) => React__default.JSX.Element;
 
+type TUploadedFile = {
+    id: string | number;
+    name: string;
+};
+type TUploadInProgress = {
+    abortController?: AbortController;
+    error?: string;
+    id: string;
+    file: File;
+    progress: number;
+};
+type TUploadHandlerState = {
+    inProgressFiles: TUploadInProgress[];
+    uploadedFiles: TUploadedFile[];
+};
+type TUploadHandlerProps = {
+    initialFiles: TUploadedFile[];
+    isMultiple?: boolean;
+    /**
+     * Must return the uploaded file instance if everything went ok.
+     *
+     * Must return a string if an error message must be placed in the uploading file to mark it
+     * as with error.
+     *
+     * Must return null to remove the upload in progress without adding it to uploaded fiels.
+     */
+    onUpload(file: TUploadInProgress): Promise<TUploadedFile | string | null>;
+    /**
+     * Must return true if the file was deleted in the remote server.
+     *
+     * Must return a string containing an error message if something went wrong. This message
+     * will be thrown as a notification.
+     *
+     * Must return null if nothing has to be done.
+     */
+    onDelete(file: TUploadedFile): Promise<true | string | null>;
+};
+declare class UploadHandler {
+    props: TUploadHandlerProps;
+    state: TUploadHandlerState;
+    constructor(props: TUploadHandlerProps);
+    delete(file: TUploadedFile): void;
+    start(files: File[]): void;
+}
+declare const Uploader: (({ handler }: {
+    handler: UploadHandler;
+}) => React$1.JSX.Element) & {
+    displayName: string;
+};
+
 declare class TableParameter extends Parameter<ITableParameterProps> {
     constructor(params: ITableParameterProps);
 }
@@ -2017,10 +2095,10 @@ declare class FilterDTO<T extends IFilterDTOState = IFilterDTOState> {
     Component: (({ renderers, multipleInputBoxProps, }: {
         renderers?: {
             input?: FC<InputProps & {
-                label?: string | undefined;
-            }> | undefined;
-        } | undefined;
-        multipleInputBoxProps?: BoxProps | undefined;
+                label?: string;
+            }>;
+        };
+        multipleInputBoxProps?: BoxProps;
     }) => React$1.JSX.Element) & {
         displayName: string;
     };
@@ -2147,7 +2225,7 @@ declare class Parameter<T extends IParameter = IParameter> implements ParameterO
 
 declare const ParameterRender: (({ index, omitLabel, parameter, }: {
     index: number;
-    omitLabel?: boolean | undefined;
+    omitLabel?: boolean;
     parameter: Parameter;
 }) => React$1.JSX.Element | null) & {
     displayName: string;
@@ -2156,8 +2234,8 @@ declare const ParameterRender: (({ index, omitLabel, parameter, }: {
 type ParametersMap = Record<string, ParameterObject>;
 declare const Parameters: (({ label, ownerName, parameters, }: {
     label?: ReactNode;
-    ownerName?: string | undefined;
-    parameters?: ParametersMap | undefined;
+    ownerName?: string;
+    parameters?: ParametersMap;
 }) => React$1.JSX.Element | undefined) & {
     displayName: string;
 };
@@ -2364,5 +2442,5 @@ declare class Templater {
     parseString(content: string, options?: IAlterDefaultOptions): string | JSX.Element | JSX.Element[];
 }
 
-export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAttachment, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IOverlay, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, type MessageCallbackProps, type MessageSubmitCallback, Modal, NumberInput, Overlay, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TChatControllerState, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TMessageType, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAttachment, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IOverlay, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, type MessageCallbackProps, type MessageSubmitCallback, Modal, NumberInput, Overlay, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TChatControllerState, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TMessageType, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUploadHandlerProps, type TUploadInProgress, type TUploadedFile, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.d.ts.map