@giro-ds/react 4.0.0 → 5.0.1

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

@@ -1,224 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { Side, Align, BaseProps } from '../../types/common.types';
-/**
- * Representa um item do select
- */
-export interface SelectItemProps extends BaseProps {
-    /** Texto principal do item */
-    text: ReactNode;
-    /** Subtítulo ou descrição do item */
-    subTitle?: ReactNode;
-    /** Ícone do item */
-    icon?: ReactNode;
-    /** Valor do item */
-    value: string;
-    /** Define se o item está selecionado */
-    selected?: boolean;
-    /** Subitens do select (para selects aninhados) */
-    children?: SelectItemProps[];
-}
-/**
- * Props de um item com checkbox
- */
-export interface CheckboxItemProps extends SelectItemProps {
-    /** Estado de checked do checkbox */
-    checked: boolean;
-    /** Callback executado quando o estado muda: (checked) => void */
-    onCheckedChange: (checked: boolean) => void;
-}
-/** Variantes disponíveis para o Select */
-export type SelectVariant = 'text' | 'icon' | 'checkbox';
-/**
- * Props do componente Select
- * @example
- * ```tsx
- * <Select
- *   items={[
- *     { value: '1', text: 'Opção 1' },
- *     { value: '2', text: 'Opção 2' }
- *   ]}
- *   variant="text"
- *   placeholder="Selecione uma opção"
- *   onValueChange={(value) => console.log(value)}
- * />
- * ```
- * @example
- * ```tsx
- * <Select
- *   items={options}
- *   variant="checkbox"
- *   multiple={true}
- *   search={true}
- *   label="Selecione múltiplas opções"
- *   helperText="Você pode selecionar mais de uma"
- *   required={true}
- * />
- * ```
- */
-export interface SelectProps extends BaseProps {
-    /** Array de itens do select */
-    items: SelectItemProps[];
-    /** Callback executado quando o valor muda: (value) => void */
-    onValueChange?: (value: string | string[]) => void;
-    /** Callback executado quando o select abre/fecha: (open) => void */
-    onOpenChange?: (open: boolean) => void;
-    /** Variante visual do select */
-    variant: SelectVariant;
-    /** Define se o campo é obrigatório */
-    required?: boolean;
-    /** Valor(es) selecionado(s) */
-    value?: string | string[];
-    /** Habilita seleção múltipla */
-    multiple?: boolean;
-    /** Placeholder do campo */
-    placeholder?: string;
-    /** Habilita campo de busca */
-    search?: boolean;
-    /** Label do campo */
-    label?: string;
-    /** Texto de ajuda exibido abaixo do campo */
-    helperText?: string;
-    /** Largura máxima do select */
-    maxWidth?: number;
-    /** Mensagem de erro a ser exibida */
-    errorMessage?: string;
-    /** Label acessível para leitores de tela */
-    'aria-label'?: string;
-    /** ID para testes automatizados */
-    'data-testid'?: string;
-    /** Habilita tooltip */
-    tooltip?: boolean;
-    /** Texto do tooltip */
-    tooltipText?: string;
-    /** Lado onde o dropdown abre */
-    side?: Side;
-    /** Alinhamento do dropdown */
-    align?: Align;
-    /** 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: (term) => void */
-    onApiSearch?: (term: string) => void;
-    /** Estado de busca em andamento */
-    isSearching?: boolean;
-}
-/**
- * Estado interno do componente Select
- */
-export interface SelectState {
-    /** Define se o select está aberto */
-    isOpen: boolean;
-    /** Valores selecionados */
-    selectedValues: string[];
-    /** Texto digitado no campo de busca */
-    searchInput: string;
-    /** Termo de busca aplicado */
-    searchTerm: string;
-    /** Define se o campo foi tocado */
-    touched: boolean;
-    /** Define se há erro de validação */
-    hasError: boolean;
-}
-/** Ações disponíveis para o reducer do Select */
-export type SelectAction = {
-    type: 'SET_OPEN';
-    payload: boolean;
-} | {
-    type: 'SET_SELECTED_VALUES';
-    payload: string[];
-} | {
-    type: 'SET_SEARCH_INPUT';
-    payload: string;
-} | {
-    type: 'SET_SEARCH_TERM';
-    payload: string;
-} | {
-    type: 'SET_TOUCHED';
-    payload: boolean;
-} | {
-    type: 'SET_ERROR';
-    payload: boolean;
-} | {
-    type: 'RESET_SEARCH';
-} | {
-    type: 'VALIDATE';
-    payload: {
-        required: boolean;
-    };
-};
-/**
- * Props do hook useSelectLogic
- */
-export interface UseSelectLogicProps {
-    /** Valor(es) controlado(s) */
-    value?: string | string[];
-    /** Define se o campo é obrigatório */
-    required?: boolean;
-    /** Habilita busca */
-    search?: boolean;
-    /** Callback executado quando o valor muda: (value) => void */
-    onValueChange?: (value: string | string[]) => void;
-    /** Callback executado quando o select abre/fecha: (open) => void */
-    onOpenChange?: (open: boolean) => void;
-    /** Habilita busca via API */
-    enableApiSearch?: boolean;
-    /** Callback executado na busca via API: (term) => void */
-    onApiSearch?: (term: string) => void;
-    /** Estado de busca em andamento */
-    isSearching?: boolean;
-}
-/**
- * Retorno do hook useSelectLogic
- */
-export interface UseSelectLogicReturn {
-    /** Estado atual do select */
-    state: SelectState;
-    /** Ações disponíveis */
-    actions: {
-        /** Define se o select está aberto */
-        setOpen: (open: boolean) => void;
-        /** Define os valores selecionados */
-        setSelectedValues: (values: string[]) => void;
-        /** Define o texto de busca */
-        setSearchInput: (input: string) => void;
-        /** Define o termo de busca aplicado */
-        setSearchTerm: (term: string) => void;
-        /** Define se o campo foi tocado */
-        setTouched: (touched: boolean) => void;
-        /** Define se há erro */
-        setError: (error: boolean) => void;
-        /** Reseta a busca */
-        resetSearch: () => void;
-        /** Valida o campo */
-        validate: () => void;
-        /** Manipula seleção simples */
-        handleSingleSelect: (value: string) => void;
-        /** Manipula seleção múltipla */
-        handleMultipleSelect: (value: string, checked: boolean) => void;
-    };
-    /** Valores computados */
-    computed: {
-        /** Texto a ser exibido no campo */
-        displayText: string;
-        /** Itens filtrados pela busca */
-        filteredItems: SelectItemProps[];
-    };
-    /** Referências */
-    refs: {
-        /** Referência do input de busca */
-        searchInputRef: React.RefObject<HTMLInputElement | null>;
-    };
-    /** Funções utilitárias */
-    utils: {
-        /** Obtém o texto a ser exibido */
-        getDisplayText: (selectedValues: string[], placeholder: string, variant: string, items: SelectItemProps[]) => string;
-        /** Filtra os itens pela busca */
-        getFilteredItems: (items: SelectItemProps[], searchTerm: string) => SelectItemProps[];
-    };
-}

