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

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

@@ -29,6 +29,7 @@ var D = /* @__PURE__ */ e(i(), 1), O = ({ disabled: e = !1, infoMessage: i, labe
 		return /* @__PURE__ */ T(C, { children: [
 			/* @__PURE__ */ w(_, {
 				className: (0, D.default)({ "Mui-warning": G }),
+				disabled: e,
 				error: W,
 				htmlFor: V,
 				id: H,
@@ -62,14 +63,12 @@ var D = /* @__PURE__ */ e(i(), 1), O = ({ disabled: e = !1, infoMessage: i, labe
 					"aria-labelledby": H,
 					className: (0, D.default)({ "Mui-warning": G }),
 					id: V,
-					ref: B,
-					required: P && !e
+					ref: B
 				},
 				multiple: A,
 				onBlur: t,
 				onChange: Y(r),
 				renderValue: J,
-				required: P,
 				value: o ?? (A ? [] : ""),
 				children: N.map((e) => /* @__PURE__ */ T(y, {
 					disabled: q(e.value),

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\n                  primary={option.label}\n                  secondary={option.secondaryLabel}\n                  slotProps={{\n                    secondary: { sx: { fontSize: '0.875rem', fontStyle: 'italic' } },\n                  }}\n                  sx={{\n                    alignItems: 'baseline',\n                    display: 'flex',\n                    gap: 2,\n                    justifyContent: 'space-between',\n                  }}\n                />\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          disabled={disabled}\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          }}\n          multiple={multiple}\n          onBlur={onBlur}\n          onChange={onMuiSelectChange(onChange)}\n          renderValue={renderValue}\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\n                  primary={option.label}\n                  secondary={option.secondaryLabel}\n                  slotProps={{\n                    secondary: { sx: { fontSize: '0.875rem', fontStyle: 'italic' } },\n                  }}\n                  sx={{\n                    alignItems: 'baseline',\n                    display: 'flex',\n                    gap: 2,\n                    justifyContent: 'space-between',\n                  }}\n                />\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/locale/en.json

@@ -87,8 +87,6 @@
     "Toggle header column": "Toggle header column",
     "Toggle header row": "Toggle header row",
     "Update this link": "Update this link",
-    "Upload file ({{accept}})": "Upload file ({{accept}})",
-    "Upload files ({{accept}})": "Upload files ({{accept}})",
     "URL": "URL",
     "Value": "Value",
     "Value is invalid": "Value is invalid",

package/dist/locale/nl.json

@@ -87,8 +87,6 @@
     "Toggle header column": "Koptekst kolom omschakelen",
     "Toggle header row": "Koptekst rij omschakelen",
     "Update this link": "Deze link bijwerken",
-    "Upload file ({{accept}})": "Upload bestand ({{accept}})",
-    "Upload files ({{accept}})": "Upload bestanden ({{accept}})",
     "URL": "URL",
     "Value": "Waarde",
     "Value is invalid": "Waarde is ongeldig",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gen-epix/ui-core-form",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "homepage": "https://github.com/RIVM-bioinformatics/gen-epix",
   "repository": {
     "type": "git",
@@ -157,28 +157,28 @@
   "devDependencies": {
     "@gen-epix/eslint-config": "0.5.0",
     "@gen-epix/translation-util": "0.2.0",
-    "@gen-epix/ui-core": "^3.2.0",
-    "@gen-epix/ui-core-components": "^4.2.0",
+    "@gen-epix/ui-core": "^3.3.0",
+    "@gen-epix/ui-core-components": "^4.3.0",
     "@mui/icons-material": "9.4.0",
     "@mui/material": "9.4.0",
-    "@mui/x-date-pickers": "9.13.0",
+    "@mui/x-date-pickers": "9.14.0",
     "@types/lodash": "4.17.25",
     "@types/react": "19.3.0",
     "eslint": "10.10.0",
     "i18next": "26.4.2",
     "react": "19.3.0",
-    "react-hook-form": "7.87.0",
-    "react-i18next": "17.0.13",
+    "react-hook-form": "7.88.0",
+    "react-i18next": "17.0.14",
     "typescript": "6.0.3",
-    "vite": "8.2.2",
+    "vite": "8.3.0",
     "vite-plugin-dts": "5.1.0",
     "vite-plugin-static-copy": "4.1.1",
-    "vitest": "5.0.0",
+    "vitest": "5.0.1",
     "yup": "1.7.1"
   },
   "peerDependencies": {
-    "@gen-epix/ui-core": "^3.2.0",
-    "@gen-epix/ui-core-components": "^4.2.0",
+    "@gen-epix/ui-core": "^3.3.0",
+    "@gen-epix/ui-core-components": "^4.3.0",
     "@mui/icons-material": "*",
     "@mui/material": "*",
     "@mui/x-date-pickers": "*",