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

package/dist/_chunks/Autocomplete.js

@@ -1,29 +1,29 @@
 import { n as e } from "./rolldown-runtime.js";
 import { t } from "./FormUtil.js";
-import { i as n, t as r } from "./index.esm.js";
-import { FormFieldHelperText as i } from "../components/helpers/FormFieldHelperText/index.js";
-import { FormFieldLoadingIndicator as a } from "../components/helpers/FormFieldLoadingIndicator/index.js";
-import { t as o } from "./classnames.js";
-import { createContext as s, createElement as c, use as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as ee } from "react";
-import { useTranslation as te } from "react-i18next";
-import { Autocomplete as ne, Box as m, Checkbox as h, Chip as re, Divider as g, FormControl as ie, Paper as _, Stack as ae, TextField as oe } from "@mui/material";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { TestIdUtil as se } from "@gen-epix/ui-core/utils/TestIdUtil";
-import x from "@mui/icons-material/CheckBoxOutlineBlank";
-import S from "@mui/icons-material/CheckBox";
-import C from "@mui/icons-material/IndeterminateCheckBox";
+import { FormFieldHelperText as n } from "../components/helpers/FormFieldHelperText/index.js";
+import { FormFieldLoadingIndicator as r } from "../components/helpers/FormFieldLoadingIndicator/index.js";
+import { t as i } from "./classnames.js";
+import { createContext as a, createElement as o, use as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as ee } from "react";
+import { Controller as te, useFormContext as ne } from "react-hook-form";
+import { useTranslation as re } from "react-i18next";
+import { Autocomplete as ie, Box as f, Checkbox as p, Chip as ae, Divider as m, FormControl as oe, Paper as h, Stack as se, TextField as ce } from "@mui/material";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { TestIdUtil as le } from "@gen-epix/ui-core/utils/TestIdUtil";
+import ue from "@mui/icons-material/CheckBoxOutlineBlank";
+import y from "@mui/icons-material/CheckBox";
+import b from "@mui/icons-material/IndeterminateCheckBox";
 //#region src/components/fields/Autocomplete/AutocompleteSelectAllContext.tsx
