Add support for prop on Select (fixes #2347)

eclipsesource · Jul 24, 2024 · ee3c12e · ee3c12e
1 parent d3ee13a
commit ee3c12e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/material-renderers/src/mui-controls/MuiSelect.tsx b/packages/material-renderers/src/mui-controls/MuiSelect.tsx
@@ -28,10 +28,10 @@ import { EnumCellProps, WithClassname } from '@jsonforms/core';
 import { MenuItem, Select } from '@mui/material';
 import merge from 'lodash/merge';
 import { TranslateProps } from '@jsonforms/react';
-import { i18nDefaults, WithInputProps } from '../util';
+import { i18nDefaults, WithInputProps, WithSelectProps } from '../util';
 
 export const MuiSelect = React.memo(function MuiSelect(
-  props: EnumCellProps & WithClassname & TranslateProps & WithInputProps
+  props: EnumCellProps & WithClassname & TranslateProps & WithInputProps & WithSelectProps
 ) {
   const {
     data,
@@ -46,6 +46,7 @@ export const MuiSelect = React.memo(function MuiSelect(
     config,
     label,
     t,
+    multiple
   } = props;
   const appliedUiSchemaOptions = merge({}, config, uischema.options);
   const noneOptionLabel = useMemo(
@@ -63,6 +64,7 @@ export const MuiSelect = React.memo(function MuiSelect(
       value={data !== undefined ? data : ''}
       onChange={(ev) => handleChange(path, ev.target.value || undefined)}
       fullWidth={true}
+      multiple={multiple || false}
     >
       {[
         <MenuItem value={''} key='jsonforms.enum.none'>

diff --git a/packages/material-renderers/src/util/theme.ts b/packages/material-renderers/src/util/theme.ts
@@ -46,6 +46,10 @@ export interface WithInputProps {
   label?: string;
 }
 
+export interface WithSelectProps {
+  multiple?: boolean;
+}
+
 const variantToInput = {
   standard: Input,
   filled: FilledInput,