@ultraviolet/form 6.0.6 → 6.0.8

package/dist/components/KeyValueField/index.js

@@ -32,7 +32,7 @@ const KeyValueField = ({
     fields.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: 3, children: fields.map((field, index) => /* @__PURE__ */ jsxs(
       Row,
       {
-        alignItems: "end",
+        alignItems: "flex-end",
         gap: 2,
         templateColumns: "1fr 1fr auto",
         children: [
@@ -93,7 +93,7 @@ const KeyValueField = ({
           handleFieldChange();
         },
         sentiment: "primary",
-        tooltip: !canAdd ? maxSizeReachedTooltip : addButton.tooltip,
+        tooltip: canAdd ? addButton.tooltip : maxSizeReachedTooltip,
         variant: "outlined",
         children: [
           /* @__PURE__ */ jsx(PlusIcon, {}),

package/dist/components/SliderField/index.js

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

package/dist/components/compositions/OptionSelectorField/index.d.ts

@@ -0,0 +1,8 @@
+import { OptionSelector } from '@ultraviolet/ui/compositions/OptionSelector';
+import type { ComponentProps } from 'react';
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { BaseFieldProps } from '../../../types';
+type OptionSelectorFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof OptionSelector>, 'value'>;
+export declare const OptionSelectorField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, required, name, "aria-label": ariaLabel, shouldUnregister, control, validate, onChange, ...props }: OptionSelectorFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/compositions/OptionSelectorField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelectorField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,KAAK,wBAAwB,CAC3B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,OAAO,CAAC,CAAA;AAEtD,eAAO,MAAM,mBAAmB,GAC9B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,6GAUC,wBAAwB,CAAC,YAAY,EAAE,UAAU,CAAC,4CAuCpD,CAAA"}

package/dist/components/compositions/OptionSelectorField/index.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { OptionSelector } from "@ultraviolet/ui/compositions/OptionSelector";
+import { useController } from "react-hook-form";
+import { useErrors } from "../../../providers/ErrorContext/index.js";
+const OptionSelectorField = ({
+  label = "",
+  required,
+  name,
+  "aria-label": ariaLabel,
+  shouldUnregister = false,
+  control,
+  validate,
+  onChange,
+  ...props
+}) => {
+  const {
+    field,
+    fieldState: { error }
+  } = useController({
+    control,
+    name,
+    rules: {
+      required,
+      validate: {
+        completeSelection: (value) => {
+          if (value?.first && value.second) {
+            return true;
+          }
+          return false;
+        },
+        ...validate
+      }
+    },
+    shouldUnregister
+  });
+  const { getError } = useErrors();
+  return /* @__PURE__ */ jsx(
+    OptionSelector,
+    {
+      "aria-label": ariaLabel,
+      error: getError({ label: label ?? ariaLabel ?? name }, error),
+      name: field.name,
+      onChange: (val) => {
+        field.onChange(val);
+        onChange?.(val);
+      },
+      required,
+      value: field.value,
+      ...props
+    }
+  );
+};
+export {
+  OptionSelectorField
+};

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

@@ -0,0 +1,2 @@
+export { OptionSelectorField } from './OptionSelectorField';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/compositions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/compositions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/components/compositions/index.js

@@ -0,0 +1,4 @@
+import { OptionSelectorField } from "./OptionSelectorField/index.js";
+export {
+  OptionSelectorField
+};

package/dist/validators/isInteger.js

@@ -5,7 +5,7 @@ const isInteger = (step) => (value) => {
   if (Number.isInteger(step)) {
     return Number.isInteger(value) && Number.isInteger(value);
   }
-  return !Number.isInteger(value) && !Number.isInteger(value);
+  return !(Number.isInteger(value) || Number.isInteger(value));
 };
 export {
   isInteger

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -35,6 +35,11 @@
       "types": "./dist/index.d.ts",
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
+    },
+    "./compositions/*": {
+      "types": "./dist/components/compositions/*/index.d.ts",
+      "require": "./dist/components/compositions/*/index.cjs",
+      "default": "./dist/components/compositions/*/index.js"
     }
   },
   "size-limit": [
@@ -55,21 +60,21 @@
     "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
-    "@babel/core": "7.28.5",
+    "@babel/core": "7.28.6",
     "@types/final-form-focus": "1.1.7",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "@repo/config": "0.0.1",
-    "@utils/test": "0.0.1"
+    "@utils/test": "0.0.1",
+    "@repo/config": "0.0.1"
   },
   "dependencies": {
-    "@babel/runtime": "7.28.4",
+    "@babel/runtime": "7.28.6",
     "react-hook-form": "7.55.0",
-    "@ultraviolet/icons": "5.0.3",
+    "@ultraviolet/ui": "3.5.0",
     "@ultraviolet/themes": "3.0.2",
-    "@ultraviolet/ui": "3.3.1"
+    "@ultraviolet/icons": "5.0.3"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",