@ultraviolet/form 3.16.0 → 3.17.1

package/dist/components/DateField/index.cjs

@@ -8,7 +8,7 @@ const maxDate = require("../../validators/maxDate.cjs");
 const minDate = require("../../validators/minDate.cjs");
 const index = require("../../providers/ErrorContext/index.cjs");
 const parseDate = (value) => typeof value === "string" ? new Date(value) : value;
-const isEmpty = (value) => typeof value === "string" ? value === "" : value === void 0;
+const isEmpty = (value) => !value;
 const DateField = ({
   required,
   name,
@@ -28,6 +28,8 @@ const DateField = ({
   selectsRange,
   size,
   placeholder,
+  tooltip,
+  clearable,
   "data-testid": dataTestId,
   shouldUnregister = false,
   showMonthYearPicker,
@@ -73,6 +75,10 @@ const DateField = ({
       newDate.setHours(currentDate.getHours(), currentDate.getMinutes());
       field.onChange(newDate);
     } else if (Array.isArray(val)) {
+      onChange?.(val);
+      field.onChange(val);
+    } else if (val === null) {
+      onChange?.(val);
       field.onChange(val);
     }
   }, onBlur: (e) => {
@@ -82,6 +88,6 @@ const DateField = ({
     minDate: minDate$1,
     maxDate: maxDate$1,
     label
-  }, error), disabled, autoFocus, excludeDates, selectsRange, showMonthYearPicker, "data-testid": dataTestId, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0, input });
+  }, error), disabled, autoFocus, excludeDates, selectsRange, showMonthYearPicker, "data-testid": dataTestId, clearable, tooltip, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0, input });
 };
 exports.DateField = DateField;

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

@@ -13,5 +13,5 @@ type DateFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPa
     autoFocus?: boolean;
     placeholder?: string;
 };
-export declare const DateField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, control, label, format, locale, maxDate, minDate, disabled, onChange, onBlur, onFocus, validate, autoFocus, excludeDates, selectsRange, size, placeholder, "data-testid": dataTestId, shouldUnregister, showMonthYearPicker, input, }: DateFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DateField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, control, label, format, locale, maxDate, minDate, disabled, onChange, onBlur, onFocus, validate, autoFocus, excludeDates, selectsRange, size, placeholder, tooltip, clearable, "data-testid": dataTestId, shouldUnregister, showMonthYearPicker, input, }: DateFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DateField/index.js

@@ -6,7 +6,7 @@ import { maxDateValidator } from "../../validators/maxDate.js";
 import { minDateValidator } from "../../validators/minDate.js";
 import { useErrors } from "../../providers/ErrorContext/index.js";
 const parseDate = (value) => typeof value === "string" ? new Date(value) : value;
-const isEmpty = (value) => typeof value === "string" ? value === "" : value === void 0;
+const isEmpty = (value) => !value;
 const DateField = ({
   required,
   name,
@@ -26,6 +26,8 @@ const DateField = ({
   selectsRange,
   size,
   placeholder,
+  tooltip,
+  clearable,
   "data-testid": dataTestId,
   shouldUnregister = false,
   showMonthYearPicker,
@@ -71,6 +73,10 @@ const DateField = ({
       newDate.setHours(currentDate.getHours(), currentDate.getMinutes());
       field.onChange(newDate);
     } else if (Array.isArray(val)) {
+      onChange?.(val);
+      field.onChange(val);
+    } else if (val === null) {
+      onChange?.(val);
       field.onChange(val);
     }
   }, onBlur: (e) => {
@@ -80,7 +86,7 @@ const DateField = ({
     minDate,
     maxDate,
     label
-  }, error), disabled, autoFocus, excludeDates, selectsRange, showMonthYearPicker, "data-testid": dataTestId, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0, input });
+  }, error), disabled, autoFocus, excludeDates, selectsRange, showMonthYearPicker, "data-testid": dataTestId, clearable, tooltip, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0, input });
 };
 export {
   DateField

package/dist/components/SelectInputFieldV2/index.cjs

@@ -7,42 +7,17 @@ const react = require("react");
 const reactHookForm = require("react-hook-form");
 const index = require("../../providers/ErrorContext/index.cjs");
 const SelectInputFieldV2 = ({
-  autofocus,
-  className,
-  id,
   label = "",
-  onFocus,
   onBlur,
-  placeholder,
-  readOnly,
   required,
-  size,
-  "data-testid": dataTestId,
-  disabled,
-  placeholderSearch,
-  helper,
-  options,
-  emptyState,
-  onChange,
-  searchable,
-  clearable,
-  multiselect,
-  descriptionDirection,
-  footer,
-  labelDescription,
-  success,
-  loadMore,
-  isLoading,
-  selectAll,
-  selectAllGroup,
   name,
   "aria-label": ariaLabel,
-  optionalInfoPlacement,
   shouldUnregister = false,
   control,
   validate,
-  tooltip,
-  dropdownAlign
+  onChange,
+  multiselect,
+  ...props
 }) => {
   const {
     field,
@@ -65,11 +40,11 @@ const SelectInputFieldV2 = ({
     onChange?.(value);
     field.onChange(value);
   }, [onChange, field]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectInputV2, { name: field.name, options, required, size, "data-testid": dataTestId, className, disabled, id, label, onFocus, onBlur: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectInputV2, { name: field.name, multiselect, required, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);
-  }, placeholder, readOnly, multiselect, value: field.value, placeholderSearch, helper, emptyState, searchable, clearable, descriptionDirection, footer, labelDescription, error: getError({
+  }, value: field.value, error: getError({
     label: label ?? ariaLabel ?? name
-  }, error), success, loadMore, isLoading, selectAll, selectAllGroup, autofocus, optionalInfoPlacement, "aria-label": ariaLabel, onChange: handleChange, tooltip, dropdownAlign });
+  }, error), onChange: handleChange, ...props });
 };
 exports.SelectInputFieldV2 = SelectInputFieldV2;

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

