@gen-epix/ui-core-form 4.0.2 → 4.2.0

package/dist/components/fields/Switch/index.js

@@ -1,68 +1,78 @@
 import { n as e } from "../../../_chunks/rolldown-runtime.js";
 import { t } from "../../../_chunks/FormUtil.js";
-import { i as n, t as r } from "../../../_chunks/index.esm.js";
-import { FormFieldHelperText as i } from "../../helpers/FormFieldHelperText/index.js";
-import { FormFieldLoadingIndicator as a } from "../../helpers/FormFieldLoadingIndicator/index.js";
-import { t as o } from "../../../_chunks/classnames.js";
-import { useCallback as s, useRef as c } from "react";
-import { FormControl as l, FormControlLabel as u, FormHelperText as d, Switch as f } from "@mui/material";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { TestIdUtil as h } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { FormFieldHelperText as n } from "../../helpers/FormFieldHelperText/index.js";
+import { FormFieldLoadingIndicator as r } from "../../helpers/FormFieldLoadingIndicator/index.js";
+import { t as i } from "../../../_chunks/classnames.js";
+import { useCallback as a, useRef as o } from "react";
+import { Controller as s, useFormContext as c } from "react-hook-form";
+import { Box as l, FormControl as u, FormControlLabel as d, FormHelperText as f, Switch as p } from "@mui/material";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { TestIdUtil as g } from "@gen-epix/ui-core/utils/TestIdUtil";
 //#region src/components/fields/Switch/Switch.tsx
