@ultraviolet/form 3.8.3 → 3.9.1

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

@@ -22,6 +22,7 @@ const TextAreaField = ({
   name,
   onFocus,
   onBlur,
+  onKeyDown,
   placeholder,
   readOnly,
   required,
@@ -29,6 +30,7 @@ const TextAreaField = ({
   success,
   tooltip,
   regex: regexes,
+  submitOnEnter,
   validate
 }) => {
   const {
@@ -54,6 +56,24 @@ const TextAreaField = ({
       maxLength
     }
   });
+  const onKeyDownHandler = (event) => {
+    if (submitOnEnter && event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      event.stopPropagation();
+      const {
+        form
+      } = event.currentTarget;
+      if (form) {
+        const submitEvent = new Event("submit", {
+          bubbles: true,
+          cancelable: true
+        });
+        form.dispatchEvent(submitEvent);
+      }
+    } else {
+      onKeyDown?.(event);
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(ui.TextArea, { autoFocus, className, clearable, "data-testid": dataTestId, disabled, error: getError({
     regex: regexes,
     minLength,
@@ -66,8 +86,6 @@ const TextAreaField = ({
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event);
-  }, onFocus: (event) => {
-    onFocus?.(event);
-  }, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value });
+  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value });
 };
 exports.TextAreaField = TextAreaField;

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

@@ -4,8 +4,9 @@ import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
 export type TextAreaFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TextArea>, 'value' | 'error' | 'name' | 'onChange'> & {
     regex?: (RegExp | RegExp[])[];
+    submitOnEnter?: boolean;
 };
 /**
  * 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, placeholder, readOnly, required, rows, success, tooltip, regex: regexes, 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, }: TextAreaFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/TextAreaField/index.js

@@ -20,6 +20,7 @@ const TextAreaField = ({
   name,
   onFocus,
   onBlur,
+  onKeyDown,
   placeholder,
   readOnly,
   required,
@@ -27,6 +28,7 @@ const TextAreaField = ({
   success,
   tooltip,
   regex: regexes,
+  submitOnEnter,
   validate
 }) => {
   const {
@@ -52,6 +54,24 @@ const TextAreaField = ({
       maxLength
     }
   });
+  const onKeyDownHandler = (event) => {
+    if (submitOnEnter && event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      event.stopPropagation();
+      const {
+        form
+      } = event.currentTarget;
+      if (form) {
+        const submitEvent = new Event("submit", {
+          bubbles: true,
+          cancelable: true
+        });
+        form.dispatchEvent(submitEvent);
+      }
+    } else {
+      onKeyDown?.(event);
+    }
+  };
   return /* @__PURE__ */ jsx(TextArea, { autoFocus, className, clearable, "data-testid": dataTestId, disabled, error: getError({
     regex: regexes,
     minLength,
@@ -64,9 +84,7 @@ const TextAreaField = ({
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event);
-  }, onFocus: (event) => {
-    onFocus?.(event);
-  }, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value });
+  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value });
 };
 export {
   TextAreaField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "3.8.3",
+  "version": "3.9.1",
   "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.5",
+    "@types/react": "18.3.9",
     "@types/react-dom": "18.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -70,9 +70,9 @@
   "dependencies": {
     "@babel/runtime": "7.25.6",
     "react-hook-form": "7.53.0",
-    "react-select": "5.8.0",
-    "@ultraviolet/themes": "1.14.0",
-    "@ultraviolet/ui": "1.70.2"
+    "react-select": "5.8.1",
+    "@ultraviolet/themes": "1.14.2",
+    "@ultraviolet/ui": "1.71.1"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",