@ttoss/forms 0.33.3 → 0.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/Brazil/index.d.ts +1 -1
  2. package/dist/{FormFieldPatternFormat-nQpHzJqa.d.ts → FormFieldPatternFormat-D5CI6eUA.d.ts} +35 -2
  3. package/dist/esm/Brazil/index.js +3 -1
  4. package/dist/esm/MultistepForm/index.js +2 -2
  5. package/dist/esm/{chunk-LSSFZMBY.js → chunk-UYZ5HGD3.js} +82 -25
  6. package/dist/esm/{chunk-EOMFHI2R.js → chunk-YGXPWMYB.js} +9 -1
  7. package/dist/esm/index.js +2 -2
  8. package/dist/index.d.ts +6 -4
  9. package/package.json +5 -5
package/dist/Brazil/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { FieldValues, FieldPath } from 'react-hook-form';
3
3
  import { PatternFormatProps } from 'react-number-format';
4
- import { F as FormFieldProps, a as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-nQpHzJqa.js';
4
+ import { F as FormFieldProps, a as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-D5CI6eUA.js';
5
5
  import '@ttoss/ui';
6
6
  import 'react';
7
7
 
package/dist/{FormFieldPatternFormat-nQpHzJqa.d.ts → FormFieldPatternFormat-D5CI6eUA.d.ts} RENAMED
@@ -1,9 +1,37 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { TooltipProps, SxProp, InputProps } from '@ttoss/ui';
3
- import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue, RegisterOptions } from 'react-hook-form';
3
+ import { FieldValues, FieldPath, RegisterOptions, FieldPathValue, UseControllerReturn } from 'react-hook-form';
4
4
  import { PatternFormatProps } from 'react-number-format';
5
5
  import * as React from 'react';
6
6
 
7
+ type AuxiliaryCheckboxRules<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
8
+ /**
9
+ * Props for the AuxiliaryCheckbox component.
10
+ */
11
+ type AuxiliaryCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
12
+ /**
13
+ * The label to display next to the checkbox.
14
+ */
15
+ label: React.ReactNode;
16
+ /**
17
+ * The name of the checkbox field in the form.
18
+ */
19
+ name: TName;
20
+ /**
21
+ * The default value of the checkbox.
22
+ * @default false
23
+ */
24
+ defaultValue?: boolean;
25
+ /**
26
+ * Validation rules for the checkbox field.
27
+ */
28
+ rules?: AuxiliaryCheckboxRules<TFieldValues, TName>;
29
+ /**
30
+ * Whether the checkbox is disabled.
31
+ */
32
+ disabled?: boolean;
33
+ };
34
+
7
35
  type Rules<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
8
36
  type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
9
37
  label?: React.ReactNode;
@@ -14,11 +42,16 @@ type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extend
14
42
  labelTooltip?: TooltipProps;
15
43
  warning?: string | React.ReactNode;
16
44
  rules?: Rules<TFieldValues, TName>;
45
+ /**
46
+ * Optional auxiliary checkbox to render between the field and error message.
47
+ * Useful for input confirmation or conditional display of other fields.
48
+ */
49
+ auxiliaryCheckbox?: Omit<AuxiliaryCheckboxProps<TFieldValues, FieldPath<TFieldValues>>, 'disabled'>;
17
50
  } & SxProp;
18
51
  type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
19
52
  render: (props: UseControllerReturn<TFieldValues, TName>) => React.ReactElement;
20
53
  } & FormFieldProps<TFieldValues, TName>;
21
- declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled: propsDisabled, labelTooltip, sx, css, render, warning, rules, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
54
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled: propsDisabled, labelTooltip, sx, css, render, warning, rules, auxiliaryCheckbox, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
22
55
 
23
56
  type FormFieldPatternFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name'> & Pick<InputProps, 'leadingIcon' | 'trailingIcon'>;
24
57
  declare const FormFieldPatternFormat: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldPatternFormatProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
package/dist/esm/Brazil/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
2
  import * as React from 'react';
3
- import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-LSSFZMBY.js";
3
+ import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-UYZ5HGD3.js";
4
4
 
5
5
  // src/Brazil/FormFieldPhone.tsx
6
6
  import { Input } from "@ttoss/ui";