@@ -2,6 +2,6 @@ import { SelectInputV2 } from '@ultraviolet/ui';
 import { type ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type SelectInputFieldV2Props<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Pick<ComponentProps<typeof SelectInputV2>, 'placeholder' | 'placeholderSearch' | 'label' | 'helper' | 'options' | 'emptyState' | 'searchable' | 'readOnly' | 'clearable' | 'size' | 'multiselect' | 'required' | 'descriptionDirection' | 'footer' | 'labelDescription' | 'success' | 'loadMore' | 'isLoading' | 'selectAll' | 'selectAllGroup' | 'autofocus' | 'data-testid' | 'id' | 'onBlur' | 'aria-label' | 'className' | 'onFocus' | 'optionalInfoPlacement' | 'disabled' | 'tooltip' | 'dropdownAlign'>;
-export declare const SelectInputFieldV2: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autofocus, className, id, label, onFocus, onBlur, placeholder, readOnly, required, size, "data-testid": dataTestId, disabled, placeholderSearch, helper, options, emptyState, onChange, searchable, clearable, multiselect, descriptionDirection, footer, labelDescription, success, loadMore, isLoading, selectAll, selectAllGroup, name, "aria-label": ariaLabel, optionalInfoPlacement, shouldUnregister, control, validate, tooltip, dropdownAlign, }: SelectInputFieldV2Props<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+type SelectInputFieldV2Props<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof SelectInputV2>, 'value' | 'onChange'>;
+export declare const SelectInputFieldV2: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, onBlur, required, name, "aria-label": ariaLabel, shouldUnregister, control, validate, onChange, multiselect, ...props }: SelectInputFieldV2Props<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectInputFieldV2/index.js

@@ -5,42 +5,17 @@ import { useCallback } from "react";
 import { useController } from "react-hook-form";
 import { useErrors } from "../../providers/ErrorContext/index.js";
 const SelectInputFieldV2 = ({
-  autofocus,
-  className,
-  id,
   label = "",
-  onFocus,
   onBlur,
-  placeholder,
-  readOnly,
   required,
-  size,
-  "data-testid": dataTestId,
-  disabled,
-  placeholderSearch,
-  helper,
-  options,
-  emptyState,
-  onChange,
-  searchable,
-  clearable,
-  multiselect,
-  descriptionDirection,
-  footer,
-  labelDescription,
-  success,
-  loadMore,
-  isLoading,
-  selectAll,
-  selectAllGroup,
   name,
   "aria-label": ariaLabel,
-  optionalInfoPlacement,
   shouldUnregister = false,
   control,
   validate,
-  tooltip,
-  dropdownAlign
+  onChange,
+  multiselect,
+  ...props
 }) => {
   const {
     field,
@@ -63,12 +38,12 @@ const SelectInputFieldV2 = ({
     onChange?.(value);
     field.onChange(value);
   }, [onChange, field]);
-  return /* @__PURE__ */ jsx(SelectInputV2, { name: field.name, options, required, size, "data-testid": dataTestId, className, disabled, id, label, onFocus, onBlur: (event) => {
+  return /* @__PURE__ */ jsx(SelectInputV2, { name: field.name, multiselect, required, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);
-  }, placeholder, readOnly, multiselect, value: field.value, placeholderSearch, helper, emptyState, searchable, clearable, descriptionDirection, footer, labelDescription, error: getError({
+  }, value: field.value, error: getError({
     label: label ?? ariaLabel ?? name
-  }, error), success, loadMore, isLoading, selectAll, selectAllGroup, autofocus, optionalInfoPlacement, "aria-label": ariaLabel, onChange: handleChange, tooltip, dropdownAlign });
+  }, error), onChange: handleChange, ...props });
 };
 export {
   SelectInputFieldV2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "3.16.0",
+  "version": "3.17.1",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -71,7 +71,7 @@
     "@babel/runtime": "7.27.0",
     "react-hook-form": "7.55.0",
     "react-select": "5.10.0",
-    "@ultraviolet/ui": "1.93.0",
+    "@ultraviolet/ui": "1.94.1",
     "@ultraviolet/themes": "1.17.0"
   },
   "scripts": {