@ultraviolet/form 2.7.0 → 2.7.2

package/dist/components/CheckboxField/index.js

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import { useErrors } from '../../providers/ErrorContext/index.js';
 
 const CheckboxField = ({
+  id,
   name,
   label,
   size,
@@ -19,7 +20,6 @@ const CheckboxField = ({
   helper,
   tooltip,
   'data-testid': dataTestId,
-  value,
   shouldUnregister = false
 }) => {
   const {
@@ -40,9 +40,10 @@ const CheckboxField = ({
     }
   });
   return jsx(Checkbox, {
+    id: id,
     name: field.name,
     onChange: event => {
-      field.onChange(value ? [...(field.value ?? []), value] : event.target.checked);
+      field.onChange(event.target.checked);
       onChange?.(event.target.checked);
     },
     onBlur: event => {
@@ -53,7 +54,7 @@ const CheckboxField = ({
     size: size,
     progress: progress,
     disabled: field.disabled,
-    checked: Array.isArray(field.value) ? field.value.includes(value) : !!field.value,
+    checked: !!field.value,
     error: getError({
       label: label ?? ''
     }, error),
@@ -63,7 +64,6 @@ const CheckboxField = ({
     "data-testid": dataTestId,
     helper: helper,
     tooltip: tooltip,
-    value: value,
     children: children
   });
 };

package/dist/index.d.ts

@@ -42,11 +42,11 @@ type BaseFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TF
     shouldUnregister?: UseControllerProps<TFieldValues, TName>['shouldUnregister'];
 };
 
-type CheckboxFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof Checkbox>, 'disabled' | 'onBlur' | 'onFocus' | 'progress' | 'size' | 'data-testid' | 'helper' | 'tooltip'>> & {
+type CheckboxFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TName>, 'value'> & Partial<Pick<ComponentProps<typeof Checkbox>, 'id' | 'disabled' | 'onBlur' | 'onFocus' | 'progress' | 'size' | 'data-testid' | 'helper' | 'tooltip'>> & {
     className?: string;
     children?: ReactNode;
 };
-declare const CheckboxField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, size, progress, disabled, required, className, children, onChange, onBlur, onFocus, rules, helper, tooltip, "data-testid": dataTestId, value, shouldUnregister, }: CheckboxFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const CheckboxField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ id, name, label, size, progress, disabled, required, className, children, onChange, onBlur, onFocus, rules, helper, tooltip, "data-testid": dataTestId, shouldUnregister, }: CheckboxFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CheckboxGroupFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof CheckboxGroup>, 'className' | 'helper' | 'required' | 'direction' | 'children' | 'error' | 'legend'>> & Required<Pick<ComponentProps<typeof CheckboxGroup>, 'legend'>>;
 declare const CheckboxGroupField: {
@@ -63,7 +63,7 @@ declare const CheckboxGroupField: {
         required?: boolean | undefined;
         'data-testid'?: string | undefined;
         tooltip?: string | undefined;
-    } & Pick<react.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onBlur" | "onFocus" | "name" | "autoFocus" | "id"> & (({
+    } & Pick<react.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onBlur" | "name" | "onFocus" | "autoFocus" | "id"> & (({
         "aria-label"?: undefined;
     } & {
         children: react.ReactNode;
@@ -342,7 +342,7 @@ declare const RadioGroupField: {
         className?: string | undefined;
         'data-testid'?: string | undefined;
         tooltip?: string | undefined;
-    } & Required<Pick<react.InputHTMLAttributes<HTMLInputElement>, "onChange">> & Pick<react.InputHTMLAttributes<HTMLInputElement>, "required" | "onBlur" | "disabled" | "onFocus" | "name" | "autoFocus" | "id" | "onKeyDown"> & ({
+    } & Required<Pick<react.InputHTMLAttributes<HTMLInputElement>, "onChange">> & Pick<react.InputHTMLAttributes<HTMLInputElement>, "required" | "onBlur" | "disabled" | "name" | "onFocus" | "autoFocus" | "id" | "onKeyDown"> & ({
         'aria-label': string;
         label?: undefined;
     } | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -41,8 +41,8 @@
   "devDependencies": {
     "@babel/core": "7.23.9",
     "@types/final-form-focus": "1.1.7",
-    "@types/react": "18.2.52",
-    "@types/react-dom": "18.2.18",
+    "@types/react": "18.2.55",
+    "@types/react-dom": "18.2.19",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -53,7 +53,7 @@
     "@emotion/styled": "11.11.0",
     "react-select": "5.8.0",
     "react-hook-form": "7.50.1",
-    "@ultraviolet/ui": "1.37.0"
+    "@ultraviolet/ui": "1.38.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",