@@ -20,6 +20,7 @@ var FormFieldPhone = /* @__PURE__ */__name(({
20
20
  id,
21
21
  defaultValue,
22
22
  placeholder = "(11) 91234-1234",
23
+ auxiliaryCheckbox,
23
24
  ...patternFormatProps
24
25
  } = props;
25
26
  return /* @__PURE__ */React.createElement(FormField, {
@@ -33,6 +34,7 @@ var FormFieldPhone = /* @__PURE__ */__name(({
33
34
  defaultValue,
34
35
  rules,
35
36
  disabled,
37
+ auxiliaryCheckbox,
36
38
  render: /* @__PURE__ */__name(({
37
39
  field
38
40
  }) => {
package/dist/esm/MultistepForm/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
2
  import * as React from 'react';
3
- import { Form, useForm, yupResolver } from "../chunk-EOMFHI2R.js";
4
- import { __name } from "../chunk-LSSFZMBY.js";
3
+ import { Form, useForm, yupResolver } from "../chunk-YGXPWMYB.js";
4
+ import { __name } from "../chunk-UYZ5HGD3.js";
5
5
 
6
6
  // src/MultistepForm/MultistepForm.tsx
7
7
  import { Flex as Flex6 } from "@ttoss/ui";
package/dist/esm/{chunk-LSSFZMBY.js → chunk-UYZ5HGD3.js} RENAMED
@@ -46,9 +46,56 @@ var FormErrorMessage = /* @__PURE__ */__name(({
46
46
  }, "FormErrorMessage");
47
47
 
48
48
  // src/FormField.tsx
49
- import { Checkbox, Flex, Label, Switch } from "@ttoss/ui";
49
+ import { Checkbox as Checkbox2, Flex as Flex2, Label as Label2, Switch } from "@ttoss/ui";
50
+ import * as React3 from "react";
51
+ import { useController as useController2, useFormContext as useFormContext2 } from "react-hook-form";
52
+
53
+ // src/AuxiliaryCheckbox.tsx
54
+ import { Checkbox, Flex, Label } from "@ttoss/ui";
50
55
  import * as React2 from "react";
51
- import { useController, useFormContext as useFormContext2 } from "react-hook-form";
56
+ import { useController } from "react-hook-form";
57
+ var AuxiliaryCheckbox = /* @__PURE__ */__name(({
58
+ label,
59
+ name,
60
+ defaultValue = false,
61
+ rules,
62
+ disabled
63
+ }) => {
64
+ const uniqueId = React2.useId();
65
+ const id = `auxiliary-checkbox-${name}-${uniqueId}`;
66
+ const {
67
+ field
68
+ } = useController({
69
+ name,
70
+ defaultValue,
71
+ rules
72
+ });
73
+ const isDisabled = disabled ?? field.disabled;
74
+ const {
75
+ value,
76
+ ...fieldWithoutValue
77
+ } = field;
78
+ return /* @__PURE__ */React2.createElement(Label, {
79
+ "aria-disabled": isDisabled,
80
+ htmlFor: id,
81
+ sx: {
82
+ flexDirection: "row",
83
+ alignItems: "center",
84
+ cursor: isDisabled ? "not-allowed" : "pointer"
85
+ }
86
+ }, /* @__PURE__ */React2.createElement(Flex, {
87
+ sx: {
88
+ position: "relative"
89
+ }
90
+ }, /* @__PURE__ */React2.createElement(Checkbox, {
91
+ id,
92
+ ...fieldWithoutValue,
93
+ checked: value,
94
+ disabled: isDisabled
95
+ })), label);
96
+ }, "AuxiliaryCheckbox");
97
+
98
+ // src/FormField.tsx
52
99
  var FormField = /* @__PURE__ */__name(({
53
100
  label,
54
101
  id: idProp,
@@ -60,9 +107,10 @@ var FormField = /* @__PURE__ */__name(({
60
107
  css,
61
108
  render,
62
109
  warning,
63
- rules
110
+ rules,
111
+ auxiliaryCheckbox
64
112
  }) => {
65
- const controllerReturn = useController({
113
+ const controllerReturn = useController2({
66
114
  name,
67
115
  defaultValue,
68
116
  rules
@@ -74,14 +122,15 @@ var FormField = /* @__PURE__ */__name(({
74
122
  } = useFormContext2();
75
123
  const disabled = propsDisabled ?? controllerReturn.field.disabled;
76
124
  const hasError = !!errors[name];
77
- const uniqueId = React2.useId();
125
+ const hasAuxiliaryError = auxiliaryCheckbox ? !!errors[auxiliaryCheckbox.name] : false;
126
+ const uniqueId = React3.useId();
78
127
  const id = idProp || `form-field-${name}-${uniqueId}`;
79
128
  const isCheckboxOrSwitch = /* @__PURE__ */__name(element => {
80
- return [Checkbox, Switch].some(component => {
129
+ return [Checkbox2, Switch].some(component => {
81
130
  return element.type === component;
82
131
  });
83
132
  }, "isCheckboxOrSwitch");
84
- const controllerReturnWithDisabled = React2.useMemo(() => {
133
+ const controllerReturnWithDisabled = React3.useMemo(() => {
85
134
  return {
86
135
  ...controllerReturn,
87
136
  field: {
@@ -90,9 +139,9 @@ var FormField = /* @__PURE__ */__name(({
90
139
  }
91
140
  };
92
141
  }, [controllerReturn, disabled]);
93
- const memoizedRender = React2.useMemo(() => {
94
- return React2.Children.map(render(controllerReturnWithDisabled), child => {
95
- if (! /* @__PURE__ */React2.isValidElement(child)) {
142
+ const memoizedRender = React3.useMemo(() => {
143
+ return React3.Children.map(render(controllerReturnWithDisabled), child => {
144
+ if (! /* @__PURE__ */React3.isValidElement(child)) {
96
145
  return null;
97
146
  }
98
147
  const mergeProps = {
@@ -102,35 +151,36 @@ var FormField = /* @__PURE__ */__name(({
102
151
  })
103
152
  };
104
153
  if (label && isCheckboxOrSwitch(child)) {
105
- return /* @__PURE__ */React2.createElement(Flex, {
154
+ return /* @__PURE__ */React3.createElement(Label2, {
155
+ "aria-disabled": disabled,
156
+ htmlFor: id,
157
+ tooltip: labelTooltip,
106
158
  sx: {
107
159
  flexDirection: "row",
108
- alignItems: "center"
160
+ alignItems: "center",
161
+ cursor: disabled ? "not-allowed" : "pointer"
109
162
  }
110
- }, /* @__PURE__ */React2.createElement(Flex, {
163
+ }, /* @__PURE__ */React3.createElement(Flex2, {
111
164
  sx: {
112
165
  position: "relative"
113
166
  }
114
- }, /* @__PURE__ */React2.cloneElement(child, mergeProps)), /* @__PURE__ */React2.createElement(Label, {
115
- "aria-disabled": disabled,
116
- htmlFor: id,
117
- tooltip: labelTooltip
118
- }, label));
167
+ }, /* @__PURE__ */React3.cloneElement(child, mergeProps)), label);
119
168
  }
120
- return /* @__PURE__ */React2.createElement(Flex, {
169
+ return /* @__PURE__ */React3.createElement(Flex2, {
121
170
  sx: {
122
171
  width: "full",
123
172
  flexDirection: "column",
124
173
  gap: "2"
125
174
  }
126
- }, label && /* @__PURE__ */React2.createElement(Label, {
175
+ }, label && /* @__PURE__ */React3.createElement(Label2, {
127
176
  "aria-disabled": disabled,
128
177
  htmlFor: id,
129
178
  tooltip: labelTooltip
130
- }, label), /* @__PURE__ */React2.cloneElement(child, mergeProps));
179
+ }, label), /* @__PURE__ */React3.cloneElement(child, mergeProps));
131
180
  });
132
181
  }, [render, controllerReturnWithDisabled, label, disabled, id, labelTooltip, warning]);
133
- return /* @__PURE__ */React2.createElement(Flex, {
182
+ const errorNameToDisplay = hasError ? name : hasAuxiliaryError && auxiliaryCheckbox ? auxiliaryCheckbox.name : name;
183
+ return /* @__PURE__ */React3.createElement(Flex2, {
134
184
  sx: {
135
185
  flexDirection: "column",
136
186
  width: "100%",
@@ -138,9 +188,12 @@ var FormField = /* @__PURE__ */__name(({
138
188
  ...sx
139
189
  },
140
190
  css
141
- }, memoizedRender, /* @__PURE__ */React2.createElement(FormErrorMessage, {
142
- name
143
- }), warning && !hasError && /* @__PURE__ */React2.createElement(Flex, {
191
+ }, memoizedRender, auxiliaryCheckbox && /* @__PURE__ */React3.createElement(AuxiliaryCheckbox, {
192
+ ...auxiliaryCheckbox,
193
+ disabled
194
+ }), /* @__PURE__ */React3.createElement(FormErrorMessage, {
195
+ name: errorNameToDisplay
196
+ }), warning && !hasError && /* @__PURE__ */React3.createElement(Flex2, {
144
197
  className: "warning",
145
198
  sx: {
146
199
  color: "feedback.text.caution.default",
@@ -171,6 +224,7 @@ var FormFieldPatternFormat = /* @__PURE__ */__name(({
171
224
  defaultValue,
172
225
  leadingIcon,
173
226
  trailingIcon,
227
+ auxiliaryCheckbox,
174
228
  ...patternFormatProps
175
229
  } = props;
176
230
  return /* @__PURE__ */React.createElement(FormField, {
@@ -184,6 +238,7 @@ var FormFieldPatternFormat = /* @__PURE__ */__name(({
184
238
  defaultValue,
185
239
  rules,
186
240
  disabled,
241
+ auxiliaryCheckbox,
187
242
  render: /* @__PURE__ */__name(({
188
243
  field,
189
244
  fieldState
@@ -262,6 +317,7 @@ var FormFieldCNPJ = /* @__PURE__ */__name(({
262
317
  id,
263
318
  defaultValue,
264
319
  placeholder = "12.345.678/0000-00",
320
+ auxiliaryCheckbox,
265
321
  ...patternFormatProps
266
322
  } = props;
267
323
  return /* @__PURE__ */React.createElement(FormField, {
@@ -275,6 +331,7 @@ var FormFieldCNPJ = /* @__PURE__ */__name(({
275
331
  defaultValue,
276
332
  rules,
277
333
  disabled,
334
+ auxiliaryCheckbox,
278
335
  render: /* @__PURE__ */__name(({
279
336
  field
280
337
  }) => {
package/dist/esm/{chunk-EOMFHI2R.js → chunk-YGXPWMYB.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
2
  import * as React from 'react';
3
- import { FormErrorMessage, FormField, FormFieldPatternFormat, __name, isCnpjValid } from "./chunk-LSSFZMBY.js";
3
+ import { FormErrorMessage, FormField, FormFieldPatternFormat, __name, isCnpjValid } from "./chunk-UYZ5HGD3.js";
4
4
 
5
5
  // src/Form.tsx
6
6
  import { Box } from "@ttoss/ui";
@@ -105,6 +105,7 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
105
105
  defaultValue,
106
106
  leadingIcon,
107
107
  trailingIcon,
108
+ auxiliaryCheckbox,
108
109
  ...numericFormatProps
109
110
  } = props;
110
111
  return /* @__PURE__ */React.createElement(FormField, {
@@ -118,6 +119,7 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
118
119
  defaultValue,
119
120
  rules,
120
121
  disabled,
122
+ auxiliaryCheckbox,
121
123
  render: /* @__PURE__ */__name(({
122
124
  field
123
125
  }) => {
@@ -196,6 +198,7 @@ var FormFieldInput = /* @__PURE__ */__name(({
196
198
  id,
197
199
  leadingIcon,
198
200
  trailingIcon,
201
+ auxiliaryCheckbox,
199
202
  ...inputProps
200
203
  } = props;
201
204
  return /* @__PURE__ */React.createElement(FormField, {
@@ -209,6 +212,7 @@ var FormFieldInput = /* @__PURE__ */__name(({
209
212
  defaultValue,
210
213
  rules,
211
214
  disabled,
215
+ auxiliaryCheckbox,
212
216
  render: /* @__PURE__ */__name(({
213
217
  field,
214
218
  fieldState
@@ -242,6 +246,7 @@ var FormFieldPassword = /* @__PURE__ */__name(({
242
246
  rules,
243
247
  id,
244
248
  leadingIcon,
249
+ auxiliaryCheckbox,
245
250
  ...inputProps
246
251
  } = props;
247
252
  return /* @__PURE__ */React.createElement(FormField, {
@@ -255,6 +260,7 @@ var FormFieldPassword = /* @__PURE__ */__name(({
255
260
  defaultValue,
256
261
  rules,
257
262
  disabled,
263
+ auxiliaryCheckbox,
258
264
  render: /* @__PURE__ */__name(({
259
265
  field,
260
266
  fieldState
@@ -623,6 +629,7 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
623
629
  css,
624
630
  rules,
625
631
  id,
632
+ auxiliaryCheckbox,
626
633
  ...textareaProps
627
634
  } = props;
628
635
  return /* @__PURE__ */React.createElement(FormField, {
@@ -636,6 +643,7 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
636
643
  defaultValue,
637
644
  rules,
638
645
  disabled,
646
+ auxiliaryCheckbox,
639
647
  render: /* @__PURE__ */__name(({
640
648
  field,
641
649
  fieldState
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
- import { Controller, Form, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-EOMFHI2R.js";
3
- import { FormErrorMessage, FormField, FormFieldPatternFormat } from "./chunk-LSSFZMBY.js";
2
+ import { Controller, Form, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-YGXPWMYB.js";
3
+ import { FormErrorMessage, FormField, FormFieldPatternFormat } from "./chunk-UYZ5HGD3.js";
4
4
  export { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };
package/dist/index.d.ts CHANGED
@@ -4,8 +4,8 @@ import * as React from 'react';
4
4
  import { FieldValues, FormProviderProps, FieldName, FieldPath } from 'react-hook-form';
5
5
  export * from 'react-hook-form';
6
6
  export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
7
- import { F as FormFieldProps, a as FormFieldPatternFormatProps } from './FormFieldPatternFormat-nQpHzJqa.js';
8
- export { b as FormField, c as FormFieldPatternFormat } from './FormFieldPatternFormat-nQpHzJqa.js';
7
+ import { F as FormFieldProps, a as FormFieldPatternFormatProps } from './FormFieldPatternFormat-D5CI6eUA.js';
8
+ export { b as FormField, c as FormFieldPatternFormat } from './FormFieldPatternFormat-D5CI6eUA.js';
9
9
  import { NumericFormatProps } from 'react-number-format';
10
10
  import './typings.d-HZBqJJjn.js';
11
11
  import * as yup from 'yup';
@@ -23,7 +23,9 @@ declare const FormErrorMessage: <TFieldValues extends FieldValues = FieldValues>
23
23
  disabled?: boolean;
24
24
  }) => react_jsx_runtime.JSX.Element;
25
25
 
26
- type FormFieldCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<CheckboxProps, 'name'>;
26
+ type FormFieldCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormFieldProps<TFieldValues, TName>, 'defaultValue'> & Omit<CheckboxProps, 'name' | 'defaultValue'> & {
27
+ defaultValue?: boolean;
28
+ };
27
29
  declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ defaultValue, disabled, ...props }: FormFieldCheckboxProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
28
30
 
29
31
  type FormFieldCreditCardNumberProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldPatternFormatProps<TFieldValues, TName>;
@@ -105,4 +107,4 @@ type FormGroupProps = {
105
107
  } & BoxProps;
106
108
  declare const FormGroup: (props: FormGroupProps) => react_jsx_runtime.JSX.Element;
107
109
 
108
- export { Form, FormErrorMessage, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, type FormRadioOption, useFormGroup };
110
+ export { Form, FormErrorMessage, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldProps, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, type FormRadioOption, useFormGroup };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/forms",
3
- "version": "0.33.3",
3
+ "version": "0.34.0",
4
4
  "license": "MIT",
5
5
  "author": "ttoss",
6
6
  "contributors": [
@@ -40,7 +40,7 @@
40
40
  "peerDependencies": {
41
41
  "react": ">=16.8.0",
42
42
  "@ttoss/react-i18n": "^2.0.24",
43
- "@ttoss/ui": "^6.0.3"
43
+ "@ttoss/ui": "^6.0.4"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@types/jest": "^30.0.0",
@@ -51,11 +51,11 @@
51
51
  "tsup": "^8.5.1",
52
52
  "yup": "^1.7.1",
53
53
  "@ttoss/config": "^1.35.12",
54
- "@ttoss/i18n-cli": "^0.7.38",
54
+ "@ttoss/react-i18n": "^2.0.24",
55
55
  "@ttoss/react-icons": "^0.5.5",
56
56
  "@ttoss/test-utils": "^4.0.1",
57
- "@ttoss/react-i18n": "^2.0.24",
58
- "@ttoss/ui": "^6.0.3"
57
+ "@ttoss/i18n-cli": "^0.7.38",
58
+ "@ttoss/ui": "^6.0.4"
59
59
  },
60
60
  "publishConfig": {
61
61
  "access": "public",