@apia/components 4.0.18 → 4.0.19

package/dist/index.d.ts

@@ -115,67 +115,67 @@ type TModal = {
     variant?: string;
 } & Pick<IDialogHeader, 'hideCloseButton'>;
 declare const Modal: React__default.ForwardRefExoticComponent<{
-    animationDuration?: number;
+    animationDuration?: number | undefined;
     /**
      * Aplica solamente para modales que tengan draggable=true.
      */
     defaultPosition?: {
-        left?: string;
-        right?: string;
-        top?: string;
-        bottom?: string;
-    };
+        left?: string | undefined;
+        right?: string | undefined;
+        top?: string | undefined;
+        bottom?: string | undefined;
+    } | undefined;
     /**
      * Si esta variable está en true, el modal se comportará más como una ventana
      * que como un modal
      */
-    draggable?: boolean;
-    dragBounded?: boolean;
+    draggable?: boolean | undefined;
+    dragBounded?: boolean | undefined;
     children?: React__default.ReactNode;
-    className?: string;
-    id?: string;
-    initialFocusConfiguration?: IOnFocusConfiguration;
+    className?: string | undefined;
+    id?: string | undefined;
+    initialFocusConfiguration?: IOnFocusConfiguration | undefined;
     /**
      * 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>;
+    initialFocusGetter?: ((modalInnerRef: HTMLElement) => ReturnType<TFocusRetriever>) | undefined;
     /**
      * Si se pasa un ref, el modal hará foco sobre el elemento una vez que haya
      * abierto.
      */
-    initialFocusRef?: React__default.RefObject<unknown>;
+    initialFocusRef?: React__default.RefObject<unknown> | undefined;
     /**
      * 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;
-    maxWidth?: number | string;
+    isOpen?: boolean | undefined;
+    maxWidth?: string | number | undefined;
     /**
      * 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;
-    noHeader?: boolean;
+    noFocus?: boolean | undefined;
+    noHeader?: boolean | undefined;
     /**
      * 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;
+    onClose?: (() => void) | undefined;
     /**
      * 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;
+    onDragStart?: ((ev: MouseEvent) => boolean) | undefined;
     /**
      * Permite definir un callback que será llamado siempre que el modal se
      * cierre, una vez que la animación haya terminado.
      */
-    onExited?: () => unknown;
+    onExited?: (() => unknown) | undefined;
     /**
      * 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;
+    shouldCloseOnEsc?: boolean | undefined;
     /**
      * Si es true, el modal será cerrado al hacer clic en el overlay.
      */
-    shouldCloseOnOverlayClick?: boolean;
-    size?: TModalSize;
-    stretch?: boolean;
-    title?: string;
-    variant?: string;
+    shouldCloseOnOverlayClick?: boolean | undefined;
+    size?: TModalSize | undefined;
+    stretch?: boolean | undefined;
+    title?: string | undefined;
+    variant?: string | undefined;
 } & 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'> & {
@@ -285,7 +285,7 @@ declare class ApiaUtilNotifications {
 }
 
 declare const TabsList: (({ arrowsBehavior }: {
-    arrowsBehavior?: "open" | "focus";
+    arrowsBehavior?: "open" | "focus" | undefined;
 }) => React__default.JSX.Element | null) & {
     displayName: string;
 };
