@ttoss/forms 0.5.1 → 0.5.2

package/dist/esm/index.js

@@ -1,26 +1,26 @@
-"use strict";
-
 // tsup.inject.js
 import * as React from "react";
 
 // src/Form.tsx
-import * as React2 from "react";
 import { Box } from "@ttoss/ui";
 import { FormProvider } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
 var Form = ({
   children,
   onSubmit,
   sx,
   ...formMethods
 }) => {
-  return /* @__PURE__ */ React2.createElement(FormProvider, {
-    ...formMethods
-  }, /* @__PURE__ */ React2.createElement(Box, {
-    as: "form",
-    variant: "forms.form",
-    onSubmit: formMethods.handleSubmit((data) => onSubmit(data)),
-    sx
-  }, children));
+  return /* @__PURE__ */ jsx(FormProvider, {
+    ...formMethods,
+    children: /* @__PURE__ */ jsx(Box, {
+      as: "form",
+      variant: "forms.form",
+      onSubmit: formMethods.handleSubmit((data) => onSubmit(data)),
+      sx,
+      children
+    })
+  });
 };
 
 // src/FormFieldInput.tsx
@@ -30,16 +30,17 @@ import { Box as Box2, Input, Label } from "@ttoss/ui";
 import { useFormContext } from "react-hook-form";
 import { ErrorMessage as HookFormErrorMessage } from "@hookform/error-message";
 import { Text } from "@ttoss/ui";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var ErrorMessage = ({
   name
 }) => {
   const {
     formState: { errors }
   } = useFormContext();
-  return /* @__PURE__ */ React.createElement(HookFormErrorMessage, {
+  return /* @__PURE__ */ jsx2(HookFormErrorMessage, {
     errors,
     name,
-    as: /* @__PURE__ */ React.createElement(Text, {
+    as: /* @__PURE__ */ jsx2(Text, {
       variant: "text.error",
       role: "alert"
     })
@@ -48,6 +49,7 @@ var ErrorMessage = ({
 
 // src/FormFieldInput.tsx
 import { useController } from "react-hook-form";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var FormFieldInput = ({
   label,
   name
@@ -59,18 +61,25 @@ var FormFieldInput = ({
     defaultValue: ""
   });
   const id = `form-field-input-${name}`;
-  return /* @__PURE__ */ React.createElement(Box2, null, label && /* @__PURE__ */ React.createElement(Label, {
-    htmlFor: id
-  }, label), /* @__PURE__ */ React.createElement(Input, {
-    ref,
-    onChange,
-    onBlur,
-    value,
-    name,
-    id
-  }), /* @__PURE__ */ React.createElement(ErrorMessage, {
-    name
-  }));
+  return /* @__PURE__ */ jsxs(Box2, {
+    children: [
+      label && /* @__PURE__ */ jsx3(Label, {
+        htmlFor: id,
+        children: label
+      }),
+      /* @__PURE__ */ jsx3(Input, {
+        ref,
+        onChange,
+        onBlur,
+        value,
+        name,
+        id
+      }),
+      /* @__PURE__ */ jsx3(ErrorMessage, {
+        name
+      })
+    ]
+  });
 };
 
 // src/FormField.tsx

package/dist/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -32,23 +35,25 @@ module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 
 // src/Form.tsx
-var React2 = __toESM(require("react"));
 var import_ui = require("@ttoss/ui");
 var import_react_hook_form = require("react-hook-form");
+var import_jsx_runtime = require("react/jsx-runtime");
 var Form = ({
   children,
   onSubmit,
   sx,
   ...formMethods
 }) => {
-  return /* @__PURE__ */ React2.createElement(import_react_hook_form.FormProvider, {
-    ...formMethods
-  }, /* @__PURE__ */ React2.createElement(import_ui.Box, {
-    as: "form",
-    variant: "forms.form",
-    onSubmit: formMethods.handleSubmit((data) => onSubmit(data)),
-    sx
-  }, children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, {
+    ...formMethods,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Box, {
+      as: "form",
+      variant: "forms.form",
+      onSubmit: formMethods.handleSubmit((data) => onSubmit(data)),
+      sx,
+      children
+    })
+  });
 };
 
 // src/FormFieldInput.tsx
@@ -58,16 +63,17 @@ var import_ui3 = require("@ttoss/ui");
 var import_react_hook_form2 = require("react-hook-form");
 var import_error_message = require("@hookform/error-message");
 var import_ui2 = require("@ttoss/ui");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var ErrorMessage = ({
   name
 }) => {
   const {
     formState: { errors }
   } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ React.createElement(import_error_message.ErrorMessage, {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_error_message.ErrorMessage, {
     errors,
     name,
-    as: /* @__PURE__ */ React.createElement(import_ui2.Text, {
+    as: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, {
       variant: "text.error",
       role: "alert"
     })
@@ -76,6 +82,7 @@ var ErrorMessage = ({
 
 // src/FormFieldInput.tsx
 var import_react_hook_form3 = require("react-hook-form");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var FormFieldInput = ({
   label,
   name
@@ -87,18 +94,25 @@ var FormFieldInput = ({
     defaultValue: ""
   });
   const id = `form-field-input-${name}`;
-  return /* @__PURE__ */ React.createElement(import_ui3.Box, null, label && /* @__PURE__ */ React.createElement(import_ui3.Label, {
-    htmlFor: id
-  }, label), /* @__PURE__ */ React.createElement(import_ui3.Input, {
-    ref,
-    onChange,
-    onBlur,
-    value,
-    name,
-    id
-  }), /* @__PURE__ */ React.createElement(ErrorMessage, {
-    name
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Box, {
+    children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Label, {
+        htmlFor: id,
+        children: label
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Input, {
+        ref,
+        onChange,
+        onBlur,
+        value,
+        name,
+        id
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorMessage, {
+        name
+      })
+    ]
+  });
 };
 
 // src/FormField.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "license": "UNLICENSED",
   "author": "ttoss",
   "contributors": [
@@ -29,7 +29,7 @@
     "@hookform/resolvers": "^2.9.8",
     "@ttoss/config": "^1.18.1",
     "@ttoss/test-utils": "^1.16.8",
-    "@ttoss/ui": "^1.20.1",
+    "@ttoss/ui": "^1.20.2",
     "@types/jest": "^29.0.3",
     "jest": "^29.0.3",
     "react": "^18.2.0",
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5624791e118681b8ecbe2372bbc61806442df71b"
+  "gitHead": "0759c1ec512f6cb0a613c209beba1fcf6af7e232"
 }