package/dist/components/Select/__tests__/SelectRadix.test.d.ts

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

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

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { SelectItemProps, SelectVariant } from '../Select.types';
-interface ExpandableSelectItemProps {
-    item: SelectItemProps;
-    variant: SelectVariant;
-    onSelect: (value: string) => void;
-    selectedValues: string[];
-    level?: number;
-}
-declare const ExpandableSelectItem: React.FC<ExpandableSelectItemProps>;
-export default ExpandableSelectItem;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SelectItemProps, SelectVariant } from '../Select.types';
-interface SelectItemComponentProps extends SelectItemProps {
-    variant?: SelectVariant;
-}
-declare const SelectItem: React.ForwardRefExoticComponent<SelectItemComponentProps & React.RefAttributes<HTMLDivElement>>;
-export default SelectItem;

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

@@ -1,3 +0,0 @@
-import { UseSelectLogicProps, UseSelectLogicReturn } from '../Select.types';
-export declare function useSelectLogic({ value, required, search, onValueChange, onOpenChange, enableApiSearch, onApiSearch, isSearching, }: UseSelectLogicProps): UseSelectLogicReturn;
-export default useSelectLogic;

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

@@ -1,5 +0,0 @@
-export { default } from './Select';
-export type { SelectProps, SelectItemProps, CheckboxItemProps, SelectVariant, SelectState, SelectAction, UseSelectLogicProps, UseSelectLogicReturn } from './Select.types';
-export { useSelectLogic } from './hooks/useSelectLogic';
-export { default as CheckboxSelectItem } from './components/CheckboxSelectItem';
-export { default as SelectItem } from './components/SelectItem';

