@ultraviolet/form 3.7.5 → 3.8.1

package/dist/components/NumberInputFieldV2/index.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ui = require("@ultraviolet/ui");
 const reactHookForm = require("react-hook-form");
+const isInteger = require("../../validators/isInteger.cjs");
 const index = require("../../providers/ErrorContext/index.cjs");
 const NumberInputFieldV2 = ({
   disabled,
@@ -48,7 +49,10 @@ const NumberInputFieldV2 = ({
       max,
       min,
       required,
-      validate
+      validate: {
+        ...validate,
+        isInteger: isInteger.isInteger(step)
+      }
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInputV2, { name: field.name, value: field.value, disabled, onBlur: (event) => {
@@ -60,7 +64,8 @@ const NumberInputFieldV2 = ({
   }, max, min, size, step, className, "data-testid": dataTestId, id, label, labelDescription, placeholder, error: getError({
     label: label ?? "",
     max,
-    min
+    min,
+    isInteger: step
   }, error), success, helper, tooltip, unit, "aria-label": ariaLabel, autoFocus, readOnly, required, controls });
 };
 exports.NumberInputFieldV2 = NumberInputFieldV2;

package/dist/components/NumberInputFieldV2/index.js

@@ -1,6 +1,7 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { NumberInputV2 } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
+import { isInteger } from "../../validators/isInteger.js";
 import { useErrors } from "../../providers/ErrorContext/index.js";
 const NumberInputFieldV2 = ({
   disabled,
@@ -46,7 +47,10 @@ const NumberInputFieldV2 = ({
       max,
       min,
       required,
-      validate
+      validate: {
+        ...validate,
+        isInteger: isInteger(step)
+      }
     }
   });
   return /* @__PURE__ */ jsx(NumberInputV2, { name: field.name, value: field.value, disabled, onBlur: (event) => {
@@ -58,7 +62,8 @@ const NumberInputFieldV2 = ({
   }, max, min, size, step, className, "data-testid": dataTestId, id, label, labelDescription, placeholder, error: getError({
     label: label ?? "",
     max,
-    min
+    min,
+    isInteger: step
   }, error), success, helper, tooltip, unit, "aria-label": ariaLabel, autoFocus, readOnly, required, controls });
 };
 export {

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

@@ -13,7 +13,7 @@ export declare const RadioGroupField: {
         className?: string;
         'data-testid'?: string;
         tooltip?: string;
-    } & Required<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange">> & (Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "required" | "onBlur" | "disabled" | "name" | "onFocus" | "autoFocus" | "id" | "onKeyDown"> & ({
+    } & Required<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange">> & (Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "required" | "onBlur" | "disabled" | "name" | "onFocus" | "autoFocus" | "id" | "tabIndex" | "onKeyDown"> & ({
         'aria-label': string;
         label?: never;
     } | {

package/dist/components/SelectableCardField/index.cjs

@@ -49,7 +49,7 @@ const SelectableCardField = ({
     } else {
       field.onChange(event);
     }
-    onChange?.(event);
+    onChange?.(event.currentTarget.value);
   }, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);

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

@@ -2,7 +2,7 @@ import { SelectableCard } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type SelectableCardFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label' | 'onChange'> & Partial<Pick<ComponentProps<typeof SelectableCard>, 'disabled' | 'onBlur' | 'onChange' | 'onFocus' | 'showTick' | 'type' | 'id' | 'children' | 'tooltip' | 'label' | 'data-testid'>> & {
+type SelectableCardFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Partial<Pick<ComponentProps<typeof SelectableCard>, 'disabled' | 'onBlur' | 'onFocus' | 'showTick' | 'type' | 'id' | 'children' | 'tooltip' | 'label' | 'data-testid'>> & {
     className?: string;
 };
 export declare const SelectableCardField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, value, onChange, showTick, type, disabled, children, className, onFocus, onBlur, required, tooltip, id, label, shouldUnregister, validate, "data-testid": dataTestId, }: SelectableCardFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/SelectableCardField/index.js

@@ -47,7 +47,7 @@ const SelectableCardField = ({
     } else {
       field.onChange(event);
     }
-    onChange?.(event);
+    onChange?.(event.currentTarget.value);
   }, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);

package/dist/components/SelectableCardGroupField/index.cjs

@@ -49,7 +49,7 @@ const SelectableCardGroupField = ({
     } else {
       field.onChange(event);
     }
-    onChange?.(event);
+    onChange?.(event.currentTarget.value);
   }, error: getError({
     label
   }, error) ?? customError, className, columns, helper, required, children });

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

@@ -2,7 +2,7 @@ import { SelectableCardGroup } from '@ultraviolet/ui';
 import type { ComponentProps, JSX } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type SelectableCardGroupFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label' | 'onChange'> & Partial<Pick<ComponentProps<typeof SelectableCardGroup>, 'helper' | 'error' | 'columns' | 'children' | 'showTick' | 'type' | 'className' | 'onChange'>> & Pick<ComponentProps<typeof SelectableCardGroup>, 'legend'>;
+type SelectableCardGroupFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Partial<Pick<ComponentProps<typeof SelectableCardGroup>, 'helper' | 'error' | 'columns' | 'children' | 'showTick' | 'type' | 'className'>> & Pick<ComponentProps<typeof SelectableCardGroup>, 'legend'>;
 export declare const SelectableCardGroupField: {
     <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, legend, control, name, onChange, required, children, label, error: customError, helper, columns, showTick, type, shouldUnregister, validate, }: SelectableCardGroupFieldProps<TFieldValues, TFieldName>): JSX.Element;
     Card: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, "data-testid": dataTestId, }: import("node_modules/@ultraviolet/ui/dist/components/SelectableCardGroup").CardSelectableCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/SelectableCardGroupField/index.js