-var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) => {
-	let n = l(ce), r = u(() => {
+var x = /* @__PURE__ */ e(i(), 1), S = a(null), de = ({ children: e, ...t }) => {
+	let n = s(S), r = c(() => {
 		if (!n) return;
 		let { currentValues: e, enabledOptionValues: t, handleSelectAll: r } = n, i = e.filter((e) => t.includes(e)).length;
 		r(t.length > 0 && i === t.length, e);
-	}, [n]), i = u((e) => {
+	}, [n]), i = c((e) => {
 		e.preventDefault();
-	}, []), a = n?.currentValues ?? [], o = n?.enabledOptionValues ?? [], s = a.filter((e) => o.includes(e)).length, c = o.length > 0 && s === o.length, d = s > 0 && !c;
-	return /* @__PURE__ */ b(_, {
+	}, []), a = n?.currentValues ?? [], o = n?.enabledOptionValues ?? [], l = a.filter((e) => o.includes(e)).length, u = o.length > 0 && l === o.length, d = l > 0 && !u;
+	return /* @__PURE__ */ v(h, {
 		...t,
-		children: [!!n && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(m, {
+		children: [!!n && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v(f, {
 			onClick: r,
 			onMouseDown: i,
 			sx: {
@@ -32,22 +32,22 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 				cursor: "pointer",
 				display: "flex"
 			},
-			children: [/* @__PURE__ */ y(h, {
-				checked: c,
-				checkedIcon: /* @__PURE__ */ y(S, {}),
-				icon: /* @__PURE__ */ y(x, {}),
+			children: [/* @__PURE__ */ _(p, {
+				checked: u,
+				checkedIcon: /* @__PURE__ */ _(y, {}),
+				icon: /* @__PURE__ */ _(ue, {}),
 				indeterminate: d,
-				indeterminateIcon: /* @__PURE__ */ y(C, {}),
+				indeterminateIcon: /* @__PURE__ */ _(b, {}),
 				style: { marginRight: 8 }
 			}), n.selectAllLabel]
-		}), /* @__PURE__ */ y(g, {})] }), e]
+		}), /* @__PURE__ */ _(m, {})] }), e]
 	});
-}, T = ({ disabled: e = !1, groupValues: o = !1, infoMessage: s, label: l, loading: m = !1, multiple: g, name: _, onChange: v, options: C, required: T = !1, shouldSortOptions: E, warningMessage: D }) => {
-	let { t: O } = te(), { control: ue, formState: { errors: de }, setValue: k, watch: fe } = n(), A = t.getFieldErrorMessage(de, _), j = p(null), [M, pe] = ee(""), N = p(v);
-	d(() => {
-		N.current = v;
-	}, [v]);
-	let P = !!A, F = !!D && !P, I = f(() => E ? structuredClone(C).sort((e, t) => e.label.localeCompare(t.label)) : C, [C, E]), { mappedOptions: L, optionValues: R } = f(() => {
+}, C = ({ disabled: e = !1, groupValues: i = !1, hideSelectAll: a = !1, infoMessage: s, label: f, loading: m = !1, multiple: h, name: g, onChange: b, options: C, required: w = !1, shouldSortOptions: T, textFieldVariant: E = "outlined", warningMessage: D }) => {
+	let { t: O } = re(), { control: fe, formState: { errors: pe }, setValue: k, watch: me } = ne(), A = t.getFieldErrorMessage(pe, g), j = d(null), [M, he] = ee(""), N = d(b);
+	l(() => {
+		N.current = b;
+	}, [b]);
+	let P = !!A, F = !!D && !P, I = u(() => T ? structuredClone(C).sort((e, t) => e.label.localeCompare(t.label)) : C, [C, T]), { mappedOptions: L, optionValues: R } = u(() => {
 		let e = [], t = /* @__PURE__ */ new Map();
 		return I.forEach((n) => {
 			e.push(n.value), t.set(n.value, n);
@@ -55,11 +55,11 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 			mappedOptions: t,
 			optionValues: e
 		};
-	}, [I]), z = u((e) => m ? O`Loading...` : L.get(e)?.label, [
+	}, [I]), z = c((e) => m ? O`Loading...` : L.get(e)?.label, [
 		m,
 		L,
 		O
-	]), B = u((e, t) => e === t, []), V = u((e) => L.get(e)?.disabled, [L]), H = u((e) => L.get(e)?.groupByValue, [L]), U = u((e) => String(L.get(e)?.value), [L]), W = u((e, t, n) => /* @__PURE__ */ b("li", {
+	]), B = c((e, t) => e === t, []), V = c((e) => L.get(e)?.disabled, [L]), H = c((e) => L.get(e)?.groupByValue, [L]), U = c((e) => String(L.get(e)?.value), [L]), W = c((e, t, n) => /* @__PURE__ */ v("li", {
 		"aria-disabled": e["aria-disabled"],
 		"aria-selected": e["aria-selected"],
 		className: e.className,
@@ -74,43 +74,43 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 			padding: 0
 		},
 		tabIndex: e.tabIndex,
-		children: [/* @__PURE__ */ y(h, {
+		children: [/* @__PURE__ */ _(p, {
 			checked: n.selected,
-			checkedIcon: /* @__PURE__ */ y(S, {}),
-			icon: /* @__PURE__ */ y(x, {}),
+			checkedIcon: /* @__PURE__ */ _(y, {}),
+			icon: /* @__PURE__ */ _(ue, {}),
 			style: { marginRight: 8 }
 		}), z(t)]
-	}, U(t)), [U, z]), G = u((e, t) => {
-		pe(t);
-	}, []), K = u((t) => {
-		let n = /* @__PURE__ */ y(i, {
+	}, U(t)), [U, z]), G = c((e, t) => {
+		he(t);
+	}, []), K = c((t) => {
+		let r = /* @__PURE__ */ _(n, {
 			errorMessage: A,
 			infoMessage: s,
 			warningMessage: D
 		});
-		return /* @__PURE__ */ y(oe, {
+		return /* @__PURE__ */ _(ce, {
 			disabled: e || m,
 			error: P,
 			fullWidth: t.fullWidth,
-			helperText: n,
+			helperText: r,
 			id: t.id,
 			inputRef: j,
-			label: l,
+			label: f,
 			size: t.size,
 			slotProps: {
-				formHelperText: { className: (0, w.default)({ "Mui-warning": F }) },
+				formHelperText: { className: (0, x.default)({ "Mui-warning": F }) },
 				htmlInput: { ...t.slotProps.htmlInput },
 				input: {
 					...t.slotProps.input,
-					className: (0, w.default)(t.slotProps.input.className, { "Mui-warning": F })
+					className: (0, x.default)(t.slotProps.input.className, { "Mui-warning": F })
 				},
 				inputLabel: {
 					...t.slotProps.inputLabel,
-					className: (0, w.default)({ "Mui-warning": F }),
-					required: T && !e
+					className: (0, x.default)({ "Mui-warning": F }),
+					required: w && !e
 				}
 			},
-			variant: "outlined"
+			variant: E
 		});
 	}, [
 		e,
@@ -118,16 +118,17 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 		P,
 		F,
 		s,
-		l,
+		f,
 		m,
-		T,
+		w,
+		E,
 		D
-	]), q = u((e, t) => /* @__PURE__ */ y(ae, {
+	]), q = c((e, t) => /* @__PURE__ */ _(se, {
 		direction: "row",
 		sx: { flexWrap: "wrap" },
 		children: (Array.isArray(e) ? e : [e]).map((e, n) => {
 			let r = t({ index: n }), i = L.get(e);
-			return /* @__PURE__ */ c(re, {
+			return /* @__PURE__ */ o(ae, {
 				...r,
 				key: String(e),
 				label: z(e),
@@ -135,11 +136,11 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 				size: "small"
 			});
 		})
-	}), [z, L]), J = u((e) => (t, n) => {
-		v && v(n), e(n);
-	}, [v]), Y = u((e, t) => t.inputValue ? I.filter((e) => e.label.toLowerCase().includes(t.inputValue.toLowerCase())).map((e) => e.value) : I.map((e) => e.value), [I]), X = f(() => R.filter((e) => !L.get(e)?.disabled), [R, L]), Z = fe(_), Q = f(() => g && Array.isArray(Z) ? Z : [], [g, Z]), $ = u((e, t) => {
+	}), [z, L]), J = c((e) => (t, n) => {
+		b && b(n), e(n);
+	}, [b]), Y = c((e, t) => t.inputValue ? I.filter((e) => e.label.toLowerCase().includes(t.inputValue.toLowerCase())).map((e) => e.value) : I.map((e) => e.value), [I]), X = u(() => R.filter((e) => !L.get(e)?.disabled), [R, L]), Z = me(g), Q = u(() => h && Array.isArray(Z) ? Z : [], [h, Z]), $ = c((e, t) => {
 		let n = e ? t.filter((e) => L.get(e)?.disabled) : [.../* @__PURE__ */ new Set([...t, ...X])];
-		N.current?.(n), k(_, n, {
+		N.current?.(n), k(g, n, {
 			shouldDirty: !0,
 			shouldTouch: !0,
 			shouldValidate: !0
@@ -147,9 +148,9 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 	}, [
 		X,
 		L,
-		_,
+		g,
 		k
-	]), me = f(() => ({
+	]), ge = u(() => ({
 		currentValues: Q,
 		enabledOptionValues: X,
 		handleSelectAll: $,
@@ -159,42 +160,43 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 		X,
 		$,
 		O
-	]), he = u(({ field: { onBlur: t, onChange: n, ref: r, value: i } }) => (r({ focus: () => {
+	]), _e = c(({ field: { onBlur: t, onChange: n, ref: r, value: o } }) => (r({ focus: () => {
 		j?.current?.focus();
-	} }), /* @__PURE__ */ y(ne, {
+	} }), /* @__PURE__ */ _(ie, {
 		autoComplete: !0,
 		autoHighlight: !0,
-		disableClearable: T,
-		disableCloseOnSelect: g,
+		disableClearable: w,
+		disableCloseOnSelect: h,
 		disabled: e || m,
 		filterOptions: Y,
 		getOptionDisabled: V,
 		getOptionKey: U,
 		getOptionLabel: z,
-		groupBy: o ? H : void 0,
-		inputValue: g ? M : void 0,
+		groupBy: i ? H : void 0,
+		inputValue: h ? M : void 0,
 		isOptionEqualToValue: B,
-		multiple: g,
+		multiple: h,
 		noOptionsText: O`No results`,
 		onBlur: t,
 		onChange: J(n),
-		onInputChange: g ? G : void 0,
+		onInputChange: h ? G : void 0,
 		options: R,
 		renderInput: K,
-		renderOption: g ? W : void 0,
-		renderValue: g ? q : void 0,
-		slots: g ? { paper: le } : void 0,
-		value: i
+		renderOption: h ? W : void 0,
+		renderValue: h ? q : void 0,
+		slots: h && !a ? { paper: de } : void 0,
+		value: o
 	})), [
-		T,
-		g,
+		w,
+		h,
+		a,
 		e,
 		m,
 		Y,
 		V,
 		U,
 		z,
-		o,
+		i,
 		H,
 		M,
 		B,
@@ -206,24 +208,24 @@ var w = /* @__PURE__ */ e(o(), 1), ce = s(null), le = ({ children: e, ...t }) =>
 		W,
 		q
 	]);
-	return /* @__PURE__ */ y(ce, {
-		value: g ? me : null,
-		children: /* @__PURE__ */ b(ie, {
-			...se.createAttributes("Autocomplete", {
-				label: l,
-				name: _
+	return /* @__PURE__ */ _(S, {
+		value: h ? ge : null,
+		children: /* @__PURE__ */ v(oe, {
+			...le.createAttributes("Autocomplete", {
+				label: f,
+				name: g
 			}),
 			fullWidth: !0,
-			children: [/* @__PURE__ */ y(r, {
-				control: ue,
+			children: [/* @__PURE__ */ _(te, {
+				control: fe,
 				defaultValue: null,
-				name: _,
-				render: he
-			}), !!m && /* @__PURE__ */ y(a, {})]
+				name: g,
+				render: _e
+			}), !!m && /* @__PURE__ */ _(r, {})]
 		})
 	});
 };
 //#endregion
-export { T as t };
+export { C as t };
 
 //# sourceMappingURL=Autocomplete.js.map

package/dist/_chunks/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","names":[],"sources":["../../src/components/fields/Autocomplete/AutocompleteSelectAllContext.tsx","../../src/components/fields/Autocomplete/AutocompleteSelectAllPaper.tsx","../../src/components/fields/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { AutocompleteSelectAllContextData } from '../../../models/form';\n\nexport const AutocompleteSelectAllContext = createContext<AutocompleteSelectAllContextData | null>(null);\n","import type { MouseEvent } from 'react';\nimport {\n  use,\n  useCallback,\n} from 'react';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  Paper,\n} from '@mui/material';\nimport type { PaperProps } from '@mui/material';\nimport CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\nimport IndeterminateCheckBoxIcon from '@mui/icons-material/IndeterminateCheckBox';\n\nimport { AutocompleteSelectAllContext } from './AutocompleteSelectAllContext';\n\nexport const AutocompleteSelectAllPaper = ({ children, ...props }: PaperProps) => {\n  const ctx = use(AutocompleteSelectAllContext);\n\n  const onClickSelectAll = useCallback(() => {\n    if (!ctx) {\n      return;\n    }\n    const { currentValues, enabledOptionValues, handleSelectAll } = ctx;\n    const selCount = currentValues.filter(v => enabledOptionValues.includes(v)).length;\n    const curIsAll = enabledOptionValues.length > 0 && selCount === enabledOptionValues.length;\n    handleSelectAll(curIsAll, currentValues);\n  }, [ctx]);\n\n  const onMouseDownSelectAll = useCallback((e: MouseEvent<HTMLElement>) => {\n    e.preventDefault();\n  }, []);\n\n  const currentValues = ctx?.currentValues ?? [];\n  const enabledOptionValues = ctx?.enabledOptionValues ?? [];\n  const selectedEnabledCount = currentValues.filter(v => enabledOptionValues.includes(v)).length;\n  const isAll = enabledOptionValues.length > 0 && selectedEnabledCount === enabledOptionValues.length;\n  const isSome = selectedEnabledCount > 0 && !isAll;\n\n  return (\n    <Paper {...props}>\n      {!!ctx && (\n        <>\n          <Box\n            onClick={onClickSelectAll}\n            onMouseDown={onMouseDownSelectAll}\n            sx={{ '&:hover': { bgcolor: 'action.hover' }, alignItems: 'center', cursor: 'pointer', display: 'flex' }}\n          >\n            <Checkbox\n              checked={isAll}\n              checkedIcon={<CheckBoxIcon />}\n              icon={<CheckBoxOutlineBlankIcon />}\n              indeterminate={isSome}\n              indeterminateIcon={<IndeterminateCheckBoxIcon />}\n              style={{ marginRight: 8 }}\n            />\n            {ctx.selectAllLabel}\n          </Box>\n          <Divider />\n        </>\n      )}\n      {children}\n    </Paper>\n  );\n};\n","import type {\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  SyntheticEvent,\n} from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Checkbox,\n  Chip,\n  FormControl,\n  Autocomplete as MuiAutocomplete,\n  Stack,\n  TextField,\n} from '@mui/material';\nimport CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\nimport type {\n  AutocompleteRenderInputParams,\n  AutocompleteRenderOptionState,\n  AutocompleteRenderValueGetItemProps,\n  AutocompleteValue,\n  FilterOptionsState,\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 { useTranslation } from 'react-i18next';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport type {\n  AutoCompleteOption,\n  AutocompleteSelectAllContextData,\n} from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nimport { AutocompleteSelectAllPaper } from './AutocompleteSelectAllPaper';\nimport { AutocompleteSelectAllContext } from './AutocompleteSelectAllContext';\n\n\nexport type AutocompleteProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, TMultiple extends boolean> = {\n  readonly disabled?: boolean;\n  readonly groupValues?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly multiple?: TMultiple;\n  readonly name: TName;\n  readonly onChange?: (value: AutocompleteValue<TFieldValues[TName], TMultiple, false, false>) => void;\n  readonly options: AutoCompleteOption[];\n  readonly required?: boolean;\n  readonly shouldSortOptions?: boolean;\n  readonly warningMessage?: string;\n};\ntype MultipleRenderValueItemProps = ReturnType<AutocompleteRenderValueGetItemProps<true>>;\n\ntype Value = number | string;\n\nexport const Autocomplete = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>, TMultiple extends boolean = false>({\n  disabled = false,\n  groupValues = false,\n  infoMessage,\n  label,\n  loading = false,\n  multiple,\n  name,\n  onChange: onChangeProp,\n  options,\n  required = false,\n  shouldSortOptions,\n  warningMessage,\n}: AutocompleteProps<TFieldValues, TName, TMultiple>): ReactElement => {\n  const { t } = useTranslation();\n  const { control, formState: { errors }, setValue, watch } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [inputValue, setInputValue] = useState('');\n\n  const onChangePropRef = useRef(onChangeProp);\n  useEffect(() => {\n    onChangePropRef.current = onChangeProp;\n  }, [onChangeProp]);\n\n  const hasError = !!errorMessage;\n  const hasWarning = !!warningMessage && !hasError;\n\n  const sortedOptions = useMemo(() => {\n    if (!shouldSortOptions) {\n      return options;\n    }\n    return structuredClone(options).sort((a, b) => a.label.localeCompare(b.label));\n  }, [options, shouldSortOptions]);\n\n  const { mappedOptions, optionValues }: { mappedOptions: Map<Value, AutoCompleteOption>; optionValues: Array<Value> } = useMemo(() => {\n    const values: Array<Value> = [];\n    const mapped = new Map<Value, AutoCompleteOption>();\n    sortedOptions.forEach(option => {\n      values.push(option.value);\n      mapped.set(option.value, option);\n    });\n    return {\n      mappedOptions: mapped,\n      optionValues: values,\n    };\n  }, [sortedOptions]);\n\n  const getOptionLabel = useCallback((value: AutoCompleteOption['value']) => loading ? t`Loading...` : mappedOptions.get(value)?.label, [loading, mappedOptions, t]);\n  const getIsOptionEqualToValue = useCallback((optionValue: AutoCompleteOption['value'], value: AutoCompleteOption['value']) => optionValue === value, []);\n  const getIsOptionDisabled = useCallback((value: AutoCompleteOption['value']): boolean => mappedOptions.get(value)?.disabled, [mappedOptions]);\n  const groupBy = useCallback((value: AutoCompleteOption['value']): string => mappedOptions.get(value)?.groupByValue, [mappedOptions]);\n  const getOptionKey = useCallback((value: AutoCompleteOption['value']): string => String(mappedOptions.get(value)?.value), [mappedOptions]);\n\n  const renderOption = useCallback((props: HTMLAttributes<HTMLLIElement>, option: TFieldValues[TName], state: AutocompleteRenderOptionState): ReactNode => {\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n      <li\n        aria-disabled={props['aria-disabled']}\n        aria-selected={props['aria-selected']}\n        className={props.className}\n        data-option-index={(props as { 'data-option-index': string })['data-option-index']}\n        id={props.id}\n        key={getOptionKey(option)}\n        onClick={props.onClick}\n        onMouseMove={props.onMouseMove}\n        onTouchStart={props.onTouchStart}\n        role={props.role}\n        style={{\n          margin: 0,\n          padding: 0,\n        }}\n        tabIndex={props.tabIndex}\n      >\n        <Checkbox\n          checked={state.selected}\n          checkedIcon={<CheckBoxIcon />}\n          icon={<CheckBoxOutlineBlankIcon />}\n          style={{ marginRight: 8 }}\n        />\n        {getOptionLabel(option)}\n      </li>\n    );\n  }, [getOptionKey, getOptionLabel]);\n\n  const onMuiAutocompleteInputChange = useCallback((_event: SyntheticEvent, value: string) => {\n    setInputValue(value);\n  }, []);\n\n  const renderInput = useCallback((params: AutocompleteRenderInputParams) => {\n    const helperText = (\n      <FormFieldHelperText\n        errorMessage={errorMessage}\n        infoMessage={infoMessage}\n        warningMessage={warningMessage}\n      />\n    );\n\n    return (\n      <TextField\n        disabled={disabled || loading}\n        error={hasError}\n        fullWidth={params.fullWidth}\n        helperText={helperText}\n        id={params.id}\n        inputRef={inputRef}\n        label={label}\n        size={params.size}\n        slotProps={{\n          formHelperText: { className: classnames({ 'Mui-warning': hasWarning }) },\n          htmlInput: {\n            ...params.slotProps.htmlInput,\n          },\n          input: {\n            ...params.slotProps.input,\n            className: classnames(params.slotProps.input.className, {\n              'Mui-warning': hasWarning,\n            }),\n          },\n          inputLabel: {\n            ...params.slotProps.inputLabel,\n            className: classnames({ 'Mui-warning': hasWarning }),\n            required: required && !disabled,\n          },\n        }}\n        variant={'outlined'}\n      />\n    );\n  }, [disabled, errorMessage, hasError, hasWarning, infoMessage, label, loading, required, warningMessage]);\n\n  const renderValue = useCallback((values: AutocompleteValue<TFieldValues[TName], TMultiple, false, false>, getItemProps: AutocompleteRenderValueGetItemProps<TMultiple>) => {\n    const selectedValues = (Array.isArray(values) ? values : [values]) as Value[];\n\n    return (\n      <Stack\n        direction={'row'}\n        sx={{\n          flexWrap: 'wrap',\n        }}\n      >\n        {selectedValues.map((value: Value, index: number) => {\n          const props = getItemProps({ index }) as MultipleRenderValueItemProps;\n          const option = mappedOptions.get(value);\n\n          return (\n            <Chip\n              {...props}\n              // eslint-disable-next-line @eslint-react/jsx-no-key-after-spread\n              key={String(value)}\n              label={getOptionLabel(value)}\n              onDelete={option?.disabled ? undefined : props.onDelete}\n              size={'small'}\n            />\n          );\n        })}\n      </Stack>\n    );\n  }, [getOptionLabel, mappedOptions]);\n\n  const onMuiAutocompleteChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: SyntheticEvent, value: AutocompleteValue<TFieldValues[TName], TMultiple, false, false>) => {\n      if (onChangeProp) {\n        onChangeProp(value);\n      }\n      onChange(value);\n    }\n  , [onChangeProp]);\n\n  const filterOptions = useCallback((_filterableOptions: TFieldValues[TName][], filterState: FilterOptionsState<TFieldValues[TName]>): TFieldValues[TName][] => {\n    if (filterState.inputValue) {\n      return sortedOptions.filter(option => option.label.toLowerCase().includes(filterState.inputValue.toLowerCase())).map((option) => option.value) as TFieldValues[TName][];\n    }\n    return sortedOptions.map((option) => option.value) as TFieldValues[TName][];\n  }, [sortedOptions]);\n\n  const enabledOptionValues = useMemo(() =>\n    optionValues.filter(v => !mappedOptions.get(v)?.disabled)\n  , [optionValues, mappedOptions]);\n\n  const watchedValue = watch(name);\n  const currentValues = useMemo(() =>\n    multiple && Array.isArray(watchedValue) ? watchedValue as Value[] : []\n  , [multiple, watchedValue]);\n\n  const handleSelectAll = useCallback((isCurrentlyAll: boolean, curValues: Value[]) => {\n    const newValue = isCurrentlyAll\n      ? curValues.filter(v => mappedOptions.get(v)?.disabled)\n      : [...new Set([...curValues, ...enabledOptionValues])];\n    onChangePropRef.current?.(newValue as unknown as AutocompleteValue<TFieldValues[TName], TMultiple, false, false>);\n    setValue(name, newValue as TFieldValues[TName], { shouldDirty: true, shouldTouch: true, shouldValidate: true });\n  }, [enabledOptionValues, mappedOptions, name, setValue]);\n\n  const selectAllContextValue = useMemo<AutocompleteSelectAllContextData>(() => ({\n    currentValues,\n    enabledOptionValues,\n    handleSelectAll,\n    selectAllLabel: t`Select all`,\n  }), [currentValues, enabledOptionValues, handleSelectAll, t]);\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      <MuiAutocomplete<TFieldValues[TName], TMultiple>\n        autoComplete\n        autoHighlight\n        disableClearable={required as undefined}\n        disableCloseOnSelect={multiple}\n        disabled={disabled || loading}\n        filterOptions={filterOptions}\n        getOptionDisabled={getIsOptionDisabled}\n        getOptionKey={getOptionKey}\n        getOptionLabel={getOptionLabel}\n        groupBy={groupValues ? groupBy : undefined}\n        inputValue={multiple ? inputValue : undefined}\n        isOptionEqualToValue={getIsOptionEqualToValue}\n        multiple={multiple}\n        noOptionsText={t`No results`}\n        onBlur={onBlur}\n        onChange={onMuiAutocompleteChange(onChange)}\n        onInputChange={multiple ? onMuiAutocompleteInputChange : undefined}\n        options={optionValues as TFieldValues[TName]}\n        renderInput={renderInput}\n        renderOption={multiple ? renderOption : undefined}\n        renderValue={multiple ? renderValue : undefined}\n        slots={multiple ? { paper: AutocompleteSelectAllPaper } : undefined}\n        value={value}\n      />\n    );\n  }, [required, multiple, disabled, loading, filterOptions, getIsOptionDisabled, getOptionKey, getOptionLabel, groupValues, groupBy, inputValue, getIsOptionEqualToValue, t, onMuiAutocompleteChange, onMuiAutocompleteInputChange, optionValues, renderInput, renderOption, renderValue]);\n\n  return (\n    <AutocompleteSelectAllContext value={multiple ? selectAllContextValue : null}>\n      <FormControl\n        {...TestIdUtil.createAttributes('Autocomplete', { label, name })}\n        fullWidth\n      >\n        <Controller\n          control={control}\n          defaultValue={null}\n          name={name}\n          render={renderController}\n        />\n        {!!loading && <FormFieldLoadingIndicator />}\n      </FormControl>\n    </AutocompleteSelectAllContext>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","names":[],"sources":["../../src/components/fields/Autocomplete/AutocompleteSelectAllContext.tsx","../../src/components/fields/Autocomplete/AutocompleteSelectAllPaper.tsx","../../src/components/fields/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { AutocompleteSelectAllContextData } from '../../../models/form';\n\nexport const AutocompleteSelectAllContext = createContext<AutocompleteSelectAllContextData | null>(null);\n","import type { MouseEvent } from 'react';\nimport {\n  use,\n  useCallback,\n} from 'react';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  Paper,\n} from '@mui/material';\nimport type { PaperProps } from '@mui/material';\nimport CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\nimport IndeterminateCheckBoxIcon from '@mui/icons-material/IndeterminateCheckBox';\n\nimport { AutocompleteSelectAllContext } from './AutocompleteSelectAllContext';\n\nexport const AutocompleteSelectAllPaper = ({ children, ...props }: PaperProps) => {\n  const ctx = use(AutocompleteSelectAllContext);\n\n  const onClickSelectAll = useCallback(() => {\n    if (!ctx) {\n      return;\n    }\n    const { currentValues, enabledOptionValues, handleSelectAll } = ctx;\n    const selCount = currentValues.filter(v => enabledOptionValues.includes(v)).length;\n    const curIsAll = enabledOptionValues.length > 0 && selCount === enabledOptionValues.length;\n    handleSelectAll(curIsAll, currentValues);\n  }, [ctx]);\n\n  const onMouseDownSelectAll = useCallback((e: MouseEvent<HTMLElement>) => {\n    e.preventDefault();\n  }, []);\n\n  const currentValues = ctx?.currentValues ?? [];\n  const enabledOptionValues = ctx?.enabledOptionValues ?? [];\n  const selectedEnabledCount = currentValues.filter(v => enabledOptionValues.includes(v)).length;\n  const isAll = enabledOptionValues.length > 0 && selectedEnabledCount === enabledOptionValues.length;\n  const isSome = selectedEnabledCount > 0 && !isAll;\n\n  return (\n    <Paper {...props}>\n      {!!ctx && (\n        <>\n          <Box\n            onClick={onClickSelectAll}\n            onMouseDown={onMouseDownSelectAll}\n            sx={{ '&:hover': { bgcolor: 'action.hover' }, alignItems: 'center', cursor: 'pointer', display: 'flex' }}\n          >\n            <Checkbox\n              checked={isAll}\n              checkedIcon={<CheckBoxIcon />}\n              icon={<CheckBoxOutlineBlankIcon />}\n              indeterminate={isSome}\n              indeterminateIcon={<IndeterminateCheckBoxIcon />}\n              style={{ marginRight: 8 }}\n            />\n            {ctx.selectAllLabel}\n          </Box>\n          <Divider />\n        </>\n      )}\n      {children}\n    </Paper>\n  );\n};\n","import type {\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  SyntheticEvent,\n} from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Checkbox,\n  Chip,\n  FormControl,\n  Autocomplete as MuiAutocomplete,\n  Stack,\n  TextField,\n} from '@mui/material';\nimport CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\nimport type {\n  AutocompleteRenderInputParams,\n  AutocompleteRenderOptionState,\n  AutocompleteRenderValueGetItemProps,\n  AutocompleteValue,\n  FilterOptionsState,\n  TextFieldVariants,\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 { useTranslation } from 'react-i18next';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport type {\n  AutoCompleteOption,\n  AutocompleteSelectAllContextData,\n} from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nimport { AutocompleteSelectAllPaper } from './AutocompleteSelectAllPaper';\nimport { AutocompleteSelectAllContext } from './AutocompleteSelectAllContext';\n\n\n// A multi-select field's own value is already the array, so it must not be re-wrapped by `AutocompleteValue`'s `Multiple` handling.\nexport type AutocompleteChangeValue<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, TMultiple extends boolean> = TMultiple extends true ? TFieldValues[TName] : AutocompleteValue<TFieldValues[TName], false, false, false>;\n\nexport type AutocompleteProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, TMultiple extends boolean> = {\n  readonly disabled?: boolean;\n  readonly groupValues?: boolean;\n  readonly hideSelectAll?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly multiple?: TMultiple;\n  readonly name: TName;\n  readonly onChange?: (value: AutocompleteChangeValue<TFieldValues, TName, TMultiple>) => void;\n  readonly options: AutoCompleteOption[];\n  readonly required?: boolean;\n  readonly shouldSortOptions?: boolean;\n  readonly textFieldVariant?: TextFieldVariants;\n  readonly warningMessage?: string;\n};\ntype MultipleRenderValueItemProps = ReturnType<AutocompleteRenderValueGetItemProps<true>>;\n\ntype Value = number | string;\n\nexport const Autocomplete = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>, TMultiple extends boolean = false>({\n  disabled = false,\n  groupValues = false,\n  hideSelectAll = false,\n  infoMessage,\n  label,\n  loading = false,\n  multiple,\n  name,\n  onChange: onChangeProp,\n  options,\n  required = false,\n  shouldSortOptions,\n  textFieldVariant = 'outlined',\n  warningMessage,\n}: AutocompleteProps<TFieldValues, TName, TMultiple>): ReactElement => {\n  const { t } = useTranslation();\n  const { control, formState: { errors }, setValue, watch } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [inputValue, setInputValue] = useState('');\n\n  const onChangePropRef = useRef(onChangeProp);\n  useEffect(() => {\n    onChangePropRef.current = onChangeProp;\n  }, [onChangeProp]);\n\n  const hasError = !!errorMessage;\n  const hasWarning = !!warningMessage && !hasError;\n\n  const sortedOptions = useMemo(() => {\n    if (!shouldSortOptions) {\n      return options;\n    }\n    return structuredClone(options).sort((a, b) => a.label.localeCompare(b.label));\n  }, [options, shouldSortOptions]);\n\n  const { mappedOptions, optionValues }: { mappedOptions: Map<Value, AutoCompleteOption>; optionValues: Array<Value> } = useMemo(() => {\n    const values: Array<Value> = [];\n    const mapped = new Map<Value, AutoCompleteOption>();\n    sortedOptions.forEach(option => {\n      values.push(option.value);\n      mapped.set(option.value, option);\n    });\n    return {\n      mappedOptions: mapped,\n      optionValues: values,\n    };\n  }, [sortedOptions]);\n\n  const getOptionLabel = useCallback((value: AutoCompleteOption['value']) => loading ? t`Loading...` : mappedOptions.get(value)?.label, [loading, mappedOptions, t]);\n  const getIsOptionEqualToValue = useCallback((optionValue: AutoCompleteOption['value'], value: AutoCompleteOption['value']) => optionValue === value, []);\n  const getIsOptionDisabled = useCallback((value: AutoCompleteOption['value']): boolean => mappedOptions.get(value)?.disabled, [mappedOptions]);\n  const groupBy = useCallback((value: AutoCompleteOption['value']): string => mappedOptions.get(value)?.groupByValue, [mappedOptions]);\n  const getOptionKey = useCallback((value: AutoCompleteOption['value']): string => String(mappedOptions.get(value)?.value), [mappedOptions]);\n\n  const renderOption = useCallback((props: HTMLAttributes<HTMLLIElement>, option: TFieldValues[TName], state: AutocompleteRenderOptionState): ReactNode => {\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n      <li\n        aria-disabled={props['aria-disabled']}\n        aria-selected={props['aria-selected']}\n        className={props.className}\n        data-option-index={(props as { 'data-option-index': string })['data-option-index']}\n        id={props.id}\n        key={getOptionKey(option)}\n        onClick={props.onClick}\n        onMouseMove={props.onMouseMove}\n        onTouchStart={props.onTouchStart}\n        role={props.role}\n        style={{\n          margin: 0,\n          padding: 0,\n        }}\n        tabIndex={props.tabIndex}\n      >\n        <Checkbox\n          checked={state.selected}\n          checkedIcon={<CheckBoxIcon />}\n          icon={<CheckBoxOutlineBlankIcon />}\n          style={{ marginRight: 8 }}\n        />\n        {getOptionLabel(option)}\n      </li>\n    );\n  }, [getOptionKey, getOptionLabel]);\n\n  const onMuiAutocompleteInputChange = useCallback((_event: SyntheticEvent, value: string) => {\n    setInputValue(value);\n  }, []);\n\n  const renderInput = useCallback((params: AutocompleteRenderInputParams) => {\n    const helperText = (\n      <FormFieldHelperText\n        errorMessage={errorMessage}\n        infoMessage={infoMessage}\n        warningMessage={warningMessage}\n      />\n    );\n\n    return (\n      <TextField\n        disabled={disabled || loading}\n        error={hasError}\n        fullWidth={params.fullWidth}\n        helperText={helperText}\n        id={params.id}\n        inputRef={inputRef}\n        label={label}\n        size={params.size}\n        slotProps={{\n          formHelperText: { className: classnames({ 'Mui-warning': hasWarning }) },\n          htmlInput: {\n            ...params.slotProps.htmlInput,\n          },\n          input: {\n            ...params.slotProps.input,\n            className: classnames(params.slotProps.input.className, {\n              'Mui-warning': hasWarning,\n            }),\n          },\n          inputLabel: {\n            ...params.slotProps.inputLabel,\n            className: classnames({ 'Mui-warning': hasWarning }),\n            required: required && !disabled,\n          },\n        }}\n        variant={textFieldVariant}\n      />\n    );\n  }, [disabled, errorMessage, hasError, hasWarning, infoMessage, label, loading, required, textFieldVariant, warningMessage]);\n\n  const renderValue = useCallback((values: AutocompleteValue<TFieldValues[TName], TMultiple, false, false>, getItemProps: AutocompleteRenderValueGetItemProps<TMultiple>) => {\n    const selectedValues = (Array.isArray(values) ? values : [values]) as Value[];\n\n    return (\n      <Stack\n        direction={'row'}\n        sx={{\n          flexWrap: 'wrap',\n        }}\n      >\n        {selectedValues.map((value: Value, index: number) => {\n          const props = getItemProps({ index }) as MultipleRenderValueItemProps;\n          const option = mappedOptions.get(value);\n\n          return (\n            <Chip\n              {...props}\n              // eslint-disable-next-line @eslint-react/jsx-no-key-after-spread\n              key={String(value)}\n              label={getOptionLabel(value)}\n              onDelete={option?.disabled ? undefined : props.onDelete}\n              size={'small'}\n            />\n          );\n        })}\n      </Stack>\n    );\n  }, [getOptionLabel, mappedOptions]);\n\n  const onMuiAutocompleteChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: SyntheticEvent, value: AutocompleteValue<TFieldValues[TName], TMultiple, false, false>) => {\n      if (onChangeProp) {\n        onChangeProp(value as unknown as AutocompleteChangeValue<TFieldValues, TName, TMultiple>);\n      }\n      onChange(value);\n    }\n  , [onChangeProp]);\n\n  const filterOptions = useCallback((_filterableOptions: TFieldValues[TName][], filterState: FilterOptionsState<TFieldValues[TName]>): TFieldValues[TName][] => {\n    if (filterState.inputValue) {\n      return sortedOptions.filter(option => option.label.toLowerCase().includes(filterState.inputValue.toLowerCase())).map((option) => option.value) as TFieldValues[TName][];\n    }\n    return sortedOptions.map((option) => option.value) as TFieldValues[TName][];\n  }, [sortedOptions]);\n\n  const enabledOptionValues = useMemo(() =>\n    optionValues.filter(v => !mappedOptions.get(v)?.disabled)\n  , [optionValues, mappedOptions]);\n\n  const watchedValue = watch(name);\n  const currentValues = useMemo(() =>\n    multiple && Array.isArray(watchedValue) ? watchedValue as Value[] : []\n  , [multiple, watchedValue]);\n\n  const handleSelectAll = useCallback((isCurrentlyAll: boolean, curValues: Value[]) => {\n    const newValue = isCurrentlyAll\n      ? curValues.filter(v => mappedOptions.get(v)?.disabled)\n      : [...new Set([...curValues, ...enabledOptionValues])];\n    onChangePropRef.current?.(newValue as unknown as AutocompleteChangeValue<TFieldValues, TName, TMultiple>);\n    setValue(name, newValue as TFieldValues[TName], { shouldDirty: true, shouldTouch: true, shouldValidate: true });\n  }, [enabledOptionValues, mappedOptions, name, setValue]);\n\n  const selectAllContextValue = useMemo<AutocompleteSelectAllContextData>(() => ({\n    currentValues,\n    enabledOptionValues,\n    handleSelectAll,\n    selectAllLabel: t`Select all`,\n  }), [currentValues, enabledOptionValues, handleSelectAll, t]);\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      <MuiAutocomplete<TFieldValues[TName], TMultiple>\n        autoComplete\n        autoHighlight\n        disableClearable={required as undefined}\n        disableCloseOnSelect={multiple}\n        disabled={disabled || loading}\n        filterOptions={filterOptions}\n        getOptionDisabled={getIsOptionDisabled}\n        getOptionKey={getOptionKey}\n        getOptionLabel={getOptionLabel}\n        groupBy={groupValues ? groupBy : undefined}\n        inputValue={multiple ? inputValue : undefined}\n        isOptionEqualToValue={getIsOptionEqualToValue}\n        multiple={multiple}\n        noOptionsText={t`No results`}\n        onBlur={onBlur}\n        onChange={onMuiAutocompleteChange(onChange)}\n        onInputChange={multiple ? onMuiAutocompleteInputChange : undefined}\n        options={optionValues as TFieldValues[TName]}\n        renderInput={renderInput}\n        renderOption={multiple ? renderOption : undefined}\n        renderValue={multiple ? renderValue : undefined}\n        slots={(multiple && !hideSelectAll) ? { paper: AutocompleteSelectAllPaper } : undefined}\n        value={value}\n      />\n    );\n  }, [required, multiple, hideSelectAll, disabled, loading, filterOptions, getIsOptionDisabled, getOptionKey, getOptionLabel, groupValues, groupBy, inputValue, getIsOptionEqualToValue, t, onMuiAutocompleteChange, onMuiAutocompleteInputChange, optionValues, renderInput, renderOption, renderValue]);\n\n  return (\n    <AutocompleteSelectAllContext value={multiple ? selectAllContextValue : null}>\n      <FormControl\n        {...TestIdUtil.createAttributes('Autocomplete', { label, name })}\n        fullWidth\n      >\n        <Controller\n          control={control}\n          defaultValue={null}\n          name={name}\n          render={renderController}\n        />\n        {!!loading && <FormFieldLoadingIndicator />}\n      </FormControl>\n    </AutocompleteSelectAllContext>\n  );\n};\n"],"mappings":"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"}

package/dist/_chunks/DatePicker.js

@@ -1,12 +1,12 @@
 import { n as e } from "./rolldown-runtime.js";
 import { t, u as n } from "./FormUtil.js";
-import { i as r, t as i } from "./index.esm.js";
-import { FormFieldHelperText as a } from "../components/helpers/FormFieldHelperText/index.js";
-import { FormFieldLoadingIndicator as o } from "../components/helpers/FormFieldLoadingIndicator/index.js";
-import { t as s } from "./classnames.js";
-import { t as c } from "./sv.js";
-import { DATE_FORMAT as l } from "@gen-epix/ui-core/constants/date";
-import { useCallback as u, useMemo as d, useRef as f } from "react";
+import { FormFieldHelperText as r } from "../components/helpers/FormFieldHelperText/index.js";
+import { FormFieldLoadingIndicator as i } from "../components/helpers/FormFieldLoadingIndicator/index.js";
+import { t as a } from "./classnames.js";
+import { t as o } from "./sv.js";
+import { DATE_FORMAT as s } from "@gen-epix/ui-core/constants/date";
+import { useCallback as c, useMemo as l, useRef as u } from "react";
+import { Controller as d, useFormContext as f } from "react-hook-form";
 import { useTranslation as p } from "react-i18next";
 import { FormControl as m, FormHelperText as h, IconButton as g, InputAdornment as _ } from "@mui/material";
 import v from "@mui/icons-material/Clear";
@@ -15,7 +15,7 @@ import { TestIdUtil as x } from "@gen-epix/ui-core/utils/TestIdUtil";
 import { DatePicker as S, DateTimePicker as C, LocalizationProvider as w } from "@mui/x-date-pickers";
 import { AdapterDateFns as T } from "@mui/x-date-pickers/AdapterDateFns";
 //#region src/components/fields/DatePicker/DatePickerInputAdornment.tsx
-var E = /* @__PURE__ */ e(s(), 1), D = ({ children: e, disabled: t, loading: n, onResetButtonClickRef: r, ...i }) => {
+var E = /* @__PURE__ */ e(a(), 1), D = ({ children: e, disabled: t, loading: n, onResetButtonClickRef: r, ...i }) => {
 	let { t: a } = p();
 	return /* @__PURE__ */ b(_, {
 		...i,
@@ -29,21 +29,21 @@ var E = /* @__PURE__ */ e(s(), 1), D = ({ children: e, disabled: t, loading: n,
 			children: /* @__PURE__ */ y(v, {})
 		}), e]
 	});
-}, O = ({ dateFormat: e = l.DATE, disabled: s = !1, infoMessage: p, label: g, loading: _ = !1, name: v, onChange: O, required: k = !1, warningMessage: A }) => {
-	let { control: j, formState: { errors: M } } = r(), N = t.getFieldErrorMessage(M, v), P = !!N, F = !!A && !P, I = f(null), L = f(() => void 0), R = u((e) => (t) => {
+}, O = ({ dateFormat: e = s.DATE, disabled: a = !1, infoMessage: p, label: g, loading: _ = !1, name: v, onChange: O, required: k = !1, warningMessage: A }) => {
+	let { control: j, formState: { errors: M } } = f(), N = t.getFieldErrorMessage(M, v), P = !!N, F = !!A && !P, I = u(null), L = u(() => void 0), R = c((e) => (t) => {
 		O && O(t), e(t);
-	}, [O]), z = d(() => ({
+	}, [O]), z = l(() => ({
 		...n,
-		formatLong: c.formatLong
-	}), []), B = d(() => {
+		formatLong: o.formatLong
+	}), []), B = l(() => {
 		switch (e) {
-			case l.DATE:
-			case l.DATE_TIME: return;
-			case l.YEAR: return ["year"];
-			case l.YEAR_MONTH: return ["year", "month"];
+			case s.DATE:
+			case s.DATE_TIME: return;
+			case s.YEAR: return ["year"];
+			case s.YEAR_MONTH: return ["year", "month"];
 			default: throw Error(`Unsupported date format: ${e}`);
 		}
-	}, [e]), V = e === l.DATE_TIME ? C : S, H = u(({ field: { onBlur: t, onChange: n, ref: r, value: i } }) => (r({ focus: () => {
+	}, [e]), V = e === s.DATE_TIME ? C : S, H = c(({ field: { onBlur: t, onChange: n, ref: o, value: c } }) => (o({ focus: () => {
 		I?.current?.focus();
 	} }), L.current = () => {
 		n(null);
@@ -62,12 +62,12 @@ var E = /* @__PURE__ */ e(s(), 1), D = ({ children: e, disabled: t, loading: n,
 				adapterLocale: z,
 				dateAdapter: T,
 				children: /* @__PURE__ */ y(V, {
-					disabled: s || _,
+					disabled: a || _,
 					inputRef: I,
 					label: g,
 					loading: _,
 					onChange: R(n),
-					openTo: e === l.DATE_TIME ? void 0 : "year",
+					openTo: e === s.DATE_TIME ? void 0 : "year",
 					slotProps: { textField: {
 						className: (0, E.default)({ "Mui-warning": F }),
 						error: P,
@@ -77,18 +77,18 @@ var E = /* @__PURE__ */ e(s(), 1), D = ({ children: e, disabled: t, loading: n,
 					} },
 					slots: { inputAdornment: (e) => /* @__PURE__ */ y(D, {
 						...e,
-						disabled: s,
+						disabled: a,
 						loading: _,
 						onResetButtonClickRef: L
 					}) },
-					value: i,
+					value: c,
 					views: B
 				})
 			}),
-			!!_ && /* @__PURE__ */ y(o, {}),
+			!!_ && /* @__PURE__ */ y(i, {}),
 			/* @__PURE__ */ y(h, {
 				sx: { ml: 0 },
-				children: /* @__PURE__ */ y(a, {
+				children: /* @__PURE__ */ y(r, {
 					errorMessage: N,
 					infoMessage: p,
 					noIndent: !0,
@@ -100,7 +100,7 @@ var E = /* @__PURE__ */ e(s(), 1), D = ({ children: e, disabled: t, loading: n,
 		V,
 		z,
 		e,
-		s,
+		a,
 		N,
 		P,
 		F,
@@ -113,7 +113,7 @@ var E = /* @__PURE__ */ e(s(), 1), D = ({ children: e, disabled: t, loading: n,
 		B,
 		A
 	]);
-	return /* @__PURE__ */ y(i, {
+	return /* @__PURE__ */ y(d, {
 		control: j,
 		defaultValue: "",
 		name: v,

package/dist/_chunks/FileUpload.js

@@ -0,0 +1,73 @@
+import { t as e } from "./FormUtil.js";
+import { FormFieldHelperText as t } from "../components/helpers/FormFieldHelperText/index.js";
+import { useCallback as n, useId as r, useRef as i } from "react";
+import { Controller as a, useFormContext as o } from "react-hook-form";
+import { FormControl as s, FormHelperText as c, FormLabel 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";
+import { FileDropZone as p } from "@gen-epix/ui-core-components/components/FileDropZone";
+//#region src/components/fields/FileUpload/FileUpload.tsx
+var m = ({ accept: m, disabled: h, infoMessage: g, label: _, multiple: v = !1, name: y, onChange: b, required: x, warningMessage: S }) => {
+	let C = r(), w = r(), { control: T, formState: { errors: E } } = o(), D = e.getFieldErrorMessage(E, y), O = i(null), k = !!D, A = n((e) => (t) => {
+		b && b(t), e(t);
+	}, [b]), j = n(({ field: { onBlur: e, onChange: t, ref: n, value: r } }) => (n({ focus: () => {
+		O?.current?.focus();
+	} }), /* @__PURE__ */ u(p, {
+		accept: m,
+		ariaDescribedBy: w,
+		disabled: h,
+		error: k,
+		files: r ?? null,
+		label: _,
+		labelledById: C,
+		multiple: v,
+		onBlur: e,
+		onFilesSelected: A(t),
+		ref: O
+	})), [
+		m,
+		w,
+		h,
+		k,
+		_,
+		C,
+		v,
+		A
+	]);
+	return /* @__PURE__ */ d(s, {
+		error: k,
+		...f.createAttributes("UploadButton", {
+			label: _,
+			name: y
+		}),
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ u(l, {
+				component: "legend",
+				id: C,
+				required: x,
+				children: _
+			}),
+			/* @__PURE__ */ u(a, {
+				control: T,
+				defaultValue: null,
+				name: y,
+				render: j
+			}),
+			/* @__PURE__ */ u(c, {
+				id: w,
+				sx: { ml: 0 },
+				children: /* @__PURE__ */ u(t, {
+					errorMessage: D,
+					infoMessage: g,
+					noIndent: !0,
+					warningMessage: S
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { m as t };
+
+//# sourceMappingURL=FileUpload.js.map

package/dist/_chunks/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","names":[],"sources":["../../src/components/fields/FileUpload/FileUpload.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n} from 'react';\nimport {\n  FormControl,\n  FormHelperText,\n  FormLabel,\n} from '@mui/material';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport type {\n  FieldValues,\n  Path,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { FileDropZone } from '@gen-epix/ui-core-components/components/FileDropZone';\n\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\n\nexport type FileUploadProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly accept: string;\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean; // NOT implemented\n  readonly multiple?: boolean;\n  readonly name: TName;\n  readonly onChange?: (value: FileList) => void;\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const FileUpload = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  accept,\n  disabled,\n  infoMessage,\n  label,\n  multiple = false,\n  name,\n  onChange: onChangeProp,\n  required,\n  warningMessage,\n}: FileUploadProps<TFieldValues, TName>): ReactElement => {\n  const labelId = useId();\n  const helperTextId = useId();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n\n  const dropZoneRef = useRef<HTMLDivElement>(null);\n  const hasError = !!errorMessage;\n\n  const onFilesSelected = useCallback((onChange: UseControllerReturn<TFieldValues, TName>['field']['onChange']) =>\n    (files: FileList) => {\n      if (onChangeProp) {\n        onChangeProp(files);\n      }\n      onChange(files);\n    }\n  , [onChangeProp]);\n\n  const renderController = useCallback(({ field: { onBlur, onChange, ref, value } }: UseControllerReturn<TFieldValues, TName>) => {\n    ref({\n      focus: () => {\n        dropZoneRef?.current?.focus();\n      },\n    });\n    return (\n      <FileDropZone\n        accept={accept}\n        ariaDescribedBy={helperTextId}\n        disabled={disabled}\n        error={hasError}\n        files={value ?? null}\n        label={label}\n        labelledById={labelId}\n        multiple={multiple}\n        onBlur={onBlur}\n        onFilesSelected={onFilesSelected(onChange)}\n        ref={dropZoneRef}\n      />\n    );\n  }, [accept, helperTextId, disabled, hasError, label, labelId, multiple, onFilesSelected]);\n\n  return (\n    <FormControl\n      error={hasError}\n      {...TestIdUtil.createAttributes('UploadButton', { label, name })}\n      fullWidth\n    >\n      <FormLabel\n        component={'legend'}\n        id={labelId}\n        required={required}\n      >\n        {label}\n      </FormLabel>\n      <Controller\n        control={control}\n        defaultValue={null}\n        name={name}\n        render={renderController}\n      />\n      <FormHelperText\n        id={helperTextId}\n        sx={{ ml: 0 }}\n      >\n        <FormFieldHelperText\n          errorMessage={errorMessage}\n          infoMessage={infoMessage}\n          noIndent\n          warningMessage={warningMessage}\n        />\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":";;;;;;;;;AAuCA,IAAa,KAAuG,EAClH,WACA,aACA,gBACA,UACA,cAAW,IACX,SACA,UAAU,GACV,aACA,wBACwD;CACxD,IAAM,IAAU,EAAM,GAChB,IAAe,EAAM,GACrB,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GAEzD,IAAc,EAAuB,IAAI,GACzC,IAAW,CAAC,CAAC,GAEb,IAAkB,GAAa,OAClC,MAAoB;EAInB,AAHI,KACF,EAAa,CAAK,GAEpB,EAAS,CAAK;CAChB,GACA,CAAC,CAAY,CAAC,GAEV,IAAmB,GAAa,EAAE,OAAO,EAAE,WAAQ,aAAU,QAAK,kBACtE,EAAI,EACF,aAAa;EACX,GAAa,SAAS,MAAM;CAC9B,EACF,CAAC,GAEC,kBAAC,GAAD;EACU;EACR,iBAAiB;EACP;EACV,OAAO;EACP,OAAO,KAAS;EACT;EACP,cAAc;EACJ;EACF;EACR,iBAAiB,EAAgB,CAAQ;EACzC,KAAK;CACN,CAAA,IAEF;EAAC;EAAQ;EAAc;EAAU;EAAU;EAAO;EAAS;EAAU;CAAe,CAAC;CAExF,OACE,kBAAC,GAAD;EACE,OAAO;EACP,GAAI,EAAW,iBAAiB,gBAAgB;GAAE;GAAO;EAAK,CAAC;EAC/D,WAAA;EAHF,UAAA;GAKE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;IACM;IAET,UAAA;GACQ,CAAA;GACX,kBAAC,GAAD;IACW;IACT,cAAc;IACR;IACN,QAAQ;GACT,CAAA;GACD,kBAAC,GAAD;IACE,IAAI;IACJ,IAAI,EAAE,IAAI,EAAE;IAEZ,UAAA,kBAAC,GAAD;KACgB;KACD;KACb,UAAA;KACgB;IACjB,CAAA;GACa,CAAA;EACL;;AAEjB"}

package/dist/_chunks/FormUtil.js

@@ -1247,7 +1247,8 @@ var Pe = class {
 			let t = n[e.name];
 			switch (e.definition) {
 				case s.BOOLEAN:
-				case s.BOOLEAN_SWITCH: return typeof t == "boolean";
+				case s.BOOLEAN_SWITCH:
+				case s.SWITCH: return typeof t == "boolean";
 				case s.DATE:
 				case s.HIDDEN:
 				case s.RICH_TEXT:
@@ -1275,7 +1276,9 @@ var Pe = class {
 					e.multiple ? n[e.name] = t?.[e.name] ?? [] : n[e.name] = t?.[e.name] ?? null;
 					break;
 				case s.BOOLEAN:
+				case s.BOOLEAN_SWITCH:
 				case s.RICH_TEXT:
+				case s.SWITCH:
 				case s.TEXTFIELD:
 					n[e.name] = t?.[e.name] ?? "";
 					break;