@ultraviolet/form 1.11.0 → 1.12.0

package/dist/components/CheckboxField/index.js

@@ -4,25 +4,24 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import { useErrors } from '../../providers/ErrorContext/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const CheckboxField = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    validate,
-    name,
-    label = '',
-    size,
-    progress,
-    disabled,
-    required,
-    className,
-    children,
-    onChange,
-    onBlur,
-    onFocus,
-    value,
-    helper,
-    tooltip,
-    'data-testid': dataTestId
-  } = _ref;
+const CheckboxField = /*#__PURE__*/forwardRef(({
+  validate,
+  name,
+  label = '',
+  size,
+  progress,
+  disabled,
+  required,
+  className,
+  children,
+  onChange,
+  onBlur,
+  onFocus,
+  value,
+  helper,
+  tooltip,
+  'data-testid': dataTestId
+}, ref) => {
   const {
     getError
   } = useErrors();

package/dist/components/CheckboxGroupField/index.js

@@ -3,19 +3,18 @@ import { useFieldArray } from 'react-final-form-arrays';
 import { jsx } from '@emotion/react/jsx-runtime';
 import { useErrors } from '../../providers/ErrorContext/index.js';
 
-const CheckboxGroupField = _ref => {
-  let {
-    legend,
-    value,
-    className,
-    helper,
-    direction,
-    children,
-    onChange,
-    error: customError,
-    name,
-    required = false
-  } = _ref;
+const CheckboxGroupField = ({
+  legend,
+  value,
+  className,
+  helper,
+  direction,
+  children,
+  onChange,
+  error: customError,
+  name,
+  required = false
+}) => {
   const {
     getError
   } = useErrors();

package/dist/components/DateField/index.js

@@ -5,28 +5,27 @@ import { useFormField } from '../../hooks/useFormField.js';
 
 const parseDate = value => typeof value === 'string' ? new Date(value) : value;
 const isEmpty = value => typeof value === 'string' ? value === '' : value === undefined;
-const DateField = _ref => {
-  let {
-    required,
-    name,
-    label = '',
-    validate,
-    format,
-    locale,
-    maxDate,
-    minDate,
-    initialValue,
-    disabled,
-    value: inputVal,
-    onChange,
-    onBlur,
-    onFocus,
-    formatOnBlur,
-    autoFocus = false,
-    excludeDates,
-    selectsRange,
-    'data-testid': dataTestId
-  } = _ref;
+const DateField = ({
+  required,
+  name,
+  label = '',
+  validate,
+  format,
+  locale,
+  maxDate,
+  minDate,
+  initialValue,
+  disabled,
+  value: inputVal,
+  onChange,
+  onBlur,
+  onFocus,
+  formatOnBlur,
+  autoFocus = false,
+  excludeDates,
+  selectsRange,
+  'data-testid': dataTestId
+}) => {
   const {
     getError
   } = useErrors();

package/dist/components/Form/index.js

@@ -3,41 +3,38 @@ import { Form as Form$1 } from 'react-final-form';
 import { jsx } from '@emotion/react/jsx-runtime';
 import { ErrorProvider } from '../../providers/ErrorContext/index.js';
 
-const Form = _ref => {
-  let {
-    children,
-    onRawSubmit,
-    errors,
-    initialValues,
-    validateOnBlur,
-    validate,
-    name,
-    render,
-    mutators,
-    keepDirtyOnReinitialize,
-    className
-  } = _ref;
-  return jsx(Form$1, {
-    initialValues: initialValues,
-    validateOnBlur: validateOnBlur,
-    validate: validate,
-    mutators: {
-      ...arrayMutators,
-      ...mutators
-    },
-    onSubmit: onRawSubmit,
-    render: render ?? (renderProps => jsx(ErrorProvider, {
-      errors: errors,
-      children: jsx("form", {
-        noValidate: true,
-        name: name,
-        onSubmit: renderProps.handleSubmit,
-        className: className,
-        children: typeof children === 'function' ? children(renderProps) : children
-      })
-    })),
-    keepDirtyOnReinitialize: keepDirtyOnReinitialize
-  });
-};
+const Form = ({
+  children,
+  onRawSubmit,
+  errors,
+  initialValues,
+  validateOnBlur,
+  validate,
+  name,
+  render,
+  mutators,
+  keepDirtyOnReinitialize,
+  className
+}) => jsx(Form$1, {
+  initialValues: initialValues,
+  validateOnBlur: validateOnBlur,
+  validate: validate,
+  mutators: {
+    ...arrayMutators,
+    ...mutators
+  },
+  onSubmit: onRawSubmit,
+  render: render ?? (renderProps => jsx(ErrorProvider, {
+    errors: errors,
+    children: jsx("form", {
+      noValidate: true,
+      name: name,
+      onSubmit: renderProps.handleSubmit,
+      className: className,
+      children: typeof children === 'function' ? children(renderProps) : children
+    })
+  })),
+  keepDirtyOnReinitialize: keepDirtyOnReinitialize
+});
 
 export { Form };

package/dist/components/NumberInputField/index.js

@@ -2,26 +2,25 @@ import { NumberInput } from '@ultraviolet/ui';
 import { jsx } from '@emotion/react/jsx-runtime';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const NumberInputField = _ref => {
-  let {
-    disabled,
-    maxValue,
-    minValue,
-    name,
-    onChange,
-    onBlur,
-    onFocus,
-    onMaxCrossed,
-    onMinCrossed,
-    required,
-    size,
-    step,
-    text,
-    validate,
-    value,
-    className,
-    'data-testid': dataTestId
-  } = _ref;
+const NumberInputField = ({
+  disabled,
+  maxValue,
+  minValue,
+  name,
+  onChange,
+  onBlur,
+  onFocus,
+  onMaxCrossed,
+  onMinCrossed,
+  required,
+  size,
+  step,
+  text,
+  validate,
+  value,
+  className,
+  'data-testid': dataTestId
+}) => {
   const {
     input
   } = useFormField(name, {

package/dist/components/RadioField/index.js

@@ -3,22 +3,21 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import { useErrors } from '../../providers/ErrorContext/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const RadioField = _ref => {
-  let {
-    className,
-    'data-testid': dataTestId,
-    disabled,
-    id,
-    label = '',
-    name,
-    onBlur,
-    onChange,
-    onFocus,
-    required,
-    validate,
-    value,
-    tooltip
-  } = _ref;
+const RadioField = ({
+  className,
+  'data-testid': dataTestId,
+  disabled,
+  id,
+  label = '',
+  name,
+  onBlur,
+  onChange,
+  onFocus,
+  required,
+  validate,
+  value,
+  tooltip
+}) => {
   const {
     getError
   } = useErrors();

package/dist/components/RadioGroupField/index.js

@@ -3,20 +3,19 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import { useErrors } from '../../providers/ErrorContext/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const RadioGroupField = _ref => {
-  let {
-    className,
-    legend = '',
-    name,
-    onChange,
-    required,
-    validate,
-    value,
-    children,
-    error: customError,
-    helper,
-    direction
-  } = _ref;
+const RadioGroupField = ({
+  className,
+  legend = '',
+  name,
+  onChange,
+  required,
+  validate,
+  value,
+  children,
+  error: customError,
+  helper,
+  direction
+}) => {
   const {
     getError
   } = useErrors();

package/dist/components/SelectInputField/index.js

@@ -5,58 +5,54 @@ import { useErrors } from '../../providers/ErrorContext/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 
 const identity = x => x;
-const SelectInputField = _ref => {
-  let {
-    animation,
-    animationDuration,
-    animationOnChange,
-    children,
-    className,
-    disabled,
-    error: errorProp,
-    format: formatProp = identity,
-    formatOnBlur,
-    id,
-    inputId,
-    isClearable,
-    isLoading,
-    isSearchable,
-    label = '',
-    maxLength,
-    menuPortalTarget,
-    minLength,
-    multiple,
-    name,
-    onBlur,
-    onChange,
-    onFocus,
-    options: optionsProp,
-    parse: parseProp = identity,
-    placeholder,
-    readOnly,
-    required,
-    value,
-    noTopLabel,
-    noOptionsMessage,
-    customStyle,
-    validate,
-    'data-testid': dataTestId
-  } = _ref;
+const SelectInputField = ({
+  animation,
+  animationDuration,
+  animationOnChange,
+  children,
+  className,
+  disabled,
+  error: errorProp,
+  format: formatProp = identity,
+  formatOnBlur,
+  id,
+  inputId,
+  isClearable,
+  isLoading,
+  isSearchable,
+  label = '',
+  maxLength,
+  menuPortalTarget,
+  minLength,
+  multiple,
+  name,
+  onBlur,
+  onChange,
+  onFocus,
+  options: optionsProp,
+  parse: parseProp = identity,
+  placeholder,
+  readOnly,
+  required,
+  value,
+  noTopLabel,
+  noOptionsMessage,
+  customStyle,
+  validate,
+  'data-testid': dataTestId
+}) => {
   const {
     getError
   } = useErrors();
-  const options = useMemo(() => optionsProp || Children.toArray(children).flat().filter(Boolean).map(_ref2 => {
-    let {
-      props: {
-        children: labelChild,
-        ...option
-      }
-    } = _ref2;
-    return {
-      ...option,
-      label: labelChild
-    };
-  }), [optionsProp, children]);
+  const options = useMemo(() => optionsProp || Children.toArray(children).flat().filter(Boolean).map(({
+    props: {
+      children: labelChild,
+      ...option
+    }
+  }) => ({
+    ...option,
+    label: labelChild
+  })), [optionsProp, children]);
   const parse = useMemo(() => multiple ? parseProp : option => parseProp(option?.value ?? null, name), [multiple, parseProp, name]);
   const format = useCallback(val => {
     if (multiple) return formatProp(val, name);

package/dist/components/SelectableCardField/index.js

@@ -3,25 +3,24 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import { useErrors } from '../../providers/ErrorContext/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const SelectableCardField = _ref => {
-  let {
-    name,
-    value,
-    onChange,
-    showTick,
-    type,
-    disabled,
-    children,
-    className,
-    onFocus,
-    onBlur,
-    required,
-    validate,
-    tooltip,
-    id,
-    label,
-    'data-testid': dataTestId
-  } = _ref;
+const SelectableCardField = ({
+  name,
+  value,
+  onChange,
+  showTick,
+  type,
+  disabled,
+  children,
+  className,
+  onFocus,
+  onBlur,
+  required,
+  validate,
+  tooltip,
+  id,
+  label,
+  'data-testid': dataTestId
+}) => {
   const {
     getError
   } = useErrors();

package/dist/components/Submit/index.js

@@ -3,20 +3,19 @@ import { useState, useEffect } from 'react';
 import { useFormState } from 'react-final-form';
 import { jsx } from '@emotion/react/jsx-runtime';
 
-const Submit = _ref => {
-  let {
-    children,
-    className,
-    disabled = false,
-    icon,
-    iconPosition,
-    size,
-    variant = 'filled',
-    sentiment = 'primary',
-    tooltip,
-    fullWidth,
-    onClick
-  } = _ref;
+const Submit = ({
+  children,
+  className,
+  disabled = false,
+  icon,
+  iconPosition,
+  size,
+  variant = 'filled',
+  sentiment = 'primary',
+  tooltip,
+  fullWidth,
+  onClick
+}) => {
   const {
     invalid,
     submitting,

package/dist/components/SubmitErrorAlert/index.js

@@ -2,25 +2,19 @@ import { Alert } from '@ultraviolet/ui';
 import { FormSpy } from 'react-final-form';
 import { jsx } from '@emotion/react/jsx-runtime';
 
-const SubmitErrorAlert = _ref => {
-  let {
-    className
-  } = _ref;
-  return jsx(FormSpy, {
-    subscription: {
-      submitError: true
-    },
-    children: _ref2 => {
-      let {
-        submitError
-      } = _ref2;
-      return submitError ? jsx(Alert, {
-        className: className,
-        sentiment: "danger",
-        children: submitError
-      }) : null;
-    }
-  });
-};
+const SubmitErrorAlert = ({
+  className
+}) => jsx(FormSpy, {
+  subscription: {
+    submitError: true
+  },
+  children: ({
+    submitError
+  }) => submitError ? jsx(Alert, {
+    className: className,
+    sentiment: "danger",
+    children: submitError
+  }) : null
+});
 
 export { SubmitErrorAlert };

package/dist/components/TagInputField/index.js

@@ -2,20 +2,19 @@ import { TagInput } from '@ultraviolet/ui';
 import { jsx } from '@emotion/react/jsx-runtime';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const TagInputField = _ref => {
-  let {
-    className,
-    'data-testid': dataTestId,
-    disabled,
-    id,
-    name,
-    onChange,
-    placeholder,
-    required,
-    tags,
-    validate,
-    variant
-  } = _ref;
+const TagInputField = ({
+  className,
+  'data-testid': dataTestId,
+  disabled,
+  id,
+  name,
+  onChange,
+  placeholder,
+  required,
+  tags,
+  validate,
+  variant
+}) => {
   const {
     input
   } = useFormField(name, {

package/dist/components/TextInputField/index.js

@@ -4,60 +4,59 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import { useErrors } from '../../providers/ErrorContext/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const TextInputField = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    afterSubmit,
-    allowNull,
-    autoCapitalize,
-    autoComplete,
-    autoCorrect,
-    autoFocus,
-    autoSave,
-    beforeSubmit,
-    className,
-    cols,
-    'data-testid': dataTestId,
-    defaultValue,
-    disabled,
-    fillAvailable,
-    format,
-    formatOnBlur,
-    generated,
-    id,
-    initialValue,
-    isEqual,
-    label = '',
-    max,
-    maxLength,
-    min,
-    minLength,
-    multiline,
-    multiple,
-    name,
-    noTopLabel,
-    notice,
-    onBlur,
-    onChange,
-    onFocus,
-    onKeyDown,
-    onKeyUp,
-    parse,
-    placeholder,
-    random,
-    readOnly,
-    regex,
-    required,
-    resizable,
-    rows,
-    subscription,
-    type,
-    unit,
-    size,
-    validate,
-    validateFields,
-    valid,
-    value
-  } = _ref;
+const TextInputField = /*#__PURE__*/forwardRef(({
+  afterSubmit,
+  allowNull,
+  autoCapitalize,
+  autoComplete,
+  autoCorrect,
+  autoFocus,
+  autoSave,
+  beforeSubmit,
+  className,
+  cols,
+  'data-testid': dataTestId,
+  defaultValue,
+  disabled,
+  fillAvailable,
+  format,
+  formatOnBlur,
+  generated,
+  id,
+  initialValue,
+  isEqual,
+  label = '',
+  max,
+  maxLength,
+  min,
+  minLength,
+  multiline,
+  multiple,
+  name,
+  noTopLabel,
+  notice,
+  onBlur,
+  onChange,
+  onFocus,
+  onKeyDown,
+  onKeyUp,
+  parse,
+  placeholder,
+  random,
+  readOnly,
+  regex,
+  required,
+  resizable,
+  rows,
+  subscription,
+  type,
+  unit,
+  size,
+  validate,
+  validateFields,
+  valid,
+  value
+}, ref) => {
   const {
     getError
   } = useErrors();

package/dist/components/TimeField/index.js

@@ -10,33 +10,32 @@ const parseTime = date => {
     value: timeStr
   };
 };
-const TimeField = _ref => {
-  let {
-    required,
-    name,
-    schedule,
-    placeholder,
-    disabled,
-    initialValue,
-    validate,
-    readOnly,
-    value,
-    onChange,
-    onBlur,
-    onFocus,
-    isLoading,
-    isClearable,
-    inputId,
-    id,
-    formatOnBlur,
-    animation,
-    animationDuration,
-    animationOnChange,
-    className,
-    isSearchable,
-    options,
-    'data-testid': dataTestId
-  } = _ref;
+const TimeField = ({
+  required,
+  name,
+  schedule,
+  placeholder,
+  disabled,
+  initialValue,
+  validate,
+  readOnly,
+  value,
+  onChange,
+  onBlur,
+  onFocus,
+  isLoading,
+  isClearable,
+  inputId,
+  id,
+  formatOnBlur,
+  animation,
+  animationDuration,
+  animationOnChange,
+  className,
+  isSearchable,
+  options,
+  'data-testid': dataTestId
+}) => {
   const {
     input,
     meta

package/dist/components/ToggleField/index.js

@@ -2,34 +2,33 @@ import { Toggle } from '@ultraviolet/ui';
 import { jsx } from '@emotion/react/jsx-runtime';
 import { useFormField } from '../../hooks/useFormField.js';
 
-const ToggleField = _ref => {
-  let {
-    afterSubmit,
-    allowNull,
-    beforeSubmit,
-    className,
-    data,
-    defaultValue,
-    disabled,
-    format,
-    formatOnBlur,
-    initialValue,
-    isEqual,
-    label,
-    multiple,
-    name,
-    onChange,
-    parse,
-    required,
-    size,
-    subscription,
-    tooltip,
-    validate,
-    validateFields,
-    value,
-    labelPosition,
-    'data-testid': dataTestId
-  } = _ref;
+const ToggleField = ({
+  afterSubmit,
+  allowNull,
+  beforeSubmit,
+  className,
+  data,
+  defaultValue,
+  disabled,
+  format,
+  formatOnBlur,
+  initialValue,
+  isEqual,
+  label,
+  multiple,
+  name,
+  onChange,
+  parse,
+  required,
+  size,
+  subscription,
+  tooltip,
+  validate,
+  validateFields,
+  value,
+  labelPosition,
+  'data-testid': dataTestId
+}) => {
   const {
     input
   } = useFormField(name, {

package/dist/helpers/pickValidators.js

@@ -1,8 +1,5 @@
 import validators from '../validators/index.js';
 
-const pickValidators = args => Object.entries(args).map(_ref => {
-  let [key, value] = _ref;
-  return value !== undefined ? validators[key]?.(value) : undefined;
-}).filter(validator => !!validator);
+const pickValidators = args => Object.entries(args).map(([key, value]) => value !== undefined ? validators[key]?.(value) : undefined).filter(validator => !!validator);
 
 export { pickValidators };

package/dist/hooks/useFormField.js

@@ -3,33 +3,32 @@ import { useField } from 'react-final-form';
 import { useValidation } from './useValidation.js';
 import { pickValidators } from '../helpers/pickValidators.js';
 
-const useFormField = (name, _ref) => {
-  let {
-    afterSubmit,
-    disabled,
-    allowNull,
-    beforeSubmit,
-    defaultValue,
-    format,
-    formatOnBlur,
-    initialValue,
-    isEqual,
-    multiple,
-    parse,
-    subscription,
-    type,
-    validate,
-    validateFields,
-    value,
-    max,
-    maxLength,
-    min,
-    minLength,
-    regex,
-    required,
-    maxDate,
-    minDate
-  } = _ref;
+const useFormField = (name, {
+  afterSubmit,
+  disabled,
+  allowNull,
+  beforeSubmit,
+  defaultValue,
+  format,
+  formatOnBlur,
+  initialValue,
+  isEqual,
+  multiple,
+  parse,
+  subscription,
+  type,
+  validate,
+  validateFields,
+  value,
+  max,
+  maxLength,
+  min,
+  minLength,
+  regex,
+  required,
+  maxDate,
+  minDate
+}) => {
   const serializedRegex = useMemo(() => regex?.toString(), [regex]);
   const validators = useMemo(() => pickValidators({
     max,

package/dist/hooks/useOnFieldChange.js

@@ -1,10 +1,7 @@
 import { useRef, useEffect } from 'react';
 import { useFormState, useField } from 'react-final-form';
 
-const useOnFieldChange = function (name, callback, enabled) {
-  if (enabled === void 0) {
-    enabled = true;
-  }
+const useOnFieldChange = (name, callback, enabled = true) => {
   const {
     values
   } = useFormState();

package/dist/hooks/useValidation.js

@@ -1,25 +1,19 @@
 import { useCallback } from 'react';
 
-const useValidation = _ref => {
-  let {
-    validators,
-    validate
-  } = _ref;
-  return useCallback((value, allValues, meta) => {
-    if (validate) {
-      const validateErr = validate(value, allValues, meta);
-      if (validateErr !== undefined && validateErr !== true) {
-        return validateErr;
-      }
+const useValidation = ({
+  validators,
+  validate
+}) => useCallback((value, allValues, meta) => {
+  if (validate) {
+    const validateErr = validate(value, allValues, meta);
+    if (validateErr !== undefined && validateErr !== true) {
+      return validateErr;
     }
-    const errors = validators.filter(validator => !validator.validate(value, allValues, meta)).map(_ref2 => {
-      let {
-        error
-      } = _ref2;
-      return error;
-    });
-    return errors.length > 0 ? errors : undefined;
-  }, [validate, validators]);
-};
+  }
+  const errors = validators.filter(validator => !validator.validate(value, allValues, meta)).map(({
+    error
+  }) => error);
+  return errors.length > 0 ? errors : undefined;
+}, [validate, validators]);
 
 export { useValidation };

package/dist/index.d.ts

@@ -641,7 +641,7 @@ declare const TextInputField: react.ForwardRefExoticComponent<BaseFieldProps<Tex
     } | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
-} & (Omit<react.InputHTMLAttributes<HTMLInputElement>, "onChange"> | Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange">)) & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>, "valid" | "value" | "required" | "minLength" | "maxLength" | "disabled" | "type" | "label" | "onFocus" | "onBlur" | "autoFocus" | "id" | "onChange" | "size" | "data-testid" | "autoComplete" | "autoCapitalize" | "autoCorrect" | "autoSave" | "onKeyDown" | "onKeyUp" | "placeholder" | "noTopLabel" | "readOnly" | "cols" | "rows" | "fillAvailable" | "generated" | "multiline" | "notice" | "random" | "resizable" | "unit">> & {
+} & (Omit<react.InputHTMLAttributes<HTMLInputElement>, "onChange"> | Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange">)) & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>, "valid" | "value" | "required" | "minLength" | "maxLength" | "disabled" | "type" | "label" | "onFocus" | "onBlur" | "autoFocus" | "id" | "onChange" | "size" | "data-testid" | "autoComplete" | "autoCapitalize" | "autoCorrect" | "autoSave" | "onKeyDown" | "onKeyUp" | "placeholder" | "noTopLabel" | "readOnly" | "rows" | "cols" | "fillAvailable" | "generated" | "multiline" | "notice" | "random" | "resizable" | "unit">> & {
     name: string;
     className?: string | undefined;
     max?: number | undefined;

package/dist/providers/ErrorContext/index.js

@@ -3,22 +3,20 @@ import { useFormState } from 'react-final-form';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 const ErrorContext = /*#__PURE__*/createContext(undefined);
-const ErrorProvider = _ref => {
-  let {
-    children,
-    errors
-  } = _ref;
+const ErrorProvider = ({
+  children,
+  errors
+}) => {
   const {
     values
   } = useFormState();
-  const getFirstError = useCallback(_ref2 => {
-    let {
-      label,
-      name,
-      value,
-      meta,
-      ...additionalParams
-    } = _ref2;
+  const getFirstError = useCallback(({
+    label,
+    name,
+    value,
+    meta,
+    ...additionalParams
+  }) => {
     if (meta?.error && Array.isArray(meta.error)) {
       return meta.error.map(untypedKey => {
         const key = untypedKey;
@@ -39,13 +37,12 @@ const ErrorProvider = _ref => {
     if (meta?.error && typeof meta?.error === 'string') return meta?.error;
     return '';
   }, [errors, values]);
-  const getError = useCallback(_ref3 => {
-    let {
-      meta,
-      errorProp,
-      value,
-      ...props
-    } = _ref3;
+  const getError = useCallback(({
+    meta,
+    errorProp,
+    value,
+    ...props
+  }) => {
     if (errorProp) return errorProp;
     const hasInitialValueAndNotTouched = value !== undefined && value !== null && value !== '' && value !== false && meta?.dirty === false;
     return meta?.error && (hasInitialValueAndNotTouched || meta.touched) ? getFirstError({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -38,7 +38,7 @@
     "react-dom": "18.x"
   },
   "devDependencies": {
-    "@babel/core": "7.23.5",
+    "@babel/core": "7.23.6",
     "@types/final-form-focus": "1.1.7",
     "@types/react": "18.2.43",
     "@types/react-dom": "18.2.17",
@@ -46,7 +46,7 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@babel/runtime": "7.23.5",
+    "@babel/runtime": "7.23.6",
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
@@ -55,7 +55,7 @@
     "react-final-form": "6.5.9",
     "react-final-form-arrays": "3.1.4",
     "react-select": "5.8.0",
-    "@ultraviolet/ui": "1.28.0"
+    "@ultraviolet/ui": "1.29.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"