@jsonforms/material-renderers 3.4.0-alpha.0 → 3.4.0-alpha.1

package/lib/jsonforms-react-material.esm.js

@@ -7,16 +7,21 @@ import isEmpty from 'lodash/isEmpty';
 import union from 'lodash/union';
 import startCase from 'lodash/startCase';
 import range from 'lodash/range';
-import { ErrorOutline, Add, ArrowUpward, ArrowDownward, Delete, Close, ExpandMore } from '@mui/icons-material';
+import DeleteIcon from '@mui/icons-material/Delete';
+import ArrowDownward from '@mui/icons-material/ArrowDownward';
+import ArrowUpward from '@mui/icons-material/ArrowUpward';
 import { styled } from '@mui/material/styles';
+import AddIcon from '@mui/icons-material/Add';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
 import merge from 'lodash/merge';
 import dayjs from 'dayjs';
 import customParsing from 'dayjs/plugin/customParseFormat';
 import debounce from 'lodash/debounce';
+import Close from '@mui/icons-material/Close';
 import map from 'lodash/map';
-import AddIcon from '@mui/icons-material/Add';
 import { LocalizationProvider, DatePicker, DateTimePicker, TimePicker } from '@mui/x-date-pickers';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 
 const MaterialAllOfRenderer = ({ schema, rootSchema, visible, renderers, cells, path, uischemas, uischema, }) => {
     const delegateUISchema = findMatchingUISchema(uischemas)(schema, uischema.scope, path);
@@ -107,7 +112,7 @@ const StyledBadge = styled$1(Badge)(({ theme }) => ({
 const ValidationIcon = ({ errorMessages, id }) => {
     return (React.createElement(Tooltip, { id: id, title: errorMessages },
         React.createElement(StyledBadge, { badgeContent: errorMessages.split('\n').length },
-            React.createElement(ErrorOutline, { color: 'inherit' }))));
+            React.createElement(ErrorOutlineIcon, { color: 'inherit' }))));
 };
 
 const fixedCellSmall = {
@@ -127,7 +132,7 @@ const TableToolbar = React.memo(function TableToolbar({ numColumns, errors, labe
         enabled && !disableAdd ? (React.createElement(NoBorderTableCell, { align: 'right', style: fixedCellSmall },
             React.createElement(Tooltip, { id: 'tooltip-add', title: translations.addTooltip, placement: 'bottom' },
                 React.createElement(IconButton, { "aria-label": translations.addAriaLabel, onClick: addItem(path, createDefaultValue(schema, rootSchema)), size: 'large' },
-                    React.createElement(Add, null))))) : null));
+                    React.createElement(AddIcon, null))))) : null));
 });
 
 const styles = {
@@ -236,7 +241,7 @@ const NonEmptyRowComponent = ({ childPath, schema, rowIndex, openDeleteDialog, m
                 !disableRemove ? (React.createElement(Grid, { item: true },
                     React.createElement(Tooltip, { id: 'tooltip-remove', title: translations.removeTooltip, placement: 'bottom' },
                         React.createElement(IconButton, { "aria-label": translations.removeAriaLabel, onClick: () => openDeleteDialog(childPath, rowIndex), size: 'large' },
-                            React.createElement(Delete, null))))) : null))) : null));
+                            React.createElement(DeleteIcon, null))))) : null))) : null));
 };
 const NonEmptyRow = React.memo(NonEmptyRowComponent);
 const TableRows = ({ data, path, schema, openDeleteDialog, moveUp, moveDown, uischema, config, enabled, cells, translations, disableRemove, }) => {
@@ -560,10 +565,10 @@ const MuiInputTime = React.memo(function MuiInputTime(props) {
 });
 
 const MuiSelect = React.memo(function MuiSelect(props) {
-    const { data, className, id, enabled, schema, uischema, path, handleChange, options, config, label, t, } = props;
+    const { data, className, id, enabled, schema, uischema, path, handleChange, options, config, label, t, multiple, } = props;
     const appliedUiSchemaOptions = merge({}, config, uischema.options);
     const noneOptionLabel = useMemo(() => t('enum.none', i18nDefaults['enum.none'], { schema, uischema, path }), [t, schema, uischema, path]);
-    return (React.createElement(Select, { className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data !== undefined ? data : '', onChange: (ev) => handleChange(path, ev.target.value || undefined), fullWidth: true }, [
+    return (React.createElement(Select, { className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data !== undefined ? data : '', onChange: (ev) => handleChange(path, ev.target.value || undefined), fullWidth: true, multiple: multiple || false }, [
         React.createElement(MenuItem, { value: '', key: 'jsonforms.enum.none' },
             React.createElement("em", null, noneOptionLabel)),
     ].concat(options.map((optionValue) => (React.createElement(MenuItem, { value: optionValue.value, key: optionValue.value }, optionValue.label))))));
@@ -705,7 +710,7 @@ const ListWithDetailMasterItem = ({ index, childLabel, selected, enabled, handle
         enabled && !disableRemove && (React.createElement(ListItemSecondaryAction, null,
             React.createElement(Tooltip, { id: 'tooltip-remove', title: translations.removeTooltip, placement: 'bottom' },
                 React.createElement(IconButton, { "aria-label": translations.removeAriaLabel, onClick: removeItem(path, index), size: 'large' },
-                    React.createElement(Delete, null)))))));
+                    React.createElement(DeleteIcon, null)))))));
 };
 var ListWithDetailMasterItem$1 = withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
 
@@ -1169,7 +1174,7 @@ const ExpandPanelRendererComponent = (props) => {
     const showSortButtons = appliedUiSchemaOptions.showSortButtons ||
         appliedUiSchemaOptions.showArrayLayoutSortButtons;
     return (React.createElement(Accordion, { "aria-labelledby": labelHtmlId, expanded: expanded, onChange: handleExpansion(childPath) },
-        React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMore, null) },
+        React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null) },
             React.createElement(Grid, { container: true, alignItems: 'center' },
                 React.createElement(Grid, { item: true, xs: 7, md: 9 },
                     React.createElement(Grid, { container: true, alignItems: 'center' },
@@ -1193,7 +1198,7 @@ const ExpandPanelRendererComponent = (props) => {
                                 enabled && !disableRemove && (React.createElement(Grid, { item: true },
                                     React.createElement(Tooltip, { id: 'tooltip-remove', title: translations.removeTooltip, placement: 'bottom' },
                                         React.createElement(IconButton, { onClick: removeItems(path, [index]), style: iconStyle, "aria-label": translations.removeAriaLabel, size: 'large' },
-                                            React.createElement(Delete, null))))))))))),
+                                            React.createElement(DeleteIcon, null))))))))))),
         React.createElement(AccordionDetails, null,
             React.createElement(JsonFormsDispatch, { enabled: enabled, schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
 };