@apia/components 4.0.16 → 4.0.18

package/dist/index.d.ts

@@ -1,15 +1,15 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, Ref, RefObject, ChangeEventHandler, MouseEvent as MouseEvent$1, KeyboardEvent, FC, FunctionComponent, ForwardedRef, ComponentType, ReactElement } 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 * 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 { TIconName, TIconType } from '@apia/icons';
+import { MenuItemProps, ControlledMenuProps } from '@szhsin/react-menu';
+export { ControlledMenuProps, MenuItemProps } from '@szhsin/react-menu';
 import { Args } from 'react-cool-portal';
 import * as _apia_notifications from '@apia/notifications';
 import { TNotificationId, INotification, TDispatchedNotification, TNotificationSelector } from '@apia/notifications';
 export { INotification, TDispatchedNotification } from '@apia/notifications';
-import { MenuItemProps, ControlledMenuProps } from '@szhsin/react-menu';
-export { ControlledMenuProps, MenuItemProps } from '@szhsin/react-menu';
 
 type TModalSize = 'editGrid' | 'sm' | 'md' | 'md-fixed' | 'lg' | 'lg-fixed' | 'xl' | 'xl-fixed' | 'xxl' | 'xxxl' | 'xxxl-fixed' | 'flex' | 'cal' | 'finder' | 'fileModal';
 type TApiaButtonType = 'primary' | 'primary-sm' | 'secondary' | 'light-secondary' | 'secondary-sm' | 'danger' | 'danger-sm' | 'outline' | 'outline-sm' | 'warning' | 'warning-sm' | 'link';