-var g = /* @__PURE__ */ e(o(), 1), _ = ({ disabled: e = !1, infoMessage: o, label: _, loading: v = !1, name: y, onChange: b, warningMessage: x }) => {
-	let { control: S, formState: { errors: C } } = n(), w = t.getFieldErrorMessage(C, y), T = c(null), E = !!x && !w, D = s((e) => (t, n) => {
-		b && b(n), e(n);
-	}, [b]), O = s(({ field: { onBlur: t, onChange: n, ref: r, value: s } }) => (r({ focus: () => {
-		T?.current?.focus();
-	} }), /* @__PURE__ */ m(l, {
-		...h.createAttributes("Select", {
-			label: _,
-			name: y
+var _ = /* @__PURE__ */ e(i(), 1), v = ({ disabled: e = !1, icon: i, infoMessage: v, label: y, loading: b = !1, name: x, onChange: S, warningMessage: C }) => {
+	let { control: w, formState: { errors: T } } = c(), E = t.getFieldErrorMessage(T, x), D = o(null), O = !!C && !E, k = a((e) => (t, n) => {
+		S && S(n), e(n);
+	}, [S]), A = a(({ field: { onBlur: t, onChange: a, ref: o, value: s } }) => (o({ focus: () => {
+		D?.current?.focus();
+	} }), /* @__PURE__ */ h(u, {
+		...g.createAttributes("Select", {
+			label: y,
+			name: x
 		}),
 		fullWidth: !0,
 		children: [
-			/* @__PURE__ */ p(u, {
-				control: /* @__PURE__ */ p(f, {
+			/* @__PURE__ */ m(d, {
+				control: /* @__PURE__ */ m(p, {
 					checked: !!s,
 					color: "primary",
-					slotProps: { input: { ref: T } }
+					size: "small",
+					slotProps: { input: { ref: D } }
 				}),
 				disabled: e,
-				label: _,
+				label: i ? /* @__PURE__ */ h(l, {
+					component: "span",
+					sx: {
+						alignItems: "center",
+						display: "flex",
+						gap: .5
+					},
+					children: [i, y]
+				}) : y,
 				onBlur: t,
-				onChange: D(n)
+				onChange: k(a)
 			}),
-			/* @__PURE__ */ p(d, {
-				className: (0, g.default)({ "Mui-warning": E }),
+			/* @__PURE__ */ m(f, {
+				className: (0, _.default)({ "Mui-warning": O }),
 				sx: { ml: 0 },
-				children: /* @__PURE__ */ p(i, {
-					errorMessage: w,
-					infoMessage: o,
+				children: /* @__PURE__ */ m(n, {
+					errorMessage: E,
+					infoMessage: v,
 					noIndent: !0,
-					warningMessage: x
+					warningMessage: C
 				})
 			}),
-			!!v && /* @__PURE__ */ p(a, {})
+			!!b && /* @__PURE__ */ m(r, {})
 		]
 	})), [
 		e,
-		o,
-		w,
-		E,
-		_,
 		v,
+		E,
+		O,
+		i,
 		y,
-		D,
-		x
+		b,
+		x,
+		k,
+		C
 	]);
-	return /* @__PURE__ */ p(r, {
-		control: S,
+	return /* @__PURE__ */ m(s, {
+		control: w,
 		defaultValue: null,
-		name: y,
-		render: O
+		name: x,
+		render: A
 	});
 };
 //#endregion
-export { _ as Switch };
+export { v as Switch };
 
 //# sourceMappingURL=index.js.map

package/dist/components/fields/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import type {\n  ReactElement,\n  SyntheticEvent,\n} from 'react';\nimport {\n  useCallback,\n  useRef,\n} from 'react';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  Switch as MuiSwitch,\n} from '@mui/material';\nimport type {\n  ControllerRenderProps,\n  FieldValues,\n  Path,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport classnames from 'classnames';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nexport type SwitchProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly name: TName;\n  readonly onChange?: (value: boolean) => void;\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const Switch = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled = false,\n  infoMessage,\n  label,\n  loading = false,\n  name,\n  onChange: onChangeProp,\n  warningMessage,\n}: SwitchProps<TFieldValues, TName>): ReactElement => {\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const hasError = !!errorMessage;\n  const hasWarning = !!warningMessage && !hasError;\n\n  const onMuiSwitchChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: SyntheticEvent, checked: boolean) => {\n      if (onChangeProp) {\n        onChangeProp(checked);\n      }\n      onChange(checked);\n    }\n  , [onChangeProp]);\n\n  const renderController = useCallback(({ field: { onBlur, onChange, ref, value } }: UseControllerReturn<TFieldValues, TName>) => {\n    ref({\n      focus: () => {\n        inputRef?.current?.focus();\n      },\n    });\n    return (\n      <FormControl\n        {...TestIdUtil.createAttributes('Select', { label, name })}\n        fullWidth\n      >\n        <FormControlLabel\n          control={(\n            <MuiSwitch\n              checked={!!value}\n              color={'primary'}\n              slotProps={{\n                input: {\n                  ref: inputRef,\n                },\n              }}\n            />\n          )}\n          disabled={disabled}\n          label={label}\n          onBlur={onBlur}\n          onChange={onMuiSwitchChange(onChange)}\n        />\n        <FormHelperText\n          className={classnames({ 'Mui-warning': hasWarning })}\n          sx={{ ml: 0 }}\n        >\n          <FormFieldHelperText\n            errorMessage={errorMessage}\n            infoMessage={infoMessage}\n            noIndent\n            warningMessage={warningMessage}\n          />\n        </FormHelperText>\n        { !!loading && <FormFieldLoadingIndicator />}\n      </FormControl>\n\n    );\n  }, [disabled, infoMessage, errorMessage, hasWarning, label, loading, name, onMuiSwitchChange, warningMessage]);\n\n  return (\n\n    <Controller\n      control={control}\n      defaultValue={null}\n      name={name}\n      render={renderController}\n    />\n\n  );\n};\n"],"mappings":";;;;;;;;;;;mCA0Ca,KAAmG,EAC9G,cAAW,IACX,gBACA,UACA,aAAU,IACV,SACA,UAAU,GACV,wBACoD;CACpD,IAAM,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GACzD,IAAW,EAAyB,IAAI,GAGxC,IAAa,CAAC,CAAC,KAAkB,CADpB,GAGb,IAAoB,GAAa,OACpC,GAAwB,MAAqB;EAI5C,AAHI,KACF,EAAa,CAAO,GAEtB,EAAS,CAAO;CAClB,GACA,CAAC,CAAY,CAAC,GAEV,IAAmB,GAAa,EAAE,OAAO,EAAE,WAAQ,aAAU,QAAK,kBACtE,EAAI,EACF,aAAa;EACX,GAAU,SAAS,MAAM;CAC3B,EACF,CAAC,GAEC,kBAAC,GAAD;EACE,GAAI,EAAW,iBAAiB,UAAU;GAAE;GAAO;EAAK,CAAC;EACzD,WAAA;EAFF,UAAA;GAIE,kBAAC,GAAD;IACE,SACE,kBAAC,GAAD;KACE,SAAS,CAAC,CAAC;KACX,OAAO;KACP,WAAW,EACT,OAAO,EACL,KAAK,EACP,EACF;IACD,CAAA;IAEO;IACH;IACC;IACR,UAAU,EAAkB,CAAQ;GACrC,CAAA;GACD,kBAAC,GAAD;IACE,YAAA,GAAW,EAAA,QAAA,CAAW,EAAE,eAAe,EAAW,CAAC;IACnD,IAAI,EAAE,IAAI,EAAE;IAEZ,UAAA,kBAAC,GAAD;KACgB;KACD;KACb,UAAA;KACgB;IACjB,CAAA;GACa,CAAA;GACd,CAAC,CAAC,KAAW,kBAAC,GAAD,CAA4B,CAAA;EAChC;MAGd;EAAC;EAAU;EAAa;EAAc;EAAY;EAAO;EAAS;EAAM;EAAmB;CAAc,CAAC;CAE7G,OAEE,kBAAC,GAAD;EACW;EACT,cAAc;EACR;EACN,QAAQ;CACT,CAAA;AAGL"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import type {\n  ReactElement,\n  ReactNode,\n  SyntheticEvent,\n} from 'react';\nimport {\n  useCallback,\n  useRef,\n} from 'react';\nimport {\n  Box,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  Switch as MuiSwitch,\n} from '@mui/material';\nimport type {\n  ControllerRenderProps,\n  FieldValues,\n  Path,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport classnames from 'classnames';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nexport type SwitchProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly icon?: ReactNode;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly name: TName;\n  readonly onChange?: (value: boolean) => void;\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const Switch = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled = false,\n  icon,\n  infoMessage,\n  label,\n  loading = false,\n  name,\n  onChange: onChangeProp,\n  warningMessage,\n}: SwitchProps<TFieldValues, TName>): ReactElement => {\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const hasError = !!errorMessage;\n  const hasWarning = !!warningMessage && !hasError;\n\n  const onMuiSwitchChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: SyntheticEvent, checked: boolean) => {\n      if (onChangeProp) {\n        onChangeProp(checked);\n      }\n      onChange(checked);\n    }\n  , [onChangeProp]);\n\n  const renderController = useCallback(({ field: { onBlur, onChange, ref, value } }: UseControllerReturn<TFieldValues, TName>) => {\n    ref({\n      focus: () => {\n        inputRef?.current?.focus();\n      },\n    });\n    return (\n      <FormControl\n        {...TestIdUtil.createAttributes('Select', { label, name })}\n        fullWidth\n      >\n        <FormControlLabel\n          control={(\n            <MuiSwitch\n              checked={!!value}\n              color={'primary'}\n              size={'small'}\n              slotProps={{\n                input: {\n                  ref: inputRef,\n                },\n              }}\n            />\n          )}\n          disabled={disabled}\n          label={icon ? (\n            <Box\n              component={'span'}\n              sx={{ alignItems: 'center', display: 'flex', gap: 0.5 }}\n            >\n              {icon}\n              {label}\n            </Box>\n          ) : label}\n          onBlur={onBlur}\n          onChange={onMuiSwitchChange(onChange)}\n        />\n        <FormHelperText\n          className={classnames({ 'Mui-warning': hasWarning })}\n          sx={{ ml: 0 }}\n        >\n          <FormFieldHelperText\n            errorMessage={errorMessage}\n            infoMessage={infoMessage}\n            noIndent\n            warningMessage={warningMessage}\n          />\n        </FormHelperText>\n        { !!loading && <FormFieldLoadingIndicator />}\n      </FormControl>\n\n    );\n  }, [disabled, infoMessage, errorMessage, hasWarning, icon, label, loading, name, onMuiSwitchChange, warningMessage]);\n\n  return (\n\n    <Controller\n      control={control}\n      defaultValue={null}\n      name={name}\n      render={renderController}\n    />\n\n  );\n};\n"],"mappings":";;;;;;;;;;;mCA6Ca,KAAmG,EAC9G,cAAW,IACX,SACA,gBACA,UACA,aAAU,IACV,SACA,UAAU,GACV,wBACoD;CACpD,IAAM,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GACzD,IAAW,EAAyB,IAAI,GAGxC,IAAa,CAAC,CAAC,KAAkB,CADpB,GAGb,IAAoB,GAAa,OACpC,GAAwB,MAAqB;EAI5C,AAHI,KACF,EAAa,CAAO,GAEtB,EAAS,CAAO;CAClB,GACA,CAAC,CAAY,CAAC,GAEV,IAAmB,GAAa,EAAE,OAAO,EAAE,WAAQ,aAAU,QAAK,kBACtE,EAAI,EACF,aAAa;EACX,GAAU,SAAS,MAAM;CAC3B,EACF,CAAC,GAEC,kBAAC,GAAD;EACE,GAAI,EAAW,iBAAiB,UAAU;GAAE;GAAO;EAAK,CAAC;EACzD,WAAA;EAFF,UAAA;GAIE,kBAAC,GAAD;IACE,SACE,kBAAC,GAAD;KACE,SAAS,CAAC,CAAC;KACX,OAAO;KACP,MAAM;KACN,WAAW,EACT,OAAO,EACL,KAAK,EACP,EACF;IACD,CAAA;IAEO;IACV,OAAO,IACL,kBAAC,GAAD;KACE,WAAW;KACX,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;KAAI;KAFxD,UAAA,CAIG,GACA,CACE;IACH,CAAA,IAAA;IACI;IACR,UAAU,EAAkB,CAAQ;GACrC,CAAA;GACD,kBAAC,GAAD;IACE,YAAA,GAAW,EAAA,QAAA,CAAW,EAAE,eAAe,EAAW,CAAC;IACnD,IAAI,EAAE,IAAI,EAAE;IAEZ,UAAA,kBAAC,GAAD;KACgB;KACD;KACb,UAAA;KACgB;IACjB,CAAA;GACa,CAAA;GACd,CAAC,CAAC,KAAW,kBAAC,GAAD,CAA4B,CAAA;EAChC;MAGd;EAAC;EAAU;EAAa;EAAc;EAAY;EAAM;EAAO;EAAS;EAAM;EAAmB;CAAc,CAAC;CAEnH,OAEE,kBAAC,GAAD;EACW;EACT,cAAc;EACR;EACN,QAAQ;CACT,CAAA;AAGL"}

package/dist/components/fields/TextField/index.js

@@ -1,31 +1,31 @@
 import { n as e } from "../../../_chunks/rolldown-runtime.js";
 import { t } from "../../../_chunks/FormUtil.js";
-import { i as n, t as r } from "../../../_chunks/index.esm.js";
-import { FormFieldHelperText as i } from "../../helpers/FormFieldHelperText/index.js";
-import { FormFieldLoadingIndicator as a } from "../../helpers/FormFieldLoadingIndicator/index.js";
-import { t as o } from "../../../_chunks/classnames.js";
-import { useCallback as s, useRef as c } from "react";
+import { FormFieldHelperText as n } from "../../helpers/FormFieldHelperText/index.js";
+import { FormFieldLoadingIndicator as r } from "../../helpers/FormFieldLoadingIndicator/index.js";
+import { t as i } from "../../../_chunks/classnames.js";
+import { useCallback as a, useRef as o } from "react";
+import { Controller as s, useFormContext as c } from "react-hook-form";
 import { useTranslation as l } from "react-i18next";
 import { FormControl as u, IconButton as d, InputAdornment as f, TextField as p } from "@mui/material";
 import m from "@mui/icons-material/Clear";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { TestIdUtil as _ } from "@gen-epix/ui-core/utils/TestIdUtil";
 //#region src/components/fields/TextField/TextField.tsx
-var v = /* @__PURE__ */ e(o(), 1), y = ({ autocomplete: e, disabled: o = !1, infoMessage: y, label: b, loading: x = !1, multiline: S = !1, name: C, onChange: w, placeholder: T, required: E = !1, rows: D = 3, type: O = "text", warningMessage: k }) => {
-	let { t: A } = l(), { control: j, formState: { errors: M } } = n(), N = t.getFieldErrorMessage(M, C), P = !!N, F = !!k && !P, I = c(null), L = s((e) => (t) => {
+var v = /* @__PURE__ */ e(i(), 1), y = ({ autocomplete: e, disabled: i = !1, infoMessage: y, label: b, loading: x = !1, multiline: S = !1, name: C, onChange: w, placeholder: T, required: E = !1, rows: D = 3, type: O = "text", warningMessage: k }) => {
+	let { t: A } = l(), { control: j, formState: { errors: M } } = c(), N = t.getFieldErrorMessage(M, C), P = !!N, F = !!k && !P, I = o(null), L = a((e) => (t) => {
 		let n = t.target.value;
 		w && w(n), e(n);
-	}, [w]), R = s(({ field: { onBlur: t, onChange: n, ref: r, value: a } }) => {
-		r({ focus: () => {
+	}, [w]), R = a(({ field: { onBlur: t, onChange: r, ref: a, value: o } }) => {
+		a({ focus: () => {
 			I?.current?.focus();
 		} });
 		let s = () => {
-			n("");
+			r("");
 		};
 		return /* @__PURE__ */ h(p, {
-			disabled: o || x,
+			disabled: i || x,
 			error: P,
-			helperText: /* @__PURE__ */ h(i, {
+			helperText: /* @__PURE__ */ h(n, {
 				errorMessage: N,
 				infoMessage: y,
 				warningMessage: k
@@ -34,14 +34,14 @@ var v = /* @__PURE__ */ e(o(), 1), y = ({ autocomplete: e, disabled: o = !1, inf
 			label: b,
 			multiline: S,
 			onBlur: t,
-			onChange: L(n),
+			onChange: L(r),
 			placeholder: T,
 			rows: D,
 			slotProps: {
 				formHelperText: { className: (0, v.default)({ "Mui-warning": F }) },
 				input: {
 					className: (0, v.default)({ "Mui-warning": F }),
-					endAdornment: o ? void 0 : /* @__PURE__ */ h(f, {
+					endAdornment: i ? void 0 : /* @__PURE__ */ h(f, {
 						position: "end",
 						children: /* @__PURE__ */ h(d, {
 							..._.createAttributes("TextField-reset"),
@@ -59,14 +59,14 @@ var v = /* @__PURE__ */ e(o(), 1), y = ({ autocomplete: e, disabled: o = !1, inf
 				},
 				inputLabel: {
 					className: (0, v.default)({ "Mui-warning": F }),
-					required: E && !o
+					required: E && !i
 				}
 			},
-			value: a ?? "",
+			value: o ?? "",
 			variant: "outlined"
 		});
 	}, [
-		o,
+		i,
 		x,
 		y,
 		P,
@@ -94,12 +94,12 @@ var v = /* @__PURE__ */ e(o(), 1), y = ({ autocomplete: e, disabled: o = !1, inf
 			"&:hover button, &:focus-within button": { display: "initial" },
 			button: { display: "none" }
 		},
-		children: [/* @__PURE__ */ h(r, {
+		children: [/* @__PURE__ */ h(s, {
 			control: j,
 			defaultValue: "",
 			name: C,
 			render: R
-		}), !!x && /* @__PURE__ */ h(a, {})]
+		}), !!x && /* @__PURE__ */ h(r, {})]
 	});
 };
 //#endregion

package/dist/components/fields/ToggleButtonGroup/index.js

@@ -1,15 +1,15 @@
 import { t as e } from "../../../_chunks/FormUtil.js";
-import { i as t, t as n } from "../../../_chunks/index.esm.js";
-import { FormFieldHelperText as r } from "../../helpers/FormFieldHelperText/index.js";
-import { useCallback as i, useRef as a } from "react";
+import { FormFieldHelperText as t } from "../../helpers/FormFieldHelperText/index.js";
+import { useCallback as n, useRef as r } from "react";
+import { Controller as i, useFormContext as a } from "react-hook-form";
 import { FormControl as o, FormHelperText as s, ToggleButton as c, ToggleButtonGroup as l } from "@mui/material";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { TestIdUtil as f } from "@gen-epix/ui-core/utils/TestIdUtil";
 //#region src/components/fields/ToggleButtonGroup/ToggleButtonGroup.tsx
 var p = ({ disabled: p, infoMessage: m, name: h, onChange: g, options: _, required: v, warningMessage: y }) => {
-	let { control: b, formState: { errors: x } } = t(), S = e.getFieldErrorMessage(x, h), C = a(null), w = !!S, T = i((e) => (t, n) => {
+	let { control: b, formState: { errors: x } } = a(), S = e.getFieldErrorMessage(x, h), C = r(null), w = !!S, T = n((e) => (t, n) => {
 		v && n === null || (g && g(n), e(n));
-	}, [g, v]), E = i(({ field: { onBlur: e, onChange: t, ref: n, value: r } }) => (n({ focus: () => {
+	}, [g, v]), E = n(({ field: { onBlur: e, onChange: t, ref: n, value: r } }) => (n({ focus: () => {
 		C?.current?.focus();
 	} }), /* @__PURE__ */ u(l, {
 		color: "primary",
@@ -35,14 +35,14 @@ var p = ({ disabled: p, infoMessage: m, name: h, onChange: g, options: _, requir
 		error: w,
 		...f.createAttributes("ToggleButtonGroup", { name: h }),
 		fullWidth: !0,
-		children: [/* @__PURE__ */ u(n, {
+		children: [/* @__PURE__ */ u(i, {
 			control: b,
 			defaultValue: null,
 			name: h,
 			render: E
 		}), /* @__PURE__ */ u(s, {
 			sx: { ml: 0 },
-			children: /* @__PURE__ */ u(r, {
+			children: /* @__PURE__ */ u(t, {
 				errorMessage: S,
 				infoMessage: m,
 				noIndent: !0,

package/dist/components/helpers/GenericForm/GenericForm.d.ts

@@ -12,7 +12,7 @@ export type GenericFormProps<TFormFields extends FieldValues> = {
     readonly onSubmit?: SubmitEventHandler<HTMLFormElement>;
     readonly renderField?: (definition: FormFieldDefinition<TFormFields>, element: ReactElement) => ReactElement;
     readonly renderGroup?: (definition: FormGroupDefinition, children: ReactElement) => ReactElement;
-    readonly schema: ObjectSchema<TFormFields, TFormFields>;
+    readonly schema?: ObjectSchema<TFormFields, TFormFields>;
     readonly wrapForm?: (children: ReactElement) => ReactElement;
 };
 export declare const GenericForm: <TFormFields extends FieldValues>({ disableAll, formFieldDefinitions, formGroupDefinitions, formId, formMethods, onSubmit, renderField, renderGroup, schema, wrapForm, }: GenericFormProps<TFormFields>) => import("react").JSX.Element;

package/dist/components/helpers/GenericForm/index.js

@@ -1,82 +1,82 @@
 import { t as e } from "../../../_chunks/FormUtil.js";
 import { FORM_FIELD_DEFINITION_TYPE as t } from "../../../models/form.js";
-import { n } from "../../../_chunks/index.esm.js";
-import { useIsFormFieldRequiredFromSchema as r } from "../../../hooks/useIsFormFieldRequiredFromSchema/index.js";
-import { n as i } from "../../../_chunks/RichTextEditor.js";
-import { t as a } from "../../../_chunks/TransferList.js";
-import { t as o } from "../../../_chunks/Autocomplete.js";
-import { Select as s } from "../../fields/Select/index.js";
-import { TextField as c } from "../../fields/TextField/index.js";
-import { NumberField as l } from "../../fields/NumberField/index.js";
-import { t as u } from "../../../_chunks/DatePicker.js";
-import { t as d } from "../../../_chunks/UploadButton.js";
-import { RadioGroup as f } from "../../fields/RadioGroup/index.js";
-import { Switch as p } from "../../fields/Switch/index.js";
-import { Fragment as m, useCallback as h, useMemo as g } from "react";
+import { useIsFormFieldRequiredFromSchema as n } from "../../../hooks/useIsFormFieldRequiredFromSchema/index.js";
+import { n as r } from "../../../_chunks/RichTextEditor.js";
+import { t as i } from "../../../_chunks/TransferList.js";
+import { t as a } from "../../../_chunks/Autocomplete.js";
+import { Select as o } from "../../fields/Select/index.js";
+import { TextField as s } from "../../fields/TextField/index.js";
+import { NumberField as c } from "../../fields/NumberField/index.js";
+import { t as l } from "../../../_chunks/DatePicker.js";
+import { t as u } from "../../../_chunks/FileUpload.js";
+import { RadioGroup as d } from "../../fields/RadioGroup/index.js";
+import { Switch as f } from "../../fields/Switch/index.js";
+import { Fragment as p, useCallback as m, useMemo as h } from "react";
+import { FormProvider as g } from "react-hook-form";
 import { useTranslation as _ } from "react-i18next";
 import { Alert as v, AlertTitle as y, Box as b, Button as x, Typography as S } from "@mui/material";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/components/helpers/GenericForm/GenericForm.tsx
 var E = ({ disableAll: E, formFieldDefinitions: D, formGroupDefinitions: O, formId: k, formMethods: A, onSubmit: j, renderField: M, renderGroup: N, schema: P, wrapForm: F }) => {
-	let { t: I } = _(), L = g(() => e.createBooleanOptions(I), [I]), R = r(P, A.getValues), z = h((e) => {
+	let { t: I } = _(), L = h(() => e.createBooleanOptions(I), [I]), R = n(P, A.getValues), z = m((e) => {
 		switch (e.definition) {
-			case t.AUTOCOMPLETE: return /* @__PURE__ */ w(o, {
+			case t.AUTOCOMPLETE: return /* @__PURE__ */ w(a, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.BOOLEAN: return /* @__PURE__ */ w(s, {
+			case t.BOOLEAN: return /* @__PURE__ */ w(o, {
 				...e,
 				disabled: e.disabled || E,
 				options: L,
 				required: R(e.name)
 			});
-			case t.BOOLEAN_SWITCH: return /* @__PURE__ */ w(p, {
+			case t.BOOLEAN_SWITCH: return /* @__PURE__ */ w(f, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.DATE: return /* @__PURE__ */ w(u, {
+			case t.DATE: return /* @__PURE__ */ w(l, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.FILE: return /* @__PURE__ */ w(d, {
+			case t.FILE: return /* @__PURE__ */ w(u, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.NUMBER: return /* @__PURE__ */ w(l, {
+			case t.NUMBER: return /* @__PURE__ */ w(c, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.RADIO_GROUP: return /* @__PURE__ */ w(f, {
+			case t.RADIO_GROUP: return /* @__PURE__ */ w(d, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.RICH_TEXT: return /* @__PURE__ */ w(i, {
+			case t.RICH_TEXT: return /* @__PURE__ */ w(r, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.SELECT: return /* @__PURE__ */ w(s, {
+			case t.SELECT: return /* @__PURE__ */ w(o, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.SWITCH: return /* @__PURE__ */ w(p, {
+			case t.SWITCH: return /* @__PURE__ */ w(f, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.TEXTFIELD: return /* @__PURE__ */ w(c, {
+			case t.TEXTFIELD: return /* @__PURE__ */ w(s, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
 			});
-			case t.TRANSFER_LIST: return /* @__PURE__ */ w(a, {
+			case t.TRANSFER_LIST: return /* @__PURE__ */ w(i, {
 				...e,
 				disabled: e.disabled || E,
 				required: R(e.name)
@@ -87,10 +87,18 @@ var E = ({ disableAll: E, formFieldDefinitions: D, formGroupDefinitions: O, form
 		L,
 		E,
 		R
-	]), B = h((e) => M ? /* @__PURE__ */ w(m, { children: M(e, z(e)) }, e.name) : /* @__PURE__ */ w(b, {
+	]), B = m((e) => M ? /* @__PURE__ */ T(p, { children: [
+		e.contentBefore,
+		M(e, z(e)),
+		e.contentAfter
+	] }, e.name) : /* @__PURE__ */ T(b, {
 		sx: { marginY: 1 },
-		children: z(e)
-	}, e.name), [M, z]), V = g(() => {
+		children: [
+			e.contentBefore,
+			z(e),
+			e.contentAfter
+		]
+	}, e.name), [M, z]), V = h(() => {
 		if (!O?.length) return /* @__PURE__ */ w(C, { children: D.map(B) });
 		let e = /* @__PURE__ */ new Map();
 		for (let t of O) e.set(t.groupKey, []);
@@ -100,9 +108,10 @@ var E = ({ disableAll: E, formFieldDefinitions: D, formGroupDefinitions: O, form
 			let n = e.get(t.groupKey) ?? [];
 			if (!n.length) return null;
 			let r = /* @__PURE__ */ w(C, { children: n.map(B) });
-			return N ? /* @__PURE__ */ w(m, { children: N(t, r) }, t.groupKey) : /* @__PURE__ */ T(b, {
+			return N ? /* @__PURE__ */ w(p, { children: N(t, r) }, t.groupKey) : /* @__PURE__ */ T(b, {
 				sx: { marginY: 2 },
 				children: [
+					t.contentBefore,
 					/* @__PURE__ */ w(S, {
 						variant: "subtitle1",
 						children: t.label
@@ -129,7 +138,8 @@ var E = ({ disableAll: E, formFieldDefinitions: D, formGroupDefinitions: O, form
 							})
 						})]
 					}, e.message)),
-					r
+					r,
+					t.contentAfter
 				]
 			}, t.groupKey);
 		}), t.map(B)] });
@@ -139,7 +149,7 @@ var E = ({ disableAll: E, formFieldDefinitions: D, formGroupDefinitions: O, form
 		N,
 		B
 	]);
-	return /* @__PURE__ */ w(n, {
+	return /* @__PURE__ */ w(g, {
 		...A,
 		children: /* @__PURE__ */ w(b, {
 			autoComplete: "off",

package/dist/components/helpers/GenericForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/helpers/GenericForm/GenericForm.tsx"],"sourcesContent":["import type {\n  ReactElement,\n  SubmitEventHandler,\n} from 'react';\nimport {\n  Fragment,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type {\n  FieldValues,\n  Path,\n  UseFormReturn,\n} from 'react-hook-form';\nimport { FormProvider } from 'react-hook-form';\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Typography,\n} from '@mui/material';\nimport type { ObjectSchema } from 'yup';\n\nimport type {\n  FormFieldDefinition,\n  FormGroupDefinition,\n} from '../../../models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { RichTextEditor } from '../../fields/RichTextEditor';\nimport { TransferList } from '../../fields/TransferList';\nimport type { AutocompleteProps } from '../../fields/Autocomplete';\nimport { Autocomplete } from '../../fields/Autocomplete';\nimport type { SelectProps } from '../../fields/Select';\nimport { Select } from '../../fields/Select';\nimport { TextField } from '../../fields/TextField';\nimport { NumberField } from '../../fields/NumberField';\nimport { DatePicker } from '../../fields/DatePicker';\nimport { UploadButton } from '../../fields/UploadButton/UploadButton';\nimport { RadioGroup } from '../../fields/RadioGroup';\nimport { Switch } from '../../fields/Switch';\nimport { useIsFormFieldRequiredFromSchema } from '../../../hooks/useIsFormFieldRequiredFromSchema';\n\nexport type GenericFormProps<TFormFields extends FieldValues> = {\n  readonly defaultFormValues?: Partial<TFormFields>;\n  readonly disableAll?: boolean;\n  readonly formFieldDefinitions: FormFieldDefinition<TFormFields>[];\n  readonly formGroupDefinitions?: FormGroupDefinition[];\n  readonly formId?: string;\n  readonly formMethods: UseFormReturn<TFormFields>;\n  readonly onSubmit?: SubmitEventHandler<HTMLFormElement>;\n  readonly renderField?: (definition: FormFieldDefinition<TFormFields>, element: ReactElement) => ReactElement;\n  readonly renderGroup?: (definition: FormGroupDefinition, children: ReactElement) => ReactElement;\n  readonly schema: ObjectSchema<TFormFields, TFormFields>;\n  readonly wrapForm?: (children: ReactElement) => ReactElement;\n};\n\nexport const GenericForm = <TFormFields extends FieldValues>({\n  disableAll,\n  formFieldDefinitions,\n  formGroupDefinitions,\n  formId,\n  formMethods,\n  onSubmit,\n  renderField,\n  renderGroup,\n  schema,\n  wrapForm,\n}: GenericFormProps<TFormFields>) => {\n  const { t } = useTranslation();\n\n  const booleanOptions = useMemo(() => FormUtil.createBooleanOptions(t), [t]);\n\n  const isFormFieldRequired = useIsFormFieldRequiredFromSchema(schema, formMethods.getValues);\n\n  const renderFormFieldDefinition = useCallback((formFieldDefinition: FormFieldDefinition<TFormFields>) => {\n    switch (formFieldDefinition.definition) {\n      case FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE:\n        return (\n          <Autocomplete\n            {...formFieldDefinition as AutocompleteProps<TFormFields, Path<TFormFields>, false>}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.BOOLEAN:\n        return (\n          <Select\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            options={booleanOptions}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.BOOLEAN_SWITCH:\n        return (\n          <Switch\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.DATE:\n        return (\n          <DatePicker\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.FILE:\n        return (\n          <UploadButton\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.NUMBER:\n        return (\n          <NumberField\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.RADIO_GROUP:\n        return (\n          <RadioGroup\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.RICH_TEXT:\n        return (\n          <RichTextEditor\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.SELECT:\n        return (\n          <Select\n            {...formFieldDefinition as SelectProps<TFormFields, Path<TFormFields>, false>}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.SWITCH:\n        return (\n          <Switch\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.TEXTFIELD:\n        return (\n          <TextField\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.TRANSFER_LIST:\n        return (\n          <TransferList\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      default:\n        throw Error(`Unsupported form field definition: ${formFieldDefinition.definition}`);\n    }\n  }, [booleanOptions, disableAll, isFormFieldRequired]);\n\n\n  const renderSingleField = useCallback((formFieldDefinition: FormFieldDefinition<TFormFields>) => {\n    if (renderField) {\n      return (\n        <Fragment key={formFieldDefinition.name}>\n          {renderField(formFieldDefinition, renderFormFieldDefinition(formFieldDefinition))}\n        </Fragment>\n      );\n    }\n    return (\n      <Box\n        key={formFieldDefinition.name}\n        sx={{\n          marginY: 1,\n        }}\n      >\n        {renderFormFieldDefinition(formFieldDefinition)}\n      </Box>\n    );\n  }, [renderField, renderFormFieldDefinition]);\n\n  const formFieldsContent = useMemo(() => {\n    if (!formGroupDefinitions?.length) {\n      return (\n        <>\n          {formFieldDefinitions.map(renderSingleField)}\n        </>\n      );\n    }\n\n    const groupFieldsMap = new Map<string, FormFieldDefinition<TFormFields>[]>();\n    for (const group of formGroupDefinitions) {\n      groupFieldsMap.set(group.groupKey, []);\n    }\n\n    const ungroupedFields: FormFieldDefinition<TFormFields>[] = [];\n    for (const field of formFieldDefinitions) {\n      if (field.groupKey && groupFieldsMap.has(field.groupKey)) {\n        groupFieldsMap.get(field.groupKey)?.push(field);\n      } else {\n        ungroupedFields.push(field);\n      }\n    }\n\n    return (\n      <>\n        {formGroupDefinitions.map(group => {\n          const groupFields = groupFieldsMap.get(group.groupKey) ?? [];\n          if (!groupFields.length) {\n            return null;\n          }\n          const groupContent = (\n            <>\n              {groupFields.map(renderSingleField)}\n            </>\n          );\n          if (renderGroup) {\n            return (\n              <Fragment key={group.groupKey}>\n                {renderGroup(group, groupContent)}\n              </Fragment>\n            );\n          }\n          return (\n            <Box\n              key={group.groupKey}\n              sx={{ marginY: 2 }}\n            >\n              <Typography variant={'subtitle1'}>\n                {group.label}\n              </Typography>\n              {group.description && (\n                <Typography\n                  color={'text.secondary'}\n                  variant={'body2'}\n                >\n                  {group.description}\n                </Typography>\n              )}\n              {group.messages?.map((msg) => (\n                <Alert\n                  key={msg.message}\n                  severity={msg.severity}\n                  sx={{ '& .MuiAlert-message': { width: '100%' } }}\n                >\n                  <AlertTitle>\n                    {msg.message}\n                  </AlertTitle>\n                  {msg.buttonLabel && msg.onButtonClick && (\n                    <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n                      <Button\n                        color={'inherit'}\n                        onClick={msg.onButtonClick}\n                        size={'small'}\n                        variant={'text'}\n                      >\n                        {msg.buttonLabel}\n                      </Button>\n                    </Box>\n                  )}\n                </Alert>\n              ))}\n              {groupContent}\n            </Box>\n          );\n        })}\n        {ungroupedFields.map(renderSingleField)}\n      </>\n    );\n  }, [formFieldDefinitions, formGroupDefinitions, renderGroup, renderSingleField]);\n\n  return (\n    <FormProvider {...formMethods}>\n      <Box\n        autoComplete={'off'}\n        component={'form'}\n        id={formId}\n        onSubmit={onSubmit}\n      >\n        {wrapForm ? wrapForm(formFieldsContent) : formFieldsContent}\n      </Box>\n    </FormProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/helpers/GenericForm/GenericForm.tsx"],"sourcesContent":["import type {\n  ReactElement,\n  SubmitEventHandler,\n} from 'react';\nimport {\n  Fragment,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type {\n  FieldValues,\n  Path,\n  UseFormReturn,\n} from 'react-hook-form';\nimport { FormProvider } from 'react-hook-form';\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Typography,\n} from '@mui/material';\nimport type { ObjectSchema } from 'yup';\n\nimport type {\n  FormFieldDefinition,\n  FormGroupDefinition,\n} from '../../../models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { RichTextEditor } from '../../fields/RichTextEditor';\nimport { TransferList } from '../../fields/TransferList';\nimport type { AutocompleteProps } from '../../fields/Autocomplete';\nimport { Autocomplete } from '../../fields/Autocomplete';\nimport type { SelectProps } from '../../fields/Select';\nimport { Select } from '../../fields/Select';\nimport { TextField } from '../../fields/TextField';\nimport { NumberField } from '../../fields/NumberField';\nimport { DatePicker } from '../../fields/DatePicker';\nimport { FileUpload } from '../../fields/FileUpload/FileUpload';\nimport { RadioGroup } from '../../fields/RadioGroup';\nimport { Switch } from '../../fields/Switch';\nimport { useIsFormFieldRequiredFromSchema } from '../../../hooks/useIsFormFieldRequiredFromSchema';\n\nexport type GenericFormProps<TFormFields extends FieldValues> = {\n  readonly defaultFormValues?: Partial<TFormFields>;\n  readonly disableAll?: boolean;\n  readonly formFieldDefinitions: FormFieldDefinition<TFormFields>[];\n  readonly formGroupDefinitions?: FormGroupDefinition[];\n  readonly formId?: string;\n  readonly formMethods: UseFormReturn<TFormFields>;\n  readonly onSubmit?: SubmitEventHandler<HTMLFormElement>;\n  readonly renderField?: (definition: FormFieldDefinition<TFormFields>, element: ReactElement) => ReactElement;\n  readonly renderGroup?: (definition: FormGroupDefinition, children: ReactElement) => ReactElement;\n  readonly schema?: ObjectSchema<TFormFields, TFormFields>;\n  readonly wrapForm?: (children: ReactElement) => ReactElement;\n};\n\nexport const GenericForm = <TFormFields extends FieldValues>({\n  disableAll,\n  formFieldDefinitions,\n  formGroupDefinitions,\n  formId,\n  formMethods,\n  onSubmit,\n  renderField,\n  renderGroup,\n  schema,\n  wrapForm,\n}: GenericFormProps<TFormFields>) => {\n  const { t } = useTranslation();\n\n  const booleanOptions = useMemo(() => FormUtil.createBooleanOptions(t), [t]);\n\n  const isFormFieldRequired = useIsFormFieldRequiredFromSchema(schema, formMethods.getValues);\n\n  const renderFormFieldDefinition = useCallback((formFieldDefinition: FormFieldDefinition<TFormFields>) => {\n    switch (formFieldDefinition.definition) {\n      case FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE:\n        return (\n          <Autocomplete\n            {...formFieldDefinition as AutocompleteProps<TFormFields, Path<TFormFields>, false>}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.BOOLEAN:\n        return (\n          <Select\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            options={booleanOptions}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.BOOLEAN_SWITCH:\n        return (\n          <Switch\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.DATE:\n        return (\n          <DatePicker\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.FILE:\n        return (\n          <FileUpload\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.NUMBER:\n        return (\n          <NumberField\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.RADIO_GROUP:\n        return (\n          <RadioGroup\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.RICH_TEXT:\n        return (\n          <RichTextEditor\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.SELECT:\n        return (\n          <Select\n            {...formFieldDefinition as SelectProps<TFormFields, Path<TFormFields>, false>}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.SWITCH:\n        return (\n          <Switch\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.TEXTFIELD:\n        return (\n          <TextField\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      case FORM_FIELD_DEFINITION_TYPE.TRANSFER_LIST:\n        return (\n          <TransferList\n            {...formFieldDefinition}\n            disabled={formFieldDefinition.disabled || disableAll}\n            required={isFormFieldRequired(formFieldDefinition.name)}\n          />\n        );\n      default:\n        throw Error(`Unsupported form field definition: ${formFieldDefinition.definition}`);\n    }\n  }, [booleanOptions, disableAll, isFormFieldRequired]);\n\n\n  const renderSingleField = useCallback((formFieldDefinition: FormFieldDefinition<TFormFields>) => {\n    if (renderField) {\n      return (\n        <Fragment key={formFieldDefinition.name}>\n          {formFieldDefinition.contentBefore}\n          {renderField(formFieldDefinition, renderFormFieldDefinition(formFieldDefinition))}\n          {formFieldDefinition.contentAfter}\n        </Fragment>\n      );\n    }\n    return (\n      <Box\n        key={formFieldDefinition.name}\n        sx={{\n          marginY: 1,\n        }}\n      >\n        {formFieldDefinition.contentBefore}\n        {renderFormFieldDefinition(formFieldDefinition)}\n        {formFieldDefinition.contentAfter}\n      </Box>\n    );\n  }, [renderField, renderFormFieldDefinition]);\n\n  const formFieldsContent = useMemo(() => {\n    if (!formGroupDefinitions?.length) {\n      return (\n        <>\n          {formFieldDefinitions.map(renderSingleField)}\n        </>\n      );\n    }\n\n    const groupFieldsMap = new Map<string, FormFieldDefinition<TFormFields>[]>();\n    for (const group of formGroupDefinitions) {\n      groupFieldsMap.set(group.groupKey, []);\n    }\n\n    const ungroupedFields: FormFieldDefinition<TFormFields>[] = [];\n    for (const field of formFieldDefinitions) {\n      if (field.groupKey && groupFieldsMap.has(field.groupKey)) {\n        groupFieldsMap.get(field.groupKey)?.push(field);\n      } else {\n        ungroupedFields.push(field);\n      }\n    }\n\n    return (\n      <>\n        {formGroupDefinitions.map(group => {\n          const groupFields = groupFieldsMap.get(group.groupKey) ?? [];\n          if (!groupFields.length) {\n            return null;\n          }\n          const groupContent = (\n            <>\n              {groupFields.map(renderSingleField)}\n            </>\n          );\n          if (renderGroup) {\n            return (\n              <Fragment key={group.groupKey}>\n                {renderGroup(group, groupContent)}\n              </Fragment>\n            );\n          }\n          return (\n            <Box\n              key={group.groupKey}\n              sx={{ marginY: 2 }}\n            >\n              {group.contentBefore}\n              <Typography variant={'subtitle1'}>\n                {group.label}\n              </Typography>\n              {group.description && (\n                <Typography\n                  color={'text.secondary'}\n                  variant={'body2'}\n                >\n                  {group.description}\n                </Typography>\n              )}\n              {group.messages?.map((msg) => (\n                <Alert\n                  key={msg.message}\n                  severity={msg.severity}\n                  sx={{ '& .MuiAlert-message': { width: '100%' } }}\n                >\n                  <AlertTitle>\n                    {msg.message}\n                  </AlertTitle>\n                  {msg.buttonLabel && msg.onButtonClick && (\n                    <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n                      <Button\n                        color={'inherit'}\n                        onClick={msg.onButtonClick}\n                        size={'small'}\n                        variant={'text'}\n                      >\n                        {msg.buttonLabel}\n                      </Button>\n                    </Box>\n                  )}\n                </Alert>\n              ))}\n              {groupContent}\n              {group.contentAfter}\n            </Box>\n          );\n        })}\n        {ungroupedFields.map(renderSingleField)}\n      </>\n    );\n  }, [formFieldDefinitions, formGroupDefinitions, renderGroup, renderSingleField]);\n\n  return (\n    <FormProvider {...formMethods}>\n      <Box\n        autoComplete={'off'}\n        component={'form'}\n        id={formId}\n        onSubmit={onSubmit}\n      >\n        {wrapForm ? wrapForm(formFieldsContent) : formFieldsContent}\n      </Box>\n    </FormProvider>\n  );\n};\n"],"mappings":"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"}

package/dist/hooks/useIsFormFieldRequiredFromSchema/index.js

@@ -1,10 +1,11 @@
-import { r as e } from "../../_chunks/index.esm.js";
-import { useCallback as t } from "react";
+import { useCallback as e } from "react";
+import { set as t } from "react-hook-form";
 //#region src/hooks/useIsFormFieldRequiredFromSchema/useIsFormFieldRequiredFromSchema.ts
-var n = (n, r) => t((t) => {
+var n = (n, r) => e((e) => {
+	if (!n) return !1;
 	try {
 		let i = structuredClone(r());
-		return e(i, t, void 0), n.validateSyncAt(t, i, {
+		return t(i, e, void 0), n.validateSyncAt(e, i, {
 			abortEarly: !0,
 			strict: !1
 		}), !1;

package/dist/hooks/useIsFormFieldRequiredFromSchema/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/useIsFormFieldRequiredFromSchema/useIsFormFieldRequiredFromSchema.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { set } from 'react-hook-form';\nimport type {\n  FieldValues,\n  Path,\n  UseFormGetValues,\n} from 'react-hook-form';\nimport type {\n  ObjectSchema,\n  ValidationError,\n} from 'yup';\n\nconst useIsFormFieldRequiredFromSchema = <TFormFields extends FieldValues, TName extends Path<TFormFields>>(schema: ObjectSchema<TFormFields, TFormFields>, getFormValues: UseFormGetValues<TFormFields>): (fieldName: TName) => boolean => {\n  return useCallback((fieldName: TName) => {\n    try {\n      const values = structuredClone(getFormValues());\n      set(values, fieldName, undefined);\n\n      schema.validateSyncAt(fieldName, values, {\n        abortEarly: true,\n        strict: false,\n      });\n      return false;\n    } catch (error) {\n      return (error as ValidationError)?.type === 'required' || (error as ValidationError)?.type === 'optionality';\n    }\n  }, [getFormValues, schema]);\n};\n\nexport {\n  useIsFormFieldRequiredFromSchema,\n};\n"],"mappings":";;;AAYA,IAAM,KAAsG,GAAgD,MACnJ,GAAa,MAAqB;CACvC,IAAI;EACF,IAAM,IAAS,gBAAgB,EAAc,CAAC;EAO9C,OANA,EAAI,GAAQ,GAAW,KAAA,CAAS,GAEhC,EAAO,eAAe,GAAW,GAAQ;GACvC,YAAY;GACZ,QAAQ;EACV,CAAC,GACM;CACT,SAAS,GAAO;EACd,OAAQ,GAA2B,SAAS,cAAe,GAA2B,SAAS;CACjG;AACF,GAAG,CAAC,GAAe,CAAM,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/useIsFormFieldRequiredFromSchema/useIsFormFieldRequiredFromSchema.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { set } from 'react-hook-form';\nimport type {\n  FieldValues,\n  Path,\n  UseFormGetValues,\n} from 'react-hook-form';\nimport type {\n  ObjectSchema,\n  ValidationError,\n} from 'yup';\n\nconst useIsFormFieldRequiredFromSchema = <TFormFields extends FieldValues, TName extends Path<TFormFields>>(schema: ObjectSchema<TFormFields, TFormFields>, getFormValues: UseFormGetValues<TFormFields>): (fieldName: TName) => boolean => {\n  return useCallback((fieldName: TName) => {\n    if (!schema) {\n      return false;\n    }\n\n    try {\n      const values = structuredClone(getFormValues());\n      set(values, fieldName, undefined);\n\n      schema.validateSyncAt(fieldName, values, {\n        abortEarly: true,\n        strict: false,\n      });\n      return false;\n    } catch (error) {\n      return (error as ValidationError)?.type === 'required' || (error as ValidationError)?.type === 'optionality';\n    }\n  }, [getFormValues, schema]);\n};\n\nexport {\n  useIsFormFieldRequiredFromSchema,\n};\n"],"mappings":";;;AAYA,IAAM,KAAsG,GAAgD,MACnJ,GAAa,MAAqB;CACvC,IAAI,CAAC,GACH,OAAO;CAGT,IAAI;EACF,IAAM,IAAS,gBAAgB,EAAc,CAAC;EAO9C,OANA,EAAI,GAAQ,GAAW,KAAA,CAAS,GAEhC,EAAO,eAAe,GAAW,GAAQ;GACvC,YAAY;GACZ,QAAQ;EACV,CAAC,GACM;CACT,SAAS,GAAO;EACd,OAAQ,GAA2B,SAAS,cAAe,GAA2B,SAAS;CACjG;AACF,GAAG,CAAC,GAAe,CAAM,CAAC"}