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

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

@@ -11,16 +11,21 @@ var isEmpty = require('lodash/isEmpty');
 var union = require('lodash/union');
 var startCase = require('lodash/startCase');
 var range = require('lodash/range');
-var iconsMaterial = require('@mui/icons-material');
+var DeleteIcon = require('@mui/icons-material/Delete');
+var ArrowDownward = require('@mui/icons-material/ArrowDownward');
+var ArrowUpward = require('@mui/icons-material/ArrowUpward');
 var styles$1 = require('@mui/material/styles');
+var AddIcon = require('@mui/icons-material/Add');
+var ErrorOutlineIcon = require('@mui/icons-material/ErrorOutline');
 var merge = require('lodash/merge');
 var dayjs = require('dayjs');
 var customParsing = require('dayjs/plugin/customParseFormat');
 var debounce = require('lodash/debounce');
+var Close = require('@mui/icons-material/Close');
 var map = require('lodash/map');
-var AddIcon = require('@mui/icons-material/Add');
 var xDatePickers = require('@mui/x-date-pickers');
 var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
+var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -30,12 +35,18 @@ var isEmpty__default = /*#__PURE__*/_interopDefaultLegacy(isEmpty);
 var union__default = /*#__PURE__*/_interopDefaultLegacy(union);
 var startCase__default = /*#__PURE__*/_interopDefaultLegacy(startCase);
 var range__default = /*#__PURE__*/_interopDefaultLegacy(range);
+var DeleteIcon__default = /*#__PURE__*/_interopDefaultLegacy(DeleteIcon);
+var ArrowDownward__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDownward);
+var ArrowUpward__default = /*#__PURE__*/_interopDefaultLegacy(ArrowUpward);
+var AddIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddIcon);
+var ErrorOutlineIcon__default = /*#__PURE__*/_interopDefaultLegacy(ErrorOutlineIcon);
 var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var customParsing__default = /*#__PURE__*/_interopDefaultLegacy(customParsing);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 var map__default = /*#__PURE__*/_interopDefaultLegacy(map);
