@gen-epix/ui-core-form 4.0.0

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

@@ -0,0 +1,68 @@
+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";
+//#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]);
+	return /* @__PURE__ */ p(r, {
+		control: S,
+		defaultValue: null,
+		name: y,
+		render: s(({ field: { onBlur: t, onChange: n, ref: r, value: s } }) => (r({ focus: () => {
+			T?.current?.focus();
+		} }), /* @__PURE__ */ m(l, {
+			...h.createAttributes("Select", {
+				label: _,
+				name: y
+			}),
+			fullWidth: !0,
+			children: [
+				/* @__PURE__ */ p(u, {
+					control: /* @__PURE__ */ p(f, {
+						checked: !!s,
+						color: "primary",
+						slotProps: { input: { ref: T } }
+					}),
+					disabled: e,
+					label: _,
+					onBlur: t,
+					onChange: D(n)
+				}),
+				/* @__PURE__ */ p(d, {
+					className: (0, g.default)({ "Mui-warning": E }),
+					sx: { ml: 0 },
+					children: /* @__PURE__ */ p(i, {
+						errorMessage: w,
+						infoMessage: o,
+						noIndent: !0,
+						warningMessage: x
+					})
+				}),
+				!!v && /* @__PURE__ */ p(a, {})
+			]
+		})), [
+			e,
+			o,
+			w,
+			E,
+			_,
+			v,
+			y,
+			D,
+			x
+		])
+	});
+};
+//#endregion
+export { _ as Switch };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;CA+ChB,OAEE,kBAAC,GAAD;EACW;EACT,cAAc;EACR;EACN,QAnDqB,GAAa,EAAE,OAAO,EAAE,WAAQ,aAAU,QAAK,kBACtE,EAAI,EACF,aAAa;GACX,GAAU,SAAS,MAAM;EAC3B,EACF,CAAC,GAEC,kBAAC,GAAD;GACE,GAAI,EAAW,iBAAiB,UAAU;IAAE;IAAO;GAAK,CAAC;GACzD,WAAA;aAFF;IAIE,kBAAC,GAAD;KACE,SACE,kBAAC,GAAD;MACE,SAAS,CAAC,CAAC;MACX,OAAO;MACP,WAAW,EACT,OAAO,EACL,KAAK,EACP,EACF;KACD,CAAA;KAEO;KACH;KACC;KACR,UAAU,EAAkB,CAAQ;IACrC,CAAA;IACD,kBAAC,GAAD;KACE,YAAA,GAAA,EAAA,QAAA,CAAsB,EAAE,eAAe,EAAW,CAAC;KACnD,IAAI,EAAE,IAAI,EAAE;eAEZ,kBAAC,GAAD;MACgB;MACD;MACb,UAAA;MACgB;KACjB,CAAA;IACa,CAAA;IACd,CAAC,CAAC,KAAW,kBAAC,GAAD,CAA4B,CAAA;GAChC;OAGd;GAAC;GAAU;GAAa;GAAc;GAAY;GAAO;GAAS;GAAM;GAAmB;EAAc,CAQhG;CACT,CAAA;AAGL"}

package/dist/components/fields/TextField/TextField.d.ts

@@ -0,0 +1,18 @@
+import { InputHTMLAttributes, ReactElement } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+export type TextFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {
+    readonly autocomplete?: string;
+    readonly disabled?: boolean;
+    readonly infoMessage?: string;
+    readonly label: string;
+    readonly loading?: boolean;
+    readonly multiline?: boolean;
+    readonly name: TName;
+    readonly onChange?: (value: string) => void;
+    readonly placeholder?: string;
+    readonly required?: boolean;
+    readonly rows?: number;
+    readonly type?: InputHTMLAttributes<unknown>['type'];
+    readonly warningMessage?: string;
+};
+export declare const TextField: <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({ autocomplete, disabled, infoMessage, label, loading, multiline, name, onChange: onChangeProp, placeholder, required, rows, type, warningMessage, }: TextFieldProps<TFieldValues, TName>) => ReactElement;

package/dist/components/fields/TextField/index.d.ts

@@ -0,0 +1 @@
+export * from './TextField';

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