@@ -47,7 +47,7 @@ const SelectableCardGroupField = ({
     } else {
       field.onChange(event);
     }
-    onChange?.(event);
+    onChange?.(event.currentTarget.value);
   }, error: getError({
     label
   }, error) ?? customError, className, columns, helper, required, children });

package/dist/components/TextInputFieldV2/index.cjs

@@ -79,7 +79,7 @@ const TextInputField = ({
     field.onBlur();
   }, onChange: (event) => {
     field.onChange(event);
-    onChange?.(event);
+    onChange?.(event.target.value);
   }, onFocus: (event) => {
     onFocus?.(event);
   }, placeholder, readOnly, required, success, tabIndex, tooltip, type, value: field.value === void 0 ? "" : field.value, id, prefix, suffix, size, onRandomize, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoComplete, role, "aria-live": ariaLive, "aria-atomic": ariaAtomic });

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

@@ -2,7 +2,7 @@ import { TextInputV2 } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type TextInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TextInputV2>, 'value' | 'error' | 'name'> & {
+type TextInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TextInputV2>, 'value' | 'error' | 'name' | 'onChange'> & {
     regex?: (RegExp | RegExp[])[];
 };
 /**

package/dist/components/TextInputFieldV2/index.js

@@ -77,7 +77,7 @@ const TextInputField = ({
     field.onBlur();
   }, onChange: (event) => {
     field.onChange(event);
-    onChange?.(event);
+    onChange?.(event.target.value);
   }, onFocus: (event) => {
     onFocus?.(event);
   }, placeholder, readOnly, required, success, tabIndex, tooltip, type, value: field.value === void 0 ? "" : field.value, id, prefix, suffix, size, onRandomize, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoComplete, role, "aria-live": ariaLive, "aria-atomic": ariaAtomic });

package/dist/components/ToggleField/index.cjs

@@ -50,7 +50,7 @@ const ToggleField = ({
     } else {
       field.onChange(event);
     }
-    onChange?.(event);
+    onChange?.(event.target.checked);
   }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId, error: getError({
     label: name
   }, error) });

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

@@ -2,7 +2,7 @@ import { Toggle } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type ToggleFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Pick<ComponentProps<typeof Toggle>, 'disabled' | 'label' | 'onChange' | 'size' | 'tooltip' | 'labelPosition' | 'className' | 'data-testid'> & {
+type ToggleFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Pick<ComponentProps<typeof Toggle>, 'disabled' | 'label' | 'size' | 'tooltip' | 'labelPosition' | 'className' | 'data-testid'> & {
     parse?: (value: boolean) => any;
     format?: (value: any) => boolean;
 };

package/dist/components/ToggleField/index.js

@@ -48,7 +48,7 @@ const ToggleField = ({
     } else {
       field.onChange(event);
     }
-    onChange?.(event);
+    onChange?.(event.target.checked);
   }, label, size, disabled, labelPosition, className, required, "data-testid": dataTestId, error: getError({
     label: name
   }, error) });

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

@@ -3,7 +3,6 @@ import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
 type UnitInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Pick<ComponentProps<typeof UnitInput>, 'id' | 'name' | 'className' | 'data-testid' | 'disabled' | 'value' | 'max' | 'min' | 'options' | 'placeholder' | 'placeholderUnit' | 'size' | 'unitValue' | 'required' | 'width' | 'helper' | 'selectInputWidth'> & {
-    onChange?: ComponentProps<typeof UnitInput>['onChange'];
     onChangeUnitValue?: ComponentProps<typeof UnitInput>['onChangeUnitValue'];
     label: string;
 };

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 import type { Control, FieldError, FieldPath, FieldPathValue, FieldValues, Path, PathValue, UseControllerProps, Validate } from 'react-hook-form';
 export type MetaField = {
+    isInteger?: number | string;
     min?: number | string;
     max?: number | string;
     minLength?: number;
@@ -14,7 +15,7 @@ export type RequiredErrors = {
     [key in FieldError['type']]: (params: MetaField) => string;
 };
 export type FormErrors = {
-    [key in 'required' | 'min' | 'max' | 'minLength' | 'maxLength' | 'pattern' | 'minDate' | 'maxDate']: RequiredErrors[key];
+    [key in 'required' | 'isInteger' | 'min' | 'max' | 'minLength' | 'maxLength' | 'pattern' | 'minDate' | 'maxDate']: RequiredErrors[key];
 };
 export type BaseFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: TFieldName;

package/dist/validators/isInteger.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isInteger = (step) => (value) => {
+  if (value === void 0 || step === void 0) return true;
+  if (Number.isInteger(step)) {
+    return Number.isInteger(value) && Number.isInteger(value);
+  }
+  return !Number.isInteger(value) && !Number.isInteger(value);
+};
+exports.isInteger = isInteger;

package/dist/validators/isInteger.d.ts

@@ -0,0 +1 @@
+export declare const isInteger: (step?: number | string) => (value: number) => boolean;

package/dist/validators/isInteger.js

@@ -0,0 +1,10 @@
+const isInteger = (step) => (value) => {
+  if (value === void 0 || step === void 0) return true;
+  if (Number.isInteger(step)) {
+    return Number.isInteger(value) && Number.isInteger(value);
+  }
+  return !Number.isInteger(value) && !Number.isInteger(value);
+};
+export {
+  isInteger
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@ultraviolet/form",
-  "version": "3.7.5",
+  "version": "3.8.1",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
     "type": "git",
-    "url": "https://github.com/scaleway/ultraviolet",
+    "url": "git+https://github.com/scaleway/ultraviolet.git",
     "directory": "packages/form"
   },
   "keywords": [
@@ -71,8 +71,8 @@
     "@babel/runtime": "7.25.6",
     "react-hook-form": "7.53.0",
     "react-select": "5.8.0",
-    "@ultraviolet/themes": "1.13.0",
-    "@ultraviolet/ui": "1.68.1"
+    "@ultraviolet/themes": "1.14.0",
+    "@ultraviolet/ui": "1.70.0"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",