UNPKG

react-hook-form-mantine

Version:
849 lines (848 loc) 20.3 kB
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 };