linear-react-components-ui 1.1.25-rc.11 → 1.1.25-rc.13

package/lib/form2/types.d.ts

@@ -1,3 +1,5 @@
+import { ChangeEventHandler, FocusEventHandler, Ref, RefCallback, FocusEvent, ChangeEvent } from 'react';
+
 type DeepPartial<T> = {
     [K in keyof T]?: T[K] extends Array<infer U> ? Array<DeepPartial<U>> : T[K] extends object ? DeepPartial<T[K]> : T[K];
 };
@@ -23,6 +25,11 @@ type RegisterFunction = (name: string, externalRef?: React.Ref<HTMLInputElement>
     onBlur: () => void;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 };
+type RegisterOptions = {
+    onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
+};
 interface UseFormProps<T> {
     initialValues: T;
     validators?: ValidatorsSchema;
@@ -62,14 +69,14 @@ interface UseFormReturn<T> {
     /**
      * Registra um campo no formulário, integrando com `ref`, `value`, `onChange` e `onBlur`.
      * @param name - Nome do campo.
-     * @param externalRef - Referência externa para o input.
+     * @param registerOptions - Opções de registro, incluindo referências e manipuladores de eventos.
      */
-    register: (name: string, externalRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>) => {
+    register: (name: string, registerOptions?: RegisterOptions) => {
         name: string;
-        ref: React.RefCallback<HTMLInputElement | HTMLTextAreaElement>;
+        ref: RefCallback<HTMLInputElement | HTMLTextAreaElement>;
         value: any;
-        onBlur: () => void;
-        onChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     };
     /**
      * Limpa mensagens de erro de campos especificados, ou de todos os campos se nenhum for informado.
@@ -126,4 +133,4 @@ interface UseFormReturn<T> {
     setExternalErrors: (errors: Record<string, string[]>) => void;
 }
 
-export { DeepPartial, FieldChanged, FieldErrors, FieldFocusOptions, FieldTouched, NestedState, RegisterFunction, UseFormOptionsProps, UseFormProps, UseFormReturn, ValidationMode, ValidatorFunction, ValidatorsSchema };
+export { DeepPartial, FieldChanged, FieldErrors, FieldFocusOptions, FieldTouched, NestedState, RegisterFunction, RegisterOptions, UseFormOptionsProps, UseFormProps, UseFormReturn, ValidationMode, ValidatorFunction, ValidatorsSchema };

package/lib/form2/useForm/index.d.ts

@@ -1,4 +1,5 @@
 import { UseFormProps, UseFormReturn } from '../types.js';
+import 'react';
 
 declare const useForm: <ValuesType extends Record<string, any>>({ initialValues, validators, options, }: UseFormProps<ValuesType>) => UseFormReturn<ValuesType>;
 

package/lib/form2/useForm/index.js

@@ -139,12 +139,17 @@ const useForm = _ref => {
       return newValuesState;
     });
   }, []);
-  const register = (name, externalRef) => {
+  const register = (name, registerOptions) => {
+    const {
+      onChange,
+      onBlur,
+      ref
+    } = registerOptions !== null && registerOptions !== void 0 ? registerOptions : {};
     return {
       name,
       ref: (0, _helpers.mergeRefs)(inputElement => {
         fieldsRef.current[name] = inputElement;
-      }, externalRef),
+      }, ref),
       value: _lodash.default.get(values, name, _lodash.default.get(initialValuesRef.current, name, '')),
       onChange: event => {
         const {
@@ -164,8 +169,9 @@ const useForm = _ref => {
           }
           return updatedValues;
         });
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
       },
-      onBlur: () => {
+      onBlur: event => {
         setTouched(prevStateTouched => {
           const updated = _lodash.default.cloneDeep(prevStateTouched);
           _lodash.default.set(updated, name, true);
@@ -174,6 +180,7 @@ const useForm = _ref => {
         if (options.validationMode === 'default') {
           validateField(name, _lodash.default.get(values, name));
         }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
       }
     };
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.25-rc.11",
+  "version": "1.1.25-rc.13",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",