@ultraviolet/form 3.11.1 → 3.12.0

package/dist/components/SwitchButtonField/index.cjs

@@ -0,0 +1,35 @@
+"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 SwitchButtonField = ({
+  name,
+  leftButton,
+  rightButton,
+  size,
+  control,
+  shouldUnregister,
+  onBlur,
+  onChange,
+  onFocus,
+  tooltip,
+  className,
+  ...props
+}) => {
+  const {
+    field
+  } = reactHookForm.useController({
+    name,
+    shouldUnregister,
+    control
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.SwitchButton, { ...props, name, leftButton, rightButton, onChange: (event) => {
+    field.onChange(event);
+    onChange?.(event.target);
+  }, value: field.value, tooltip, size, className, onFocus, onBlur: (event) => {
+    field.onBlur();
+    onBlur?.(event);
+  } });
+};
+exports.SwitchButtonField = SwitchButtonField;

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

@@ -0,0 +1,9 @@
+import { SwitchButton } from '@ultraviolet/ui';
+import type { ComponentProps } from 'react';
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { BaseFieldProps } from '../../types';
+type SwitchButtonFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof SwitchButton>, 'value' | 'name' | 'onChange'> & Partial<Pick<ComponentProps<typeof SwitchButton>, 'onChange'>> & {
+    name: FieldPath<TFieldValues>;
+};
+export declare const SwitchButtonField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, leftButton, rightButton, size, control, shouldUnregister, onBlur, onChange, onFocus, tooltip, className, ...props }: SwitchButtonFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SwitchButtonField/index.js

@@ -0,0 +1,35 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { SwitchButton } from "@ultraviolet/ui";
+import { useController } from "react-hook-form";
+const SwitchButtonField = ({
+  name,
+  leftButton,
+  rightButton,
+  size,
+  control,
+  shouldUnregister,
+  onBlur,
+  onChange,
+  onFocus,
+  tooltip,
+  className,
+  ...props
+}) => {
+  const {
+    field
+  } = useController({
+    name,
+    shouldUnregister,
+    control
+  });
+  return /* @__PURE__ */ jsx(SwitchButton, { ...props, name, leftButton, rightButton, onChange: (event) => {
+    field.onChange(event);
+    onChange?.(event.target);
+  }, value: field.value, tooltip, size, className, onFocus, onBlur: (event) => {
+    field.onBlur();
+    onBlur?.(event);
+  } });
+};
+export {
+  SwitchButtonField
+};

package/dist/components/index.d.ts

@@ -21,4 +21,5 @@ export { SelectableCardGroupField } from './SelectableCardGroupField';
 export { SelectInputFieldV2 } from './SelectInputFieldV2';
 export { UnitInputField } from './UnitInputField';
 export { SliderField } from './SliderField';
+export { SwitchButtonField } from './SwitchButtonField';
 export { VerificationCodeField } from './VerificationCodeField';

package/dist/index.cjs

@@ -26,7 +26,8 @@ const index$k = require("./components/SelectableCardGroupField/index.cjs");
 const index$l = require("./components/SelectInputFieldV2/index.cjs");
 const index$m = require("./components/UnitInputField/index.cjs");
 const index$n = require("./components/SliderField/index.cjs");
-const index$o = require("./components/VerificationCodeField/index.cjs");
+const index$o = require("./components/SwitchButtonField/index.cjs");
+const index$p = require("./components/VerificationCodeField/index.cjs");
 exports.ErrorProvider = index.ErrorProvider;
 exports.useErrors = index.useErrors;
 Object.defineProperty(exports, "useController", {
@@ -77,4 +78,5 @@ exports.SelectableCardGroupField = index$k.SelectableCardGroupField;
 exports.SelectInputFieldV2 = index$l.SelectInputFieldV2;
 exports.UnitInputField = index$m.UnitInputField;
 exports.SliderField = index$n.SliderField;
-exports.VerificationCodeField = index$o.VerificationCodeField;
+exports.SwitchButtonField = index$o.SwitchButtonField;
+exports.VerificationCodeField = index$p.VerificationCodeField;

package/dist/index.js

@@ -24,6 +24,7 @@ import { SelectableCardGroupField } from "./components/SelectableCardGroupField/
 import { SelectInputFieldV2 } from "./components/SelectInputFieldV2/index.js";
 import { UnitInputField } from "./components/UnitInputField/index.js";
 import { SliderField } from "./components/SliderField/index.js";
+import { SwitchButtonField } from "./components/SwitchButtonField/index.js";
 import { VerificationCodeField } from "./components/VerificationCodeField/index.js";
 export {
   CheckboxField,
@@ -43,6 +44,7 @@ export {
   SliderField,
   Submit,
   SubmitErrorAlert,
+  SwitchButtonField,
   TagInputField,
   TextAreaField,
   TextInputField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "3.11.1",
+  "version": "3.12.0",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -51,15 +51,15 @@
     }
   ],
   "peerDependencies": {
-    "@emotion/react": "11.13.3",
-    "@emotion/styled": "11.13.0",
+    "@emotion/react": "11.13.5",
+    "@emotion/styled": "11.13.5",
     "react": "18.x",
     "react-dom": "18.x"
   },
   "devDependencies": {
     "@babel/core": "7.26.0",
-    "@emotion/react": "11.13.3",
-    "@emotion/styled": "11.13.0",
+    "@emotion/react": "11.13.5",
+    "@emotion/styled": "11.13.5",
     "@types/final-form-focus": "1.1.7",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
@@ -72,7 +72,7 @@
     "react-hook-form": "7.53.2",
     "react-select": "5.8.3",
     "@ultraviolet/themes": "1.15.0",
-    "@ultraviolet/ui": "1.77.1"
+    "@ultraviolet/ui": "1.77.3"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",