package/dist/components/Switch/Switch.d.ts

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

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

@@ -1,32 +0,0 @@
-import { BaseProps } from '../../types/common.types';
-/**
- * Props do componente Switch
- * @example
- * ```tsx
- * <Switch
- *   checked={isEnabled}
- *   onCheckedChange={setIsEnabled}
- * />
- * ```
- * @example
- * ```tsx
- * <Switch
- *   defaultChecked={true}
- *   disabled={isLoading}
- *   onCheckedChange={(checked) => console.log(checked)}
- *   name="notifications"
- * />
- * ```
- */
-export interface SwitchProps extends BaseProps {
-    /** Estado inicial (modo não controlado) */
-    defaultChecked?: boolean;
-    /** Callback executado quando o estado muda: (checked) => void */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Nome do input */
-    name?: string;
-    /** Valor do input */
-    value?: string;
-    /** Estado atual (modo controlado) */
-    checked?: boolean;
-}

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

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

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

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

package/dist/components/Table/EmptyRows150Color.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-/**
- * Componente de ícone SVG para estado vazio da tabela
- * Exibe um ícone de lupa com design personalizado do Zanthus Design System
- * @returns Elemento SVG para estado vazio
- */
-declare const EmptyRows150Color: React.FC;
-export default EmptyRows150Color;

package/dist/components/Table/LoaderList.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IContentLoaderProps } from 'react-content-loader';
-/**
- * Componente de loading para lista de tabela
- * Simula o carregamento de dados em formato de tabela usando ContentLoader
- * @param props - Propriedades adicionais para o ContentLoader
- * @returns Elemento de loading animado
- */
-declare const LoaderList: React.FC<IContentLoaderProps>;
-export default LoaderList;

package/dist/components/Table/MultiLineText/MultiLineText.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface MultiLineTextProps {
-    /** Texto a ser exibido como linha principal */
-    text1: string;
-    /** Texto a ser exibido como linha secundária */
-    text2: string;
-}
-/**
- * Componente para exibir texto em duas linhas
- * Utilizado principalmente em tabelas para mostrar informações hierárquicas
- */
-declare const MultiLineText: React.FC<MultiLineTextProps>;
-export default MultiLineText;
-export type { MultiLineTextProps };

package/dist/components/Table/MultiLineText/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './MultiLineText';
-export type { MultiLineTextProps } from './MultiLineText';

package/dist/components/Table/Table.d.ts

