@ultraviolet/form 2.13.3 → 2.13.4

package/dist/components/TextInputFieldV2/index.js

@@ -36,19 +36,21 @@ const TextInputField = ({
   "aria-label": ariaLabel,
   autoComplete
 }) => {
-  const { getError } = useErrors();
+  const {
+    getError
+  } = useErrors();
   const {
     field,
-    fieldState: { error }
+    fieldState: {
+      error
+    }
   } = useController({
     name,
     rules: {
       required,
       validate: {
         ...regexes ? {
-          pattern: (value) => regexes.every(
-            (regex) => value === void 0 || value === "" || (Array.isArray(regex) ? regex.some((regexOr) => regexOr.test(value)) : regex.test(value))
-          )
+          pattern: (value) => regexes.every((regex) => value === void 0 || value === "" || (Array.isArray(regex) ? regex.some((regexOr) => regexOr.test(value)) : regex.test(value)))
         } : {},
         ...validate
       },
@@ -56,60 +58,21 @@ const TextInputField = ({
       maxLength
     }
   });
-  return /* @__PURE__ */ jsx(
-    TextInputV2,
-    {
-      autoFocus,
-      className,
-      clearable,
-      "data-testid": dataTestId,
-      disabled,
-      error: getError(
-        {
-          regex: regexes,
-          // minLength,
-          // maxLength,
-          label: label ?? "",
-          value: field.value
-        },
-        error
-      ),
-      helper,
-      label,
-      loading,
-      labelDescription,
-      minLength,
-      maxLength,
-      name,
-      onBlur: (event) => {
-        onBlur?.(event);
-        field.onBlur();
-      },
-      onChange: (event) => {
-        field.onChange(event);
-        onChange?.(event);
-      },
-      onFocus: (event) => {
-        onFocus?.(event);
-      },
-      placeholder,
-      readOnly,
-      required,
-      success,
-      tabIndex,
-      tooltip,
-      type,
-      value: field.value,
-      id,
-      prefix,
-      suffix,
-      size,
-      onRandomize,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      autoComplete
-    }
-  );
+  return /* @__PURE__ */ jsx(TextInputV2, { autoFocus, className, clearable, "data-testid": dataTestId, disabled, error: getError({
+    regex: regexes,
+    // minLength,
+    // maxLength,
+    label: label ?? "",
+    value: field.value
+  }, error), helper, label, loading, labelDescription, minLength, maxLength, name, onBlur: (event) => {
+    onBlur?.(event);
+    field.onBlur();
+  }, onChange: (event) => {
+    field.onChange(event);
+    onChange?.(event);
+  }, onFocus: (event) => {
+    onFocus?.(event);
+  }, placeholder, readOnly, required, success, tabIndex, tooltip, type, value: field.value, id, prefix, suffix, size, onRandomize, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoComplete });
 };
 export {
   TextInputField

package/dist/components/TimeField/index.js

@@ -35,7 +35,9 @@ const TimeField = ({
 }) => {
   const {
     field,
-    fieldState: { error }
+    fieldState: {
+      error
+    }
   } = useController({
     name,
     shouldUnregister,
@@ -44,47 +46,20 @@ const TimeField = ({
       ...rules
     }
   });
-  return /* @__PURE__ */ jsx(
-    TimeInput,
-    {
-      name: field.name,
-      placeholder,
-      schedule,
-      required,
-      value: parseTime(field.value),
-      onChange: (val) => {
-        if (!val)
-          return;
-        onChange?.(val);
-        const [hours, minutes] = val.value.split(":");
-        const date = field.value ? new Date(field.value) : /* @__PURE__ */ new Date();
-        date.setHours(Number(hours), Number(minutes), 0);
-        field.onChange(date);
-      },
-      onBlur: (event) => {
-        field.onBlur();
-        onBlur?.(event);
-      },
-      onFocus: (event) => {
-        onFocus?.(event);
-      },
-      error: error?.message,
-      disabled,
-      readOnly,
-      animation,
-      animationDuration,
-      animationOnChange,
-      className,
-      isLoading,
-      isClearable,
-      isSearchable,
-      inputId,
-      id,
-      options,
-      "data-testid": dataTestId,
-      noTopLabel
-    }
-  );
+  return /* @__PURE__ */ jsx(TimeInput, { name: field.name, placeholder, schedule, required, value: parseTime(field.value), onChange: (val) => {
+    if (!val)
+      return;
+    onChange?.(val);
+    const [hours, minutes] = val.value.split(":");
+    const date = field.value ? new Date(field.value) : /* @__PURE__ */ new Date();
+    date.setHours(Number(hours), Number(minutes), 0);
+    field.onChange(date);
+  }, onBlur: (event) => {
+    field.onBlur();
+    onBlur?.(event);
+  }, onFocus: (event) => {
+    onFocus?.(event);
+  }, error: error?.message, disabled, readOnly, animation, animationDuration, animationOnChange, className, isLoading, isClearable, isSearchable, inputId, id, options, "data-testid": dataTestId, noTopLabel });
 };
 export {
   TimeField

package/dist/components/ToggleField/index.js

@@ -17,7 +17,9 @@ const ToggleField = ({
   "data-testid": dataTestId,
   shouldUnregister = false
 }) => {
-  const { field } = useController({
+  const {
+    field
+  } = useController({
     name,
     shouldUnregister,
     rules: {
@@ -31,30 +33,14 @@ const ToggleField = ({
     }
     return field.value;
   };
-  return /* @__PURE__ */ jsx(
-    Toggle,
-    {
-      name: field.name,
-      ref: field.ref,
-      checked: transformedValue(),
-      tooltip,
-      onChange: (event) => {
-        if (parse) {
-          field.onChange(parse(event.target.checked));
-        } else {
-          field.onChange(event);
-        }
-        onChange?.(event);
-      },
-      label,
-      size,
-      disabled,
-      labelPosition,
-      className,
-      required,
-      "data-testid": dataTestId
+  return /* @__PURE__ */ jsx(Toggle, { name: field.name, ref: field.ref, checked: transformedValue(), tooltip, onChange: (event) => {
+    if (parse) {
+      field.onChange(parse(event.target.checked));
+    } else {
+      field.onChange(event);
     }
-  );
+    onChange?.(event);
+  }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId });
 };
 export {
   ToggleField

package/dist/hooks/useField.js

@@ -1,9 +1,16 @@
 import { useFormContext, useController } from "react-hook-form";
 const useFieldDeprecated = (name, options) => {
-  const { getValues } = useFormContext();
-  const { field, fieldState } = useController({
+  const {
+    getValues
+  } = useFormContext();
+  const {
+    field,
+    fieldState
+  } = useController({
     name,
-    rules: { validate: options?.validate }
+    rules: {
+      validate: options?.validate
+    }
   });
   return {
     input: {

package/dist/hooks/useFieldArray.js

@@ -1,10 +1,20 @@
 import { useFieldArray, useWatch } from "react-hook-form";
 const useFieldArrayDeprecated = (name, options) => {
-  const { fields, append, remove, update, move } = useFieldArray({
+  const {
+    fields,
+    append,
+    remove,
+    update,
+    move
+  } = useFieldArray({
     name,
-    rules: { validate: options?.validate }
+    rules: {
+      validate: options?.validate
+    }
+  });
+  const value = useWatch({
+    name
   });
-  const value = useWatch({ name });
   return {
     fields: {
       push: append,

package/dist/hooks/useForm.js

@@ -2,7 +2,12 @@ import { useContext } from "react";
 import { useFormContext } from "react-hook-form";
 import { FormSubmitContext } from "../components/Form/index.js";
 const useFormDeprecated = () => {
-  const { setValue, resetField, getFieldState, reset } = useFormContext();
+  const {
+    setValue,
+    resetField,
+    getFieldState,
+    reset
+  } = useFormContext();
   const formSubmitContext = useContext(FormSubmitContext);
   return {
     change: setValue,

package/dist/hooks/useFormState.js

@@ -1,6 +1,8 @@
 import { useFormContext, useWatch } from "react-hook-form";
 const useFormStateDeprecated = (_params) => {
-  const { formState } = useFormContext();
+  const {
+    formState
+  } = useFormContext();
   return {
     dirtySinceLastSubmit: formState.isDirty,
     submitErrors: formState.errors.root,

package/dist/hooks/useOnFieldChange.js

@@ -1,10 +1,11 @@
 import { useRef, useEffect } from "react";
 import { useFormContext } from "react-hook-form";
 const useOnFieldChange = (fieldName, callback, enabled = true) => {
-  const { watch, getValues } = useFormContext();
-  const previousValues = useRef(
-    getValues(fieldName)
-  );
+  const {
+    watch,
+    getValues
+  } = useFormContext();
+  const previousValues = useRef(getValues(fieldName));
   useEffect(() => {
     const subscription = watch((value) => {
       if (previousValues.current !== value[fieldName] && enabled) {

package/dist/providers/ErrorContext/index.js

@@ -1,26 +1,23 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { createContext, useCallback, useMemo, useContext } from "react";
 const ErrorContext = createContext(void 0);
-const ErrorProvider = ({ children, errors }) => {
-  const getError = useCallback(
-    (meta, error) => {
-      if (!error) {
-        return void 0;
-      }
-      if (error.message) {
-        return error.message;
-      }
-      return errors?.[error.type]?.(meta);
-    },
-    [errors]
-  );
-  const value = useMemo(
-    () => ({
-      errors,
-      getError
-    }),
-    [errors, getError]
-  );
+const ErrorProvider = ({
+  children,
+  errors
+}) => {
+  const getError = useCallback((meta, error) => {
+    if (!error) {
+      return void 0;
+    }
+    if (error.message) {
+      return error.message;
+    }
+    return errors?.[error.type]?.(meta);
+  }, [errors]);
+  const value = useMemo(() => ({
+    errors,
+    getError
+  }), [errors, getError]);
   return /* @__PURE__ */ jsx(ErrorContext.Provider, { value, children });
 };
 const useErrors = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "2.13.3",
+  "version": "2.13.4",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -52,14 +52,14 @@
   },
   "dependencies": {
     "@babel/runtime": "7.24.5",
-    "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
     "react-select": "5.8.0",
     "react-hook-form": "7.51.3",
-    "@ultraviolet/ui": "1.51.2"
+    "@ultraviolet/ui": "1.51.3"
   },
   "scripts": {
+    "prebuild": "shx rm -rf dist",
     "type:generate": "tsc --declaration -p tsconfig.build.json",
     "build": "vite build --config vite.config.ts && pnpm run type:generate",
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",