@ultraviolet/form 6.0.6 → 6.0.7

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "6.0.6",
+  "version": "6.0.7",
   "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": [
@@ -61,15 +66,15 @@
     "@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",
     "react-hook-form": "7.55.0",
     "@ultraviolet/icons": "5.0.3",
     "@ultraviolet/themes": "3.0.2",
-    "@ultraviolet/ui": "3.3.1"
+    "@ultraviolet/ui": "3.4.0"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",