@@ -1,3 +0,0 @@
-import type { TableRowData, TableProps } from './Table.types';
-declare const Table: <T extends TableRowData = TableRowData>({ columns, dataSource, className, loading, rowSelection, locale, onRow, ...rest }: TableProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-export default Table;

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

@@ -1,70 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-import { BaseProps } from '../../types';
-/**
- * Tipo base para dados da tabela. Use `<Table<SeuTipo>>` para type-safety completo.
- * @example <Table<User> dataSource={users} />
- */
-export type TableRowData = Record<string, any>;
-/** Tipos de coluna suportados */
-export type TableColumnType = 'text' | 'datetime' | 'custom';
-/** Opções de alinhamento de coluna */
-export type TableAlign = 'left' | 'center' | 'right';
-/**
- * Configuração de coluna da tabela
- * @typeParam T - Tipo dos dados da linha
- */
-export interface TableColumn<T = TableRowData> {
-    /** Chave única identificadora da coluna */
-    key: string;
-    /** Conteúdo do cabeçalho da coluna */
-    label: ReactNode;
-    /** Tipo de dados da coluna */
-    type?: TableColumnType;
-    /** Formato de exibição (ex: 'dd/MM/yyyy' para datetime) */
-    format?: string;
-    /** Função customizada para renderizar o conteúdo da célula */
-    render?: (row: T, index: number) => ReactNode;
-    /** Alinhamento do conteúdo */
-    align?: TableAlign;
-    /** Estilos CSS customizados */
-    style?: CSSProperties;
-}
-/**
- * Props do componente Table. Use genérico para autocomplete: `<Table<User>>`
- * @typeParam T - Tipo dos dados da linha
- */
-export interface TableProps<T = TableRowData> extends BaseProps {
-    /** Configuração das colunas */
-    columns: TableColumn<T>[];
-    /** Array de dados a serem exibidos */
-    dataSource: T[];
-    /** Estado de carregamento */
-    loading?: boolean;
-    /** Configuração de seleção de linhas */
-    rowSelection?: {
-        /** Keys das linhas selecionadas (modo controlado) */
-        selectedRowKeys?: (string | number)[];
-        /** Callback quando seleção muda: (keys, rows) => void */
-        onChange?: (keys: (string | number)[], rows: T[]) => void;
-        /** Customiza props dos checkboxes: (row, index) => { disabled? } */
-        getCheckboxProps?: (row: T, index: number) => {
-            disabled?: boolean;
-        };
-        /** Desabilita o checkbox "selecionar todos" */
-        disableSelectAll?: boolean;
-    };
-    /** Configurações de localização */
-    locale?: {
-        /** Texto quando não há dados */
-        emptyText?: ReactNode;
-    };
-    /** Eventos de linha: (row, index) => { onClick?, onDoubleClick?, className? } */
-    onRow?: (row: T, index: number) => {
-        /** Clique simples na linha */
-        onClick?: () => void;
-        /** Clique duplo na linha */
-        onDoubleClick?: () => void;
-        /** Classe CSS da linha */
-        className?: string;
-    };
-}

package/dist/components/Table/TableHeader.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-import type { DropdownItem } from '../Dropdown/Dropdown.types';
-interface BaseFilterItem {
-    id?: string;
-    buttonText: string | React.ReactNode;
-    icon?: React.ReactElement;
-    position?: 'left' | 'right';
-    disabled?: boolean;
-    onToggle?: (isOpen: boolean) => void;
-    tooltip?: string;
-}
-interface CheckboxFilterItem extends BaseFilterItem {
-    type: 'checkbox' | 'text' | 'icon';
-    items: DropdownItem[];
-    selectedIds?: string[];
-    onSelectionChange?: (selectedIds: string[]) => void;
-    placeholder?: string;
-    enableSearch?: boolean;
-}
-interface CalendarFilterItem extends BaseFilterItem {
-    type: 'calendar';
-    selectedDate?: Date | null;
-    onDateSelect?: (date: Date) => void;
-    onClear?: () => void;
-    minDate?: Date;
-    maxDate?: Date;
-    locale?: string;
-    placeholder?: string;
-}
-export type FilterItem = CheckboxFilterItem | CalendarFilterItem;
-declare const isCalendarFilter: (filter: FilterItem) => filter is CalendarFilterItem;
-declare const isCheckboxFilter: (filter: FilterItem) => filter is CheckboxFilterItem;
-export interface TableHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    searchValue?: string;
-    onSearchChange?: (value: string) => void;
-    searchPlaceholder?: string;
-    showSearch?: boolean;
-    showFilters?: boolean;
-    filters?: React.ReactNode;
-    filterItems?: FilterItem[];
-    className?: string;
-    onSearch?: (value: string) => void;
-    showClearSearch?: boolean;
-}
-declare const TableHeader: React.FC<TableHeaderProps>;
-export type { CalendarFilterItem, CheckboxFilterItem };
-export { isCalendarFilter, isCheckboxFilter };
-export default TableHeader;

package/dist/components/Table/TablePagination.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
-    currentPage: number;
-    totalItems: number;
-    itemsPerPage: number;
-    onPageChange: (page: number) => void;
-    onItemsPerPageChange: (itemsPerPage: number) => void;
-    pageSizeOptions?: number[];
-    disabled?: boolean;
-    className?: string;
-}
-declare const TablePagination: React.FC<TablePaginationProps>;
-export default TablePagination;

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

@@ -1,7 +0,0 @@
-export { default } from './Table';
-export { default as Table } from './Table';
-export type { TableProps, TableColumn, TableRowData, TableColumnType, TableAlign, } from './Table.types';
-export { default as TableHeader } from './TableHeader';
-export type { TableHeaderProps } from './TableHeader';
-export { default as TablePagination } from './TablePagination';
-export type { TablePaginationProps } from './TablePagination';

