@giro-ds/react 4.0.0 → 5.0.1

package/dist/components/Filter/Filter.types.d.ts

@@ -1,65 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-import { Variant, BaseProps, Locale, Position } from '../../types/common.types';
-import { DropdownItem, DropdownType } from '../Dropdown/Dropdown.types';
-/**
- * Props do componente Filter
- * @example
- * ```tsx
- * <Filter
- *   items={filterItems}
- *   type="checkbox"
- *   placeholder="Filtrar por categoria"
- *   onApplyFilter={(ids) => handleFilter(ids)}
- *   buttonText="Filtros"
- * />
- * ```
- * @example
- * ```tsx
- * <Filter
- *   type="calendar"
- *   selectedDate={selectedDate}
- *   onDateSelect={handleDateSelect}
- *   minDate={new Date('2024-01-01')}
- *   locale="pt-br"
- *   icon={<CalendarIcon />}
- * />
- * ```
- */
-export interface FilterProps extends BaseProps {
-    /** Array de itens para filtros do tipo dropdown */
-    items?: DropdownItem[];
-    /** Tipo do filtro (dropdown ou calendário) */
-    type?: DropdownType | 'calendar';
-    /** IDs dos itens selecionados */
-    selectedIds?: string[];
-    /** Callback executado ao aplicar filtro: (selectedIds) => void */
-    onApplyFilter?: (selectedIds: string[]) => void;
-    /** Placeholder do campo de busca */
-    placeholder?: string;
-    /** Habilita campo de busca no dropdown */
-    enableSearch?: boolean;
-    /** Texto ou conteúdo do botão de filtro */
-    buttonText?: string | ReactNode;
-    /** Ícone do botão de filtro */
-    icon?: ReactElement;
-    /** Variante visual do botão */
-    variant?: Variant;
-    /** Callback executado ao abrir o filtro: () => void */
-    onOpen?: () => void;
-    /** Callback executado ao fechar o filtro: () => void */
-    onClose?: () => void;
-    /** Posição do dropdown em relação ao botão */
-    position?: Position;
-    /** Data selecionada (para tipo calendar) */
-    selectedDate?: Date | null;
-    /** Callback executado ao selecionar data: (date) => void */
-    onDateSelect?: (date: Date) => void;
-    /** Callback executado ao limpar data: () => void */
-    onClearDate?: () => void;
-    /** Data mínima selecionável (para tipo calendar) */
-    minDate?: Date;
-    /** Data máxima selecionável (para tipo calendar) */
-    maxDate?: Date;
-    /** Locale do calendário */
-    locale?: Locale;
-}

package/dist/components/Filter/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Filter';
-export type { FilterProps } from './Filter.types';

package/dist/components/ListItem/ListItem.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { ListItemProps } from './ListItem.types';
-declare const ListItem: React.FC<ListItemProps>;
-export default ListItem;

package/dist/components/ListItem/ListItem.types.d.ts

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { BaseProps } from '../../types/common.types';
-/** Variantes disponíveis para o ListItem */
-export type ListItemVariant = 'text' | 'checkbox' | 'radio' | 'icon';
-/**
- * Props do componente ListItem
- * @example
- * ```tsx
- * <ListItem
- *   variant="text"
- *   text="Item da lista"
- *   subText="Descrição do item"
- *   onClick={handleClick}
- * />
- * ```
- * @example
- * ```tsx
- * <ListItem
- *   variant="checkbox"
- *   text="Aceitar termos"
- *   checked={isChecked}
- *   onChange={setIsChecked}
- *   disabled={false}
- * />
- * ```
- */
-export interface ListItemProps extends BaseProps {
-    /** Variante do item da lista */
-    variant?: ListItemVariant;
-    /** Texto principal do item */
-    text?: string;
-    /** Nome do input (para variantes checkbox/radio) */
-    name?: string;
-    /** Texto secundário/descrição do item */
-    subText?: string;
-    /** Estado de checked (para variantes checkbox/radio) */
-    checked?: boolean;
-    /** Estado de selecionado (para variantes text/icon) */
-    selected?: boolean;
-    /** Callback executado ao clicar no item: (event) => void */
-    onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Callback executado quando o estado muda: (checked) => void */
-    onChange?: (checked: boolean) => void;
-    /** Ícone do item (para variante icon) */
-    icon?: React.ReactNode;
-    /** Valor do input (para variantes checkbox/radio) */
-    value?: string;
-    /** Define se deve mostrar o subtexto */
-    showSubText?: boolean;
-    /** Estado de hover */
-    hovered?: boolean;
-}

