@jsonforms/material-renderers 3.1.0-beta.0 → 3.1.0

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

@@ -565,33 +565,35 @@ const MaterialLabelRenderer = ({ text, visible }) => {
 };
 var MaterialLabelRenderer$1 = withJsonFormsLabelProps(MaterialLabelRenderer);
 
-const ArrayLayoutToolbar = React.memo(function ArrayLayoutToolbar({ label, errors, addItem, path, createDefault, translations, }) {
+const ArrayLayoutToolbar = React.memo(function ArrayLayoutToolbar({ label, errors, addItem, path, enabled, createDefault, translations, }) {
     return (React.createElement(Toolbar, { disableGutters: true },
         React.createElement(Grid, { container: true, alignItems: 'center', justifyContent: 'space-between' },
             React.createElement(Grid, { item: true },
-                React.createElement(Typography, { variant: 'h6' }, label)),
-            errors.length !== 0 && (React.createElement(Grid, { item: true },
-                React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors }))),
-            React.createElement(Grid, { item: true },
+                React.createElement(Grid, { container: true, justifyContent: 'flex-start', alignItems: 'center', spacing: 2 },
+                    React.createElement(Grid, { item: true },
+                        React.createElement(Typography, { variant: 'h6' }, label)),
+                    React.createElement(Grid, { item: true }, errors.length !== 0 && (React.createElement(Grid, { item: true },
+                        React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors })))))),
+            enabled && (React.createElement(Grid, { item: true },
                 React.createElement(Grid, { container: true },
                     React.createElement(Grid, { item: true },
                         React.createElement(Tooltip, { id: 'tooltip-add', title: translations.addTooltip, placement: 'bottom' },
-                            React.createElement(IconButton, { "aria-label": translations.addAriaLabel, onClick: addItem(path, createDefault()), size: 'large' },
-                                React.createElement(AddIcon, null)))))))));
+                            React.createElement(IconButton, { "aria-label": translations.addTooltip, onClick: addItem(path, createDefault()), size: 'large' },
+                                React.createElement(AddIcon, null))))))))));
 });
 
-const ListWithDetailMasterItem = ({ index, childLabel, selected, handleSelect, removeItem, path, translations, }) => {
+const ListWithDetailMasterItem = ({ index, childLabel, selected, enabled, handleSelect, removeItem, path, translations, }) => {
     return (React.createElement(ListItem, { button: true, selected: selected, onClick: handleSelect(index) },
         React.createElement(ListItemAvatar, null,
             React.createElement(Avatar, { "aria-label": 'Index' }, index + 1)),
         React.createElement(ListItemText, { primary: childLabel }),
-        React.createElement(ListItemSecondaryAction, null,
+        enabled && (React.createElement(ListItemSecondaryAction, null,
             React.createElement(IconButton, { "aria-label": translations.removeAriaLabel, onClick: removeItem(path, index), size: 'large' },
-                React.createElement(DeleteIcon, null)))));
+                React.createElement(DeleteIcon, null))))));
 };
 var ListWithDetailMasterItem$1 = withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
 
-const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }) => {
+const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }) => {
     const [selectedIndex, setSelectedIndex] = useState(undefined);
     const handleRemoveItem = useCallback((p, value) => () => {
         removeItems(p, [value])();
@@ -610,10 +612,10 @@ const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, err
         setSelectedIndex(undefined);
     }, [schema]);
     return (React.createElement(Hidden, { xsUp: !visible },
-        React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: handleCreateDefaultValue }),
+        React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, enabled: enabled, addItem: addItem, createDefault: handleCreateDefaultValue }),
         React.createElement(Grid, { container: true, direction: 'row', spacing: 2 },
             React.createElement(Grid, { item: true, xs: 3 },
-                React.createElement(List, null, data > 0 ? (map(range(data), (index) => (React.createElement(ListWithDetailMasterItem$1, { index: index, path: path, schema: schema, handleSelect: handleListItemClick, removeItem: handleRemoveItem, selected: selectedIndex === index, key: index, translations: translations })))) : (React.createElement("p", null, "No data")))),
+                React.createElement(List, null, data > 0 ? (map(range(data), (index) => (React.createElement(ListWithDetailMasterItem$1, { index: index, path: path, schema: schema, enabled: enabled, handleSelect: handleListItemClick, removeItem: handleRemoveItem, selected: selectedIndex === index, key: index, translations: translations })))) : (React.createElement("p", null, "No data")))),
             React.createElement(Grid, { item: true, xs: true }, selectedIndex !== undefined ? (React.createElement(JsonFormsDispatch, { renderers: renderers, cells: cells, visible: visible, schema: schema, uischema: foundUISchema, path: composePaths(path, `${selectedIndex}`) })) : (React.createElement(Typography, { variant: 'h6' }, translations.noSelection))))));
 };
 const materialListWithDetailTester = rankWith(4, and(uiTypeIs('ListWithDetail'), isObjectArray));
@@ -1034,16 +1036,16 @@ const ExpandPanelRendererComponent = (props) => {
                     React.createElement(Grid, { container: true, justifyContent: 'flex-end' },
                         React.createElement(Grid, { item: true },
                             React.createElement(Grid, { container: true, direction: 'row', justifyContent: 'center', alignItems: 'center' },
-                                showSortButtons ? (React.createElement(Fragment, null,
+                                showSortButtons && enabled ? (React.createElement(Fragment, null,
                                     React.createElement(Grid, { item: true },
                                         React.createElement(IconButton, { onClick: moveUp(path, index), style: iconStyle, disabled: !enableMoveUp, "aria-label": translations.upAriaLabel, size: 'large' },
                                             React.createElement(ArrowUpward, null))),
                                     React.createElement(Grid, { item: true },
                                         React.createElement(IconButton, { onClick: moveDown(path, index), style: iconStyle, disabled: !enableMoveDown, "aria-label": translations.downAriaLabel, size: 'large' },
                                             React.createElement(ArrowDownward, null))))) : (''),
-                                React.createElement(Grid, { item: true },
+                                enabled && (React.createElement(Grid, { item: true },
                                     React.createElement(IconButton, { onClick: removeItems(path, [index]), style: iconStyle, "aria-label": translations.removeAriaLabel, size: 'large' },
-                                        React.createElement(DeleteIcon, 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 }))));
 };
@@ -1188,7 +1190,7 @@ const MaterialArrayLayoutComponent = (props) => {
     const { enabled, data, path, schema, uischema, errors, addItem, renderers, cells, label, required, rootSchema, config, uischemas, translations, } = props;
     const appliedUiSchemaOptions = merge({}, config, props.uischema.options);
     return (React.createElement("div", null,
-        React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: innerCreateDefaultValue }),
+        React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, enabled: enabled, addItem: addItem, createDefault: innerCreateDefaultValue }),
         React.createElement("div", null, data > 0 ? (map(range(data), (index) => {
             return (React.createElement(ExpandPanelRenderer$1, { enabled: enabled, index: index, expanded: isExpanded(index), schema: schema, path: path, handleExpansion: handleChange, uischema: uischema, renderers: renderers, cells: cells, key: index, rootSchema: rootSchema, enableMoveUp: index != 0, enableMoveDown: index < data - 1, config: config, childLabelProp: appliedUiSchemaOptions.elementLabelProp, uischemas: uischemas, translations: translations }));
         })) : (React.createElement("p", null, "No data")))));