@ultraviolet/form 3.9.0 → 3.9.2

package/dist/components/CheckboxGroupField/index.cjs

@@ -36,6 +36,9 @@ const CheckboxGroupField = ({
       }
       return null;
     })?.filter(Boolean) ?? [];
+    if (requiredChildren.length === 0 && !required) {
+      return true;
+    }
     if (!required && arraysContainSameValues(value, requiredChildren)) {
       return true;
     }
@@ -70,7 +73,7 @@ const CheckboxGroupField = ({
     onChange?.(event.currentTarget.value);
   }, error: getError({
     label
-  }, error) ?? customError, name, children });
+  }, error) ?? customError, name, required, children });
 };
 CheckboxGroupField.Checkbox = ui.CheckboxGroup.Checkbox;
 exports.CheckboxGroupField = CheckboxGroupField;

package/dist/components/CheckboxGroupField/index.js

@@ -34,6 +34,9 @@ const CheckboxGroupField = ({
       }
       return null;
     })?.filter(Boolean) ?? [];
+    if (requiredChildren.length === 0 && !required) {
+      return true;
+    }
     if (!required && arraysContainSameValues(value, requiredChildren)) {
       return true;
     }
@@ -68,7 +71,7 @@ const CheckboxGroupField = ({
     onChange?.(event.currentTarget.value);
   }, error: getError({
     label
-  }, error) ?? customError, name, children });
+  }, error) ?? customError, name, required, children });
 };
 CheckboxGroupField.Checkbox = CheckboxGroup.Checkbox;
 export {

package/dist/components/TextAreaField/index.cjs

@@ -31,7 +31,8 @@ const TextAreaField = ({
   tooltip,
   regex: regexes,
   submitOnEnter,
-  validate
+  validate,
+  "aria-label": ariaLabel
 }) => {
   const {
     getError
@@ -78,14 +79,18 @@ const TextAreaField = ({
     regex: regexes,
     minLength,
     maxLength,
-    label,
+    label: label ?? ariaLabel,
     value: field.value
-  }, error), helper, label, labelDescription, minLength, maxLength, name, onBlur: (event) => {
+  }, error), helper, labelDescription, minLength, maxLength, name, onBlur: (event) => {
     onBlur?.(event);
     field.onBlur();
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event);
-  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value });
+  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value, ...label ? {
+    label
+  } : {
+    "aria-label": ariaLabel
+  } });
 };
 exports.TextAreaField = TextAreaField;

package/dist/components/TextAreaField/index.d.ts

@@ -9,4 +9,4 @@ export type TextAreaFieldProps<TFieldValues extends FieldValues, TFieldName exte
 /**
  * This component offers a form field based on Ultraviolet UI TextArea component
  */
-export declare const TextAreaField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, clearable, className, tabIndex, control, "data-testid": dataTestId, disabled, helper, label, labelDescription, onChange, minLength, maxLength, name, onFocus, onBlur, onKeyDown, placeholder, readOnly, required, rows, success, tooltip, regex: regexes, submitOnEnter, validate, }: TextAreaFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TextAreaField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, clearable, className, tabIndex, control, "data-testid": dataTestId, disabled, helper, label, labelDescription, onChange, minLength, maxLength, name, onFocus, onBlur, onKeyDown, placeholder, readOnly, required, rows, success, tooltip, regex: regexes, submitOnEnter, validate, "aria-label": ariaLabel, }: TextAreaFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/TextAreaField/index.js

@@ -29,7 +29,8 @@ const TextAreaField = ({
   tooltip,
   regex: regexes,
   submitOnEnter,
-  validate
+  validate,
+  "aria-label": ariaLabel
 }) => {
   const {
     getError
@@ -76,15 +77,19 @@ const TextAreaField = ({
     regex: regexes,
     minLength,
     maxLength,
-    label,
+    label: label ?? ariaLabel,
     value: field.value
-  }, error), helper, label, labelDescription, minLength, maxLength, name, onBlur: (event) => {
+  }, error), helper, labelDescription, minLength, maxLength, name, onBlur: (event) => {
     onBlur?.(event);
     field.onBlur();
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event);
-  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value });
+  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value, ...label ? {
+    label
+  } : {
+    "aria-label": ariaLabel
+  } });
 };
 export {
   TextAreaField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "3.9.0",
+  "version": "3.9.2",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -61,7 +61,7 @@
     "@emotion/react": "11.13.3",
     "@emotion/styled": "11.13.0",
     "@types/final-form-focus": "1.1.7",
-    "@types/react": "18.3.9",
+    "@types/react": "18.3.10",
     "@types/react-dom": "18.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -71,8 +71,8 @@
     "@babel/runtime": "7.25.6",
     "react-hook-form": "7.53.0",
     "react-select": "5.8.1",
-    "@ultraviolet/themes": "1.14.1",
-    "@ultraviolet/ui": "1.71.0"
+    "@ultraviolet/themes": "1.14.2",
+    "@ultraviolet/ui": "1.72.0"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",