@ttoss/forms 0.18.9 → 0.18.10

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 (6) hide show
  1. package/dist/esm/index.js +8 -8
  2. package/dist/index.js +8 -8
  3. package/package.json +1 -1
  4. package/src/FormFieldInput.tsx +6 -4
  5. package/src/FormFieldPassword.tsx +2 -4
  6. package/src/FormFieldTextarea.tsx +8 -2
package/dist/esm/index.js CHANGED
@@ -257,13 +257,12 @@ var FormFieldInput = ({
257
257
  defaultValue,
258
258
  render: ({
259
259
  field,
260
- formState
260
+ fieldState
261
261
  }) => {
262
- const hasError = !!formState.errors[name]?.message;
263
262
  return /* @__PURE__ */jsx5(Input, {
264
263
  ...inputProps,
265
264
  ...field,
266
- "aria-invalid": hasError.valueOf()
265
+ "aria-invalid": fieldState.error ? "true" : void 0
267
266
  });
268
267
  }
269
268
  });
@@ -291,13 +290,12 @@ var FormFieldPassword = ({
291
290
  defaultValue,
292
291
  render: ({
293
292
  field,
294
- formState
293
+ fieldState
295
294
  }) => {
296
- const hasError = !!formState.errors[name]?.message;
297
295
  return /* @__PURE__ */jsx6(InputPassword, {
298
296
  ...inputProps,
299
297
  ...field,
300
- "aria-invalid": hasError.valueOf()
298
+ "aria-invalid": fieldState.error ? "true" : void 0
301
299
  });
302
300
  }
303
301
  });
@@ -451,11 +449,13 @@ var FormFieldTextarea = ({
451
449
  id,
452
450
  sx,
453
451
  render: ({
454
- field
452
+ field,
453
+ fieldState
455
454
  }) => {
456
455
  return /* @__PURE__ */jsx9(Textarea, {
457
456
  ...field,
458
- ...textareaProps
457
+ ...textareaProps,
458
+ "aria-invalid": fieldState.error ? "true" : void 0
459
459
  });
460
460
  }
461
461
  });
package/dist/index.js CHANGED
@@ -293,13 +293,12 @@ var FormFieldInput = ({
293
293
  defaultValue,
294
294
  render: ({
295
295
  field,
296
- formState
296
+ fieldState
297
297
  }) => {
298
- const hasError = !!formState.errors[name]?.message;
299
298
  return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.Input, {
300
299
  ...inputProps,
301
300
  ...field,
302
- "aria-invalid": hasError.valueOf()
301
+ "aria-invalid": fieldState.error ? "true" : void 0
303
302
  });
304
303
  }
305
304
  });
@@ -327,13 +326,12 @@ var FormFieldPassword = ({
327
326
  defaultValue,
328
327
  render: ({
329
328
  field,
330
- formState
329
+ fieldState
331
330
  }) => {
332
- const hasError = !!formState.errors[name]?.message;
333
331
  return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_ui6.InputPassword, {
334
332
  ...inputProps,
335
333
  ...field,
336
- "aria-invalid": hasError.valueOf()
334
+ "aria-invalid": fieldState.error ? "true" : void 0
337
335
  });
338
336
  }
339
337
  });
@@ -487,11 +485,13 @@ var FormFieldTextarea = ({
487
485
  id,
488
486
  sx,
489
487
  render: ({
490
- field
488
+ field,
489
+ fieldState
491
490
  }) => {
492
491
  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(import_ui9.Textarea, {
493
492
  ...field,
494
- ...textareaProps
493
+ ...textareaProps,
494
+ "aria-invalid": fieldState.error ? "true" : void 0
495
495
  });
496
496
  }
497
497
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/forms",
3
- "version": "0.18.9",
3
+ "version": "0.18.10",
4
4
  "license": "UNLICENSED",
5
5
  "author": "ttoss",
6
6
  "contributors": [
package/src/FormFieldInput.tsx CHANGED
@@ -29,11 +29,13 @@ export const FormFieldInput = <
29
29
  onTooltipClick={onTooltipClick}
30
30
  sx={sx}
31
31
  defaultValue={defaultValue as FieldPathValue<TFieldValues, TName>}
32
- render={({ field, formState }) => {
33
- const hasError = !!formState.errors[name]?.message;
34
-
32
+ render={({ field, fieldState }) => {
35
33
  return (
36
- <Input {...inputProps} {...field} aria-invalid={hasError.valueOf()} />
34
+ <Input
35
+ {...inputProps}
36
+ {...field}
37
+ aria-invalid={fieldState.error ? 'true' : undefined}
38
+ />
37
39
  );
38
40
  }}
39
41
  />
package/src/FormFieldPassword.tsx CHANGED
@@ -29,14 +29,12 @@ export const FormFieldPassword = <
29
29
  onTooltipClick={onTooltipClick}
30
30
  sx={sx}
31
31
  defaultValue={defaultValue as FieldPathValue<TFieldValues, TName>}
32
- render={({ field, formState }) => {
33
- const hasError = !!formState.errors[name]?.message;
34
-
32
+ render={({ field, fieldState }) => {
35
33
  return (
36
34
  <InputPassword
37
35
  {...inputProps}
38
36
  {...field}
39
- aria-invalid={hasError.valueOf()}
37
+ aria-invalid={fieldState.error ? 'true' : undefined}
40
38
  />
41
39
  );
42
40
  }}
package/src/FormFieldTextarea.tsx CHANGED
@@ -22,8 +22,14 @@ export const FormFieldTextarea = <
22
22
  name={name}
23
23
  id={id}
24
24
  sx={sx}
25
- render={({ field }) => {
26
- return <Textarea {...field} {...textareaProps} />;
25
+ render={({ field, fieldState }) => {
26
+ return (
27
+ <Textarea
28
+ {...field}
29
+ {...textareaProps}
30
+ aria-invalid={fieldState.error ? 'true' : undefined}
31
+ />
32
+ );
27
33
  }}
28
34
  />
29
35
  );