-var AddIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddIcon);
+var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandMoreIcon);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -202,7 +213,7 @@ var ValidationIcon = function (_a) {
     var errorMessages = _a.errorMessages, id = _a.id;
     return (React__default["default"].createElement(material.Tooltip, { id: id, title: errorMessages },
         React__default["default"].createElement(StyledBadge, { badgeContent: errorMessages.split('\n').length },
-            React__default["default"].createElement(iconsMaterial.ErrorOutline, { color: 'inherit' }))));
+            React__default["default"].createElement(ErrorOutlineIcon__default["default"], { color: 'inherit' }))));
 };
 
 var fixedCellSmall = {
@@ -223,7 +234,7 @@ var TableToolbar = React__default["default"].memo(function TableToolbar(_a) {
         enabled && !disableAdd ? (React__default["default"].createElement(NoBorderTableCell, { align: 'right', style: fixedCellSmall },
             React__default["default"].createElement(material.Tooltip, { id: 'tooltip-add', title: translations.addTooltip, placement: 'bottom' },
                 React__default["default"].createElement(material.IconButton, { "aria-label": translations.addAriaLabel, onClick: addItem(path, core.createDefaultValue(schema, rootSchema)), size: 'large' },
-                    React__default["default"].createElement(iconsMaterial.Add, null))))) : null));
+                    React__default["default"].createElement(AddIcon__default["default"], null))))) : null));
 });
 
 var styles = {
@@ -331,15 +342,15 @@ var NonEmptyRowComponent = function (_a) {
                     React__default["default"].createElement(material.Grid, { item: true },
                         React__default["default"].createElement(material.Tooltip, { id: 'tooltip-up', title: translations.up, placement: 'bottom', open: enableUp ? undefined : false },
                             React__default["default"].createElement(material.IconButton, { "aria-label": translations.upAriaLabel, onClick: moveUp, disabled: !enableUp, size: 'large' },
-                                React__default["default"].createElement(iconsMaterial.ArrowUpward, null)))),
+                                React__default["default"].createElement(ArrowUpward__default["default"], null)))),
                     React__default["default"].createElement(material.Grid, { item: true },
                         React__default["default"].createElement(material.Tooltip, { id: 'tooltip-down', title: translations.down, placement: 'bottom', open: enableDown ? undefined : false },
                             React__default["default"].createElement(material.IconButton, { "aria-label": translations.downAriaLabel, onClick: moveDown, disabled: !enableDown, size: 'large' },
-                                React__default["default"].createElement(iconsMaterial.ArrowDownward, null)))))) : null,
+                                React__default["default"].createElement(ArrowDownward__default["default"], null)))))) : null,
                 !disableRemove ? (React__default["default"].createElement(material.Grid, { item: true },
                     React__default["default"].createElement(material.Tooltip, { id: 'tooltip-remove', title: translations.removeTooltip, placement: 'bottom' },
                         React__default["default"].createElement(material.IconButton, { "aria-label": translations.removeAriaLabel, onClick: function () { return openDeleteDialog(childPath, rowIndex); }, size: 'large' },
-                            React__default["default"].createElement(iconsMaterial.Delete, null))))) : null))) : null));
+                            React__default["default"].createElement(DeleteIcon__default["default"], null))))) : null))) : null));
 };
 var NonEmptyRow = React__default["default"].memo(NonEmptyRowComponent);
 var TableRows = function (_a) {
@@ -674,7 +685,7 @@ var MuiInputText = React__default["default"].memo(function MuiInputText(props) {
                 right: 0,
             } },
             React__default["default"].createElement(material.IconButton, { "aria-label": 'Clear input field', onClick: onClear, size: 'large' },
-                React__default["default"].createElement(iconsMaterial.Close, { style: closeStyle }))), inputComponent: inputComponent }));
+                React__default["default"].createElement(Close__default["default"], { style: closeStyle }))), inputComponent: inputComponent }));
 });
 
 var MuiInputTime = React__default["default"].memo(function MuiInputTime(props) {
@@ -686,10 +697,10 @@ var MuiInputTime = React__default["default"].memo(function MuiInputTime(props) {
 });
 
 var MuiSelect = React__default["default"].memo(function MuiSelect(props) {
-    var data = props.data, className = props.className, id = props.id, enabled = props.enabled, schema = props.schema, uischema = props.uischema, path = props.path, handleChange = props.handleChange, options = props.options, config = props.config, label = props.label, t = props.t;
+    var data = props.data, className = props.className, id = props.id, enabled = props.enabled, schema = props.schema, uischema = props.uischema, path = props.path, handleChange = props.handleChange, options = props.options, config = props.config, label = props.label, t = props.t, multiple = props.multiple;
     var appliedUiSchemaOptions = merge__default["default"]({}, config, uischema.options);
     var noneOptionLabel = React.useMemo(function () { return t('enum.none', i18nDefaults['enum.none'], { schema: schema, uischema: uischema, path: path }); }, [t, schema, uischema, path]);
-    return (React__default["default"].createElement(material.Select, { className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data !== undefined ? data : '', onChange: function (ev) { return handleChange(path, ev.target.value || undefined); }, fullWidth: true }, [
+    return (React__default["default"].createElement(material.Select, { className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data !== undefined ? data : '', onChange: function (ev) { return handleChange(path, ev.target.value || undefined); }, fullWidth: true, multiple: multiple || false }, [
         React__default["default"].createElement(material.MenuItem, { value: '', key: 'jsonforms.enum.none' },
             React__default["default"].createElement("em", null, noneOptionLabel)),
     ].concat(options.map(function (optionValue) { return (React__default["default"].createElement(material.MenuItem, { value: optionValue.value, key: optionValue.value }, optionValue.label)); }))));
@@ -848,7 +859,7 @@ var ListWithDetailMasterItem = function (_a) {
         enabled && !disableRemove && (React__default["default"].createElement(material.ListItemSecondaryAction, null,
             React__default["default"].createElement(material.Tooltip, { id: 'tooltip-remove', title: translations.removeTooltip, placement: 'bottom' },
                 React__default["default"].createElement(material.IconButton, { "aria-label": translations.removeAriaLabel, onClick: removeItem(path, index), size: 'large' },
-                    React__default["default"].createElement(iconsMaterial.Delete, null)))))));
+                    React__default["default"].createElement(DeleteIcon__default["default"], null)))))));
 };
 var ListWithDetailMasterItem$1 = react.withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
 