@@ -44,6 +44,7 @@ type TModal = {
      * que como un modal
      */
     draggable?: boolean;
+    dragBounded?: boolean;
     children?: React__default.ReactNode;
     className?: string;
     id?: string;
@@ -114,66 +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;
+    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
@@ -184,22 +186,22 @@ 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'> & {
+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'> & {
     id?: string;
     children?: React__default.ReactNode;
     confirmProps?: Omit<IConfirm, 'onConfirmOk' | 'onConfirmCancel' | 'children'>;
@@ -229,16 +231,49 @@ type TOpenModal = Pick<TModal, 'NavBar' | 'Portal' | 'children' | 'className' |
 };
 
 declare class ApiaUtilModalHandler {
-    private id;
     close: () => void;
-    constructor(id: string, close: () => void);
+    constructor(close: () => void);
 }
 declare class ApiaUtilModals {
     #private;
+    private overlays;
     constructor();
     close(id: string): void;
     open(props: TOpenModal): ApiaUtilModalHandler;
-    Component: () => React$1.JSX.Element;
+    /**
+     * The overlay method allows to append an element to the array of overlays, which will be rendered after any existent modal.
+     *
+     * This way, it's possible to add a completelly custom modal with no style, nor any custom behavior added by this controller.
+     *
+     * @example
+     *
+     *  const portal = createPortal(
+      <iframe
+        style={{
+          position: 'fixed',
+          inset: 0,
+        }}
+        src={makeApiaUrl({
+          action: 'editGrid',
+          frmName: grid.getProperty('gridForm'),
+          frmParent: grid.getForm().definition.frmParent,
+          portalFormMode: false,
+          editionMode: true,
+          react: true,
+          index,
+          preventAsXmlParameter: true,
+          ajaxUrl: 'apia.execution.FormAction.run',
+        })}
+      />,
+      document.getElementById('AppModals') as HTMLElement,
+    );
+  
+    ApiaUtil.instance.modals.overlay(portal);
+     */
+    overlay(o: ReactNode): () => void;
+    Component: (() => React$1.JSX.Element) & {
+        displayName: string;
+    };
 }
 
 declare class ApiaUtilNotifications {
@@ -250,7 +285,7 @@ declare class ApiaUtilNotifications {
 }
 
 declare const TabsList: (({ arrowsBehavior }: {
-    arrowsBehavior?: "open" | "focus" | undefined;
+    arrowsBehavior?: "open" | "focus";
 }) => React__default.JSX.Element | null) & {
     displayName: string;
 };
@@ -264,7 +299,7 @@ declare class Tab<TabType extends TTab = TTab> {
      * El parámetro force evita que se muestre cartel de confirmación al usuario cuando puede haber pérdida de datos.
      */
     close(force?: boolean): Promise<boolean>;
-    open(): void;
+    open(closeOthers?: boolean): void;
     toggle(isShown?: boolean): void;
 }
 declare class TabsController<TabType extends TTab = TTab> {
@@ -393,13 +428,14 @@ 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 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>;
@@ -612,9 +648,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;
 }
 
@@ -781,6 +817,7 @@ type AutocompleteProps = {
      * Por defecto es 100ms.
      */
     searchDebounce?: number;
+    readOnly?: boolean;
 } & AutocompleteBoxProps & Partial<Pick<AutocompleteState, 'disabled' | 'value'>>;
 type AutocompleteBoxProps = Partial<{
     className: string;
@@ -789,6 +826,7 @@ type AutocompleteBoxProps = Partial<{
 }>;
 type AutocompleteState = {
     disabled: boolean;
+    readOnly: boolean;
     focusedValue?: null | string;
     loading: boolean;
     showValue: string;
@@ -853,6 +891,12 @@ type AutocompleteCmpProps = {
 };
 declare const Autocomplete: (props: AutocompleteCmpProps) => React$1.JSX.Element | null;
 
+declare const AutogrowTextarea: ((props: DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
+    error?: boolean;
+}) => React$1.JSX.Element) & {
+    displayName: string;
+};
+
 interface IBaseButton {
     text?: string;
     children?: string;
@@ -943,7 +987,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;
@@ -1084,12 +1128,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.
@@ -1097,8 +1141,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 {
@@ -1182,7 +1226,7 @@ declare class AccordionHandler {
         useItemId: () => TId$1;
         useItemStateSelector: <T>(selector: (props: TItemState$1) => 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;
     };
 }
@@ -1231,12 +1275,119 @@ interface ILabelBox {
 type TLabelBox = ILabelBox & BoxProps;
 declare const LabelBox: ({ className, label, tooltip, closeTooltip, onClose, ...props }: TLabelBox) => React__default.JSX.Element;
 
+type TMessageType = 'user' | 'system' | 'warning' | 'error' | 'information' | 'response' | 'multipleChoice' | 'customMessage';
+interface IAttachment {
+    name: string;
+    id: string;
+    base64: string;
+    description?: string;
+}
+type TChatControllerState = {
+    isLoading: boolean;
+    canRecord: boolean;
+    canAttach: boolean;
+    canAddUserMessage: boolean;
+    canAddSystemMessage: boolean;
+    maxAttachmentsSize: number;
+    messages: ChatMessage[];
+    currentMessage: ChatMessage;
+};
+interface MessageCallbackProps {
+    message: ChatMessage;
+}
+type MessageSubmitCallback = (props: MessageCallbackProps) => unknown;
+
+declare class ChatMessage {
+    message: ReactNode;
+    messageType: TMessageType;
+    attachments: IAttachment[];
+    reference: ReactNode;
+    id: number;
+    constructor(message?: ReactNode, messageType?: TMessageType, attachments?: IAttachment[], reference?: ReactNode);
+    clone: () => ChatMessage;
+    removeAttachment(attachment: IAttachment): void;
+    addAttachmentDescription(attachment: IAttachment, description: string): void;
+}
+
+interface AutoscrollContainerProps {
+    /** How close (in px) to the bottom you have to be *when scrolling down*
+     * for auto-scroll to kick back in. */
+    threshold?: number;
+    className?: string;
+}
+declare const AutoscrollContainer: React__default.FC<PropsWithChildren<AutoscrollContainerProps>>;
+
+declare class ChatController<T extends Record<string, unknown> = Record<string, unknown>> {
+    private onMessageSubmit;
+    private additionalOptions?;
+    currentIndex: number;
+    state: TChatControllerState & T;
+    private internalAudioRecorder;
+    private internalCameraRecorder;
+    private maxId;
+    audioRecorder: {
+        cancelOnStop: boolean;
+        start: () => void;
+        stop: () => Promise<void>;
+        record: number;
+        state: _apia_util.AudioRecorderState;
+    };
+    constructor(props: Partial<TChatControllerState & T>, onMessageSubmit: MessageSubmitCallback, additionalOptions?: TMenuItem[] | undefined);
+    removeMessage(idx: number): void;
+    addMessage(message: ChatMessage): void;
+    clearHistory(): void;
+    clearMessage(): void;
+    removeAttachment(attachment: IAttachment): void;
+    private handleSubmit;
+    private isForHistory;
+    private canGoNext;
+    private canGoPrev;
+    nextMessage(): void;
+    prevMessage(): void;
+    protected getAdditionalProps(): Partial<MessageCallbackProps>;
+    History: (() => React$1.JSX.Element) & {
+        displayName: string;
+    };
+    Attachments: (() => React$1.JSX.Element) & {
+        displayName: string;
+    };
+    TextArea: (() => React$1.JSX.Element) & {
+        displayName: string;
+    };
+    Renderer: () => React$1.JSX.Element;
+}
+
+declare class FloatingChatController extends ChatController<{
+    isWindowOpen: boolean;
+}> {
+    private modalTitle;
+    constructor(props: {
+        props: Partial<TChatControllerState & {
+            isWindowOpen: boolean;
+        }>;
+        onMessageSubmit: MessageSubmitCallback;
+        modalTitle?: string;
+        additionalOptions?: TMenuItem[];
+    });
+    getModalTitle(): string | undefined;
+    setModalTitle(title: string): void;
+    open(): void;
+    Window: (() => React$1.JSX.Element | null) & {
+        displayName: string;
+    };
+}
+
+declare function getBase64FromFile(f: File): Promise<string>;
+declare function getBase64FromBlob(b: Blob): Promise<string>;
+declare function getFileExtension(name: string): string | undefined;
+declare function isImage(base64: string): boolean;
+
 declare const ContainerWithHeader: ({ title, children, footerChildren, onClose, additionalButtons, }: {
     title: string;
     children: ReactNode;
     footerChildren?: ReactNode;
     additionalButtons?: ReactNode;
-    onClose?: (() => void) | undefined;
+    onClose?: () => void;
 }) => React$1.JSX.Element;
 
 interface ICollapsiblePanel {
@@ -1377,8 +1528,8 @@ interface IProgressBar {
 declare const ProgressBar: FC<IProgressBar>;
 
 declare const LoaderSpinner: ((props: {
-    className?: string | undefined;
-}) => React__default.JSX.Element) & {
+    className?: string;
+}) => React$1.JSX.Element) & {
     displayName: string;
 };
 
@@ -1492,7 +1643,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;
@@ -1523,13 +1674,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>> {
@@ -1563,7 +1714,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[];
 }>;
 
 /**
@@ -1700,10 +1851,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
@@ -1779,7 +1931,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 = {
@@ -1791,18 +1943,41 @@ 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";
+    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;
+    className?: string;
+    messageError?: string;
+    progress?: number;
+    defaultLabel?: string;
+    draggingLabel?: string;
+    onClick?: (e: MouseEvent$1) => void;
+    onChange?: (e: File[]) => any;
+}) => React__default.JSX.Element;
+
 declare class TableParameter extends Parameter<ITableParameterProps> {
     constructor(params: ITableParameterProps);
 }
@@ -1842,10 +2017,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;
     };
@@ -1918,7 +2093,6 @@ interface IFilterCondition {
     op: TFilterOp;
 }
 interface IParameter {
-    component?: string;
     description: string;
     name: string;
     possibleValues?: ParameterPossibleValue | ParameterPossibleValue[];
@@ -1954,7 +2128,10 @@ declare class Parameter<T extends IParameter = IParameter> implements ParameterO
     state: T & {
         validationError?: string;
     };
-    constructor(params: T);
+    component?: string;
+    constructor(params: T & {
+        component?: string;
+    });
     clear(): void;
     getValues(): string[];
     private removeEmptyValues;
@@ -1965,21 +2142,22 @@ declare class Parameter<T extends IParameter = IParameter> implements ParameterO
     asPayloadElement(): string[] | null;
     includes(value: string): boolean;
     validate(): boolean;
+    setComponent(component?: string): void;
 }
 
 declare const ParameterRender: (({ index, omitLabel, parameter, }: {
     index: number;
-    omitLabel?: boolean | undefined;
+    omitLabel?: boolean;
     parameter: Parameter;
-}) => string | React$1.JSX.Element | null) & {
+}) => React$1.JSX.Element | null) & {
     displayName: string;
 };
 
 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;
 };
@@ -2186,5 +2364,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, BaseButton, CalendarModal, Captcha, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, FieldErrorMessage, FieldLabel, FilterConditionDTO, FilterDTO, FiltersStore, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, 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, 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 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 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, getFieldErrorStyles, getFieldTouchedStyles, importComponent, 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 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 };
 //# sourceMappingURL=index.d.ts.map