@ultraviolet/form 3.7.5 → 3.8.0

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/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.0",
   "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": [
@@ -72,7 +72,7 @@
     "react-hook-form": "7.53.0",
     "react-select": "5.8.0",
     "@ultraviolet/themes": "1.13.0",
-    "@ultraviolet/ui": "1.68.1"
+    "@ultraviolet/ui": "1.69.0"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",