@giro-ds/react 1.0.0

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

@@ -0,0 +1,47 @@
+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;
+    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 {
+    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

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface TablePaginationProps {
+    /** Página atual */
+    currentPage: number;
+    /** Total de itens */
+    totalItems: number;
+    /** Itens por página */
+    itemsPerPage: number;
+    /** Callback quando a página muda */
+    onPageChange: (page: number) => void;
+    /** Callback quando itens por página muda */
+    onItemsPerPageChange: (itemsPerPage: number) => void;
+    /** Opções disponíveis para itens por página */
+    pageSizeOptions?: number[];
+    /** Desabilita a paginação */
+    disabled?: boolean;
+    /** Classes CSS adicionais */
+    className?: string;
+}
+declare const TablePagination: React.FC<TablePaginationProps>;
+export default TablePagination;

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

@@ -0,0 +1,7 @@
+export { default } from './Table';
+export { default as Table } from './Table';
+export type { TableProps, TableColumn, TableRowData, } 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

@@ -0,0 +1,21 @@
+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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface TextFieldProps {
+    name?: string;
+    className?: string;
+    value?: string | number;
+    label?: string;
+    placeholder?: string;
+    type?: string;
+    onChange?: (value: string | number) => void;
+    disabled?: boolean;
+    maxLength?: number;
+    required?: boolean;
+    helper?: boolean;
+    helperText?: string;
+    tooltip?: boolean;
+    tooltipText?: string;
+    positionTooltip?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    errorMessage?: string;
+    trailingIcon?: boolean;
+    id?: string;
+    icon?: React.ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import type { ToastType, ToastOptions, ToastContextType } from './Toast.types';
+export interface ToastProviderProps {
+    children: ReactNode;
+    maxToasts?: number;
+}
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+export declare const useToast: () => ToastContextType;
+export declare const Toast: {
+    show: (message: string, type?: ToastType, options?: ToastOptions) => string;
+    setContext: (context: ToastContextType) => void;
+};
+export default ToastProvider;

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type ToastType = 'success' | 'alert' | 'info';
+export interface ToastMessage {
+    id: string;
+    message: string;
+    type: ToastType;
+    persistent?: boolean;
+    duration?: number;
+    timestamp: number;
+}
+export interface ToastOptions {
+    persistent?: boolean;
+    duration?: number;
+}
+export interface ToastContextType {
+    showToast: (message: string, type?: ToastType, options?: ToastOptions) => string;
+    hideToast: (id: string) => void;
+    hideAllToasts: () => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { default } from './Toast';
+export { Toast, ToastProvider, useToast } from './Toast';

package/dist/components/Tooltip/Tooltip.d.ts

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TooltipProps {
+    id?: string;
+    text: React.ReactNode;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'left' | 'right';
+    children: React.ReactNode;
+}

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

@@ -0,0 +1 @@
+export { default } from './Tooltip';

package/dist/components/VerificationCode/VerificationCode.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { VerificationCodeProps } from './VerificationCode.types';
+/**
+ * Componente VerificationCode para entrada de códigos de verificação
+ *
+ * @description Permite entrada de códigos com múltiplos dígitos,
+ * suportando diferentes tipos de caracteres e navegação por teclado.
+ *
+ * @example
+ * ```tsx
+ * <VerificationCode
+ *   length={6}
+ *   inputType="numeric"
+ *   onComplete={(code) => console.log('Código:', code)}
+ *   hasError={false}
+ * />
+ * ```
+ */
+declare const VerificationCode: React.FC<VerificationCodeProps>;
+export default VerificationCode;

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

@@ -0,0 +1,19 @@
+export type InputType = 'numeric' | 'alpha' | 'alphanumeric';
+export interface VerificationCodeProps {
+    /** Define o número de dígitos do código (padrão: 6) */
+    length?: number;
+    /** Define tipo de entrada: números, letras ou alfanumérico (padrão: "numeric") */
+    inputType?: InputType;
+    /** Callback chamado quando todos os campos são preenchidos */
+    onComplete?: (value: string) => void;
+    /** Indica se o campo está em estado de erro */
+    hasError?: boolean;
+    /** Mensagem de erro exibida abaixo do componente */
+    errorMessage?: string;
+    /** Define se o componente deve estar desabilitado */
+    disabled?: boolean;
+    /** Classe CSS adicional para estilização externa */
+    className?: string;
+    /** Props adicionais passadas para os inputs */
+    [key: string]: any;
+}

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,65 @@
+export { default as Avatar } from './Avatar';
+export { type AvatarProps } from './Avatar/Avatar.types';
+export { default as Badge } from './Badge';
+export { type BadgeProps } from './Badge/Badge.types';
+export { default as Button } from './Button';
+export { type ButtonProps } from './Button/Button.types';
+export { default as Calendar } from './Calendar';
+export { type CalendarProps, type Locale, type DateFormat, type DayItem, type EmptyItem, type CalendarItem, type YearItem } from './Calendar/Calendar.types';
+export { default as Callout } from './Callout';
+export { type CalloutProps } from './Callout/Callout.types';
+export { default as Checkbox } from './Checkbox';
+export { type CheckboxProps } from './Checkbox/Checkbox.types';
+export { default as CheckboxRadix } from './CheckboxRadix';
+export { type CheckboxRadixProps } from './CheckboxRadix/CheckboxRadix.types';
+export { default as Chips } from './Chips';
+export { type ChipsProps } from './Chips/Chips.types';
+export { default as Container } from './Container';
+export { type ContainerProps } from './Container/Container.types';
+export { default as DatePicker } from './DatePicker';
+export { type DatePickerProps } from './DatePicker/DatePicker.types';
+export { default as Dialog } from './Dialog';
+export { type DialogProps } from './Dialog/Dialog.types';
+export { default as Drawer } from './Drawer';
+export { type DrawerProps } from './Drawer/Drawer.types';
+export { default as Dropdown } from './Dropdown';
+export { type DropdownProps, type DropdownItem, type DropdownType } from './Dropdown/Dropdown.types';
+export { default as Filter } from './Filter';
+export { type FilterProps } from './Filter/Filter.types';
+export { default as ListItem } from './ListItem';
+export { type ListItemProps } from './ListItem/ListItem.types';
+export { default as Menu } from './Menu';
+export { type MenuProps, type MenuItem } from './Menu/Menu.types';
+export { default as MenuRadix } from './MenuRadix';
+export { type MenuRadixProps } from './MenuRadix/MenuRadix.types';
+export { default as Quantity } from './Quantity';
+export { type QuantityProps } from './Quantity/Quantity.types';
+export { default as Radio } from './Radio';
+export { type RadioProps } from './Radio/Radio.types';
+export { default as RadioRadix } from './RadioRadix';
+export { type RadioGroupProps as RadioRadixProps, type RadioProps as RadioRadixItemProps } from './RadioRadix/RadioRadix.types';
+export { default as Search } from './Search';
+export { type SearchProps } from './Search/Search.types';
+export { default as Select } from './Select';
+export { type SelectProps, type SelectOption } from './Select/Select.types';
+export { default as SelectField } from './SelectField/SelectField';
+export { type SelectFieldProps } from './SelectField/SelectField.types';
+export { default as SelectRadix } from './SelectRadix';
+export { type SelectRadixProps } from './SelectRadix/SelectRadix.types';
+export { default as Table } from './Table';
+export { default as TableHeader } from './Table/TableHeader';
+export { default as TablePagination } from './Table/TablePagination';
+export { type TableProps } from './Table/Table.types';
+export { type TablePaginationProps } from './Table/TablePagination';
+export { type TableHeaderProps, type FilterItem } from './Table/TableHeader';
+export { default as TextField } from './TextField';
+export { type TextFieldProps } from './TextField/TextField.types';
+export { default as Toast, ToastProvider, useToast } from './Toast';
+export { type ToastType, type ToastMessage, type ToastOptions, type ToastContextType } from './Toast/Toast.types';
+export { default as Tooltip } from './Tooltip';
+export { type TooltipProps } from './Tooltip/Tooltip.types';
+export { default as VerificationCode } from './VerificationCode';
+export { type VerificationCodeProps } from './VerificationCode/VerificationCode.types';
+export { default as useApiSimulation } from '../hooks/ApiSimulation';
+export { useInfiniteScroll } from '../hooks/InfiniteScroll';
+export { normalizeText } from '../hooks/NormalizeText';

package/dist/hooks/ApiSimulation.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Configurações para simulação de API
+ */
+export interface ApiSimulationConfig {
+    /** Items por página */
+    itemsPerPage?: number;
+    /** Total de items no dataset */
+    totalItems?: number;
+    /** Delay em ms para simular latência */
+    delay?: number;
+    /** Taxa de erro (0-1) para simular falhas */
+    errorRate?: number;
+    /** Função geradora de items customizada */
+    itemGenerator?: (index: number, searchQuery?: string) => any;
+    /** Debug mode */
+    debug?: boolean;
+}
+/**
+ * Estado da simulação de API
+ */
+export interface ApiSimulationState<T> {
+    /** Items carregados */
+    items: T[];
+    /** Página atual */
+    currentPage: number;
+    /** Total de páginas */
+    totalPages: number;
+    /** Status do carregamento */
+    status: 'idle' | 'loading' | 'succeeded' | 'failed';
+    /** Erro atual (se houver) */
+    error: string | null;
+    /** Query de busca atual */
+    searchQuery: string;
+    /** Se há próxima página */
+    hasNextPage: boolean;
+    /** Se é a primeira página */
+    isFirstPage: boolean;
+}
+export interface ApiSimulationActions {
+    /** Carregar próxima página */
+    loadNextPage: () => Promise<void>;
+    /** Realizar nova busca */
+    search: (query: string) => Promise<void>;
+    /** Reset completo */
+    reset: () => void;
+    /** Retry da última operação */
+    retry: () => Promise<void>;
+}
+export interface UseApiSimulationReturn<T> extends ApiSimulationState<T> {
+    actions: ApiSimulationActions;
+}
+export declare function useApiSimulation<T = any>(config?: ApiSimulationConfig): UseApiSimulationReturn<T>;
+export default useApiSimulation;

package/dist/hooks/InfiniteScroll.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Props para o hook useInfiniteScroll
+ */
+interface UseInfiniteScrollProps {
+    /** Status atual do carregamento */
+    status: 'idle' | 'loading' | 'succeeded' | 'failed';
+    /** Página atual */
+    page: number;
+    /** Última página disponível */
+    lastPage: number;
+    /** Callback para carregar próxima página */
+    onLoadMore: () => void;
+    /** Threshold para IntersectionObserver (0-1) */
+    threshold?: number;
+    /** Margem raiz para IntersectionObserver */
+    rootMargin?: string;
+    /** Habilita/desabilita o hook */
+    enabled?: boolean;
+    /** Debug mode - logs no console */
+    debug?: boolean;
+}
+/**
+ * Retorno do hook useInfiniteScroll
+ */
+interface UseInfiniteScrollReturn {
+    /** Ref para o elemento observador */
+    observerRef: React.RefObject<HTMLDivElement | null>;
+    /** Se o elemento está visível */
+    isIntersecting: boolean;
+    /** Se há próxima página */
+    hasNextPage: boolean;
+    /** Se todas as páginas foram carregadas */
+    isCompleted: boolean;
+    /** Função para reset manual */
+    reset: () => void;
+}
+/**
+ * Hook otimizado para scroll infinito usando IntersectionObserver
+ */
+export declare function useInfiniteScroll({ status, page, lastPage, onLoadMore, threshold, rootMargin, enabled, debug }: UseInfiniteScrollProps): UseInfiniteScrollReturn;
+export {};

package/dist/hooks/NormalizeText.d.ts

@@ -0,0 +1 @@
+export declare const normalizeText: (text: React.ReactNode) => string;