@apia/components 4.0.45 → 5.0.0

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, Ref, RefObject, DetailedHTMLProps, TextareaHTMLAttributes, ChangeEventHandler, FocusEvent, MouseEvent as MouseEvent$1, KeyboardEvent, FC, FunctionComponent, ForwardedRef, ComponentType, ReactElement } from 'react';
+import React__default, { ReactNode, Ref, RefObject, DetailedHTMLProps, TextareaHTMLAttributes, ChangeEventHandler, FocusEvent, MutableRefObject, MouseEvent as MouseEvent$1, KeyboardEvent, FC, 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, InputProps, ThemeUIStyleObject, IconButtonProps, ButtonProps, ThemeUICSSObject, SelectProps, LabelProps } from '@apia/theme';
+import { BoxProps, TPalette, InputProps, ThemeUIStyleObject, IconButtonProps, ButtonProps, ThemeUICSSObject, SelectProps, SwitchProps, LabelProps } from '@apia/theme';
 import { TIconName, TIconType } from '@apia/icons';
 import { Args } from 'react-cool-portal';
 import * as _apia_notifications from '@apia/notifications';
@@ -281,6 +281,8 @@ declare class ApiaUtilModals {
 }
 
 declare class ApiaUtilNotifications {
+    protected util: ApiaUtil;
+    constructor(util: ApiaUtil);
     close: (id: TNotificationId | INotification) => void;
     closeAll: () => void;
     notify: (notification: TDispatchedNotification) => void;
@@ -357,7 +359,7 @@ type TabsControllerProps<TabType extends TTab> = {
     id: string;
     initialTabs?: TabType[];
     getController?: (controller: TabsController) => unknown;
-    initialState?: Pick<Partial<TTabsListState<TabType>>, 'isMultiple'>;
+    initialState?: Pick<Partial<TTabsListState<TabType>>, 'isMultiple' | 'showAtLeastOneTab'>;
     onCloseTab?: (tan: Tab) => void;
     orientation: TOrientation;
 };
@@ -538,6 +540,8 @@ declare class ApiaUtilParsers {
      * Toma un número en formato Apia y lo devuelve como float en javascript.
      */
     jsNumber(value: string): number;
+    dateToApiaString(value: Date): string | undefined;
+    dateFromApiaString(value: string): Date | null;
     /**
      * Hay muchos valores que podrían querer ser interpretados como booleano
      *
@@ -931,7 +935,7 @@ type AutocompleteCmpProps = {
     inputProps?: InputProps;
     boxProps?: React.HTMLAttributes<HTMLDivElement>;
 };
-declare const Autocomplete: (props: AutocompleteCmpProps) => React$1.JSX.Element | null;
+declare const Autocomplete: React$1.ForwardRefExoticComponent<AutocompleteCmpProps & React$1.RefAttributes<unknown>>;
 
 declare const AutogrowTextarea: ((props: DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
     error?: boolean;
@@ -1050,11 +1054,30 @@ 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;
+type TDateProps = {
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    readonly?: boolean;
+    onBlur?: (date: string | null, ev?: FocusEvent<HTMLElement>) => unknown;
+    /**
+     * If a Promise<false> is returned, the value change is not accepted
+     * and a msgInvalidDate error message is emitted.
+     */
+    onChange?: (date: string | null) => void | Promise<string | null>;
+    onError?: (error: string | null) => unknown;
+    value?: string;
+    inputRef?: MutableRefObject<any>;
+};
+declare const DateInput: (({ className, disabled, id: outerId, inputRef, onBlur, onChange, onError, readonly, value: outerValue, }: TDateProps) => React$1.JSX.Element) & {
+    displayName: string;
+};
+
+interface IFieldErrorMessage {
+    children: React$1.ReactNode | string;
+    name?: string;
 }
+declare const FieldErrorMessage: ({ children, name }: IFieldErrorMessage) => React$1.JSX.Element | null;
 
 interface IField {
     className?: string;
@@ -1078,46 +1101,6 @@ 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;
 
-type TDateProps = TModify<InputProps, {
-    allowPickBeforeToday?: boolean;
-    avoidErrorMessage?: 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
-     * se persistirá.
-     */
-    onChange?: (newValue: string) => boolean | string | void;
-    /**
-     * Es llamado cada vez que alguien presiona el botón de eliminar fecha.
-     */
-    onDelete?: () => void;
-    onError?: (error: string | null) => unknown;
-    /**
-     * Con esta propiedad se puede proveer una función que recibirá como
-     * parámetro el valor actual del cmapo y debe devolver el valor a mostrar.
-     */
-    renderLabel?: (value: string) => string;
-    value?: string;
-}> & Pick<IIconInput, 'buttonProps'>;
-declare const DateInput: React__default.ForwardRefExoticComponent<Omit<TDateProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
-interface IFieldErrorMessage {
-    children: React$1.ReactNode | string;
-    name?: string;
-}
-declare const FieldErrorMessage: ({ children, name }: IFieldErrorMessage) => React$1.JSX.Element | null;
-
 /**
  * El NumberInput respeta los parámetros de ambiente:
  * - AMOUNT_DECIMAL_SEPARATOR
@@ -1171,24 +1154,8 @@ type TFieldLabel = {
      */
     required?: boolean;
     requiredMarkPosition?: 'before' | 'after';
-} & BoxProps;
-declare const FieldLabel: React$1.ForwardRefExoticComponent<{
-    avoidSemicolon?: boolean;
-    /**
-     * Permite mostrar un mensaje de error debajo del campo
-     */
-    error?: string;
-    hideRequiredMark?: boolean;
-    label: string;
-    /**
-     * La propiedad required se utiliza para mostrar el * de requerido.
-     *
-     * @see requiredMarkPosition
-     * @see hideRequiredMark
-     */
-    required?: boolean;
-    requiredMarkPosition?: "before" | "after";
-} & BoxProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+declare const FieldLabel: React$1.ForwardRefExoticComponent<TFieldLabel & BoxProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface IAccordionItemButton {
     ariaLabel: string;
@@ -1743,6 +1710,7 @@ type TIconsList<P = Record<string, unknown>> = {
      * Listado de íconos
      */
     icons: TIcon<P>[];
+    iconsPerRow?: number;
     iconRenderer?: TIconRenderer<P>;
     /**
      * Por defecto se usa iconWidth=100.
@@ -2044,6 +2012,50 @@ declare const _default: React$1.MemoExoticComponent<({ str }: {
     str: string;
 }) => React$1.JSX.Element>;
 
+interface ISwitchBox {
+    align?: 'right' | 'left';
+    className?: string;
+    disabled?: boolean;
+    icon?: TIconName;
+    label: string;
+    notSwitchedLabel?: boolean;
+    onClose?: () => unknown;
+    onSwitch?: (switched: boolean) => unknown;
+    switchedLabel?: string;
+    switchProps?: SwitchProps;
+    value?: boolean;
+}
+declare const SwitchCard: (({ align, icon, label, notSwitchedLabel, onClose, onSwitch, switchedLabel, switchProps, value, disabled, }: ISwitchBox) => React$1.JSX.Element) & {
+    displayName: string;
+};
+
+type TPickUserForPermissions = {
+    userId: string;
+    userLogin: string;
+    canUpdate: boolean;
+};
+type TPickPoolForPermissions = {
+    poolId: string;
+    poolName: string;
+    canUpdate: boolean;
+};
+type TPermissionsContext = {
+    disabled?: boolean;
+    onChangePools: (u: TPickPoolForPermissions[]) => unknown;
+    onChangeUsers: (u: TPickUserForPermissions[]) => unknown;
+    permissions: {
+        pools: TPickPoolForPermissions[];
+        users: TPickUserForPermissions[];
+    };
+};
+declare const Permissions: (({ everyonePermissionsValue, collapsePermissions, disabled, onChangeEveryonePermissions, onChangeUsers, onChangePools, permissions, }: TPermissionsContext & {
+    everyonePermissionsValue: "R" | "M" | "";
+    collapsePermissions?: boolean;
+    onChangeEveryonePermissions: (value: "R" | "M" | "") => unknown;
+}) => React$1.JSX.Element) & {
+    displayName: string;
+};
+
 interface IAsidePanel {
     title?: string;
     toolTip?: string;
@@ -2109,6 +2121,8 @@ declare function useMenu(breakPoints?: number[], initialMenu?: IMenuDefinition):
  */
 declare const FooterButtons: (props: BoxProps) => React$1.JSX.Element;
 
+declare const TwoColumns: ({ atVeryTop, upperAside, overHeadAside, image, title, subTitle, description, underHeadAside, mainContent, footer, asideContent, footerButtons, }: Partial<Record<"atVeryTop" | "upperAside" | "overHeadAside" | "image" | "title" | "subTitle" | "description" | "underHeadAside" | "mainContent" | "footer" | "asideContent" | "footerButtons", ReactNode>>) => React$1.JSX.Element;
+
 /**
  * Este aside aparece en la vista twoColumnList en los
  * breakpoints de vista móvil.
@@ -2176,6 +2190,8 @@ declare const ShowResponsive: ({ show, children, display, }: {
 
 declare const CenteredHeaderButtons: () => React__default.JSX.Element;
 
+declare const TwoColumnsList: ({ image, subTitle, title, description, favoriteIcon, content, headerBottom, contentFooter, footer, asideContent, footerButtons, }: Partial<Record<"image" | "title" | "subTitle" | "description" | "favoriteIcon" | "headerBottom" | "content" | "contentFooter" | "footer" | "asideContent" | "footerButtons", ReactNode>>) => React$1.JSX.Element;
+
 declare class TableParameter extends Parameter<ITableParameterProps> {
     constructor(params: ITableParameterProps);
 }
@@ -2562,5 +2578,5 @@ declare class Templater {
     parseString(content: string, options?: IAlterDefaultOptions): string | JSX.Element | JSX.Element[];
 }
 
-export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IMenuDefinition, type IOverlay, type IPagination, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, _default as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, 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, ShowResponsive, 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 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, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IMenuDefinition, type IOverlay, type IPagination, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, _default as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, Permissions, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, SwitchCard, 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 TPickPoolForPermissions, type TPickUserForPermissions, 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, TwoColumns, TwoColumnsList, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.d.ts.map