@ttoss/forms 0.17.8 → 0.17.10

package/dist/esm/index.js

@@ -255,6 +255,9 @@ var FormFieldRadio = ({
       ...sx
     },
     children: [label && /* @__PURE__ */jsx7(Label3, {
+      sx: {
+        marginBottom: "md"
+      },
       children: label
     }), /* @__PURE__ */jsx7(Box2, {
       children: options.map(option => {

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { FieldValues, FieldPath, FieldPathValue, UseControllerReturn } from 'rea
 export * from 'react-hook-form';
 import * as yup from 'yup';
 export { yup };
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { BoxProps, FlexProps, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
 
@@ -13,7 +14,7 @@ declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children,
     sx?: BoxProps['sx'];
 } & {
     children: React.ReactNode | React.ReactNode[];
-} & react_hook_form.UseFormReturn<TFieldValues, any>) => JSX.Element;
+} & react_hook_form.UseFormReturn<TFieldValues, any>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldProps = {
     sx?: FlexProps['sx'];
@@ -28,24 +29,24 @@ type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TNam
     defaultValue?: FieldPathValue<TFieldValues, TName>;
     render: (props: UseControllerReturn<TFieldValues, TName>) => React.ReactElement;
 } & FormFieldProps;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, sx, render, ...formFieldProps }: FormFieldCompleteProps<TFieldValues, TName>) => JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, sx, render, ...formFieldProps }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues>({ label, name, sx, ...checkboxProps }: {
     label?: string | undefined;
     name: FieldPath<TFieldValues>;
-} & CheckboxProps) => JSX.Element;
+} & CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldInputProps<TName> = {
     label?: string;
     name: TName;
 } & InputProps & FormFieldProps;
-declare const FormFieldInput: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, onTooltipClick, sx, defaultValue, ...inputProps }: FormFieldInputProps<TName>) => JSX.Element;
+declare const FormFieldInput: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, onTooltipClick, sx, defaultValue, ...inputProps }: FormFieldInputProps<TName>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldPasswordProps<TName> = {
     label?: string;
     name: TName;
 } & InputPasswordProps & FormFieldProps;
-declare const FormFieldPassword: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, onTooltipClick, sx, defaultValue, ...inputProps }: FormFieldPasswordProps<TName>) => JSX.Element;
+declare const FormFieldPassword: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, onTooltipClick, sx, defaultValue, ...inputProps }: FormFieldPasswordProps<TName>) => react_jsx_runtime.JSX.Element;
 
 type FormRadioOption$1 = {
     value: string | number;
@@ -55,7 +56,7 @@ declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues>({
     label?: string | undefined;
     name: FieldPath<TFieldValues>;
     options: FormRadioOption$1[];
-} & RadioProps) => JSX.Element;
+} & RadioProps) => react_jsx_runtime.JSX.Element;
 
 type FormRadioOption = {
     value: string | number;
@@ -72,12 +73,12 @@ type FormFieldSelectProps<TFieldValues extends FieldValues, TName extends FieldP
     options: FormRadioOption[];
     defaultValue?: FieldPathValue<TFieldValues, TName>;
 };
-declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, options, sx, ...selectProps }: FormFieldSelectProps<TFieldValues, TName>) => JSX.Element;
+declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, options, sx, ...selectProps }: FormFieldSelectProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 declare const FormFieldTextarea: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, ...textareaProps }: {
     label?: string | undefined;
     name: TName;
-} & TextareaProps) => JSX.Element;
+} & TextareaProps) => react_jsx_runtime.JSX.Element;
 
 declare const useFormGroup: () => {
     level: number | undefined;
@@ -87,6 +88,6 @@ type FormGroupProps = {
     title?: string;
     direction?: 'column' | 'row';
 } & BoxProps;
-declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+declare const FormGroup: (props: FormGroupProps) => react_jsx_runtime.JSX.Element;
 
 export { Form, FormField, FormFieldCheckbox, FormFieldInput, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, useFormGroup };

package/dist/index.js

@@ -307,6 +307,9 @@ var FormFieldRadio = ({
       ...sx
     },
     children: [label && /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui7.Label, {
+      sx: {
+        marginBottom: "md"
+      },
       children: label
     }), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui7.Box, {
       children: options.map(option => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.17.8",
+  "version": "0.17.10",
   "license": "UNLICENSED",
   "author": "ttoss",
   "contributors": [
@@ -22,11 +22,11 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^1.36.7"
+    "@ttoss/ui": "^1.36.9"
   },
   "devDependencies": {
     "@types/jest": "^29.5.1",
-    "@types/react": "^18.2.5",
+    "@types/react": "^18.2.6",
     "jest": "^29.5.0",
     "react": "^18.2.0",
     "react-hook-form": "^7.43.9",
@@ -34,8 +34,8 @@
     "tsup": "^6.7.0",
     "yup": "^1.1.1",
     "@ttoss/config": "^1.30.0",
-    "@ttoss/test-utils": "^1.23.0",
-    "@ttoss/ui": "^1.36.7"
+    "@ttoss/test-utils": "^1.23.1",
+    "@ttoss/ui": "^1.36.9"
   },
   "publishConfig": {
     "access": "public"

package/src/FormFieldRadio.tsx

@@ -27,9 +27,9 @@ export const FormFieldRadio = <TFieldValues extends FieldValues = FieldValues>({
 
   return (
     <Flex sx={{ flexDirection: 'column', width: '100%', ...sx }}>
-      {label && <Label>{label}</Label>}
+      {label && <Label sx={{ marginBottom: 'md' }}>{label}</Label>}
       <Box>
-        {options.map((option) => {
+        {options.map((option: FormRadioOption) => {
           const id = `form-field-radio-${name}-${option.value}`;
 
           return (