@gen-epix/ui-core-form 4.0.0 → 4.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/NumberField/NumberField.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Box,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  TextField as MuiTextField,\n  Slider,\n} from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport type {\n  FieldValues,\n  Path,\n} from 'react-hook-form';\nimport { useFormContext } from 'react-hook-form';\nimport classnames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { NumberUtil } from '@gen-epix/ui-core/utils/NumberUtil';\n\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nexport type NumberFieldProps<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 max?: number;\n  readonly min?: number;\n  readonly name: TName;\n  readonly onChange?: (value: number) => void;\n  readonly placeholder?: string;\n  readonly required?: boolean;\n  readonly showSlider?: boolean;\n  readonly step?: number;\n  readonly warningMessage?: string;\n};\n\nconst MAX_NUMBER_OF_SLIDER_STEPS = 250;\n\nexport const NumberField = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  autocomplete,\n  disabled = false,\n  label,\n  loading = false,\n  max,\n  min,\n  name,\n  onChange: onChangeProp,\n  placeholder,\n  required = false,\n  showSlider = false,\n  step,\n  warningMessage,\n}: NumberFieldProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const { formState: { errors }, register, subscribe } = 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  const [internalValue, setInternalValue] = useState<number>(null);\n  const [externalValue, setExternalValue] = useState<number>(null);\n  const formControlRef = useRef<HTMLDivElement>(null);\n  const [hasInputValue, setHasInputValue] = useState(false);\n\n  const updateInputValue = useCallback((value: number) => {\n    if (inputRef.current) {\n      const inputValue = (value ?? '').toString().replace('.', ',');\n      inputRef.current.value = inputValue;\n      setHasInputValue(!!inputValue);\n    }\n  }, []);\n\n  useEffect(() => {\n    const unsubscribe = subscribe({\n      callback: ({ name: changedName, values }) => {\n        if (changedName !== name) {\n          return;\n        }\n        setInternalValue(values[name]);\n        setExternalValue(values[name]);\n        updateInputValue(values[name]);\n      },\n      formState: {\n        values: true,\n      },\n      name,\n    });\n    return () => {\n      unsubscribe();\n    };\n  }, [name, subscribe, updateInputValue]);\n\n  const registration = useMemo(() => register(name), [name, register]);\n\n  const shouldShowSlider = useMemo(() => {\n    if (!showSlider) {\n      return false;\n    }\n    if (!isFinite(min) || !isFinite(max) || !isFinite(step) || min >= max) {\n      return false;\n    }\n    if ((max - min) / step > MAX_NUMBER_OF_SLIDER_STEPS) {\n      return false;\n    }\n    return true;\n  }, [showSlider, min, max, step]);\n\n  const emitValue = useCallback(async (parsedValue: number) => {\n    let newValue: number;\n\n    if (isNaN(parsedValue)) {\n      newValue = null;\n    } else {\n      newValue = parsedValue;\n    }\n\n    updateInputValue(newValue);\n\n    if (newValue !== externalValue) {\n      await registration.onChange({\n        target: {\n          name,\n          value: newValue,\n        },\n      });\n      if (onChangeProp) {\n        onChangeProp(newValue);\n      }\n    }\n  }, [externalValue, name, onChangeProp, registration, updateInputValue]);\n\n  const onResetButtonClick = useCallback(async () => {\n    await emitValue(null);\n  }, [emitValue]);\n\n\n  const onMuiTextFieldBlur = useCallback(async () => {\n    const parsedValue = NumberUtil.parse(inputRef.current.value);\n\n    await emitValue(parsedValue);\n    await registration.onBlur({\n      target: {\n        name,\n        value: parsedValue,\n      },\n      type: 'blur',\n    });\n  }, [emitValue, name, registration]);\n\n  const onMuiSliderBlur = useCallback(async () => {\n    const parsedValue = NumberUtil.parse(inputRef.current.value);\n\n    await emitValue(parsedValue);\n    await registration.onBlur({\n      target: {\n        name,\n        value: parsedValue,\n      },\n      type: 'blur',\n    });\n  }, [emitValue, name, registration]);\n\n  const onMuiRangeSliderChange = useCallback((_event: unknown, sliderValue: number | number[]) => {\n    const value = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    updateInputValue(value);\n    setInternalValue(value);\n  }, [updateInputValue]);\n\n  let sliderValue = NumberUtil.parse(internalValue);\n  if (isNaN(sliderValue)) {\n    sliderValue = null;\n  } else if (sliderValue < min) {\n    sliderValue = min;\n  } else if (sliderValue > max) {\n    sliderValue = max;\n  }\n\n  const textField = useMemo(() => (\n    <MuiTextField\n      defaultValue={internalValue ?? ''}\n      disabled={disabled || loading}\n      error={hasError}\n      inputRef={inputRef}\n      label={label}\n      onBlur={onMuiTextFieldBlur}\n      placeholder={placeholder}\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                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          },\n        },\n        inputLabel: {\n          className: classnames({ 'Mui-warning': hasWarning }),\n          required: required && !disabled,\n          shrink: hasInputValue,\n        },\n      }}\n      variant={'outlined'}\n    />\n  ), [autocomplete, disabled, hasError, hasInputValue, hasWarning, internalValue, label, loading, name, onMuiTextFieldBlur, onResetButtonClick, placeholder, required, t]);\n\n  return (\n    <FormControl\n      {...TestIdUtil.createAttributes('NumberField', { label, name })}\n      fullWidth\n      ref={formControlRef}\n      sx={{\n        '&:hover button, &:focus-within button': {\n          display: 'initial',\n        },\n        button: {\n          display: 'none',\n        },\n      }}\n    >\n      {!shouldShowSlider && textField}\n      {shouldShowSlider && (\n        <Box\n          sx={{\n            alignItems: 'center',\n            display: 'grid',\n            gap: 2,\n            gridTemplateColumns: theme => `${theme.spacing(24)} auto`,\n          }}\n        >\n          {textField}\n          <Slider\n            color={'primary'}\n            marks\n            max={max}\n            min={min}\n            onBlur={onMuiSliderBlur}\n            onChange={onMuiRangeSliderChange}\n            slotProps={{\n              input: {\n                'aria-label': t`Value`,\n              },\n            }}\n            step={step}\n            value={sliderValue}\n            valueLabelDisplay={'auto'}\n          />\n        </Box>\n      )}\n      { !!loading && <FormFieldLoadingIndicator />}\n      <FormHelperText>\n        <FormFieldHelperText\n          errorMessage={errorMessage}\n          warningMessage={warningMessage}\n        />\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/NumberField/NumberField.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Box,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  TextField as MuiTextField,\n  Slider,\n} from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport type {\n  FieldValues,\n  Path,\n} from 'react-hook-form';\nimport { useFormContext } from 'react-hook-form';\nimport classnames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { NumberUtil } from '@gen-epix/ui-core/utils/NumberUtil';\n\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nexport type NumberFieldProps<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 max?: number;\n  readonly min?: number;\n  readonly name: TName;\n  readonly onChange?: (value: number) => void;\n  readonly placeholder?: string;\n  readonly required?: boolean;\n  readonly showSlider?: boolean;\n  readonly step?: number;\n  readonly warningMessage?: string;\n};\n\nconst MAX_NUMBER_OF_SLIDER_STEPS = 250;\n\nexport const NumberField = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  autocomplete,\n  disabled = false,\n  label,\n  loading = false,\n  max,\n  min,\n  name,\n  onChange: onChangeProp,\n  placeholder,\n  required = false,\n  showSlider = false,\n  step,\n  warningMessage,\n}: NumberFieldProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const { formState: { errors }, register, subscribe } = 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  const [internalValue, setInternalValue] = useState<number>(null);\n  const [externalValue, setExternalValue] = useState<number>(null);\n  const formControlRef = useRef<HTMLDivElement>(null);\n  const [hasInputValue, setHasInputValue] = useState(false);\n\n  const updateInputValue = useCallback((value: number) => {\n    if (inputRef.current) {\n      const inputValue = (value ?? '').toString().replace('.', ',');\n      inputRef.current.value = inputValue;\n      setHasInputValue(!!inputValue);\n    }\n  }, []);\n\n  useEffect(() => {\n    const unsubscribe = subscribe({\n      callback: ({ name: changedName, values }) => {\n        if (changedName !== name) {\n          return;\n        }\n        setInternalValue(values[name]);\n        setExternalValue(values[name]);\n        updateInputValue(values[name]);\n      },\n      formState: {\n        values: true,\n      },\n      name,\n    });\n    return () => {\n      unsubscribe();\n    };\n  }, [name, subscribe, updateInputValue]);\n\n  const registration = useMemo(() => register(name), [name, register]);\n\n  const shouldShowSlider = useMemo(() => {\n    if (!showSlider) {\n      return false;\n    }\n    if (!isFinite(min) || !isFinite(max) || !isFinite(step) || min >= max) {\n      return false;\n    }\n    if ((max - min) / step > MAX_NUMBER_OF_SLIDER_STEPS) {\n      return false;\n    }\n    return true;\n  }, [showSlider, min, max, step]);\n\n  const emitValue = useCallback(async (parsedValue: number) => {\n    let newValue: number;\n\n    if (isNaN(parsedValue)) {\n      newValue = null;\n    } else {\n      newValue = parsedValue;\n    }\n\n    updateInputValue(newValue);\n\n    if (newValue !== externalValue) {\n      await registration.onChange({\n        target: {\n          name,\n          value: newValue,\n        },\n      });\n      if (onChangeProp) {\n        onChangeProp(newValue);\n      }\n    }\n  }, [externalValue, name, onChangeProp, registration, updateInputValue]);\n\n  const onResetButtonClick = useCallback(async () => {\n    await emitValue(null);\n  }, [emitValue]);\n\n\n  const onMuiTextFieldBlur = useCallback(async () => {\n    const parsedValue = NumberUtil.parse(inputRef.current.value);\n\n    await emitValue(parsedValue);\n    await registration.onBlur({\n      target: {\n        name,\n        value: parsedValue,\n      },\n      type: 'blur',\n    });\n  }, [emitValue, name, registration]);\n\n  const onMuiSliderBlur = useCallback(async () => {\n    const parsedValue = NumberUtil.parse(inputRef.current.value);\n\n    await emitValue(parsedValue);\n    await registration.onBlur({\n      target: {\n        name,\n        value: parsedValue,\n      },\n      type: 'blur',\n    });\n  }, [emitValue, name, registration]);\n\n  const onMuiRangeSliderChange = useCallback((_event: unknown, sliderValue: number | number[]) => {\n    const value = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    updateInputValue(value);\n    setInternalValue(value);\n  }, [updateInputValue]);\n\n  let sliderValue = NumberUtil.parse(internalValue);\n  if (isNaN(sliderValue)) {\n    sliderValue = null;\n  } else if (sliderValue < min) {\n    sliderValue = min;\n  } else if (sliderValue > max) {\n    sliderValue = max;\n  }\n\n  const textField = useMemo(() => (\n    <MuiTextField\n      defaultValue={internalValue ?? ''}\n      disabled={disabled || loading}\n      error={hasError}\n      inputRef={inputRef}\n      label={label}\n      onBlur={onMuiTextFieldBlur}\n      placeholder={placeholder}\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                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          },\n        },\n        inputLabel: {\n          className: classnames({ 'Mui-warning': hasWarning }),\n          required: required && !disabled,\n          shrink: hasInputValue,\n        },\n      }}\n      variant={'outlined'}\n    />\n  ), [autocomplete, disabled, hasError, hasInputValue, hasWarning, internalValue, label, loading, name, onMuiTextFieldBlur, onResetButtonClick, placeholder, required, t]);\n\n  return (\n    <FormControl\n      {...TestIdUtil.createAttributes('NumberField', { label, name })}\n      fullWidth\n      ref={formControlRef}\n      sx={{\n        '&:hover button, &:focus-within button': {\n          display: 'initial',\n        },\n        button: {\n          display: 'none',\n        },\n      }}\n    >\n      {!shouldShowSlider && textField}\n      {shouldShowSlider && (\n        <Box\n          sx={{\n            alignItems: 'center',\n            display: 'grid',\n            gap: 2,\n            gridTemplateColumns: theme => `${theme.spacing(24)} auto`,\n          }}\n        >\n          {textField}\n          <Slider\n            color={'primary'}\n            marks\n            max={max}\n            min={min}\n            onBlur={onMuiSliderBlur}\n            onChange={onMuiRangeSliderChange}\n            slotProps={{\n              input: {\n                'aria-label': t`Value`,\n              },\n            }}\n            step={step}\n            value={sliderValue}\n            valueLabelDisplay={'auto'}\n          />\n        </Box>\n      )}\n      { !!loading && <FormFieldLoadingIndicator />}\n      <FormHelperText>\n        <FormFieldHelperText\n          errorMessage={errorMessage}\n          warningMessage={warningMessage}\n        />\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":"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"}

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

@@ -32,158 +32,158 @@ var O = /* @__PURE__ */ t(((e, t) => {
 		(0, A.default)(W, e) || (k && k(e), t(e));
 	}, [k, W]), K = f((e) => (t, n) => {
 		G(n, e);
-	}, [G]);
-	return /* @__PURE__ */ T(a, {
-		control: R,
-		defaultValue: null,
-		name: O,
-		render: f(({ field: { onBlur: n, onChange: r, ref: i, value: a } }) => {
-			i({ focus: () => {
-				H?.current?.focus();
-			} });
-			let f = a?.[0], p = a?.[1], m = (e) => {
-				e.target.value === "" ? G([null, p], r) : (0, M.default)(+e.target.value) && G([+e.target.value, p], r);
-			}, h = (e) => {
-				e.target.value === "" ? G([f, null], r) : (0, M.default)(+e.target.value) && G([f, +e.target.value], r);
-			}, C = () => {
-				f === null || !(0, M.default)(f) ? G([null, p], r) : f < d ? G([d, p], r) : f > u ? G([u, u], r) : (0, j.default)(p) && f > p && G([p, f], r), n();
-			}, k = () => {
-				p === null || !(0, M.default)(p) ? G([f, null], r) : p > u ? G([f, u], r) : p < d ? G([d, d], r) : (0, j.default)(f) && p < f && G([p, f], r), n();
-			}, A = () => {
-				G([null, null], r);
-			};
-			return /* @__PURE__ */ E(g, {
-				...D.createAttributes("RangeSlider", {
-					label: c,
-					name: O
-				}),
-				sx: {
-					"&:hover legend button, &:focus-within legend button": { display: "initial" },
-					"legend button": { display: "none" }
-				},
-				children: [
-					!l && /* @__PURE__ */ E(g, {
-						sx: {
-							display: "grid",
-							gridTemplateColumns: "max-content auto max-content",
-							position: "relative"
-						},
-						children: [
-							/* @__PURE__ */ T(g, {
+	}, [G]), q = f(({ field: { onBlur: n, onChange: r, ref: i, value: a } }) => {
+		i({ focus: () => {
+			H?.current?.focus();
+		} });
+		let f = a?.[0], p = a?.[1], m = (e) => {
+			e.target.value === "" ? G([null, p], r) : (0, M.default)(+e.target.value) && G([+e.target.value, p], r);
+		}, h = (e) => {
+			e.target.value === "" ? G([f, null], r) : (0, M.default)(+e.target.value) && G([f, +e.target.value], r);
+		}, C = () => {
+			f === null || !(0, M.default)(f) ? G([null, p], r) : f < d ? G([d, p], r) : f > u ? G([u, u], r) : (0, j.default)(p) && f > p && G([p, f], r), n();
+		}, k = () => {
+			p === null || !(0, M.default)(p) ? G([f, null], r) : p > u ? G([f, u], r) : p < d ? G([d, d], r) : (0, j.default)(f) && p < f && G([p, f], r), n();
+		}, A = () => {
+			G([null, null], r);
+		};
+		return /* @__PURE__ */ E(g, {
+			...D.createAttributes("RangeSlider", {
+				label: c,
+				name: O
+			}),
+			sx: {
+				"&:hover legend button, &:focus-within legend button": { display: "initial" },
+				"legend button": { display: "none" }
+			},
+			children: [
+				!l && /* @__PURE__ */ E(g, {
+					sx: {
+						display: "grid",
+						gridTemplateColumns: "max-content auto max-content",
+						position: "relative"
+					},
+					children: [
+						/* @__PURE__ */ T(g, {
+							sx: {
+								marginTop: 4,
+								width: I.spacing(F ? 6 : 16)
+							},
+							children: /* @__PURE__ */ T(x, {
+								fullWidth: !0,
+								inputProps: {
+									...D.createAttributes("RangeSlider-from-input"),
+									"aria-labelledby": U,
+									name: `${O}-from}`,
+									variant: "outlined"
+								},
+								onBlur: C,
+								onChange: m,
+								placeholder: L`From`,
+								size: "small",
+								value: f ?? ""
+							})
+						}),
+						/* @__PURE__ */ E(_, {
+							error: V,
+							fullWidth: !0,
+							sx: { position: "initial" },
+							children: [/* @__PURE__ */ E(y, {
+								component: "legend",
+								disabled: e || l,
+								id: U,
+								required: N,
 								sx: {
-									marginTop: 4,
-									width: I.spacing(F ? 6 : 16)
+									left: 0,
+									position: "absolute"
 								},
-								children: /* @__PURE__ */ T(x, {
-									fullWidth: !0,
-									inputProps: {
-										...D.createAttributes("RangeSlider-from-input"),
-										"aria-labelledby": U,
-										name: `${O}-from}`,
-										variant: "outlined"
-									},
-									onBlur: C,
-									onChange: m,
-									placeholder: L`From`,
-									size: "small",
-									value: f ?? ""
-								})
-							}),
-							/* @__PURE__ */ E(_, {
-								error: V,
-								fullWidth: !0,
-								sx: { position: "initial" },
-								children: [/* @__PURE__ */ E(y, {
-									component: "legend",
-									disabled: e || l,
-									id: U,
-									required: N,
-									sx: {
-										left: 0,
-										position: "absolute"
-									},
-									children: [c, !e && /* @__PURE__ */ T(b, {
-										...D.createAttributes("RangeSlider-reset"),
-										"aria-label": L`Clear number range`,
-										onClick: A,
-										sx: {
-											"& svg": { fontSize: "16px" },
-											position: "absolute",
-											top: "-10px"
-										},
-										tabIndex: -1,
-										children: /* @__PURE__ */ T(w, {})
-									})]
-								}), /* @__PURE__ */ T(g, {
+								children: [c, !e && /* @__PURE__ */ T(b, {
+									...D.createAttributes("RangeSlider-reset"),
+									"aria-label": L`Clear number range`,
+									onClick: A,
 									sx: {
-										marginTop: 4,
-										marginX: 3
+										"& svg": { fontSize: "16px" },
+										position: "absolute",
+										top: "-10px"
 									},
-									children: F && /* @__PURE__ */ T(S, {
-										color: "primary",
-										max: u,
-										min: d,
-										onBlur: n,
-										onChange: K(r),
-										slotProps: { input: { "aria-label": L`Value` } },
-										value: a,
-										valueLabelDisplay: "off"
-									})
+									tabIndex: -1,
+									children: /* @__PURE__ */ T(w, {})
 								})]
-							}),
-							/* @__PURE__ */ T(g, {
+							}), /* @__PURE__ */ T(g, {
 								sx: {
 									marginTop: 4,
-									width: I.spacing(F ? 6 : 16)
+									marginX: 3
 								},
-								children: /* @__PURE__ */ T(x, {
-									fullWidth: !0,
-									inputProps: {
-										...D.createAttributes("RangeSlider-to-input"),
-										"aria-labelledby": U,
-										name: `${O}-to}`,
-										variant: "outlined"
-									},
-									onBlur: k,
-									onChange: h,
-									placeholder: L`To`,
-									size: "small",
-									value: p ?? ""
+								children: F && /* @__PURE__ */ T(S, {
+									color: "primary",
+									max: u,
+									min: d,
+									onBlur: n,
+									onChange: K(r),
+									slotProps: { input: { "aria-label": L`Value` } },
+									value: a,
+									valueLabelDisplay: "off"
 								})
+							})]
+						}),
+						/* @__PURE__ */ T(g, {
+							sx: {
+								marginTop: 4,
+								width: I.spacing(F ? 6 : 16)
+							},
+							children: /* @__PURE__ */ T(x, {
+								fullWidth: !0,
+								inputProps: {
+									...D.createAttributes("RangeSlider-to-input"),
+									"aria-labelledby": U,
+									name: `${O}-to}`,
+									variant: "outlined"
+								},
+								onBlur: k,
+								onChange: h,
+								placeholder: L`To`,
+								size: "small",
+								value: p ?? ""
 							})
-						]
-					}),
-					!!l && /* @__PURE__ */ T(s, { inline: !0 }),
-					/* @__PURE__ */ T(v, {
-						sx: { ml: 0 },
-						children: /* @__PURE__ */ T(o, {
-							errorMessage: B,
-							infoMessage: t,
-							noIndent: !0,
-							warningMessage: P
 						})
+					]
+				}),
+				!!l && /* @__PURE__ */ T(s, { inline: !0 }),
+				/* @__PURE__ */ T(v, {
+					sx: { ml: 0 },
+					children: /* @__PURE__ */ T(o, {
+						errorMessage: B,
+						infoMessage: t,
+						noIndent: !0,
+						warningMessage: P
 					})
-				]
-			});
-		}, [
-			e,
-			B,
-			G,
-			V,
-			U,
-			t,
-			c,
-			l,
-			u,
-			d,
-			O,
-			K,
-			N,
-			F,
-			L,
-			P,
-			I
-		])
+				})
+			]
+		});
+	}, [
+		e,
+		B,
+		G,
+		V,
+		U,
+		t,
+		c,
+		l,
+		u,
+		d,
+		O,
+		K,
+		N,
+		F,
+		L,
+		P,
+		I
+	]);
+	return /* @__PURE__ */ T(a, {
+		control: R,
+		defaultValue: null,
+		name: O,
+		render: q
 	});
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isNumber.js","../../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isFinite.js","../../../../src/components/fields/NumberRangeInput/NumberRangeInput.tsx"],"sourcesContent":["var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar numberTag = '[object Number]';\n\n/**\n * Checks if `value` is classified as a `Number` primitive or object.\n *\n * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are\n * classified as numbers, use the `_.isFinite` method.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a number, else `false`.\n * @example\n *\n * _.isNumber(3);\n * // => true\n *\n * _.isNumber(Number.MIN_VALUE);\n * // => true\n *\n * _.isNumber(Infinity);\n * // => true\n *\n * _.isNumber('3');\n * // => false\n */\nfunction isNumber(value) {\n  return typeof value == 'number' ||\n    (isObjectLike(value) && baseGetTag(value) == numberTag);\n}\n\nmodule.exports = isNumber;\n","var root = require('./_root');\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsFinite = root.isFinite;\n\n/**\n * Checks if `value` is a finite primitive number.\n *\n * **Note:** This method is based on\n * [`Number.isFinite`](https://mdn.io/Number/isFinite).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a finite number, else `false`.\n * @example\n *\n * _.isFinite(3);\n * // => true\n *\n * _.isFinite(Number.MIN_VALUE);\n * // => true\n *\n * _.isFinite(Infinity);\n * // => false\n *\n * _.isFinite('3');\n * // => false\n */\nfunction isFinite(value) {\n  return typeof value == 'number' && nativeIsFinite(value);\n}\n\nmodule.exports = isFinite;\n","import type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n} from 'react';\nimport {\n  Box,\n  FormControl,\n  FormHelperText,\n  FormLabel,\n  IconButton,\n  Input,\n  Slider,\n  useTheme,\n} from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport type {\n  ControllerRenderProps,\n  FieldValues,\n  Path,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport {\n  Controller,\n  useFormContext,\n  useWatch,\n} from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport isEqual from 'lodash/isEqual';\nimport isNumber from 'lodash/isNumber';\nimport isFinite from 'lodash/isFinite';\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 NumberRangeInputProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly max: number;\n  readonly min: number;\n  readonly name: TName;\n  readonly onChange?: (value: number | number[]) => void;\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const NumberRangeInput = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled = false,\n  infoMessage,\n  label,\n  loading = false,\n  max,\n  min,\n  name,\n  onChange: onChangeProp,\n  required = false,\n  warningMessage,\n}: NumberRangeInputProps<TFieldValues, TName>): ReactElement => {\n  const shouldShowSlider = isFinite(min) && isFinite(max);\n  const theme = useTheme();\n\n  const { t } = useTranslation();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const hasError = !!errorMessage;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const id = useId();\n\n  const outerValue = useWatch({ control, name }) as number[];\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleChange = useCallback((newValue: number[], onChange: (...event: any[]) => void) => {\n    if (isEqual(outerValue, newValue)) {\n      return;\n    }\n    if (onChangeProp) {\n      onChangeProp(newValue);\n    }\n    onChange(newValue);\n  }, [onChangeProp, outerValue]);\n\n  const onMuiRangeSliderChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: Event, newValue: number | number[]) => {\n      handleChange(newValue as number[], onChange);\n    }\n  , [handleChange]);\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 leftValue = (value as [number, number])?.[0];\n    const rightValue = (value as [number, number])?.[1];\n\n    const onLeftValueChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (event.target.value === '') {\n        handleChange([null, rightValue], onChange);\n      } else if (isFinite(+event.target.value)) {\n        handleChange([+event.target.value, rightValue], onChange);\n      }\n    };\n    const onRightValueChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (event.target.value === '') {\n        handleChange([leftValue, null], onChange);\n      } else if (isFinite(+event.target.value)) {\n        handleChange([leftValue, +event.target.value], onChange);\n      }\n    };\n\n    const onLeftValueBlur = () => {\n      if (leftValue === null || !isFinite(leftValue)) {\n        handleChange([null, rightValue], onChange);\n      } else if (leftValue < min) {\n        handleChange([min, rightValue], onChange);\n      } else if (leftValue > max) {\n        handleChange([max, max], onChange);\n      } else if (isNumber(rightValue) && leftValue > rightValue) {\n        handleChange([rightValue, leftValue], onChange);\n      }\n\n      onBlur();\n    };\n    const onRightValueBlur = () => {\n      if (rightValue === null || !isFinite(rightValue)) {\n        handleChange([leftValue, null], onChange);\n      } else if (rightValue > max) {\n        handleChange([leftValue, max], onChange);\n      } else if (rightValue < min) {\n        handleChange([min, min], onChange);\n      } else if (isNumber(leftValue) && rightValue < leftValue) {\n        handleChange([rightValue, leftValue], onChange);\n      }\n\n      onBlur();\n    };\n\n    const onResetButtonClick = () => {\n      handleChange([null, null], onChange);\n    };\n\n    return (\n      <Box\n        {...TestIdUtil.createAttributes('RangeSlider', { label, name })}\n        sx={{\n          '&:hover legend button, &:focus-within legend button': {\n            display: 'initial',\n          },\n          'legend button': {\n            display: 'none',\n          },\n        }}\n      >\n        { !loading && (\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: 'max-content auto max-content',\n              position: 'relative',\n            }}\n          >\n            <Box\n              sx={{\n                marginTop: 4,\n                width: theme.spacing(shouldShowSlider ? 6 : 16),\n              }}\n            >\n              <Input\n                fullWidth\n                inputProps={{\n                  ...TestIdUtil.createAttributes('RangeSlider-from-input'),\n                  'aria-labelledby': id,\n                  name: `${name}-from}`,\n                  variant: 'outlined',\n                }}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onBlur={onLeftValueBlur}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onChange={onLeftValueChange}\n                placeholder={t`From`}\n                size={'small'}\n                value={leftValue ?? ''}\n              />\n            </Box>\n            <FormControl\n              error={hasError}\n              fullWidth\n              sx={{\n                position: 'initial',\n              }}\n            >\n              <FormLabel\n                component={'legend'}\n                disabled={disabled || loading}\n                id={id}\n                required={required}\n                sx={{\n                  left: 0,\n                  position: 'absolute',\n                }}\n              >\n                {label}\n                {!disabled && (\n                  <IconButton\n                    {...TestIdUtil.createAttributes('RangeSlider-reset')}\n                    aria-label={t`Clear number range`}\n                    // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                    onClick={onResetButtonClick}\n                    sx={{\n                      '& svg': {\n                        fontSize: '16px',\n                      },\n                      position: 'absolute',\n                      top: '-10px',\n                    }}\n                    tabIndex={-1}\n                  >\n                    <ClearIcon />\n                  </IconButton>\n                )}\n              </FormLabel>\n              <Box\n                sx={{\n                  marginTop: 4,\n                  marginX: 3,\n                }}\n              >\n                {shouldShowSlider && (\n                  <Slider\n                    color={'primary'}\n                    max={max}\n                    min={min}\n                    onBlur={onBlur}\n                    onChange={onMuiRangeSliderChange(onChange)}\n                    slotProps={{\n                      input: {\n                        'aria-label': t`Value`,\n                      },\n                    }}\n                    value={value as [number, number]}\n                    valueLabelDisplay={'off'}\n                  />\n                )}\n              </Box>\n            </FormControl>\n            <Box\n              sx={{\n                marginTop: 4,\n                width: theme.spacing(shouldShowSlider ? 6 : 16),\n              }}\n            >\n              <Input\n                fullWidth\n                inputProps={{\n                  ...TestIdUtil.createAttributes('RangeSlider-to-input'),\n                  'aria-labelledby': id,\n                  name: `${name}-to}`,\n                  variant: 'outlined',\n                }}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onBlur={onRightValueBlur}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onChange={onRightValueChange}\n                placeholder={t`To`}\n                size={'small'}\n                value={rightValue ?? ''}\n              />\n            </Box>\n          </Box>\n        )}\n        { !!loading && <FormFieldLoadingIndicator inline />}\n        <FormHelperText sx={{ ml: 0 }}>\n          <FormFieldHelperText\n            errorMessage={errorMessage}\n            infoMessage={infoMessage}\n            noIndent\n            warningMessage={warningMessage}\n          />\n        </FormHelperText>\n      </Box>\n    );\n  }, [disabled, errorMessage, handleChange, hasError, id, infoMessage, label, loading, max, min, name, onMuiRangeSliderChange, required, shouldShowSlider, t, warningMessage, theme]);\n\n  return (\n    <Controller\n      control={control}\n      defaultValue={null}\n      name={name}\n      render={renderController}\n    />\n  );\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isNumber.js","../../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isFinite.js","../../../../src/components/fields/NumberRangeInput/NumberRangeInput.tsx"],"sourcesContent":["var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar numberTag = '[object Number]';\n\n/**\n * Checks if `value` is classified as a `Number` primitive or object.\n *\n * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are\n * classified as numbers, use the `_.isFinite` method.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a number, else `false`.\n * @example\n *\n * _.isNumber(3);\n * // => true\n *\n * _.isNumber(Number.MIN_VALUE);\n * // => true\n *\n * _.isNumber(Infinity);\n * // => true\n *\n * _.isNumber('3');\n * // => false\n */\nfunction isNumber(value) {\n  return typeof value == 'number' ||\n    (isObjectLike(value) && baseGetTag(value) == numberTag);\n}\n\nmodule.exports = isNumber;\n","var root = require('./_root');\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsFinite = root.isFinite;\n\n/**\n * Checks if `value` is a finite primitive number.\n *\n * **Note:** This method is based on\n * [`Number.isFinite`](https://mdn.io/Number/isFinite).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a finite number, else `false`.\n * @example\n *\n * _.isFinite(3);\n * // => true\n *\n * _.isFinite(Number.MIN_VALUE);\n * // => true\n *\n * _.isFinite(Infinity);\n * // => false\n *\n * _.isFinite('3');\n * // => false\n */\nfunction isFinite(value) {\n  return typeof value == 'number' && nativeIsFinite(value);\n}\n\nmodule.exports = isFinite;\n","import type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n} from 'react';\nimport {\n  Box,\n  FormControl,\n  FormHelperText,\n  FormLabel,\n  IconButton,\n  Input,\n  Slider,\n  useTheme,\n} from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport type {\n  ControllerRenderProps,\n  FieldValues,\n  Path,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport {\n  Controller,\n  useFormContext,\n  useWatch,\n} from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport isEqual from 'lodash/isEqual';\nimport isNumber from 'lodash/isNumber';\nimport isFinite from 'lodash/isFinite';\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 NumberRangeInputProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly max: number;\n  readonly min: number;\n  readonly name: TName;\n  readonly onChange?: (value: number | number[]) => void;\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const NumberRangeInput = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled = false,\n  infoMessage,\n  label,\n  loading = false,\n  max,\n  min,\n  name,\n  onChange: onChangeProp,\n  required = false,\n  warningMessage,\n}: NumberRangeInputProps<TFieldValues, TName>): ReactElement => {\n  const shouldShowSlider = isFinite(min) && isFinite(max);\n  const theme = useTheme();\n\n  const { t } = useTranslation();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const hasError = !!errorMessage;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const id = useId();\n\n  const outerValue = useWatch({ control, name }) as number[];\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleChange = useCallback((newValue: number[], onChange: (...event: any[]) => void) => {\n    if (isEqual(outerValue, newValue)) {\n      return;\n    }\n    if (onChangeProp) {\n      onChangeProp(newValue);\n    }\n    onChange(newValue);\n  }, [onChangeProp, outerValue]);\n\n  const onMuiRangeSliderChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: Event, newValue: number | number[]) => {\n      handleChange(newValue as number[], onChange);\n    }\n  , [handleChange]);\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 leftValue = (value as [number, number])?.[0];\n    const rightValue = (value as [number, number])?.[1];\n\n    const onLeftValueChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (event.target.value === '') {\n        handleChange([null, rightValue], onChange);\n      } else if (isFinite(+event.target.value)) {\n        handleChange([+event.target.value, rightValue], onChange);\n      }\n    };\n    const onRightValueChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (event.target.value === '') {\n        handleChange([leftValue, null], onChange);\n      } else if (isFinite(+event.target.value)) {\n        handleChange([leftValue, +event.target.value], onChange);\n      }\n    };\n\n    const onLeftValueBlur = () => {\n      if (leftValue === null || !isFinite(leftValue)) {\n        handleChange([null, rightValue], onChange);\n      } else if (leftValue < min) {\n        handleChange([min, rightValue], onChange);\n      } else if (leftValue > max) {\n        handleChange([max, max], onChange);\n      } else if (isNumber(rightValue) && leftValue > rightValue) {\n        handleChange([rightValue, leftValue], onChange);\n      }\n\n      onBlur();\n    };\n    const onRightValueBlur = () => {\n      if (rightValue === null || !isFinite(rightValue)) {\n        handleChange([leftValue, null], onChange);\n      } else if (rightValue > max) {\n        handleChange([leftValue, max], onChange);\n      } else if (rightValue < min) {\n        handleChange([min, min], onChange);\n      } else if (isNumber(leftValue) && rightValue < leftValue) {\n        handleChange([rightValue, leftValue], onChange);\n      }\n\n      onBlur();\n    };\n\n    const onResetButtonClick = () => {\n      handleChange([null, null], onChange);\n    };\n\n    return (\n      <Box\n        {...TestIdUtil.createAttributes('RangeSlider', { label, name })}\n        sx={{\n          '&:hover legend button, &:focus-within legend button': {\n            display: 'initial',\n          },\n          'legend button': {\n            display: 'none',\n          },\n        }}\n      >\n        { !loading && (\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: 'max-content auto max-content',\n              position: 'relative',\n            }}\n          >\n            <Box\n              sx={{\n                marginTop: 4,\n                width: theme.spacing(shouldShowSlider ? 6 : 16),\n              }}\n            >\n              <Input\n                fullWidth\n                inputProps={{\n                  ...TestIdUtil.createAttributes('RangeSlider-from-input'),\n                  'aria-labelledby': id,\n                  name: `${name}-from}`,\n                  variant: 'outlined',\n                }}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onBlur={onLeftValueBlur}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onChange={onLeftValueChange}\n                placeholder={t`From`}\n                size={'small'}\n                value={leftValue ?? ''}\n              />\n            </Box>\n            <FormControl\n              error={hasError}\n              fullWidth\n              sx={{\n                position: 'initial',\n              }}\n            >\n              <FormLabel\n                component={'legend'}\n                disabled={disabled || loading}\n                id={id}\n                required={required}\n                sx={{\n                  left: 0,\n                  position: 'absolute',\n                }}\n              >\n                {label}\n                {!disabled && (\n                  <IconButton\n                    {...TestIdUtil.createAttributes('RangeSlider-reset')}\n                    aria-label={t`Clear number range`}\n                    // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                    onClick={onResetButtonClick}\n                    sx={{\n                      '& svg': {\n                        fontSize: '16px',\n                      },\n                      position: 'absolute',\n                      top: '-10px',\n                    }}\n                    tabIndex={-1}\n                  >\n                    <ClearIcon />\n                  </IconButton>\n                )}\n              </FormLabel>\n              <Box\n                sx={{\n                  marginTop: 4,\n                  marginX: 3,\n                }}\n              >\n                {shouldShowSlider && (\n                  <Slider\n                    color={'primary'}\n                    max={max}\n                    min={min}\n                    onBlur={onBlur}\n                    onChange={onMuiRangeSliderChange(onChange)}\n                    slotProps={{\n                      input: {\n                        'aria-label': t`Value`,\n                      },\n                    }}\n                    value={value as [number, number]}\n                    valueLabelDisplay={'off'}\n                  />\n                )}\n              </Box>\n            </FormControl>\n            <Box\n              sx={{\n                marginTop: 4,\n                width: theme.spacing(shouldShowSlider ? 6 : 16),\n              }}\n            >\n              <Input\n                fullWidth\n                inputProps={{\n                  ...TestIdUtil.createAttributes('RangeSlider-to-input'),\n                  'aria-labelledby': id,\n                  name: `${name}-to}`,\n                  variant: 'outlined',\n                }}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onBlur={onRightValueBlur}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onChange={onRightValueChange}\n                placeholder={t`To`}\n                size={'small'}\n                value={rightValue ?? ''}\n              />\n            </Box>\n          </Box>\n        )}\n        { !!loading && <FormFieldLoadingIndicator inline />}\n        <FormHelperText sx={{ ml: 0 }}>\n          <FormFieldHelperText\n            errorMessage={errorMessage}\n            infoMessage={infoMessage}\n            noIndent\n            warningMessage={warningMessage}\n          />\n        </FormHelperText>\n      </Box>\n    );\n  }, [disabled, errorMessage, handleChange, hasError, id, infoMessage, label, loading, max, min, name, onMuiRangeSliderChange, required, shouldShowSlider, t, warningMessage, theme]);\n\n  return (\n    <Controller\n      control={control}\n      defaultValue={null}\n      name={name}\n      render={renderController}\n    />\n  );\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n} from 'react';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  RadioGroup as MuiRadioGroup,\n  Radio,\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 { RadioButtonOption } from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\n\nexport type RadioGroupProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean; // NOT USED YET\n  readonly name: TName;\n  readonly onChange?: (value: string) => void;\n  readonly options: RadioButtonOption[];\n  readonly required?: boolean;\n  readonly row?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const RadioGroup = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled,\n  infoMessage,\n  label,\n  name,\n  onChange: onChangeProp,\n  options,\n  required,\n  row,\n  warningMessage,\n}: RadioGroupProps<TFieldValues, TName>): ReactElement => {\n  const id = useId();\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 onMuiRadioGroupChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: ChangeEvent<unknown>, value: string) => {\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    return (\n      <MuiRadioGroup\n        aria-labelledby={id}\n        onBlur={onBlur}\n        onChange={onMuiRadioGroupChange(onChange)}\n        row={row}\n        value={value}\n      >\n        { options.map((option, index) => {\n          return (\n            <FormControlLabel\n              key={option.value.toString()}\n              {...TestIdUtil.createAttributes('RadioGroup-option', { code: option.value.toString(), description: option.label })}\n              control={(\n                <Radio\n                  slotProps={{\n                    input: {\n                      ref: index === 0 ? inputRef : undefined,\n                    },\n                  }}\n                />\n              )}\n              disabled={disabled}\n              label={option.label}\n              value={option.value}\n            />\n          );\n        })}\n      </MuiRadioGroup>\n    );\n  }, [id, onMuiRadioGroupChange, row, options, disabled]);\n\n  return (\n    <FormControl\n      error={hasError}\n      {...TestIdUtil.createAttributes('RadioGroup', { label, name })}\n      fullWidth\n    >\n      <FormLabel\n        component={'legend'}\n        id={id}\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 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":";;;;;;;;AA8CA,IAAa,KAAuG,EAClH,aACA,gBACA,UACA,SACA,UAAU,GACV,YACA,aACA,QACA,wBACwD;CACxD,IAAM,IAAK,EAAM,GACX,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GAEzD,IAAW,EAAyB,IAAI,GACxC,IAAW,CAAC,CAAC,GAEb,IAAwB,GAAa,OACxC,GAA8B,MAAkB;EAI/C,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,GAAU,SAAS,MAAM;CAC3B,EACF,CAAC,GAEC,kBAAC,GAAD;EACE,mBAAiB;EACT;EACR,UAAU,EAAsB,CAAQ;EACnC;EACE;YAEL,EAAQ,KAAK,GAAQ,MAEnB,kBAAC,GAAD;GAEE,GAAI,EAAW,iBAAiB,qBAAqB;IAAE,MAAM,EAAO,MAAM,SAAS;IAAG,aAAa,EAAO;GAAM,CAAC;GACjH,SACE,kBAAC,GAAD,EACE,WAAW,EACT,OAAO,EACL,KAAK,MAAU,IAAI,IAAW,KAAA,EAChC,EACF,EACD,CAAA;GAEO;GACV,OAAO,EAAO;GACd,OAAO,EAAO;EACf,GAdM,EAAO,MAAM,SAAS,CAc5B,CAEJ;CACY,CAAA,IAEhB;EAAC;EAAI;EAAuB;EAAK;EAAS;CAAQ,CAAC;CAEtD,OACE,kBAAC,GAAD;EACE,OAAO;EACP,GAAI,EAAW,iBAAiB,cAAc;GAAE;GAAO;EAAK,CAAC;EAC7D,WAAA;YAHF;GAKE,kBAAC,GAAD;IACE,WAAW;IACP;IACM;cAET;GACQ,CAAA;GACX,kBAAC,GAAD;IACW;IACT,cAAc;IACR;IACN,QAAQ;GACT,CAAA;GACD,kBAAC,GAAD;IAAgB,IAAI,EAAE,IAAI,EAAE;cAC1B,kBAAC,GAAD;KACgB;KACD;KACb,UAAA;KACgB;IACjB,CAAA;GACa,CAAA;EACL;;AAEjB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n} from 'react';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  RadioGroup as MuiRadioGroup,\n  Radio,\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 { RadioButtonOption } from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\n\nexport type RadioGroupProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean; // NOT USED YET\n  readonly name: TName;\n  readonly onChange?: (value: string) => void;\n  readonly options: RadioButtonOption[];\n  readonly required?: boolean;\n  readonly row?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const RadioGroup = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled,\n  infoMessage,\n  label,\n  name,\n  onChange: onChangeProp,\n  options,\n  required,\n  row,\n  warningMessage,\n}: RadioGroupProps<TFieldValues, TName>): ReactElement => {\n  const id = useId();\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 onMuiRadioGroupChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (_event: ChangeEvent<unknown>, value: string) => {\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    return (\n      <MuiRadioGroup\n        aria-labelledby={id}\n        onBlur={onBlur}\n        onChange={onMuiRadioGroupChange(onChange)}\n        row={row}\n        value={value}\n      >\n        { options.map((option, index) => {\n          return (\n            <FormControlLabel\n              key={option.value.toString()}\n              {...TestIdUtil.createAttributes('RadioGroup-option', { code: option.value.toString(), description: option.label })}\n              control={(\n                <Radio\n                  slotProps={{\n                    input: {\n                      ref: index === 0 ? inputRef : undefined,\n                    },\n                  }}\n                />\n              )}\n              disabled={disabled}\n              label={option.label}\n              value={option.value}\n            />\n          );\n        })}\n      </MuiRadioGroup>\n    );\n  }, [id, onMuiRadioGroupChange, row, options, disabled]);\n\n  return (\n    <FormControl\n      error={hasError}\n      {...TestIdUtil.createAttributes('RadioGroup', { label, name })}\n      fullWidth\n    >\n      <FormLabel\n        component={'legend'}\n        id={id}\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 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":";;;;;;;;AA8CA,IAAa,KAAuG,EAClH,aACA,gBACA,UACA,SACA,UAAU,GACV,YACA,aACA,QACA,wBACwD;CACxD,IAAM,IAAK,EAAM,GACX,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GAEzD,IAAW,EAAyB,IAAI,GACxC,IAAW,CAAC,CAAC,GAEb,IAAwB,GAAa,OACxC,GAA8B,MAAkB;EAI/C,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,GAAU,SAAS,MAAM;CAC3B,EACF,CAAC,GAEC,kBAAC,GAAD;EACE,mBAAiB;EACT;EACR,UAAU,EAAsB,CAAQ;EACnC;EACE;EAEL,UAAA,EAAQ,KAAK,GAAQ,MAEnB,kBAAC,GAAD;GAEE,GAAI,EAAW,iBAAiB,qBAAqB;IAAE,MAAM,EAAO,MAAM,SAAS;IAAG,aAAa,EAAO;GAAM,CAAC;GACjH,SACE,kBAAC,GAAD,EACE,WAAW,EACT,OAAO,EACL,KAAK,MAAU,IAAI,IAAW,KAAA,EAChC,EACF,EACD,CAAA;GAEO;GACV,OAAO,EAAO;GACd,OAAO,EAAO;EACf,GAdM,EAAO,MAAM,SAAS,CAc5B,CAEJ;CACY,CAAA,IAEhB;EAAC;EAAI;EAAuB;EAAK;EAAS;CAAQ,CAAC;CAEtD,OACE,kBAAC,GAAD;EACE,OAAO;EACP,GAAI,EAAW,iBAAiB,cAAc;GAAE;GAAO;EAAK,CAAC;EAC7D,WAAA;EAHF,UAAA;GAKE,kBAAC,GAAD;IACE,WAAW;IACP;IACM;IAET,UAAA;GACQ,CAAA;GACX,kBAAC,GAAD;IACW;IACT,cAAc;IACR;IACN,QAAQ;GACT,CAAA;GACD,kBAAC,GAAD;IAAgB,IAAI,EAAE,IAAI,EAAE;IAC1B,UAAA,kBAAC,GAAD;KACgB;KACD;KACb,UAAA;KACgB;IACjB,CAAA;GACa,CAAA;EACL;;AAEjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/Select/Select.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  Checkbox,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputLabel,\n  ListItemText,\n  MenuItem,\n  Select as MuiSelect,\n  OutlinedInput,\n} from '@mui/material';\nimport type { SelectChangeEvent } from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\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 { SelectOption } from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nexport type SelectProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, TMultiple extends boolean> = {\n  readonly disabled?: 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: string) => void;\n  readonly options: SelectOption[];\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\ntype Value = boolean | number | string;\n\nexport const Select = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>, TMultiple extends boolean = false>({\n  disabled = false,\n  infoMessage,\n  label,\n  loading = false,\n  multiple,\n  name,\n  onChange: onChangeProp,\n  options,\n  required = false,\n  warningMessage,\n}: SelectProps<TFieldValues, TName, TMultiple>): ReactElement => {\n  const { t } = useTranslation();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const id = useId();\n  const labelId = useId();\n  const helperTextId = useId();\n\n  const hasError = !!errorMessage;\n  const hasWarning = !!warningMessage && !hasError;\n\n  const mappedOptions = useMemo<Map<Value, SelectOption>>(() => {\n    const mapped = new Map<Value, SelectOption>();\n    options.forEach(option => {\n      mapped.set(option.value, option);\n    });\n    return mapped;\n  }, [options]);\n\n  const getIsOptionDisabled = useCallback((value: SelectOption['value']): boolean => mappedOptions.get(value)?.disabled, [mappedOptions]);\n\n  const renderValue = useCallback((value: string | string []) => {\n    const values = Array.isArray(value) ? value : [value];\n    return values.map(v => mappedOptions.get(v)?.label).join(', ');\n  }, [mappedOptions]);\n\n  const onMuiSelectChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (event: SelectChangeEvent<string>) => {\n      if (onChangeProp) {\n        onChangeProp(event.target.value);\n      }\n      onChange(event.target.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    const onResetButtonClick = () => {\n      onMuiSelectChange(onChange)({ target: { value: multiple ? [] : '' } } as SelectChangeEvent<string>);\n    };\n\n    return (\n      <>\n        <InputLabel\n          className={classnames({ 'Mui-warning': hasWarning })}\n          error={hasError}\n          htmlFor={id}\n          id={labelId}\n          required={required && !disabled}\n        >\n          {label}\n        </InputLabel>\n        <MuiSelect<TFieldValues[TName]>\n          disabled={disabled || loading}\n          error={hasError}\n          input={(\n            <OutlinedInput\n              endAdornment={disabled ? undefined : (\n                <InputAdornment\n                  position={'start'}\n                  sx={{\n                    position: 'absolute',\n                    right: theme => theme.spacing(2),\n                  }}\n                >\n                  <IconButton\n                    {...TestIdUtil.createAttributes('TextField-reset')}\n                    aria-label={t`Clear selection`}\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              label={label}\n            />\n          )}\n          inputProps={{\n            'aria-describedby': helperTextId,\n            'aria-label': label,\n            'aria-labelledby': labelId,\n            className: classnames({\n              'Mui-warning': hasWarning,\n            }),\n            id,\n            ref: inputRef,\n            required: required && !disabled,\n          }}\n          multiple={multiple}\n          onBlur={onBlur}\n          onChange={onMuiSelectChange(onChange)}\n          renderValue={renderValue}\n          required={required}\n          value={value ?? (multiple ? [] : '') as TFieldValues[TName]}\n        >\n          { options.map((option) => {\n            return (\n              <MenuItem\n                disabled={getIsOptionDisabled(option.value)}\n                key={option.value.toString()}\n                value={option.value as string}\n              >\n\n                {multiple && (\n                  <Checkbox\n                    checked={(value as string[]).includes(option.value as string)}\n                  />\n                )}\n                <ListItemText primary={option.label} />\n              </MenuItem>\n            );\n          })}\n        </MuiSelect>\n        <FormHelperText\n          className={classnames({ 'Mui-warning': hasWarning })}\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      </>\n    );\n  }, [disabled, infoMessage, errorMessage, getIsOptionDisabled, t, hasError, hasWarning, helperTextId, id, label, labelId, loading, multiple, onMuiSelectChange, options, renderValue, required, warningMessage]);\n\n  return (\n    <FormControl\n      {...TestIdUtil.createAttributes('Select', { 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  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fields/Select/Select.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  Checkbox,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputLabel,\n  ListItemText,\n  MenuItem,\n  Select as MuiSelect,\n  OutlinedInput,\n} from '@mui/material';\nimport type { SelectChangeEvent } from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\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 { SelectOption } from '../../../models/form';\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '../../helpers/FormFieldLoadingIndicator';\n\nexport type SelectProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, TMultiple extends boolean> = {\n  readonly disabled?: 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: string) => void;\n  readonly options: SelectOption[];\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\ntype Value = boolean | number | string;\n\nexport const Select = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>, TMultiple extends boolean = false>({\n  disabled = false,\n  infoMessage,\n  label,\n  loading = false,\n  multiple,\n  name,\n  onChange: onChangeProp,\n  options,\n  required = false,\n  warningMessage,\n}: SelectProps<TFieldValues, TName, TMultiple>): ReactElement => {\n  const { t } = useTranslation();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const id = useId();\n  const labelId = useId();\n  const helperTextId = useId();\n\n  const hasError = !!errorMessage;\n  const hasWarning = !!warningMessage && !hasError;\n\n  const mappedOptions = useMemo<Map<Value, SelectOption>>(() => {\n    const mapped = new Map<Value, SelectOption>();\n    options.forEach(option => {\n      mapped.set(option.value, option);\n    });\n    return mapped;\n  }, [options]);\n\n  const getIsOptionDisabled = useCallback((value: SelectOption['value']): boolean => mappedOptions.get(value)?.disabled, [mappedOptions]);\n\n  const renderValue = useCallback((value: string | string []) => {\n    const values = Array.isArray(value) ? value : [value];\n    return values.map(v => mappedOptions.get(v)?.label).join(', ');\n  }, [mappedOptions]);\n\n  const onMuiSelectChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (event: SelectChangeEvent<string>) => {\n      if (onChangeProp) {\n        onChangeProp(event.target.value);\n      }\n      onChange(event.target.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    const onResetButtonClick = () => {\n      onMuiSelectChange(onChange)({ target: { value: multiple ? [] : '' } } as SelectChangeEvent<string>);\n    };\n\n    return (\n      <>\n        <InputLabel\n          className={classnames({ 'Mui-warning': hasWarning })}\n          error={hasError}\n          htmlFor={id}\n          id={labelId}\n          required={required && !disabled}\n        >\n          {label}\n        </InputLabel>\n        <MuiSelect<TFieldValues[TName]>\n          disabled={disabled || loading}\n          error={hasError}\n          input={(\n            <OutlinedInput\n              endAdornment={disabled ? undefined : (\n                <InputAdornment\n                  position={'start'}\n                  sx={{\n                    position: 'absolute',\n                    right: theme => theme.spacing(2),\n                  }}\n                >\n                  <IconButton\n                    {...TestIdUtil.createAttributes('TextField-reset')}\n                    aria-label={t`Clear selection`}\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              label={label}\n            />\n          )}\n          inputProps={{\n            'aria-describedby': helperTextId,\n            'aria-label': label,\n            'aria-labelledby': labelId,\n            className: classnames({\n              'Mui-warning': hasWarning,\n            }),\n            id,\n            ref: inputRef,\n            required: required && !disabled,\n          }}\n          multiple={multiple}\n          onBlur={onBlur}\n          onChange={onMuiSelectChange(onChange)}\n          renderValue={renderValue}\n          required={required}\n          value={value ?? (multiple ? [] : '') as TFieldValues[TName]}\n        >\n          { options.map((option) => {\n            return (\n              <MenuItem\n                disabled={getIsOptionDisabled(option.value)}\n                key={option.value.toString()}\n                value={option.value as string}\n              >\n\n                {multiple && (\n                  <Checkbox\n                    checked={(value as string[]).includes(option.value as string)}\n                  />\n                )}\n                <ListItemText primary={option.label} />\n              </MenuItem>\n            );\n          })}\n        </MuiSelect>\n        <FormHelperText\n          className={classnames({ 'Mui-warning': hasWarning })}\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      </>\n    );\n  }, [disabled, infoMessage, errorMessage, getIsOptionDisabled, t, hasError, hasWarning, helperTextId, id, label, labelId, loading, multiple, onMuiSelectChange, options, renderValue, required, warningMessage]);\n\n  return (\n    <FormControl\n      {...TestIdUtil.createAttributes('Select', { 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  );\n};\n"],"mappings":"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"}

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

@@ -12,54 +12,54 @@ import { TestIdUtil as h } from "@gen-epix/ui-core/utils/TestIdUtil";
 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]);
+	}, [b]), O = s(({ field: { onBlur: t, onChange: n, ref: r, value: s } }) => (r({ focus: () => {
+		T?.current?.focus();
+	} }), /* @__PURE__ */ m(l, {
+		...h.createAttributes("Select", {
+			label: _,
+			name: y
+		}),
+		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
+	]);
 	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
-		])
+		render: O
 	});
 };
 //#endregion