@ultraviolet/form 2.13.6 → 2.13.8

package/dist/components/DateField/index.cjs

@@ -24,6 +24,7 @@ const DateField = ({
   autoFocus = false,
   excludeDates,
   selectsRange,
+  size,
   "data-testid": dataTestId,
   shouldUnregister = false
 }) => {
@@ -65,7 +66,7 @@ const DateField = ({
   }, onBlur: (e) => {
     field.onBlur();
     onBlur?.(e);
-  }, onFocus, maxDate: maxDate$1, minDate: minDate$1, error: getError({
+  }, onFocus, maxDate: maxDate$1, size, minDate: minDate$1, error: getError({
     minDate: minDate$1,
     maxDate: maxDate$1,
     label

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

@@ -12,5 +12,5 @@ type DateFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TF
     onFocus?: (value: FocusEvent<HTMLElement>) => void;
     autoFocus?: boolean;
 };
-export declare const DateField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, label, format, locale, maxDate, minDate, disabled, onChange, onBlur, onFocus, rules, autoFocus, excludeDates, selectsRange, "data-testid": dataTestId, shouldUnregister, }: DateFieldProps<TFieldValues, TName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DateField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, label, format, locale, maxDate, minDate, disabled, onChange, onBlur, onFocus, rules, autoFocus, excludeDates, selectsRange, size, "data-testid": dataTestId, shouldUnregister, }: DateFieldProps<TFieldValues, TName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DateField/index.js

@@ -22,6 +22,7 @@ const DateField = ({
   autoFocus = false,
   excludeDates,
   selectsRange,
+  size,
   "data-testid": dataTestId,
   shouldUnregister = false
 }) => {
@@ -63,7 +64,7 @@ const DateField = ({
   }, onBlur: (e) => {
     field.onBlur();
     onBlur?.(e);
-  }, onFocus, maxDate, minDate, error: getError({
+  }, onFocus, maxDate, size, minDate, error: getError({
     minDate,
     maxDate,
     label

package/dist/components/ToggleField/index.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ui = require("@ultraviolet/ui");
 const reactHookForm = require("react-hook-form");
+const index = require("../../providers/ErrorContext/index.cjs");
 const ToggleField = ({
   className,
   disabled,
@@ -20,7 +21,10 @@ const ToggleField = ({
   shouldUnregister = false
 }) => {
   const {
-    field
+    field,
+    fieldState: {
+      error
+    }
   } = reactHookForm.useController({
     name,
     shouldUnregister,
@@ -29,6 +33,9 @@ const ToggleField = ({
       ...rules
     }
   });
+  const {
+    getError
+  } = index.useErrors();
   const transformedValue = () => {
     if (format) {
       return format(field.value);
@@ -42,6 +49,8 @@ const ToggleField = ({
       field.onChange(event);
     }
     onChange?.(event);
-  }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId });
+  }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId, error: getError({
+    label: name
+  }, error) });
 };
 exports.ToggleField = ToggleField;

package/dist/components/ToggleField/index.js

@@ -1,6 +1,7 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { Toggle } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
+import { useErrors } from "../../providers/ErrorContext/index.js";
 const ToggleField = ({
   className,
   disabled,
@@ -18,7 +19,10 @@ const ToggleField = ({
   shouldUnregister = false
 }) => {
   const {
-    field
+    field,
+    fieldState: {
+      error
+    }
   } = useController({
     name,
     shouldUnregister,
@@ -27,6 +31,9 @@ const ToggleField = ({
       ...rules
     }
   });
+  const {
+    getError
+  } = useErrors();
   const transformedValue = () => {
     if (format) {
       return format(field.value);
@@ -40,7 +47,9 @@ const ToggleField = ({
       field.onChange(event);
     }
     onChange?.(event);
-  }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId });
+  }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId, error: getError({
+    label: name
+  }, error) });
 };
 export {
   ToggleField

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

@@ -5,7 +5,7 @@ import type { BaseFieldProps } from '../../types';
 type ToggleGroupFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof ToggleGroup>, 'className' | 'helper' | 'direction' | 'children' | 'error' | 'legend'>> & Required<Pick<ComponentProps<typeof ToggleGroup>, 'legend' | 'name'>>;
 export declare const ToggleGroupField: {
     <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ legend, className, helper, direction, children, onChange, label, error: customError, name, required, shouldUnregister, }: ToggleGroupFieldProps<TFieldValues, TName>): import("@emotion/react/jsx-runtime").JSX.Element;
-    Toggle: ({ disabled, name, value, label, helper, className, "data-testid": dataTestId, }: Omit<{
+    Toggle: ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, }: Omit<{
         id?: string | undefined;
         checked?: boolean | undefined;
         name: string;
@@ -18,6 +18,7 @@ export declare const ToggleGroupField: {
         disabled?: boolean | undefined;
         className?: string | undefined;
         required?: boolean | undefined;
+        error?: string | boolean | undefined;
         'data-testid'?: string | undefined;
     } & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "value"> & import("react").RefAttributes<HTMLInputElement>, "required" | "onChange" | "checked"> & {
         value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "2.13.6",
+  "version": "2.13.8",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -71,7 +71,7 @@
     "@emotion/styled": "11.11.5",
     "react-select": "5.8.0",
     "react-hook-form": "7.51.4",
-    "@ultraviolet/ui": "1.51.5"
+    "@ultraviolet/ui": "1.53.0"
   },
   "scripts": {
     "prebuild": "shx rm -rf dist",