@giro-ds/react 1.0.4 → 2.0.0

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { CheckboxProps } from './Checkbox.types';
-declare const MemoizedCheckbox: React.NamedExoticComponent<CheckboxProps>;
-export default MemoizedCheckbox;
+import * as React from 'react';
+import { CheckboxProps } from './Checkbox.types';
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

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

@@ -1,25 +1,10 @@
-import React from 'react';
 export interface CheckboxProps {
-    /** Unique identifier for the checkbox input */
     id?: string;
-    /** Name attribute for the checkbox, used for form identification */
-    name?: string;
-    /** Controlled value indicating whether the checkbox is checked */
+    label?: React.ReactNode;
+    onCheckedChange?: (checked: boolean) => void;
+    defaultChecked?: boolean;
     checked?: boolean;
-    /** Callback function triggered when the checkbox value changes */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Label text displayed next to the checkbox */
-    label?: string | React.ReactNode;
-    /** Additional CSS classes for custom styling */
-    className?: string;
-    /** Value attribute for the checkbox input element */
-    value?: string;
-    /** AriaDescribedBy for the checkbox input element */
-    ariaDescribedby?: string;
-    /** Disables the checkbox, preventing user interaction */
     disabled?: boolean;
-    /** Sets the checkbox to an indeterminate state (useful for parent-child relationships) */
+    className?: string;
     indeterminate?: boolean;
-    /** Additional props passed to the checkbox input element */
-    [key: string]: any;
 }

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

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

@@ -1,18 +1,15 @@
 export interface RadioProps {
-    /** Definirá o nome do grupo de radio */
-    name?: string;
-    /** O valor associado ao botão de rádio */
+    id?: string | number;
     value: string;
-    /** O identificador único para o input do rádio */
-    id?: string;
-    /** Indica se o botão de rádio está selecionado */
-    checked?: boolean;
-    /** Classes adicionais para estilização personalizada */
-    className?: string;
-    /** Função de callback acionada quando o valor do botão de rádio muda */
-    onChange?: (value: string) => void;
-    /** O texto do rótulo exibido ao lado do botão de rádio */
-    label?: string;
-    /** Indica se o botão de rádio está desabilitado */
+    label: string;
     disabled?: boolean;
 }
+export interface RadioGroupProps {
+    id?: string;
+    items: RadioProps[];
+    onValueChange?: (value: string) => void;
+    defaultValue?: string;
+    name?: string;
+    ariaLabel?: string;
+    orientation?: "horizontal" | "vertical";
+}

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

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

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

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

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

@@ -10,7 +10,7 @@ export interface SelectItemProps {
 }
 export interface CheckboxItemProps extends SelectItemProps {
     checked: boolean;
-    onChange: (checked: boolean) => void;
+    onCheckedChange: (checked: boolean) => void;
 }
 export type SelectVariant = 'text' | 'icon' | 'checkbox';
 export interface SelectRadixProps {
@@ -23,8 +23,6 @@ export interface SelectRadixProps {
     multiple?: boolean;
     placeholder?: string;
     search?: boolean;
-    tooltip?: boolean;
-    tooltipMessage?: string;
     label?: string;
     helperText?: string;
     maxWidth?: string | number;
@@ -33,6 +31,10 @@ export interface SelectRadixProps {
     className?: string;
     'aria-label'?: string;
     'data-testid'?: string;
+    tooltip?: boolean;
+    tooltipText?: string;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
     enableInfiniteScroll?: boolean;
     onScrollEnd?: () => void;
     isLoadingMore?: boolean;

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

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

@@ -0,0 +1,8 @@
+export interface SwitchProps {
+    defaultChecked: boolean;
+    disabled: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    name?: string;
+    value?: string;
+    checked?: boolean;
+}

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

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

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

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

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

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

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

@@ -1,22 +1,31 @@
 import React from 'react';
-export interface TextFieldProps {
-    name?: string;
-    className?: string;
-    value?: string | number;
+export type TextFieldType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+export type TooltipPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'type'> {
+    /** Controlled value */
+    value?: string;
+    /** Change handler - receives string value */
+    onChange?: (value: string) => void;
+    /** Label text */
     label?: string;
-    placeholder?: string;
-    type?: string;
-    onChange?: (value: string | number) => void;
-    disabled?: boolean;
-    maxLength?: number;
-    required?: boolean;
-    helper?: boolean;
+    /** Input type */
+    type?: TextFieldType;
+    /** Helper text (shown below input) */
     helperText?: string;
+    /** Show tooltip with info icon */
     tooltip?: boolean;
+    /** Tooltip content */
     tooltipText?: string;
-    positionTooltip?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
     errorMessage?: string;
-    trailingIcon?: boolean;
-    id?: string;
+    /** Leading icon */
     icon?: React.ReactNode;
 }
+export interface ValidationParams {
+    value: string;
+    maxLength?: number;
+    type?: TextFieldType;
+    errorMessage?: string;
+    required?: boolean;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+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/Tooltip/Tooltip.d.ts

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

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

@@ -2,6 +2,10 @@ import React from 'react';
 export interface TooltipProps {
     id?: string;
     text: React.ReactNode;
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'left' | 'right';
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    alignOffset?: number;
+    maxWidth?: number;
     children: React.ReactNode;
 }

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

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

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

@@ -1 +1,2 @@
 export { default } from './Tooltip';
+export type { TooltipProps } from './Tooltip.types';

package/dist/components/index.d.ts

@@ -10,8 +10,6 @@ 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';
@@ -35,9 +33,7 @@ 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 { type RadioGroupProps, type RadioProps } from './Radio/Radio.types';
 export { default as Search } from './Search';
 export { type SearchProps } from './Search/Search.types';
 export { default as Select } from './Select';
@@ -58,6 +54,8 @@ 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 Switch } from './Switch';
+export { type SwitchProps } from './Switch/Switch.types';
 export { default as VerificationCode } from './VerificationCode';
 export { type VerificationCodeProps } from './VerificationCode/VerificationCode.types';
 export { default as useApiSimulation } from '../hooks/ApiSimulation';