react-hook-form-mantine
Version:
React hook form wrapper for Mantine components
849 lines (848 loc) • 20.3 kB
JavaScript
import { useController as e } from "react-hook-form";
import { AlphaSlider as t, AngleSlider as n, Autocomplete as r, Checkbox as i, CheckboxGroup as a, Chip as o, ChipGroup as s, ColorInput as c, ColorPicker as l, FileInput as u, HueSlider as d, Input as f, JsonInput as p, MaskInput as m, MultiSelect as h, NativeSelect as g, NumberInput as ee, PasswordInput as te, PinInput as ne, Radio as _, RadioGroup as v, RangeSlider as y, Rating as re, SegmentedControl as ie, Select as b, Slider as x, Switch as S, SwitchGroup as C, TagsInput as w, TextInput as T, Textarea as E, TreeSelect as D } from "@mantine/core";
import { jsx as O } from "react/jsx-runtime";
import { DateInput as k, DatePicker as A, DatePickerInput as j, DateTimePicker as M, InlineDateTimePicker as N, MonthPicker as P, MonthPickerInput as F, TimeInput as I, TimePicker as L, YearPicker as R, YearPickerInput as z } from "@mantine/dates";
//#region src/AlphaSlider/AlphaSlider.tsx
function B({ name: n, control: r, defaultValue: i, rules: a, shouldUnregister: o, onChange: s, ...c }) {
let { field: { value: l, onChange: u, ...d } } = e({
name: n,
control: r,
defaultValue: i,
rules: a,
shouldUnregister: o
});
return /* @__PURE__ */ O(t, {
value: l,
onChange: (e) => {
u(e), s?.(e);
},
...d,
...c
});
}
//#endregion
//#region src/AngleSlider/AngleSlider.tsx
function V({ name: t, control: r, defaultValue: i, rules: a, shouldUnregister: o, onChange: s, ...c }) {
let { field: { value: l, onChange: u, ...d } } = e({
name: t,
control: r,
defaultValue: i,
rules: a,
shouldUnregister: o
});
return /* @__PURE__ */ O(n, {
value: l,
onChange: (e) => {
u(e), s?.(e);
},
...d,
...c
});
}
//#endregion
//#region src/Autocomplete/Autocomplete.tsx
function H({ name: t, control: n, defaultValue: i, rules: a, shouldUnregister: o, onChange: s, ...c }) {
let { field: { value: l, onChange: u, ...d }, fieldState: f } = e({
name: t,
control: n,
defaultValue: i,
rules: a,
shouldUnregister: o
});
return /* @__PURE__ */ O(r, {
error: f.error?.message,
value: l,
onChange: (e) => {
u(e), s?.(e);
},
...d,
...c
});
}
//#endregion
//#region src/Checkbox/CheckBoxGroup/CheckBoxGroup.tsx
var U = ({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: o, onChange: s, ...c }) => {
let { field: { value: l, onChange: u, ...d }, fieldState: f } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: o
});
return /* @__PURE__ */ O(a, {
error: f.error?.message,
value: l,
onChange: (e) => {
u(e), s?.(e);
},
...d,
...c
});
}, W = ({ name: t, control: n, defaultValue: r, rules: a, shouldUnregister: o, onChange: s, ...c }) => {
let { field: { value: l, onChange: u, ...d }, fieldState: f } = e({
name: t,
control: n,
defaultValue: r,
rules: a,
shouldUnregister: o
});
return /* @__PURE__ */ O(i, {
error: f.error?.message,
value: l,
checked: l,
onChange: (e) => {
u(e), s?.(e);
},
...d,
...c
});
};
W.Group = U, W.Item = i;
//#endregion
//#region src/Chip/ChipGroup/ChipGroup.tsx
var G = ({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...c }) => {
let { field: { value: l, onChange: u, ...d } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(s, {
value: l,
onChange: (e) => {
u(e), o?.(e);
},
...d,
...c
});
}, K = ({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: s, ...c }) => {
let { field: { value: l, onChange: u, ...d } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(o, {
value: l,
checked: l,
onChange: (e) => {
u(e), s?.(e);
},
...d,
...c
});
};
K.Group = G, K.Item = o;
//#endregion
//#region src/ColorInput/ColorInput.tsx
function q({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: l, onChange: u, ...d }, fieldState: f } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(c, {
error: f.error?.message,
value: l,
onChange: (e) => {
u(e), o?.(e);
},
...d,
...s
});
}
//#endregion
//#region src/ColorPicker/ColorPicker.tsx
function ae({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: u, ...d } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(l, {
value: c,
onChange: (e) => {
u(e), o?.(e);
},
...d,
...s
});
}
//#endregion
//#region src/DateInput/DateInput.tsx
function J({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(k, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/DatePicker/DatePicker.tsx
function Y({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(A, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/DatePickerInput/DatePickerInput.tsx
function oe({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(j, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/DateTimePicker/DateTimePicker.tsx
function se({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(M, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/FileInput/FileInput.tsx
function ce({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...d }, fieldState: f } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(u, {
value: c,
error: f.error?.message,
onChange: (e) => {
l(e), o?.(e);
},
...d,
...s
});
}
//#endregion
//#region src/HueSlider/HueSlider.tsx
function le({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(d, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/InlineDateTimePicker/InlineDateTimePicker.tsx
function ue({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(N, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/Input/Input.tsx
function de({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, ...o }) {
let { field: { value: s, ...c }, fieldState: l } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(f, {
value: s,
error: l.error?.message,
...c,
...o
});
}
//#endregion
//#region src/JsonInput/JsonInput.tsx
function fe({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(p, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/MaskInput/MaskInput.tsx
function pe({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(m, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/MonthPicker/MonthPicker.tsx
function me({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(P, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/MonthPickerInput/MonthPickerInput.tsx
function he({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(F, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/MultiSelect/MultiSelect.tsx
function ge({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(h, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/NativeSelect/NativeSelect.tsx
function _e({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(g, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/NumberInput/NumberInput.tsx
function ve({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(ee, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/PasswordInput/PasswordInput.tsx
function ye({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(te, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/PinInput/PinInput.tsx
function be({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(ne, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message != null,
...u,
...s
});
}
//#endregion
//#region src/Radio/RadioGroup/RadioGroup.tsx
function X({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(v, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/Radio/Radio.tsx
function Z({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(_, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
Z.Group = X, Z.Item = _;
//#endregion
//#region src/RangeSlider/RangeSlider.tsx
function xe({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(y, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/Rating/Rating.tsx
function Se({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(re, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/SegmentedControl/SegmentedControl.tsx
function Ce({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(ie, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/Select/Select.tsx
function we({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(b, {
value: c,
onChange: (e, t) => {
l(e), o?.(e, t);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/Slider/Slider.tsx
function Te({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(x, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/Switch/SwitchGroup/SwitchGroup.tsx
function Q({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(C, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/Switch/Switch.tsx
function $({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(S, {
value: c,
checked: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
$.Item = S, $.Group = Q;
//#endregion
//#region src/TagsInput/TagsInput.tsx
function Ee({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(w, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/Textarea/Textarea.tsx
function De({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(E, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/TextInput/TextInput.tsx
function Oe({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(T, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
error: d.error?.message,
...u,
...s
});
}
//#endregion
//#region src/TimeInput/TimeInput.tsx
function ke({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(I, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/TimePicker/TimePicker.tsx
function Ae({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(L, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/TreeSelect/TreeSelect.tsx
function je({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(D, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/YearPickerInput/YearPickerInput.tsx
function Me({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u }, fieldState: d } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(z, {
error: d.error?.message,
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
//#region src/YearPicker/YearPicker.tsx
function Ne({ name: t, control: n, defaultValue: r, rules: i, shouldUnregister: a, onChange: o, ...s }) {
let { field: { value: c, onChange: l, ...u } } = e({
name: t,
control: n,
defaultValue: r,
rules: i,
shouldUnregister: a
});
return /* @__PURE__ */ O(R, {
value: c,
onChange: (e) => {
l(e), o?.(e);
},
...u,
...s
});
}
//#endregion
export { B as AlphaSlider, V as AngleSlider, H as Autocomplete, W as Checkbox, U as CheckboxGroup, K as Chip, G as ChipGroup, q as ColorInput, ae as ColorPicker, J as DateInput, Y as DatePicker, oe as DatePickerInput, se as DateTimePicker, ce as FileInput, le as HueSlider, ue as InlineDateTimePicker, de as Input, fe as JsonInput, pe as MaskInput, me as MonthPicker, he as MonthPickerInput, ge as MultiSelect, _e as NativeSelect, ve as NumberInput, ye as PasswordInput, be as PinInput, Z as Radio, X as RadioGroup, xe as RangeSlider, Se as Rating, Ce as SegmentedControl, we as Select, Te as Slider, $ as Switch, Q as SwitchGroup, Ee as TagsInput, Oe as TextInput, De as Textarea, ke as TimeInput, Ae as TimePicker, je as TreeSelect, Ne as YearPicker, Me as YearPickerInput };