@giro-ds/react 1.0.4 → 1.0.5

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,32 @@
 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';
+    /** Tooltip position */
+    positionTooltip?: TooltipPosition;
+    /** Custom error message for validation */
     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;