@ultraviolet/form 6.0.0-beta.11 → 6.0.0-beta.13

package/dist/components/ToggleGroupField/index.cjs

@@ -0,0 +1,56 @@
+"use client";
+"use strict";
+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 index = require("../../providers/ErrorContext/index.cjs");
+const ToggleGroupField = ({
+  legend = "",
+  control,
+  onChange,
+  error: customError,
+  name,
+  required = false,
+  shouldUnregister = false,
+  validate,
+  ...props
+}) => {
+  const {
+    getError
+  } = index.useErrors();
+  const {
+    field,
+    fieldState: {
+      error
+    }
+  } = reactHookForm.useController({
+    control,
+    name,
+    rules: {
+      validate: {
+        ...required ? {
+          required: (value2) => value2.length > 0
+        } : void 0,
+        ...validate
+      }
+    },
+    shouldUnregister
+  });
+  const value = field.value;
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.ToggleGroup, { ...props, error: customError ?? getError({
+    label: legend
+  }, error), legend, name: field.name, onChange: (event) => {
+    if (value.includes(event.currentTarget.value)) {
+      const newValue = value.filter((currentValue) => currentValue !== event.currentTarget.value);
+      field.onChange(newValue);
+      onChange?.(newValue);
+    } else {
+      const newValue = [...value, event.currentTarget.value];
+      field.onChange(newValue);
+      onChange?.(newValue);
+    }
+  }, required, value });
+};
+ToggleGroupField.Toggle = ui.ToggleGroup.Toggle;
+exports.ToggleGroupField = ToggleGroupField;

package/dist/components/ToggleGroupField/index.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { ToggleGroup } from "@ultraviolet/ui";
+import { useController } from "react-hook-form";
+import { useErrors } from "../../providers/ErrorContext/index.js";
+const ToggleGroupField = ({
+  legend = "",
+  control,
+  onChange,
+  error: customError,
+  name,
+  required = false,
+  shouldUnregister = false,
+  validate,
+  ...props
+}) => {
+  const {
+    getError
+  } = useErrors();
+  const {
+    field,
+    fieldState: {
+      error
+    }
+  } = useController({
+    control,
+    name,
+    rules: {
+      validate: {
+        ...required ? {
+          required: (value2) => value2.length > 0
+        } : void 0,
+        ...validate
+      }
+    },
+    shouldUnregister
+  });
+  const value = field.value;
+  return /* @__PURE__ */ jsx(ToggleGroup, { ...props, error: customError ?? getError({
+    label: legend
+  }, error), legend, name: field.name, onChange: (event) => {
+    if (value.includes(event.currentTarget.value)) {
+      const newValue = value.filter((currentValue) => currentValue !== event.currentTarget.value);
+      field.onChange(newValue);
+      onChange?.(newValue);
+    } else {
+      const newValue = [...value, event.currentTarget.value];
+      field.onChange(newValue);
+      onChange?.(newValue);
+    }
+  }, required, value });
+};
+ToggleGroupField.Toggle = ToggleGroup.Toggle;
+export {
+  ToggleGroupField
+};

package/dist/components/index.d.ts

@@ -19,5 +19,6 @@ export { TextAreaField } from './TextAreaField';
 export { TextInputField } from './TextInputField';
 export { TimeInputField } from './TimeInputField';
 export { ToggleField } from './ToggleField';
+export { ToggleGroupField } from './ToggleGroupField';
 export { UnitInputField } from './UnitInputField';
 export { VerificationCodeField } from './VerificationCodeField';

package/dist/index.cjs

@@ -24,8 +24,9 @@ const index$i = require("./components/TextAreaField/index.cjs");
 const index$j = require("./components/TextInputField/index.cjs");
 const index$k = require("./components/TimeInputField/index.cjs");
 const index$l = require("./components/ToggleField/index.cjs");
-const index$m = require("./components/UnitInputField/index.cjs");
-const index$n = require("./components/VerificationCodeField/index.cjs");
+const index$m = require("./components/ToggleGroupField/index.cjs");
+const index$n = require("./components/UnitInputField/index.cjs");
+const index$o = require("./components/VerificationCodeField/index.cjs");
 Object.defineProperty(exports, "useController", {
   enumerable: true,
   get: () => reactHookForm.useController
@@ -74,5 +75,6 @@ exports.TextAreaField = index$i.TextAreaField;
 exports.TextInputField = index$j.TextInputField;
 exports.TimeInputField = index$k.TimeInputField;
 exports.ToggleField = index$l.ToggleField;
-exports.UnitInputField = index$m.UnitInputField;
-exports.VerificationCodeField = index$n.VerificationCodeField;
+exports.ToggleGroupField = index$m.ToggleGroupField;
+exports.UnitInputField = index$n.UnitInputField;
+exports.VerificationCodeField = index$o.VerificationCodeField;

package/dist/index.js

@@ -22,6 +22,7 @@ import { TextAreaField } from "./components/TextAreaField/index.js";
 import { TextInputField } from "./components/TextInputField/index.js";
 import { TimeInputField } from "./components/TimeInputField/index.js";
 import { ToggleField } from "./components/ToggleField/index.js";
+import { ToggleGroupField } from "./components/ToggleGroupField/index.js";
 import { UnitInputField } from "./components/UnitInputField/index.js";
 import { VerificationCodeField } from "./components/VerificationCodeField/index.js";
 export {
@@ -47,6 +48,7 @@ export {
   TextInputField,
   TimeInputField,
   ToggleField,
+  ToggleGroupField,
   UnitInputField,
   VerificationCodeField,
   useController,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "6.0.0-beta.11",
+  "version": "6.0.0-beta.13",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -55,7 +55,7 @@
     "@emotion/styled": "11.14.1",
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x",
-    "@ultraviolet/ui": "3.0.0-beta.22"
+    "@ultraviolet/ui": "3.0.0-beta.24"
   },
   "devDependencies": {
     "@babel/core": "7.28.4",
@@ -66,14 +66,14 @@
     "@types/react-dom": "19.2.2",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "@ultraviolet/ui": "3.0.0-beta.22",
+    "@ultraviolet/ui": "3.0.0-beta.24",
     "@utils/test": "0.0.1"
   },
   "dependencies": {
     "@babel/runtime": "7.28.4",
     "react-hook-form": "7.55.0",
-    "@ultraviolet/icons": "5.0.0-beta.7",
-    "@ultraviolet/themes": "3.0.0-beta.2"
+    "@ultraviolet/icons": "5.0.0-beta.9",
+    "@ultraviolet/themes": "3.0.0-beta.3"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",