package/dist/components/ListItem/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './ListItem';
-export type { ListItemProps } from './ListItem.types';

package/dist/components/Menu/Menu.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MenuProps } from './Menu.types';
-declare const Menu: React.FC<MenuProps>;
-export default Menu;

package/dist/components/Menu/Menu.types.d.ts

@@ -1,90 +0,0 @@
-import * as React from 'react';
-import { ReactElement } from 'react';
-import { BaseProps } from '../../types/common.types';
-/**
- * Representa um item do menu (suporta subitens aninhados)
- */
-export interface MenuItemProps {
-    /** ID único do item */
-    id?: string;
-    /** Texto principal do item */
-    text?: string;
-    /** Texto secundário/descrição do item */
-    subText?: string;
-    /** Estado desabilitado do item */
-    disabled?: boolean;
-    /** Ícone do item */
-    icon?: React.ReactNode;
-    /** Subitens do menu (para menus aninhados) */
-    children?: MenuItemProps[];
-    /** Valor do item */
-    value?: string;
-}
-/**
- * Props para renderização customizada de item do menu
- */
-export interface DefaultMenuItemProps {
-    /** Dados do item */
-    item: MenuItemProps;
-    /** Define se o item está selecionado */
-    isSelected: boolean;
-    /** Callback executado ao selecionar o item: (item) => void */
-    onSelect: (item: MenuItemProps) => void;
-}
-/**
- * Props do componente Menu
- * @example
- * ```tsx
- * <Menu
- *   items={[
- *     { id: '1', text: 'Perfil', icon: <UserIcon /> },
- *     { id: '2', text: 'Configurações', icon: <SettingsIcon /> }
- *   ]}
- *   onItemSelect={(item) => handleSelect(item)}
- * >
- *   <Button>Menu</Button>
- * </Menu>
- * ```
- * @example
- * ```tsx
- * <Menu
- *   items={menuItems}
- *   type="icon"
- *   search={true}
- *   enableInfiniteScroll={true}
- *   onScrollEnd={loadMore}
- *   maxHeight="400px"
- *   align="end"
- * />
- * ```
- */
-export interface MenuProps extends BaseProps {
-    /** Array de itens do menu */
-    items: MenuItemProps[];
-    /** Elemento trigger customizado para abrir o menu */
-    children?: ReactElement;
-    /** Tipo de visualização do menu */
-    type?: 'text' | 'icon';
-    /** Callback executado quando um item é selecionado: (item) => void */
-    onItemSelect?: (items: MenuItemProps) => void;
-    /** Array de itens selecionados */
-    selectedItems?: MenuItemProps[];
-    /** Habilita campo de busca */
-    search?: boolean;
-    /** Alinhamento do menu */
-    align?: 'start' | 'end' | 'center';
-    /** Altura máxima do menu */
-    maxHeight?: number | string;
-    /** Habilita scroll infinito */
-    enableInfiniteScroll?: boolean;
-    /** Callback executado ao chegar ao final do scroll: () => void */
-    onScrollEnd?: () => void;
-    /** Estado de carregamento de mais itens */
-    isLoadingMore?: boolean;
-    /** Habilita busca via API */
-    enableApiSearch?: boolean;
-    /** Callback executado na busca via API: (searchTerm) => void */
-    onApiSearch?: (searchTerm: string) => void;
-    /** Callback executado quando o menu abre/fecha: (open) => void */
-    onOpenChange?: (open: boolean) => void;
-}

