@rdsaude/pulso-react-components
Version:
Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.
127 lines (121 loc) • 4.98 kB
text/typescript
import * as React$1 from 'react';
import { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
import { Scope } from '@radix-ui/react-context';
import { B as ButtonRootProps } from '../../button-root-BYIIM3Zt.cjs';
import { T as TIconProps } from '../../deprecated-C8F8FhFr.cjs';
import * as react_jsx_runtime from 'react/jsx-runtime';
import '@ark-ui/react';
import '@ark-ui/react/factory';
import 'tailwind-variants';
import 'tailwind-merge';
import '@raiadrogasil/pulso-design-tokens';
import '@raiadrogasil/pulso-icons';
interface InputMultiSelectQuantity$1 {
id: string;
label: string;
oversized?: boolean;
}
/**
* Representa as props para o componente InputMultiSelect.
*/
interface InputMultiSelectProps extends ButtonHTMLAttributes<HTMLButtonElement> {
/**
* Se o input tem um error.
*/
hasError?: boolean;
/**
* Se o input for somente para leitura.
*/
readonly?: boolean;
/**
* Variante do tamanho do input
*/
size?: 'md' | 'ml' | 'lg' | 'xl';
}
/**
* Representa as props para o componente InputMultiSelect.Label.
*/
interface InputMultiSelectLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'className' | 'aria-disable'> {
/**
* Elementos filho a ser renderizado dentro do componente.
*/
children?: React.ReactNode;
}
/**
* Representa as props para o componente InputMultiSelect.HelperText.
*/
interface InputMultiSelectHelperTextProps extends Omit<React.HTMLProps<HTMLDivElement>, 'className'> {
/**
* Se o componente deve renderizar o icone.
*/
withIcon?: boolean;
/**
* Icone apresentado no feedback.
*/
iconName?: TIconProps['symbol'];
/**
* Elementos filho a ser renderizado dentro do componente.
*/
children?: React.ReactNode;
}
/**
* Representa as props para o componente InputText.Field.
*/
interface InputMultiSelectFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled' | 'readOnly' | 'className'> {
}
/**
* Representa as props para o componente InputMultiSelect.Actions.
*/
interface InputMultiSelectActionsProps extends ButtonHTMLAttributes<HTMLButtonElement> {
selectedItemsQuantity?: number;
isActive?: boolean;
}
/**
* Representa as props para o componente InputMultiSelect.ClearButton.
*/
interface InputMultiSelectClearButtonProps extends Omit<ButtonRootProps, 'variant' | 'children' | 'className'> {
}
/**
* Representa as props para o componente InputMultiSelect.Quantity.
*/
interface InputMultiSelectQuantityProps extends Omit<ButtonRootProps, 'variant' | 'children' | 'className'> {
labels: InputMultiSelectQuantity$1[];
removeItem: (id: string) => void;
}
/**
* Representa as props para o componente InputMultiSelect.Dropdown.
*/
interface InputMultiSelectDropdownProps extends Omit<ButtonRootProps, 'variant' | 'children' | 'className'> {
labels: InputMultiSelectQuantity$1[];
selectedLabels: InputMultiSelectQuantity$1[];
onCancel: VoidFunction;
onConfirm: (newSelectedLabels: InputMultiSelectQuantity$1[]) => void;
}
/**
* Representa as props para o componente InputMultiSelect.Icon.
*/
interface InputMultiSelectIconProps extends Pick<TIconProps, 'symbol' | 'color'> {
}
/**
* Define o scope do radix-context
*/
type InputMultiSelectScopedProps<P> = P & {
__scopeInputMultiSelect?: Scope;
};
declare function InputMultiSelectIcon({ __scopeInputMultiSelect, color, ...props }: InputMultiSelectScopedProps<InputMultiSelectIconProps>): react_jsx_runtime.JSX.Element;
declare function InputMultiSelectQuantity({ labels, removeItem, __scopeInputMultiSelect, }: InputMultiSelectScopedProps<InputMultiSelectQuantityProps>): react_jsx_runtime.JSX.Element;
declare const InputMultiSelect: {
Root: {
(props: InputMultiSelectScopedProps<InputMultiSelectProps>): react_jsx_runtime.JSX.Element;
displayName: string;
};
Label: (props: InputMultiSelectScopedProps<InputMultiSelectLabelProps>) => react_jsx_runtime.JSX.Element | null;
HelperText: ({ withIcon, iconName, children, __scopeInputMultiSelect, ...props }: InputMultiSelectScopedProps<InputMultiSelectHelperTextProps>) => react_jsx_runtime.JSX.Element | null;
Actions: ({ children, __scopeInputMultiSelect, ...props }: InputMultiSelectScopedProps<InputMultiSelectActionsProps>) => react_jsx_runtime.JSX.Element;
ClearButton: ({ __scopeInputMultiSelect, ...props }: InputMultiSelectScopedProps<InputMultiSelectClearButtonProps>) => react_jsx_runtime.JSX.Element;
Icon: typeof InputMultiSelectIcon;
Field: React$1.ForwardRefExoticComponent<InputMultiSelectFieldProps & React$1.RefAttributes<HTMLInputElement>>;
Quantity: typeof InputMultiSelectQuantity;
Dropdown: ({ labels, selectedLabels, onCancel, onConfirm, __scopeInputMultiSelect, }: InputMultiSelectScopedProps<InputMultiSelectDropdownProps>) => react_jsx_runtime.JSX.Element;
};
export { InputMultiSelect, type InputMultiSelectProps };