@ultraviolet/form 2.4.2 → 2.5.1

package/dist/components/TagInputField/index.js

@@ -1,6 +1,7 @@
 import { TagInput } from '@ultraviolet/ui';
 import { useController } from 'react-hook-form';
 import { jsx } from '@emotion/react/jsx-runtime';
+import { useErrors } from '../../providers/ErrorContext/index.js';
 
 const TagInputField = ({
   className,
@@ -13,10 +14,23 @@ const TagInputField = ({
   rules,
   variant,
   shouldUnregister = false,
-  'data-testid': dataTestId
+  'data-testid': dataTestId,
+  clearable,
+  label,
+  labelDescription,
+  size,
+  success,
+  readOnly,
+  tooltip
 }) => {
   const {
-    field
+    getError
+  } = useErrors();
+  const {
+    field,
+    fieldState: {
+      error
+    }
   } = useController({
     name,
     rules: {
@@ -30,14 +44,24 @@ const TagInputField = ({
     className: className,
     disabled: disabled,
     id: id,
-    onChange: event => {
-      field.onChange(event);
-      onChange?.(event);
+    onChange: newTags => {
+      field.onChange(newTags);
+      onChange?.(newTags);
     },
     placeholder: placeholder,
     variant: variant,
-    tags: field.value,
-    "data-testid": dataTestId
+    value: field.value,
+    "data-testid": dataTestId,
+    clearable: clearable,
+    label: label,
+    labelDescription: labelDescription,
+    size: size,
+    success: success,
+    error: getError({
+      label: label ?? ''
+    }, error),
+    readOnly: readOnly,
+    tooltip: tooltip
   });
 };
 

package/dist/index.d.ts

@@ -264,8 +264,8 @@ declare const SubmitErrorAlert: ({ className }: {
     className?: string | undefined;
 }) => _emotion_react_jsx_runtime.JSX.Element | null;
 
-type TagInputFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof TagInput>, 'tags' | 'variant' | 'placeholder' | 'disabled' | 'className' | 'id' | 'data-testid'>>;
-declare const TagInputField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, disabled, id, name, onChange, placeholder, required, rules, variant, shouldUnregister, "data-testid": dataTestId, }: TagInputFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
+type TagInputFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof TagInput>, 'variant' | 'placeholder' | 'disabled' | 'className' | 'id' | 'data-testid' | 'clearable' | 'label' | 'labelDescription' | 'size' | 'success' | 'readOnly' | 'tooltip'>>;
+declare const TagInputField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, disabled, id, name, onChange, placeholder, required, rules, variant, shouldUnregister, "data-testid": dataTestId, clearable, label, labelDescription, size, success, readOnly, tooltip, }: TagInputFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TextAreaFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Omit<ComponentProps<typeof TextArea>, 'value' | 'error' | 'name' | 'onChange'> & {
     regex?: (RegExp | RegExp[])[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "2.4.2",
+  "version": "2.5.1",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -36,7 +36,7 @@
     "@emotion/styled": "11.11.0",
     "react": "18.x",
     "react-dom": "18.x",
-    "react-hook-form": "7.49.3"
+    "react-hook-form": "7.50.1"
   },
   "devDependencies": {
     "@babel/core": "7.23.9",
@@ -52,8 +52,8 @@
     "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
     "react-select": "5.8.0",
-    "react-hook-form": "7.49.3",
-    "@ultraviolet/ui": "1.32.2"
+    "react-hook-form": "7.50.1",
+    "@ultraviolet/ui": "1.34.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",