package/dist/components/Menu/__tests__/Menu.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Menu/components/MenuItem.d.ts

@@ -1,3 +0,0 @@
-import { DefaultMenuItemProps } from '../Menu.types';
-export declare const MenuItem: import("react").MemoExoticComponent<({ item, isSelected, onSelect }: DefaultMenuItemProps) => import("react/jsx-runtime").JSX.Element>;
-export default MenuItem;

package/dist/components/Menu/hooks/useMenuLogic.d.ts

@@ -1,15 +0,0 @@
-import { MenuItemProps } from '../Menu.types';
-export interface UseMenuLogicProps {
-    selectedItems?: MenuItemProps[];
-    onItemSelect?: (items: MenuItemProps) => void;
-    onOpenChange?: (open: boolean) => void;
-}
-export interface UseMenuLogicReturn {
-    open: boolean;
-    internalSelectedItems: MenuItemProps[];
-    setOpen: (open: boolean) => void;
-    handleItemSelect: (item: MenuItemProps) => void;
-    isItemSelected: (item: MenuItemProps) => boolean;
-}
-export declare function useMenuLogic({ selectedItems, onItemSelect, onOpenChange, }: UseMenuLogicProps): UseMenuLogicReturn;
-export default useMenuLogic;

package/dist/components/Menu/hooks/useSearchLogic.d.ts

@@ -1,13 +0,0 @@
-import { MenuItemProps } from '../Menu.types';
-interface UseSearchLogicProps {
-    items: MenuItemProps[];
-    searchValue: string;
-    searchTerm: string;
-    enableApiSearch?: boolean;
-    onApiSearch?: (term: string) => void;
-}
-interface UseSearchLogicReturn {
-    filteredItems: MenuItemProps[];
-}
-export declare const useSearchLogic: ({ items, searchValue, searchTerm, enableApiSearch, onApiSearch, }: UseSearchLogicProps) => UseSearchLogicReturn;
-export {};

package/dist/components/Menu/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Menu';
-export type { MenuProps, MenuItemProps } from './Menu.types';

package/dist/components/Popover/Popover.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { PopoverProps } from "./Popover.types";
-declare const Popover: React.FC<PopoverProps>;
-export default Popover;

package/dist/components/Popover/Popover.types.d.ts

@@ -1,8 +0,0 @@
-import { Align, Side } from '../../types/common.types';
-export interface PopoverProps {
-    trigger: React.ReactNode;
-    content: React.ReactNode;
-    onDateSelect?: (date: Date) => void;
-    align?: Align;
-    side?: Side;
-}

package/dist/components/Popover/__test__/Popover.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Popover/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Popover';
-export type { PopoverProps } from './Popover.types';

package/dist/components/Quantity/Quantity.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { QuantityProps } from './Quantity.types';
-declare const memorizedQuantity: React.NamedExoticComponent<QuantityProps>;
-export default memorizedQuantity;

package/dist/components/Quantity/Quantity.types.d.ts

@@ -1,38 +0,0 @@
-import { Size, BaseProps } from '../../types/common.types';
-/**
- * Props do componente Quantity
- * @example
- * ```tsx
- * <Quantity
- *   value={quantity}
- *   onChange={setQuantity}
- *   size="lg"
- * />
- * ```
- * @example
- * ```tsx
- * <Quantity
- *   defaultValue={1}
- *   decimal={true}
- *   decimalPlaces={2}
- *   step={0.5}
- *   disabled={false}
- * />
- * ```
- */
-export interface QuantityProps extends BaseProps {
-    /** Valor inicial (modo não controlado) */
-    defaultValue?: number;
-    /** Valor atual (modo controlado) */
-    value?: number;
-    /** Callback executado quando o valor muda: (value) => void */
-    onChange?: (value: number) => void;
-    /** Habilita entrada de valores decimais */
-    decimal?: boolean;
-    /** Tamanho do componente */
-    size?: Size;
-    /** Número de casas decimais permitidas */
-    decimalPlaces?: number;
-    /** Incremento/decremento ao clicar nos botões */
-    step?: number;
-}