package/dist/components/Table/utils/tableActions.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export interface TableAction {
-    key: string;
-    label: string | ((row: any) => string);
-    icon?: React.ReactNode;
-    danger?: boolean;
-    disabled?: (row: any) => boolean;
-    onClick: (row: any) => void;
-}
-export declare const createActionsColumn: (actions: TableAction[]) => {
-    key: string;
-    label: string;
-    width: number;
-    align: "center";
-    render: (row: any) => import("react/jsx-runtime").JSX.Element;
-};
-declare const TableActionsMenu: React.NamedExoticComponent<{
-    row: any;
-    actions: TableAction[];
-}>;
-export default TableActionsMenu;

package/dist/components/TextField/TextField.d.ts

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

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

@@ -1,69 +0,0 @@
-import React from 'react';
-import { Side, Align } from '../../types/common.types';
-/** Tipos de input suportados pelo TextField */
-export type TextFieldType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
-/**
- * Props do componente TextField
- * @example
- * ```tsx
- * <TextField
- *   label="Email"
- *   type="email"
- *   value={email}
- *   onChange={setEmail}
- *   placeholder="Digite seu email"
- * />
- * ```
- * @example
- * ```tsx
- * <TextField
- *   label="Senha"
- *   type="password"
- *   required
- *   helperText="Mínimo 8 caracteres"
- *   errorMessage={error}
- *   tooltip={true}
- *   tooltipText="Deve conter letras e números"
- *   icon={<LockIcon />}
- * />
- * ```
- */
-export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'type'> {
-    /** Valor controlado do campo */
-    value?: string | number;
-    /** Callback executado quando o valor muda: (value) => void */
-    onChange?: (value: string) => void;
-    /** Label do campo */
-    label?: string;
-    /** Tipo do input */
-    type?: TextFieldType;
-    /** Texto de ajuda exibido abaixo do campo */
-    helperText?: string;
-    /** Habilita tooltip */
-    tooltip?: boolean;
-    /** Texto do tooltip */
-    tooltipText?: string;
-    /** Lado onde o tooltip aparece */
-    side?: Side;
-    /** Alinhamento do tooltip */
-    align?: Align;
-    /** Mensagem de erro a ser exibida */
-    errorMessage?: string;
-    /** Ícone a ser exibido no campo */
-    icon?: React.ReactNode;
-}
-/**
- * Parâmetros para validação do TextField
- */
-export interface ValidationParams {
-    /** Valor a ser validado */
-    value: string;
-    /** Comprimento máximo permitido */
-    maxLength?: number;
-    /** Tipo do campo (influencia a validação) */
-    type?: TextFieldType;
-    /** Mensagem de erro customizada */
-    errorMessage?: string;
-    /** Define se o campo é obrigatório */
-    required?: boolean;
-}

package/dist/components/TextField/__tests__/Textfield.test.d.ts

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

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

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

package/dist/components/TextField/utils/__tests__/validation.test.d.ts

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

package/dist/components/TextField/utils/index.d.ts

@@ -1,2 +0,0 @@
-export { validateInput } from './validation';
-export type { ValidationParams } from './validation';

package/dist/components/TextField/utils/validation.d.ts

@@ -1,8 +0,0 @@
-export interface ValidationParams {
-    value: string;
-    maxLength?: number;
-    type?: string;
-    errorMessage?: string;
-    required?: boolean;
-}
-export declare const validateInput: ({ value, maxLength, errorMessage, required }: ValidationParams) => string;

package/dist/components/Toast/Toast.d.ts

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { ToastProps } from './Toast.types';
-/**
- * Componente individual de notificação Toast.
- *
- * Consome o contexto do `ToastProvider` para gerenciar seu próprio ciclo de vida.
- * Cada instância recebe um `id` único gerado pelo provider e o utiliza para
- * se remover da fila ao ser fechada.
- *
- * Construído sobre `Toast.Root` do **Radix UI**, com suporte completo a
- * acessibilidade (ARIA) e gesto de swipe para a esquerda.
- *
- * @remarks
- * Este componente não deve ser usado diretamente. Utilize o hook `useToast`
- * para exibir toasts programaticamente.
- *
- * @example
- * ```tsx
- * // Uso indireto via hook (recomendado)
- * const { showToast } = useToast();
- *
- * showToast({
- *   title: 'Item salvo',
- *   iconType: 'Success',
- *   duration: 3000,
- * });
- * ```
- *
- * @param props - {@link ToastProps} combinadas com o `id` único do toast
- */
-declare const Toast: React.FC<ToastProps & {
-    id: string;
-}>;
-export default Toast;