@ttoss/forms 0.9.0 → 0.9.1

package/dist/esm/index.js

@@ -3,6 +3,11 @@
 // tsup.inject.js
 import * as React from "react";
 
+// src/index.ts
+import { yupResolver } from "@hookform/resolvers/yup";
+export * from "react-hook-form";
+import * as yup from "yup";
+
 // src/Form.tsx
 import { Box } from "@ttoss/ui";
 import { FormProvider } from "react-hook-form";
@@ -226,14 +231,13 @@ FormField.Input = FormFieldInput;
 FormField.Radio = FormFieldRadio;
 FormField.Select = FormFieldSelect;
 FormField.Checkbox = FormFieldCheckbox;
-
-// src/index.ts
-import { yupResolver } from "@hookform/resolvers/yup";
-export * from "react-hook-form";
-import * as yup from "yup";
 export {
   Form,
   FormField,
+  FormFieldCheckbox,
+  FormFieldInput,
+  FormFieldRadio,
+  FormFieldSelect,
   yup,
   yupResolver
 };

package/dist/index.d.ts

@@ -1,11 +1,11 @@
+export { yupResolver } from '@hookform/resolvers/yup';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 export * from 'react-hook-form';
-import * as React from 'react';
-import { BoxProps } from '@ttoss/ui';
-export { yupResolver } from '@hookform/resolvers/yup';
 import * as yup from 'yup';
 export { yup };
+import * as React from 'react';
+import { BoxProps, SelectProps } from '@ttoss/ui';
 
 declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children, onSubmit, sx, ...formMethods }: {
     children?: React.ReactNode;
@@ -15,6 +15,9 @@ declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children,
     children: React.ReactNode | React.ReactNode[];
 } & react_hook_form.UseFormReturn<TFieldValues, any>) => JSX.Element;
 
+/**
+ * DEPRECATED: Use `FormFieldInput` instead.
+ */
 declare const FormField: {
     (): null;
     Input: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues>({ label, name, }: {
@@ -25,7 +28,9 @@ declare const FormField: {
         label?: string | undefined;
         name: react_hook_form.Path<TFieldValues_1>;
         options: {
-            value: string | number;
+            value: string | number; /**
+             * DEPRECATED: Use `FormFieldInput` instead.
+             */
             label: string;
         }[];
     }) => JSX.Element;
@@ -44,4 +49,35 @@ declare const FormField: {
     }) => JSX.Element;
 };
 
-export { Form, FormField };
+declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues>({ label, name, }: {
+    label?: string | undefined;
+    name: Path<TFieldValues>;
+}) => JSX.Element;
+
+declare const FormFieldInput: <TFieldValues extends FieldValues = FieldValues>({ label, name, }: {
+    label?: string | undefined;
+    name: Path<TFieldValues>;
+}) => JSX.Element;
+
+declare type FormRadioOption$1 = {
+    value: string | number;
+    label: string;
+};
+declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues>({ label, name, options, }: {
+    label?: string | undefined;
+    name: Path<TFieldValues>;
+    options: FormRadioOption$1[];
+}) => JSX.Element;
+
+declare type FormRadioOption = {
+    value: string | number;
+    label: string;
+};
+declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues>({ label, name, options, arrow, }: {
+    label?: string | undefined;
+    name: Path<TFieldValues>;
+    options: FormRadioOption[];
+    arrow?: SelectProps['arrow'];
+}) => JSX.Element;
+
+export { Form, FormField, FormFieldCheckbox, FormFieldInput, FormFieldRadio, FormFieldSelect };

package/dist/index.js

@@ -30,6 +30,10 @@ var src_exports = {};
 __export(src_exports, {
   Form: () => Form,
   FormField: () => FormField,
+  FormFieldCheckbox: () => FormFieldCheckbox,
+  FormFieldInput: () => FormFieldInput,
+  FormFieldRadio: () => FormFieldRadio,
+  FormFieldSelect: () => FormFieldSelect,
   yup: () => yup,
   yupResolver: () => import_yup.yupResolver
 });
@@ -38,6 +42,11 @@ module.exports = __toCommonJS(src_exports);
 // tsup.inject.js
 var React = __toESM(require("react"));
 
+// src/index.ts
+var import_yup = require("@hookform/resolvers/yup");
+__reExport(src_exports, require("react-hook-form"), module.exports);
+var yup = __toESM(require("yup"));
+
 // src/Form.tsx
 var import_ui = require("@ttoss/ui");
 var import_react_hook_form = require("react-hook-form");
@@ -261,15 +270,14 @@ FormField.Input = FormFieldInput;
 FormField.Radio = FormFieldRadio;
 FormField.Select = FormFieldSelect;
 FormField.Checkbox = FormFieldCheckbox;
-
-// src/index.ts
-var import_yup = require("@hookform/resolvers/yup");
-__reExport(src_exports, require("react-hook-form"), module.exports);
-var yup = __toESM(require("yup"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Form,
   FormField,
+  FormFieldCheckbox,
+  FormFieldInput,
+  FormFieldRadio,
+  FormFieldSelect,
   yup,
   yupResolver
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "license": "UNLICENSED",
   "author": "ttoss",
   "contributors": [
@@ -40,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7283c8bffc1b432659339927173eee2ad19b622d"
+  "gitHead": "e7bef1331103e477af72cbd5c27a5c3deab92dd1"
 }

package/src/FormField.tsx

@@ -3,6 +3,9 @@ import { FormFieldInput } from './FormFieldInput';
 import { FormFieldRadio } from './FormFieldRadio';
 import { FormFieldSelect } from './FormFieldSelect';
 
+/**
+ * DEPRECATED: Use `FormFieldInput` instead.
+ */
 const FormField = () => {
   // to be implemented
   return null;
@@ -11,7 +14,6 @@ const FormField = () => {
 FormField.Input = FormFieldInput;
 FormField.Radio = FormFieldRadio;
 FormField.Select = FormFieldSelect;
-
 FormField.Checkbox = FormFieldCheckbox;
 
 export { FormField };

package/src/index.ts

@@ -1,5 +1,10 @@
-export { Form } from './Form';
-export { FormField } from './FormField';
 export { yupResolver } from '@hookform/resolvers/yup';
 export * from 'react-hook-form';
 export * as yup from 'yup';
+
+export { Form } from './Form';
+export { FormField } from './FormField';
+export { FormFieldCheckbox } from './FormFieldCheckbox';
+export { FormFieldInput } from './FormFieldInput';
+export { FormFieldRadio } from './FormFieldRadio';
+export { FormFieldSelect } from './FormFieldSelect';