@gustavo-valsechi/client 1.4.21 → 1.4.22

package/dist/components/types/form/index.js

@@ -59,7 +59,8 @@ function Form(props) {
     register,
     handleSubmit,
     reset,
-    formState: { errors }
+    formState: { errors },
+    setValue
   } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_zod2.zodResolver)(schema),
     defaultValues: props.defaultValues,
@@ -96,7 +97,8 @@ function Form(props) {
         id: data.name,
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
-        register
+        register,
+        setValue
       }
     );
   };

package/dist/components/types/form/index.mjs

@@ -25,7 +25,8 @@ function Form(props) {
     register,
     handleSubmit,
     reset,
-    formState: { errors }
+    formState: { errors },
+    setValue
   } = useForm({
     resolver: zodResolver(schema),
     defaultValues: props.defaultValues,
@@ -62,7 +63,8 @@ function Form(props) {
         id: data.name,
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
-        register
+        register,
+        setValue
       }
     );
   };

package/dist/components/types/form/types/custom/index.js

@@ -28,19 +28,18 @@ var import_styles = require("./styles");
 var import_label = require("../label");
 var import_error = require("../error");
 function InputCustom(props) {
-  const inputRef = (0, import_react.useRef)({});
   const register = (props.register || ((name) => ({})))(props.name || "");
   (0, import_react.useEffect)(() => {
-    if (!inputRef.current) return;
-    inputRef.current.value = props.value;
-  }, [inputRef, props.value]);
+    var _a;
+    (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, props.value);
+  }, [props.name, props.value]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, children: [
     !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref: inputRef, hidden: true, ...register }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { hidden: true, ...register }),
       props.children
     ] }),
     !!props.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error.InputError, { className: "iz-input-custom-error", children: props.error })

package/dist/components/types/form/types/custom/index.mjs

@@ -1,23 +1,22 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
+import { useEffect } from "react";
 import { Container } from "./styles";
 import { InputLabel } from "../label";
 import { InputError } from "../error";
 function InputCustom(props) {
-  const inputRef = useRef({});
   const register = (props.register || ((name) => ({})))(props.name || "");
   useEffect(() => {
-    if (!inputRef.current) return;
-    inputRef.current.value = props.value;
-  }, [inputRef, props.value]);
+    var _a;
+    (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, props.value);
+  }, [props.name, props.value]);
   return /* @__PURE__ */ jsxs(Container, { className: props.className, children: [
     !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ jsx("input", { ref: inputRef, hidden: true, ...register }),
+      /* @__PURE__ */ jsx("input", { hidden: true, ...register }),
       props.children
     ] }),
     !!props.error && /* @__PURE__ */ jsx(InputError, { className: "iz-input-custom-error", children: props.error })

package/dist/interfaces/components/form/custom/index.d.ts

@@ -13,6 +13,7 @@ export interface IInputCustom {
     disabled?: boolean;
     required?: boolean;
     register?: UseFormRegister<any>;
+    setValue?: (...args: any[]) => void;
     children: React.ReactNode;
     validation?: typeof z;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.21",
+  "version": "1.4.22",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",