@@ -0,0 +1,108 @@
+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 { 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) => {
+		let n = t.target.value;
+		w && w(n), e(n);
+	}, [w]), R = s(({ field: { onBlur: t, onChange: n, ref: r, value: a } }) => {
+		r({ focus: () => {
+			I?.current?.focus();
+		} });
+		let s = () => {
+			n("");
+		};
+		return /* @__PURE__ */ h(p, {
+			disabled: o || x,
+			error: P,
+			helperText: /* @__PURE__ */ h(i, {
+				errorMessage: N,
+				infoMessage: y,
+				warningMessage: k
+			}),
+			inputRef: I,
+			label: b,
+			multiline: S,
+			onBlur: t,
+			onChange: L(n),
+			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, {
+						position: "end",
+						children: /* @__PURE__ */ h(d, {
+							..._.createAttributes("TextField-reset"),
+							"aria-label": A`Clear text field`,
+							onClick: s,
+							sx: { "& svg": { fontSize: "16px" } },
+							tabIndex: -1,
+							children: /* @__PURE__ */ h(m, {})
+						})
+					}),
+					inputProps: {
+						autoComplete: e ?? C,
+						type: O
+					}
+				},
+				inputLabel: {
+					className: (0, v.default)({ "Mui-warning": F }),
+					required: E && !o
+				}
+			},
+			value: a ?? "",
+			variant: "outlined"
+		});
+	}, [
+		o,
+		x,
+		y,
+		P,
+		N,
+		k,
+		b,
+		S,
+		T,
+		D,
+		F,
+		e,
+		C,
+		O,
+		A,
+		E,
+		L
+	]);
+	return /* @__PURE__ */ g(u, {
+		..._.createAttributes("TextField", {
+			label: b,
+			name: C
+		}),
+		fullWidth: !0,
+		sx: {
+			"&:hover button, &:focus-within button": { display: "initial" },
+			button: { display: "none" }
+		},
+		children: [/* @__PURE__ */ h(r, {
+			control: j,
+			defaultValue: "",
+			name: C,
+			render: R
+		}), !!x && /* @__PURE__ */ h(a, {})]
+	});
+};
+//#endregion
+export { y as TextField };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/TextField/TextField.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  InputHTMLAttributes,\n  ReactElement,\n} from 'react';\nimport {\n  useCallback,\n  useRef,\n} from 'react';\nimport {\n  FormControl,\n  IconButton,\n  InputAdornment,\n  TextField as MuiTextField,\n} from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport type {\n  ControllerRenderProps,\n  FieldValues,\n  Path,\n  PathValue,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport classnames from 'classnames';\nimport { useTranslation } from 'react-i18next';\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 TextFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly autocomplete?: string;\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly multiline?: boolean;\n  readonly name: TName;\n  readonly onChange?: (value: string) => void;\n  readonly placeholder?: string;\n  readonly required?: boolean;\n  readonly rows?: number;\n  readonly type?: InputHTMLAttributes<unknown>['type'];\n  readonly warningMessage?: string;\n};\n\nexport const TextField = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  autocomplete,\n  disabled = false,\n  infoMessage,\n  label,\n  loading = false,\n  multiline = false,\n  name,\n  onChange: onChangeProp,\n  placeholder,\n  required = false,\n  rows = 3,\n  type = 'text',\n  warningMessage,\n}: TextFieldProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const hasError = !!errorMessage;\n  const hasWarning = !!warningMessage && !hasError;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const onMuiTextFieldChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      const value = event.target.value;\n      if (onChangeProp) {\n        onChangeProp(value);\n      }\n      onChange(value);\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\n    const onResetButtonClick = () => {\n      onChange('');\n    };\n\n    return (\n      <MuiTextField\n        disabled={disabled || loading}\n        error={hasError}\n        helperText={(\n          <FormFieldHelperText\n            errorMessage={errorMessage}\n            infoMessage={infoMessage}\n            warningMessage={warningMessage}\n          />\n        )}\n        inputRef={inputRef}\n        label={label}\n        multiline={multiline}\n        onBlur={onBlur}\n        onChange={onMuiTextFieldChange(onChange)}\n        placeholder={placeholder}\n        rows={rows}\n        slotProps={{\n          formHelperText: {\n            className: classnames({ 'Mui-warning': hasWarning }),\n          },\n          input: {\n            className: classnames({ 'Mui-warning': hasWarning }),\n            endAdornment: disabled ? undefined : (\n              <InputAdornment position={'end'}>\n                <IconButton\n                  {...TestIdUtil.createAttributes('TextField-reset')}\n                  aria-label={t`Clear text field`}\n                  // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                  onClick={onResetButtonClick}\n                  sx={{\n                    '& svg': {\n                      fontSize: '16px',\n                    },\n                  }}\n                  tabIndex={-1}\n                >\n                  <ClearIcon />\n                </IconButton>\n              </InputAdornment>\n            ),\n            inputProps: {\n              autoComplete: autocomplete ?? name,\n              type,\n            },\n          },\n          inputLabel: {\n            className: classnames({ 'Mui-warning': hasWarning }),\n            required: required && !disabled,\n          },\n        }}\n        value={value ?? ''}\n        variant={'outlined'}\n      />\n    );\n  }, [disabled, loading, infoMessage, hasError, errorMessage, warningMessage, label, multiline, placeholder, rows, hasWarning, autocomplete, name, type, t, required, onMuiTextFieldChange]);\n\n  return (\n    <FormControl\n      {...TestIdUtil.createAttributes('TextField', { label, name })}\n      fullWidth\n      sx={{\n        '&:hover button, &:focus-within button': {\n          display: 'initial',\n        },\n        button: {\n          display: 'none',\n        },\n      }}\n    >\n      <Controller\n        control={control}\n        defaultValue={'' as PathValue<TFieldValues, TName>}\n        name={name}\n        render={renderController}\n      />\n      { !!loading && <FormFieldLoadingIndicator />}\n    </FormControl>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;mCAmDa,KAAsG,EACjH,iBACA,cAAW,IACX,gBACA,UACA,aAAU,IACV,eAAY,IACZ,SACA,UAAU,GACV,gBACA,cAAW,IACX,UAAO,GACP,UAAO,QACP,wBACuD;CACvD,IAAM,EAAE,SAAM,EAAe,GACvB,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GACzD,IAAW,CAAC,CAAC,GACb,IAAa,CAAC,CAAC,KAAkB,CAAC,GAClC,IAAW,EAAyB,IAAI,GAExC,IAAuB,GAAa,OACvC,MAA+D;EAC9D,IAAM,IAAQ,EAAM,OAAO;EAI3B,AAHI,KACF,EAAa,CAAK,GAEpB,EAAS,CAAK;CAChB,GACA,CAAC,CAAY,CAAC,GAEV,IAAmB,GAAa,EAAE,OAAO,EAAE,WAAQ,aAAU,QAAK,iBAAwD;EAC9H,EAAI,EACF,aAAa;GACX,GAAU,SAAS,MAAM;EAC3B,EACF,CAAC;EAED,IAAM,UAA2B;GAC/B,EAAS,EAAE;EACb;EAEA,OACE,kBAAC,GAAD;GACE,UAAU,KAAY;GACtB,OAAO;GACP,YACE,kBAAC,GAAD;IACgB;IACD;IACG;GACjB,CAAA;GAEO;GACH;GACI;GACH;GACR,UAAU,EAAqB,CAAQ;GAC1B;GACP;GACN,WAAW;IACT,gBAAgB,EACd,YAAA,GAAA,EAAA,QAAA,CAAsB,EAAE,eAAe,EAAW,CAAC,EACrD;IACA,OAAO;KACL,YAAA,GAAA,EAAA,QAAA,CAAsB,EAAE,eAAe,EAAW,CAAC;KACnD,cAAc,IAAW,KAAA,IACvB,kBAAC,GAAD;MAAgB,UAAU;gBACxB,kBAAC,GAAD;OACE,GAAI,EAAW,iBAAiB,iBAAiB;OACjD,cAAY,CAAC;OAEb,SAAS;OACT,IAAI,EACF,SAAS,EACP,UAAU,OACZ,EACF;OACA,UAAU;iBAEV,kBAAC,GAAD,CAAY,CAAA;MACF,CAAA;KACE,CAAA;KAElB,YAAY;MACV,cAAc,KAAgB;MAC9B;KACF;IACF;IACA,YAAY;KACV,YAAA,GAAA,EAAA,QAAA,CAAsB,EAAE,eAAe,EAAW,CAAC;KACnD,UAAU,KAAY,CAAC;IACzB;GACF;GACA,OAAO,KAAS;GAChB,SAAS;EACV,CAAA;CAEL,GAAG;EAAC;EAAU;EAAS;EAAa;EAAU;EAAc;EAAgB;EAAO;EAAW;EAAa;EAAM;EAAY;EAAc;EAAM;EAAM;EAAG;EAAU;CAAoB,CAAC;CAEzL,OACE,kBAAC,GAAD;EACE,GAAI,EAAW,iBAAiB,aAAa;GAAE;GAAO;EAAK,CAAC;EAC5D,WAAA;EACA,IAAI;GACF,yCAAyC,EACvC,SAAS,UACX;GACA,QAAQ,EACN,SAAS,OACX;EACF;YAVF,CAYE,kBAAC,GAAD;GACW;GACT,cAAc;GACR;GACN,QAAQ;EACT,CAAA,GACC,CAAC,CAAC,KAAW,kBAAC,GAAD,CAA4B,CAAA,CAChC;;AAEjB"}

package/dist/components/fields/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+import { ToggleButtonOption } from '../../../models/form';
+export type ToggleButtonProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {
+    readonly disabled?: boolean;
+    readonly infoMessage?: string;
+    readonly name: TName;
+    readonly onChange?: (value: string) => void;
+    readonly options: ToggleButtonOption[];
+    readonly required?: boolean;
+    readonly row?: boolean;
+    readonly warningMessage?: string;
+};
+export declare const ToggleButtonGroup: <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({ disabled, infoMessage, name, onChange: onChangeProp, options, required, warningMessage, }: ToggleButtonProps<TFieldValues, TName>) => ReactElement;

package/dist/components/fields/ToggleButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ToggleButtonGroup';

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

@@ -0,0 +1,57 @@
+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 { 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) => {
+		v && n === null || (g && g(n), e(n));
+	}, [g, v]), E = i(({ field: { onBlur: e, onChange: t, ref: n, value: r } }) => (n({ focus: () => {
+		C?.current?.focus();
+	} }), /* @__PURE__ */ u(l, {
+		color: "primary",
+		exclusive: !0,
+		onBlur: e,
+		onChange: T(t),
+		value: r,
+		children: _.map((e) => /* @__PURE__ */ u(c, {
+			...f.createAttributes("ToggleButton-option", {
+				code: e.value.toString(),
+				description: e.label
+			}),
+			disabled: p,
+			value: e.value,
+			children: e.label
+		}, e.value.toString()))
+	})), [
+		T,
+		_,
+		p
+	]);
+	return /* @__PURE__ */ d(o, {
+		error: w,
+		...f.createAttributes("ToggleButtonGroup", { name: h }),
+		fullWidth: !0,
+		children: [/* @__PURE__ */ u(n, {
+			control: b,
+			defaultValue: null,
+			name: h,
+			render: E
+		}), /* @__PURE__ */ u(s, {
+			sx: { ml: 0 },
+			children: /* @__PURE__ */ u(r, {
+				errorMessage: S,
+				infoMessage: m,
+				noIndent: !0,
+				warningMessage: y
+			})
+		})]
+	});
+};
+//#endregion
+export { p as ToggleButtonGroup };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/ToggleButtonGroup/ToggleButtonGroup.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  useCallback,\n  useRef,\n} from 'react';\nimport {\n  FormControl,\n  FormHelperText,\n  ToggleButtonGroup as MuiToggleButtonGroup,\n  ToggleButton,\n} from '@mui/material';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport type {\n  ControllerRenderProps,\n  FieldValues,\n  Path,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport type { ToggleButtonOption } from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\n\nexport type ToggleButtonProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly name: TName;\n  readonly onChange?: (value: string) => void;\n  readonly options: ToggleButtonOption[];\n  readonly required?: boolean;\n  readonly row?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const ToggleButtonGroup = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled,\n  infoMessage,\n  name,\n  onChange: onChangeProp,\n  options,\n  required,\n  warningMessage,\n}: ToggleButtonProps<TFieldValues, TName>): ReactElement => {\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const hasError = !!errorMessage;\n\n  const onMuiToggleButtonChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: ChangeEvent<unknown>, value: string) => {\n      if (required && value === null) {\n        return;\n      }\n      if (onChangeProp) {\n        onChangeProp(value);\n      }\n      onChange(value);\n    }\n  , [onChangeProp, required]);\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      <MuiToggleButtonGroup\n        color={'primary'}\n        exclusive\n        onBlur={onBlur}\n        onChange={onMuiToggleButtonChange(onChange)}\n        value={value}\n      >\n        { options.map((option) => {\n          return (\n            <ToggleButton\n              key={option.value.toString()}\n              {...TestIdUtil.createAttributes('ToggleButton-option', { code: option.value.toString(), description: option.label })}\n              disabled={disabled}\n              value={option.value}\n            >\n              {option.label}\n            </ToggleButton>\n          );\n        })}\n      </MuiToggleButtonGroup>\n    );\n  }, [onMuiToggleButtonChange, options, disabled]);\n\n  return (\n    <FormControl\n      error={hasError}\n      {...TestIdUtil.createAttributes('ToggleButtonGroup', { name })}\n      fullWidth\n    >\n      <Controller\n        control={control}\n        defaultValue={null}\n        name={name}\n        render={renderController}\n      />\n      <FormHelperText sx={{ ml: 0 }}>\n        <FormFieldHelperText\n          errorMessage={errorMessage}\n          infoMessage={infoMessage}\n          noIndent\n          warningMessage={warningMessage}\n        />\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":";;;;;;;;AAyCA,IAAa,KAA8G,EACzH,aACA,gBACA,SACA,UAAU,GACV,YACA,aACA,wBAC0D;CAC1D,IAAM,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GAEzD,IAAW,EAAyB,IAAI,GACxC,IAAW,CAAC,CAAC,GAEb,IAA0B,GAAa,OAC1C,GAA8B,MAAkB;EAC3C,KAAY,MAAU,SAGtB,KACF,EAAa,CAAK,GAEpB,EAAS,CAAK;CAChB,GACA,CAAC,GAAc,CAAQ,CAAC,GAEpB,IAAmB,GAAa,EAAE,OAAO,EAAE,WAAQ,aAAU,QAAK,kBACtE,EAAI,EACF,aAAa;EACX,GAAU,SAAS,MAAM;CAC3B,EACF,CAAC,GAEC,kBAAC,GAAD;EACE,OAAO;EACP,WAAA;EACQ;EACR,UAAU,EAAwB,CAAQ;EACnC;YAEL,EAAQ,KAAK,MAEX,kBAAC,GAAD;GAEE,GAAI,EAAW,iBAAiB,uBAAuB;IAAE,MAAM,EAAO,MAAM,SAAS;IAAG,aAAa,EAAO;GAAM,CAAC;GACzG;GACV,OAAO,EAAO;aAEb,EAAO;EACI,GANP,EAAO,MAAM,SAAS,CAMf,CAEjB;CACmB,CAAA,IAEvB;EAAC;EAAyB;EAAS;CAAQ,CAAC;CAE/C,OACE,kBAAC,GAAD;EACE,OAAO;EACP,GAAI,EAAW,iBAAiB,qBAAqB,EAAE,QAAK,CAAC;EAC7D,WAAA;YAHF,CAKE,kBAAC,GAAD;GACW;GACT,cAAc;GACR;GACN,QAAQ;EACT,CAAA,GACD,kBAAC,GAAD;GAAgB,IAAI,EAAE,IAAI,EAAE;aAC1B,kBAAC,GAAD;IACgB;IACD;IACb,UAAA;IACgB;GACjB,CAAA;EACa,CAAA,CACL;;AAEjB"}

package/dist/components/fields/TransferList/TransferList.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+import { TransferListOption } from '../../../models/form';
+export type TransferListProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {
+    readonly disabled?: boolean;
+    readonly height?: number;
+    readonly infoMessage?: string;
+    readonly label: string;
+    readonly loading?: boolean;
+    readonly name: TName;
+    readonly onChange?: (value: string) => void;
+    readonly options: TransferListOption[];
+    readonly required?: boolean;
+    readonly warningMessage?: string;
+};
+export declare const TransferList: <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({ disabled, height, infoMessage, label, loading, name, onChange: onChangeProp, options, required, warningMessage, }: TransferListProps<TFieldValues, TName>) => ReactElement;

package/dist/components/fields/TransferList/index.d.ts

@@ -0,0 +1 @@
+export * from './TransferList';

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../../_chunks/TransferList.js";
+export { e as TransferList };

package/dist/components/fields/UploadButton/UploadButton.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+export type UploadButtonProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {
+    readonly accept: string;
+    readonly disabled?: boolean;
+    readonly infoMessage?: string;
+    readonly label: string;
+    readonly loading?: boolean;
+    readonly multiple?: boolean;
+    readonly name: TName;
+    readonly onChange?: (value: FileList) => void;
+    readonly required?: boolean;
+    readonly warningMessage?: string;
+};
+export declare const UploadButton: <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({ accept, disabled, infoMessage, label, multiple, name, onChange: onChangeProp, required, warningMessage, }: UploadButtonProps<TFieldValues, TName>) => ReactElement;

package/dist/components/fields/UploadButton/index.d.ts

@@ -0,0 +1 @@
+export * from './UploadButton';

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../../_chunks/UploadButton.js";
+export { e as UploadButton };

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+export type FormFieldHelperTextProps = {
+    readonly errorMessage?: string;
+    readonly infoMessage?: string;
+    readonly noIndent?: boolean;
+    readonly warningMessage?: string;
+};
+export declare const FormFieldHelperText: ({ errorMessage, infoMessage, noIndent, warningMessage, }: FormFieldHelperTextProps) => ReactElement;

package/dist/components/helpers/FormFieldHelperText/index.d.ts

@@ -0,0 +1 @@
+export * from './FormFieldHelperText';

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

@@ -0,0 +1,50 @@
+import { Box as e, FormHelperText as t, useTheme as n } from "@mui/material";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { TestIdUtil as a } from "@gen-epix/ui-core/utils/TestIdUtil";
+import o from "@mui/icons-material/Error";
+import s from "@mui/icons-material/WarningAmber";
+import c from "@mui/icons-material/InfoOutlined";
+//#region src/components/helpers/FormFieldHelperText/FormFieldHelperText.tsx
+var l = {
+	height: "13px",
+	marginRight: "1px",
+	position: "relative",
+	top: "3px",
+	width: "13px"
+}, u = ({ errorMessage: u, infoMessage: d, noIndent: f, warningMessage: p }) => {
+	let m = a.createAttributes("FormFieldHelperText"), h = n();
+	return u ? /* @__PURE__ */ i(t, {
+		...m,
+		component: "span",
+		error: !0,
+		role: "alert",
+		sx: {
+			marginLeft: f ? 0 : h.spacing(-2),
+			position: "relative"
+		},
+		children: [/* @__PURE__ */ r(o, { sx: l }), u]
+	}) : p ? /* @__PURE__ */ i(e, {
+		...m,
+		className: "Mui-warning",
+		component: "span",
+		role: "alert",
+		sx: {
+			marginLeft: f ? 0 : h.spacing(-2),
+			position: "relative"
+		},
+		children: [/* @__PURE__ */ r(s, { sx: l }), p]
+	}) : d ? /* @__PURE__ */ i(e, {
+		...m,
+		component: "span",
+		role: "alert",
+		sx: {
+			marginLeft: f ? 0 : h.spacing(-2),
+			position: "relative"
+		},
+		children: [/* @__PURE__ */ r(c, { sx: l }), d]
+	}) : null;
+};
+//#endregion
+export { u as FormFieldHelperText };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/helpers/FormFieldHelperText/FormFieldHelperText.tsx"],"sourcesContent":["import type {\n  SxProps,\n  Theme,\n} from '@mui/material';\nimport {\n  Box,\n  FormHelperText,\n  useTheme,\n} from '@mui/material';\nimport ErrorIcon from '@mui/icons-material/Error';\nimport WarningIcon from '@mui/icons-material/WarningAmber';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport type { ReactElement } from 'react';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nexport type FormFieldHelperTextProps = {\n  readonly errorMessage?: string;\n  readonly infoMessage?: string;\n  readonly noIndent?: boolean;\n  readonly warningMessage?: string;\n};\n\nconst iconStyle: SxProps<Theme> = {\n  height: '13px',\n  marginRight: '1px',\n  position: 'relative',\n  top: '3px',\n  width: '13px',\n};\n\nexport const FormFieldHelperText = ({\n  errorMessage,\n  infoMessage,\n  noIndent,\n  warningMessage,\n}: FormFieldHelperTextProps): ReactElement => {\n  const testIdAttributes = TestIdUtil.createAttributes('FormFieldHelperText');\n  const theme = useTheme();\n\n  if (errorMessage) {\n    return (\n      <FormHelperText\n        {...testIdAttributes}\n        component={'span'}\n        error\n        role={'alert'}\n        sx={{\n          marginLeft: noIndent ? 0 : theme.spacing(-2),\n          position: 'relative',\n        }}\n      >\n        <ErrorIcon sx={iconStyle} />\n        {errorMessage}\n      </FormHelperText>\n    );\n  } else if (warningMessage) {\n    return (\n      <Box\n        {...testIdAttributes}\n        className={'Mui-warning'}\n        component={'span'}\n        role={'alert'}\n        sx={{\n          marginLeft: noIndent ? 0 : theme.spacing(-2),\n          position: 'relative',\n        }}\n      >\n        <WarningIcon sx={iconStyle} />\n        {warningMessage}\n      </Box>\n    );\n  } else if (infoMessage) {\n    return (\n      <Box\n        {...testIdAttributes}\n        component={'span'}\n        role={'alert'}\n        sx={{\n          marginLeft: noIndent ? 0 : theme.spacing(-2),\n          position: 'relative',\n        }}\n      >\n        <InfoOutlinedIcon sx={iconStyle} />\n        {infoMessage}\n      </Box>\n    );\n  }\n  return null;\n};\n"],"mappings":";;;;;;;AAsBA,IAAM,IAA4B;CAChC,QAAQ;CACR,aAAa;CACb,UAAU;CACV,KAAK;CACL,OAAO;AACT,GAEa,KAAuB,EAClC,iBACA,gBACA,aACA,wBAC4C;CAC5C,IAAM,IAAmB,EAAW,iBAAiB,qBAAqB,GACpE,IAAQ,EAAS;CAkDvB,OAhDI,IAEA,kBAAC,GAAD;EACE,GAAI;EACJ,WAAW;EACX,OAAA;EACA,MAAM;EACN,IAAI;GACF,YAAY,IAAW,IAAI,EAAM,QAAQ,EAAE;GAC3C,UAAU;EACZ;YARF,CAUE,kBAAC,GAAD,EAAW,IAAI,EAAY,CAAA,GAC1B,CACa;MAET,IAEP,kBAAC,GAAD;EACE,GAAI;EACJ,WAAW;EACX,WAAW;EACX,MAAM;EACN,IAAI;GACF,YAAY,IAAW,IAAI,EAAM,QAAQ,EAAE;GAC3C,UAAU;EACZ;YARF,CAUE,kBAAC,GAAD,EAAa,IAAI,EAAY,CAAA,GAC5B,CACE;MAEE,IAEP,kBAAC,GAAD;EACE,GAAI;EACJ,WAAW;EACX,MAAM;EACN,IAAI;GACF,YAAY,IAAW,IAAI,EAAM,QAAQ,EAAE;GAC3C,UAAU;EACZ;YAPF,CASE,kBAAC,GAAD,EAAkB,IAAI,EAAY,CAAA,GACjC,CACE;MAGF;AACT"}

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

@@ -0,0 +1,4 @@
+export type FormFieldLoadingIndicatorProps = {
+    readonly inline?: boolean;
+};
+export declare const FormFieldLoadingIndicator: ({ inline }: FormFieldLoadingIndicatorProps) => import("react").JSX.Element;

package/dist/components/helpers/FormFieldLoadingIndicator/index.d.ts

@@ -0,0 +1 @@
+export * from './FormFieldLoadingIndicator';

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

@@ -0,0 +1,16 @@
+import { LinearProgress as e, useTheme as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/helpers/FormFieldLoadingIndicator/FormFieldLoadingIndicator.tsx
+var r = ({ inline: r }) => {
+	let i = t();
+	return /* @__PURE__ */ n(e, { sx: {
+		height: "1px",
+		position: r ? void 0 : "absolute",
+		top: r ? i.spacing(1) : "47px",
+		width: "100%"
+	} });
+};
+//#endregion
+export { r as FormFieldLoadingIndicator };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/helpers/FormFieldLoadingIndicator/FormFieldLoadingIndicator.tsx"],"sourcesContent":["import {\n  LinearProgress,\n  useTheme,\n} from '@mui/material';\n\nexport type FormFieldLoadingIndicatorProps = {\n  readonly inline?: boolean;\n};\n\nexport const FormFieldLoadingIndicator = ({ inline }: FormFieldLoadingIndicatorProps) => {\n  const theme = useTheme();\n  return (\n    <LinearProgress\n      sx={{\n        height: '1px',\n        position: inline ? undefined : 'absolute',\n        top: inline ? theme.spacing(1) : '47px',\n        width: '100%',\n      }}\n    />\n  );\n};\n"],"mappings":";;;AASA,IAAa,KAA6B,EAAE,gBAA6C;CACvF,IAAM,IAAQ,EAAS;CACvB,OACE,kBAAC,GAAD,EACE,IAAI;EACF,QAAQ;EACR,UAAU,IAAS,KAAA,IAAY;EAC/B,KAAK,IAAS,EAAM,QAAQ,CAAC,IAAI;EACjC,OAAO;CACT,EACD,CAAA;AAEL"}

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

@@ -0,0 +1,18 @@
+import { ReactElement, SubmitEventHandler } from 'react';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { ObjectSchema } from 'yup';
+import { FormFieldDefinition, FormGroupDefinition } from '../../../models/form';
+export type GenericFormProps<TFormFields extends FieldValues> = {
+    readonly defaultFormValues?: Partial<TFormFields>;
+    readonly disableAll?: boolean;
+    readonly formFieldDefinitions: FormFieldDefinition<TFormFields>[];
+    readonly formGroupDefinitions?: FormGroupDefinition[];
+    readonly formId?: string;
+    readonly formMethods: UseFormReturn<TFormFields>;
+    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 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.d.ts

@@ -0,0 +1 @@
+export * from './GenericForm';

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

@@ -0,0 +1,156 @@
+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 { 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) => {
+		switch (e.definition) {
+			case t.AUTOCOMPLETE: return /* @__PURE__ */ w(o, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.BOOLEAN: return /* @__PURE__ */ w(s, {
+				...e,
+				disabled: e.disabled || E,
+				options: L,
+				required: R(e.name)
+			});
+			case t.BOOLEAN_SWITCH: return /* @__PURE__ */ w(p, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.DATE: return /* @__PURE__ */ w(u, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.FILE: return /* @__PURE__ */ w(d, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.NUMBER: return /* @__PURE__ */ w(l, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.RADIO_GROUP: return /* @__PURE__ */ w(f, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.RICH_TEXT: return /* @__PURE__ */ w(i, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.SELECT: return /* @__PURE__ */ w(s, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.SWITCH: return /* @__PURE__ */ w(p, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.TEXTFIELD: return /* @__PURE__ */ w(c, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			case t.TRANSFER_LIST: return /* @__PURE__ */ w(a, {
+				...e,
+				disabled: e.disabled || E,
+				required: R(e.name)
+			});
+			default: throw Error(`Unsupported form field definition: ${e.definition}`);
+		}
+	}, [
+		L,
+		E,
+		R
+	]), B = h((e) => M ? /* @__PURE__ */ w(m, { children: M(e, z(e)) }, e.name) : /* @__PURE__ */ w(b, {
+		sx: { marginY: 1 },
+		children: z(e)
+	}, e.name), [M, z]), V = g(() => {
+		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, []);
+		let t = [];
+		for (let n of D) n.groupKey && e.has(n.groupKey) ? e.get(n.groupKey)?.push(n) : t.push(n);
+		return /* @__PURE__ */ T(C, { children: [O.map((t) => {
+			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, {
+				sx: { marginY: 2 },
+				children: [
+					/* @__PURE__ */ w(S, {
+						variant: "subtitle1",
+						children: t.label
+					}),
+					t.description && /* @__PURE__ */ w(S, {
+						color: "text.secondary",
+						variant: "body2",
+						children: t.description
+					}),
+					t.messages?.map((e) => /* @__PURE__ */ T(v, {
+						severity: e.severity,
+						sx: { "& .MuiAlert-message": { width: "100%" } },
+						children: [/* @__PURE__ */ w(y, { children: e.message }), e.buttonLabel && e.onButtonClick && /* @__PURE__ */ w(b, {
+							sx: {
+								display: "flex",
+								justifyContent: "flex-end"
+							},
+							children: /* @__PURE__ */ w(x, {
+								color: "inherit",
+								onClick: e.onButtonClick,
+								size: "small",
+								variant: "text",
+								children: e.buttonLabel
+							})
+						})]
+					}, e.message)),
+					r
+				]
+			}, t.groupKey);
+		}), t.map(B)] });
+	}, [
+		D,
+		O,
+		N,
+		B
+	]);
+	return /* @__PURE__ */ w(n, {
+		...A,
+		children: /* @__PURE__ */ w(b, {
+			autoComplete: "off",
+			component: "form",
+			id: k,
+			onSubmit: j,
+			children: F ? F(V) : V
+		})
+	});
+};
+//#endregion
+export { E as GenericForm };
+
+//# sourceMappingURL=index.js.map