@ssplib/react-components 0.0.334 → 0.0.335

package/components/form/input/Input.d.ts

@@ -1,21 +1,41 @@
+import { GridProps, InputLabelProps, TextFieldProps } from '@mui/material';
 import React from 'react';
-type InputType = 'cnpj' | 'cpf' | 'input' | 'email' | 'cpf_cnpj' | 'phone' | 'number' | 'rg' | 'password' | 'cep' | 'sei';
-interface InputProps {
+type HTMLInputType = React.InputHTMLAttributes<HTMLInputElement>['type'];
+export type MaskedInputType = 'cnpj' | 'cpf' | 'cpf_cnpj' | 'phone' | 'number' | 'rg' | 'cep' | 'sei';
+export type InputType = MaskedInputType | HTMLInputType;
+type OmittedTextFieldProps = 'name' | 'type' | 'value' | 'onChange' | 'error' | 'helperText' | 'fullWidth' | 'size' | 'placeholder';
+interface InputOwnProps {
+    /** Tipo do campo - define máscara e validação */
     type?: InputType;
+    /** Nome do campo no formulário (obrigatório) */
     name: string;
+    /** Label exibido acima do campo */
     title?: string;
+    /** Campo obrigatório */
     required?: boolean;
+    /** Máscara customizada para type="number" */
     numberMask?: string;
+    /** Placeholder customizado (sobrescreve title) */
     customPlaceholder?: string;
+    /** Valor inicial do campo */
     defaultValue?: string;
+    /** Tamanho mínimo para validação (type="input") */
     inputMinLength?: number;
+    /** Tamanho máximo para validação (type="input") */
     inputMaxLength?: number;
-    xs?: number;
-    sm?: number;
-    md?: number;
-    disabled?: boolean;
+    /** Validação customizada */
     customValidate?: (value: string, form: Record<string, any>) => string | undefined;
+    /** Props do Grid container */
+    gridProps?: Omit<GridProps, 'item' | 'xs' | 'sm' | 'md'>;
+    /** Props do InputLabel */
+    labelProps?: Omit<InputLabelProps, 'required'>;
 }
-export declare function Input({ type, numberMask, xs, sm, md, inputMinLength, inputMaxLength, defaultValue, disabled, name, title, required, customPlaceholder, customValidate, }: InputProps): JSX.Element;
+interface GridLayoutProps {
+    xs?: GridProps['xs'];
+    sm?: GridProps['sm'];
+    md?: GridProps['md'];
+}
+export type InputProps = InputOwnProps & GridLayoutProps & Omit<TextFieldProps, OmittedTextFieldProps | keyof InputOwnProps>;
+export declare function Input({ type, name, title, required, numberMask, customPlaceholder, defaultValue, inputMinLength, inputMaxLength, customValidate, xs, sm, md, gridProps, labelProps, disabled, sx, InputProps: inputPropsFromUser, InputLabelProps: inputLabelPropsFromUser, ...textFieldProps }: InputProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Input>;
 export default _default;