@ultraviolet/form 3.10.6 → 3.11.1

package/dist/components/SliderField/index.cjs

@@ -59,7 +59,7 @@ const SliderField = ({
     onBlur?.(event);
   }, onChange: (newValue) => {
     if (options) {
-      const processedValue = !Array.isArray(newValue) ? options[newValue].value : newValue.map((val) => val ? options[val].value : options[0].value);
+      const processedValue = !Array.isArray(newValue) ? options[newValue]?.value : newValue.map((val) => val ? options[val]?.value : options[0]?.value);
       field.onChange(processedValue);
       onChange?.(processedValue);
     } else {

package/dist/components/SliderField/index.js

@@ -57,7 +57,7 @@ const SliderField = ({
     onBlur?.(event);
   }, onChange: (newValue) => {
     if (options) {
-      const processedValue = !Array.isArray(newValue) ? options[newValue].value : newValue.map((val) => val ? options[val].value : options[0].value);
+      const processedValue = !Array.isArray(newValue) ? options[newValue]?.value : newValue.map((val) => val ? options[val]?.value : options[0]?.value);
       field.onChange(processedValue);
       onChange?.(processedValue);
     } else {

package/dist/components/TextAreaField/index.cjs

@@ -23,6 +23,7 @@ const TextAreaField = ({
   onFocus,
   onBlur,
   onKeyDown,
+  maxRows,
   placeholder,
   readOnly,
   required,
@@ -87,7 +88,7 @@ const TextAreaField = ({
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event);
-  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value, ...label ? {
+  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, maxRows, success, tabIndex, tooltip, value: field.value, ...label ? {
     label
   } : {
     "aria-label": ariaLabel

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

@@ -9,4 +9,4 @@ export type TextAreaFieldProps<TFieldValues extends FieldValues, TFieldName exte
 /**
  * This component offers a form field based on Ultraviolet UI TextArea component
  */
-export declare const TextAreaField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, clearable, className, tabIndex, control, "data-testid": dataTestId, disabled, helper, label, labelDescription, onChange, minLength, maxLength, name, onFocus, onBlur, onKeyDown, placeholder, readOnly, required, rows, success, tooltip, regex: regexes, submitOnEnter, validate, "aria-label": ariaLabel, }: TextAreaFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TextAreaField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, clearable, className, tabIndex, control, "data-testid": dataTestId, disabled, helper, label, labelDescription, onChange, minLength, maxLength, name, onFocus, onBlur, onKeyDown, maxRows, placeholder, readOnly, required, rows, success, tooltip, regex: regexes, submitOnEnter, validate, "aria-label": ariaLabel, }: TextAreaFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/TextAreaField/index.js

@@ -21,6 +21,7 @@ const TextAreaField = ({
   onFocus,
   onBlur,
   onKeyDown,
+  maxRows,
   placeholder,
   readOnly,
   required,
@@ -85,7 +86,7 @@ const TextAreaField = ({
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event);
-  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, success, tabIndex, tooltip, value: field.value, ...label ? {
+  }, onFocus, onKeyDown: onKeyDownHandler, placeholder, readOnly, required, rows, maxRows, success, tabIndex, tooltip, value: field.value, ...label ? {
     label
   } : {
     "aria-label": ariaLabel

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

@@ -2,9 +2,9 @@ import { ToggleGroup } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type ToggleGroupFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Partial<Pick<ComponentProps<typeof ToggleGroup>, 'className' | 'helper' | 'direction' | 'children' | 'error' | 'legend'>> & Required<Pick<ComponentProps<typeof ToggleGroup>, 'legend'>>;
+type ToggleGroupFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Partial<Pick<ComponentProps<typeof ToggleGroup>, 'className' | 'helper' | 'direction' | 'children' | 'error' | 'legend' | 'description'>> & Required<Pick<ComponentProps<typeof ToggleGroup>, 'legend'>>;
 export declare const ToggleGroupField: {
-    <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ legend, control, className, helper, direction, children, onChange, label, error: customError, name, required, shouldUnregister, validate, }: ToggleGroupFieldProps<TFieldValues, TFieldName>): import("@emotion/react/jsx-runtime").JSX.Element;
+    <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ legend, control, className, helper, description, direction, children, onChange, label, error: customError, name, required, shouldUnregister, validate, }: ToggleGroupFieldProps<TFieldValues, TFieldName>): import("@emotion/react/jsx-runtime").JSX.Element;
     Toggle: ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, }: Omit<{
         id?: string;
         checked?: boolean;

package/dist/validators/index.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    minDate: (minDate?: Date) => (value: Date) => boolean;
-    maxDate: (maxDate?: Date) => (value: Date) => boolean;
+    minDate: (maxDate?: Date) => (value: Date | [Date, Date]) => boolean;
+    maxDate: (maxDate?: Date) => (value: Date | [Date, Date]) => boolean;
 };
 export default _default;

package/dist/validators/maxDate.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const maxDateValidator = (maxDate) => (value) => value === void 0 || maxDate === void 0 || value <= maxDate;
+const maxDateValidator = (maxDate) => (value) => value === void 0 || maxDate === void 0 || (Array.isArray(value) ? value[1] <= maxDate : value <= maxDate);
 exports.maxDateValidator = maxDateValidator;

package/dist/validators/maxDate.d.ts

@@ -1 +1 @@
-export declare const maxDateValidator: (maxDate?: Date) => (value: Date) => boolean;
+export declare const maxDateValidator: (maxDate?: Date) => (value: Date | [Date, Date]) => boolean;

package/dist/validators/maxDate.js

@@ -1,4 +1,4 @@
-const maxDateValidator = (maxDate) => (value) => value === void 0 || maxDate === void 0 || value <= maxDate;
+const maxDateValidator = (maxDate) => (value) => value === void 0 || maxDate === void 0 || (Array.isArray(value) ? value[1] <= maxDate : value <= maxDate);
 export {
   maxDateValidator
 };

package/dist/validators/minDate.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const minDateValidator = (minDate) => (value) => value === void 0 || minDate === void 0 || value >= minDate;
+const minDateValidator = (maxDate) => (value) => value === void 0 || maxDate === void 0 || (Array.isArray(value) ? value[0] >= maxDate : value >= maxDate);
 exports.minDateValidator = minDateValidator;

package/dist/validators/minDate.d.ts

@@ -1 +1 @@
-export declare const minDateValidator: (minDate?: Date) => (value: Date) => boolean;
+export declare const minDateValidator: (maxDate?: Date) => (value: Date | [Date, Date]) => boolean;

package/dist/validators/minDate.js

@@ -1,4 +1,4 @@
-const minDateValidator = (minDate) => (value) => value === void 0 || minDate === void 0 || value >= minDate;
+const minDateValidator = (maxDate) => (value) => value === void 0 || maxDate === void 0 || (Array.isArray(value) ? value[0] >= maxDate : value >= maxDate);
 export {
   minDateValidator
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "3.10.6",
+  "version": "3.11.1",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -71,8 +71,8 @@
     "@babel/runtime": "7.26.0",
     "react-hook-form": "7.53.2",
     "react-select": "5.8.3",
-    "@ultraviolet/ui": "1.76.0",
-    "@ultraviolet/themes": "1.15.0"
+    "@ultraviolet/themes": "1.15.0",
+    "@ultraviolet/ui": "1.77.1"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",