@@ -1350,7 +1361,7 @@ var ExpandPanelRendererComponent = function (props) {
     var showSortButtons = appliedUiSchemaOptions.showSortButtons ||
         appliedUiSchemaOptions.showArrayLayoutSortButtons;
     return (React__default["default"].createElement(material.Accordion, { "aria-labelledby": labelHtmlId, expanded: expanded, onChange: handleExpansion(childPath) },
-        React__default["default"].createElement(material.AccordionSummary, { expandIcon: React__default["default"].createElement(iconsMaterial.ExpandMore, null) },
+        React__default["default"].createElement(material.AccordionSummary, { expandIcon: React__default["default"].createElement(ExpandMoreIcon__default["default"], null) },
             React__default["default"].createElement(material.Grid, { container: true, alignItems: 'center' },
                 React__default["default"].createElement(material.Grid, { item: true, xs: 7, md: 9 },
                     React__default["default"].createElement(material.Grid, { container: true, alignItems: 'center' },
@@ -1366,15 +1377,15 @@ var ExpandPanelRendererComponent = function (props) {
                                     React__default["default"].createElement(material.Grid, { item: true },
                                         React__default["default"].createElement(material.Tooltip, { id: 'tooltip-up', title: translations.up, placement: 'bottom', open: enableMoveUp ? undefined : false },
                                             React__default["default"].createElement(material.IconButton, { onClick: moveUp(path, index), style: iconStyle, disabled: !enableMoveUp, "aria-label": translations.upAriaLabel, size: 'large' },
-                                                React__default["default"].createElement(iconsMaterial.ArrowUpward, null)))),
+                                                React__default["default"].createElement(ArrowUpward__default["default"], null)))),
                                     React__default["default"].createElement(material.Grid, { item: true },
                                         React__default["default"].createElement(material.Tooltip, { id: 'tooltip-down', title: translations.down, placement: 'bottom', open: enableMoveDown ? undefined : false },
                                             React__default["default"].createElement(material.IconButton, { onClick: moveDown(path, index), style: iconStyle, disabled: !enableMoveDown, "aria-label": translations.downAriaLabel, size: 'large' },
-                                                React__default["default"].createElement(iconsMaterial.ArrowDownward, null)))))) : (''),
+                                                React__default["default"].createElement(ArrowDownward__default["default"], null)))))) : (''),
                                 enabled && !disableRemove && (React__default["default"].createElement(material.Grid, { item: true },
                                     React__default["default"].createElement(material.Tooltip, { id: 'tooltip-remove', title: translations.removeTooltip, placement: 'bottom' },
                                         React__default["default"].createElement(material.IconButton, { onClick: removeItems(path, [index]), style: iconStyle, "aria-label": translations.removeAriaLabel, size: 'large' },
-                                            React__default["default"].createElement(iconsMaterial.Delete, null))))))))))),
+                                            React__default["default"].createElement(DeleteIcon__default["default"], null))))))))))),
         React__default["default"].createElement(material.AccordionDetails, null,
             React__default["default"].createElement(react.JsonFormsDispatch, { enabled: enabled, schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
 };