@@ -428,14 +428,13 @@ 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 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 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 class ApiaUtilTabsController {
     get currentTab(): Tab<TTab>;
@@ -648,9 +647,9 @@ declare class AutomaticTooltip {
     #private;
     private handler;
     ref: (el: HTMLElement | null) => void;
-    constructor(tooltip: ((Partial<TTooltip> & {
-        timeout?: number;
-    }) | null) | undefined, handler: ApiaUtilTooltips);
+    constructor(tooltip: (Partial<TTooltip> & {
+        timeout?: number | undefined;
+    }) | null | undefined, handler: ApiaUtilTooltips);
     update: (tooltip: Partial<TTooltip>) => void;
 }
 
@@ -987,7 +986,7 @@ declare function useOtherTagButton(props?: Partial<{
 
 declare const Captcha: ({ name, imageUrl, onChange, value, className, }: {
     name: string;
-    className?: string;
+    className?: string | undefined;
     imageUrl: string;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
     value: string;
@@ -1128,12 +1127,12 @@ type TFieldLabel = {
     requiredMarkPosition?: 'before' | 'after';
 } & BoxProps;
 declare const FieldLabel: React$1.ForwardRefExoticComponent<{
-    avoidSemicolon?: boolean;
+    avoidSemicolon?: boolean | undefined;
     /**
      * Permite mostrar un mensaje de error debajo del campo
      */
-    error?: string;
-    hideRequiredMark?: boolean;
+    error?: string | undefined;
+    hideRequiredMark?: boolean | undefined;
     label: string;
     /**
      * La propiedad required se utiliza para mostrar el * de requerido.
@@ -1141,8 +1140,8 @@ declare const FieldLabel: React$1.ForwardRefExoticComponent<{
      * @see requiredMarkPosition
      * @see hideRequiredMark
      */
-    required?: boolean;
-    requiredMarkPosition?: "before" | "after";
+    required?: boolean | undefined;
+    requiredMarkPosition?: "after" | "before" | undefined;
 } & BoxProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface IAccordionItemButton {
@@ -1192,23 +1191,26 @@ interface IAccordionProps {
 }
 declare const Accordion: FC<IAccordionProps>;
 
-type TItemState$1 = {
+type TItemState = {
     isChecked: boolean;
     isExpanded: boolean;
+    disabled?: boolean;
+    toggled?: boolean;
+    isLoading?: boolean;
 };
-type TItemStateListener = (state: TItemState$1) => unknown;
+type TItemStateListener = (state: TItemState) => unknown;
 type TPropsListener = (props: IAccordionProps) => unknown;
 
 type TSelectionComparator<T> = (prev: T, next: T) => boolean;
-type TItemUpdater = Partial<TItemState$1> | ((currentProps: TItemState$1) => Partial<TItemState$1>);
+type TItemUpdater = Partial<TItemState> | ((currentProps: TItemState) => Partial<TItemState>);
 declare class AccordionHandler {
     id: string;
     props: IAccordionProps;
-    itemsState: Record<TId$1, TItemState$1>;
+    itemsState: Record<TId$1, TItemState>;
     itemsStateListeners: Record<TId$1, TItemStateListener[]>;
     propsListeners: TPropsListener[];
     constructor(id: string, props: IAccordionProps);
-    registerItem(itemId: TId$1, initialState: TItemState$1): void;
+    registerItem(itemId: TId$1, initialState: TItemState): void;
     toggleItem(itemId: TId$1, expanded?: boolean): void;
     unregisterItem(itemId: TId$1): void;
     /**
@@ -1224,9 +1226,9 @@ declare class AccordionHandler {
             children: ReactNode;
         }) => React$1.JSX.Element;
         useItemId: () => TId$1;
-        useItemStateSelector: <T>(selector: (props: TItemState$1) => T, comparator?: TSelectionComparator<T>) => T;
+        useItemStateSelector: <T>(selector: (props: TItemState) => T, comparator?: TSelectionComparator<T>) => T;
         useItemStateUpdate: (cb: TItemStateListener) => void;
-        usePropsSelector: <T>(selector: (props: IAccordionProps) => T, comparator?: TSelectionComparator<T>) => T;
+        usePropsSelector: <T_1>(selector: (props: IAccordionProps) => T_1, comparator?: TSelectionComparator<T_1>) => T_1;
         usePropsUpdate: (cb: TPropsListener) => void;
     };
 }
@@ -1387,7 +1389,7 @@ declare const ContainerWithHeader: ({ title, children, footerChildren, onClose,
     children: ReactNode;
     footerChildren?: ReactNode;
     additionalButtons?: ReactNode;
-    onClose?: () => void;
+    onClose?: (() => void) | undefined;
 }) => React$1.JSX.Element;
 
 interface ICollapsiblePanel {
@@ -1528,7 +1530,7 @@ interface IProgressBar {
 declare const ProgressBar: FC<IProgressBar>;
 
 declare const LoaderSpinner: ((props: {
-    className?: string;
+    className?: string | undefined;
 }) => React$1.JSX.Element) & {
     displayName: string;
 };
@@ -1643,7 +1645,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;
@@ -1674,13 +1676,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;
+    findParent?: ((currentElement: HTMLElement) => HTMLElement) | undefined;
     /**
      * 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>;
+    overrideStyles?: ((currentElement: HTMLElement) => Partial<CSSStyleDeclaration>) | undefined;
 }) => React$1.JSX.Element;
 
 interface IMakeResponsiveComponent<P extends Record<string, unknown>> {
@@ -1714,7 +1716,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[];
+    breakPoints?: number[] | undefined;
 }>;
 
 /**
@@ -1851,11 +1853,10 @@ type TIconRenderer<P = Record<string, unknown>> = FunctionComponent<TIcon<P>>;
 
 declare const DefaultIconRenderer: React$1.NamedExoticComponent<TIcon<Record<string, unknown>>>;
 
-declare const IconsListNonForwarded: {
+declare const IconsList: {
     <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
@@ -1864,7 +1865,6 @@ declare const IconsList: typeof IconsListNonForwarded;
 declare function importComponent<T = unknown>(path: string): React$1.LazyExoticComponent<ComponentType<T>>;
 
 type TClickListener = () => unknown;
-type TItemState = Pick<TToolbarIconButton, 'disabled' | 'toggled' | 'isLoading'>;
 declare class ToolbarController extends EventEmitter<{
     pressEnter: string;
     updateItemState: string;
@@ -1931,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;
+    getController?: ((newController: ToolbarController) => unknown) | undefined;
 }) => React$1.JSX.Element;
 
 type TSortableListItem = {
@@ -1943,39 +1943,39 @@ type TSortableListItem = {
 declare const SortableListItem: React$1.MemoExoticComponent<({ boxProps, id, children }: TSortableListItem) => React$1.JSX.Element>;
 
 declare const UnstyledSortableList: ({ boxProps, children, onSortChange, }: {
-    boxProps?: BoxProps;
+    boxProps?: BoxProps | undefined;
     children: ReactNode;
-    onSortChange?: (items: ReactElement<TSortableListItem>[]) => unknown;
+    onSortChange?: ((items: ReactElement<TSortableListItem>[]) => unknown) | undefined;
 }) => React$1.JSX.Element;
 declare const SortableList: ((props: {
-    boxProps?: BoxProps;
+    boxProps?: BoxProps | undefined;
     children: ReactNode;
-    onSortChange?: (items: ReactElement<TSortableListItem>[]) => unknown;
+    onSortChange?: ((items: ReactElement<TSortableListItem>[]) => unknown) | undefined;
 }) => 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;
+    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;
 } & 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;
+    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;
 }) => React__default.JSX.Element;
 
 declare class TableParameter extends Parameter<ITableParameterProps> {
@@ -2017,10 +2017,10 @@ declare class FilterDTO<T extends IFilterDTOState = IFilterDTOState> {
     Component: (({ renderers, multipleInputBoxProps, }: {
         renderers?: {
             input?: FC<InputProps & {
-                label?: string;
-            }>;
-        };
-        multipleInputBoxProps?: BoxProps;
+                label?: string | undefined;
+            }> | undefined;
+        } | undefined;
+        multipleInputBoxProps?: BoxProps | undefined;
     }) => React$1.JSX.Element) & {
         displayName: string;
     };
@@ -2147,7 +2147,7 @@ declare class Parameter<T extends IParameter = IParameter> implements ParameterO
 
 declare const ParameterRender: (({ index, omitLabel, parameter, }: {
     index: number;
-    omitLabel?: boolean;
+    omitLabel?: boolean | undefined;
     parameter: Parameter;
 }) => React$1.JSX.Element | null) & {
     displayName: string;
@@ -2156,8 +2156,8 @@ declare const ParameterRender: (({ index, omitLabel, parameter, }: {
 type ParametersMap = Record<string, ParameterObject>;
 declare const Parameters: (({ label, ownerName, parameters, }: {
     label?: ReactNode;
-    ownerName?: string;
-    parameters?: ParametersMap;
+    ownerName?: string | undefined;
+    parameters?: ParametersMap | undefined;
 }) => React$1.JSX.Element | undefined) & {
     displayName: string;
 };