package/dist/components/Quantity/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Quantity';
-export type { QuantityProps } from './Quantity.types';

package/dist/components/Radio/Radio.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { RadioGroupProps } from './Radio.types';
-declare const Radio: React.FC<RadioGroupProps>;
-export default Radio;

package/dist/components/Radio/Radio.types.d.ts

@@ -1,52 +0,0 @@
-import { BaseProps } from '../../types/common.types';
-/**
- * Props de um item individual de rádio
- */
-export interface RadioProps {
-    /** ID único do elemento */
-    id?: string | number;
-    /** Valor do radio button */
-    value: string;
-    /** Label exibida ao lado do radio button */
-    label: string;
-    /** Estado desabilitado do item */
-    disabled?: boolean;
-}
-/**
- * Props do componente RadioGroup
- * @example
- * ```tsx
- * <RadioGroup
- *   items={[
- *     { value: 'option1', label: 'Opção 1' },
- *     { value: 'option2', label: 'Opção 2' }
- *   ]}
- *   onValueChange={(value) => setSelected(value)}
- *   defaultValue="option1"
- * />
- * ```
- * @example
- * ```tsx
- * <RadioGroup
- *   items={options}
- *   onValueChange={handleChange}
- *   name="preference"
- *   orientation="horizontal"
- *   ariaLabel="Selecione sua preferência"
- * />
- * ```
- */
-export interface RadioGroupProps extends BaseProps {
-    /** Array de itens de rádio */
-    items: RadioProps[];
-    /** Callback executado quando o valor muda: (value) => void */
-    onValueChange?: (value: string) => void;
-    /** Valor inicial selecionado */
-    defaultValue?: string;
-    /** Nome do grupo de radio buttons */
-    name?: string;
-    /** Label acessível para leitores de tela */
-    ariaLabel?: string;
-    /** Orientação do layout dos radio buttons */
-    orientation?: "horizontal" | "vertical";
-}

package/dist/components/Radio/__tests__/Radio.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Radio/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Radio';
-export type { RadioProps, RadioGroupProps } from './Radio.types';

package/dist/components/Search/Search.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { SearchProps } from './Search.types';
-declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
-export default Search;

package/dist/components/Search/Search.types.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import type { ComponentPropsWithoutRef } from 'react';
-import { BaseProps } from '../../types/common.types';
-/**
- * Props do componente Search
- * @example
- * ```tsx
- * <Search
- *   placeholder="Buscar..."
- *   value={searchTerm}
- *   onChange={(e) => setSearchTerm(e.target.value)}
- *   onClear={() => setSearchTerm('')}
- * />
- * ```
- * @example
- * ```tsx
- * <Search
- *   placeholder="Pesquisar produtos"
- *   disabled={isLoading}
- *   onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
- *   onFocus={handleFocus}
- * />
- * ```
- */
-type NativeInputProps = Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown'>;
-export interface SearchProps extends BaseProps, NativeInputProps {
-    /** Placeholder do campo de busca */
-    placeholder?: string;
-    /** Valor controlado do campo */
-    value?: string;
-    /** Callback executado quando o valor muda: (e) => void */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Callback executado ao pressionar tecla: (e) => void */
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Callback executado ao focar no campo: (e) => void */
-    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    /** Callback executado ao desfocar do campo: (e) => void */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    /** Callback executado ao limpar o campo: () => void */
-    onClear?: () => void;
-    /** Callback executado ao clicar no componente: (e) => void */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /** Callback executado ao pressionar mouse no componente: (e) => void */
-    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /** ID para testes automatizados */
-    'data-testid'?: string;
-}
-export {};

package/dist/components/Search/__tests__/Search.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Search/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Search';
-export type { SearchProps } from './Search.types';

package/dist/components/Select/Select.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SelectProps } from './Select.types';
-declare const Select: React.FC<SelectProps>;
-export default Select;