@jsonforms/material-renderers 3.0.0-rc.1 → 3.1.0-alpha.0

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

@@ -5,7 +5,7 @@ import isEmpty from 'lodash/isEmpty';
 import union from 'lodash/union';
 import startCase from 'lodash/startCase';
 import range from 'lodash/range';
-import { TableCell, styled as styled$1, Badge, Tooltip, TableRow, Grid, Typography, Hidden, IconButton, FormHelperText, Table, TableHead, TableBody, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Tabs, Tab, Checkbox, TextField, Select, MenuItem, Input, useTheme, InputAdornment, FormControl, FormGroup, FormControlLabel, Toolbar, ListItem, ListItemAvatar, Avatar, ListItemText, ListItemSecondaryAction, List, Switch, InputLabel, Autocomplete, FormLabel, Slider, RadioGroup, Radio, Card, CardHeader, CardContent, AppBar, Accordion, AccordionSummary, AccordionDetails, Stepper, Step, StepButton } from '@mui/material';
+import { TableCell, styled as styled$1, Badge, Tooltip, TableRow, Grid, Typography, IconButton, FormHelperText, Hidden, Table, TableHead, TableBody, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Tabs, Tab, Checkbox, TextField, Select, MenuItem, Input, useTheme, InputAdornment, FormControl, FormGroup, FormControlLabel, Toolbar, ListItem, ListItemAvatar, Avatar, ListItemText, ListItemSecondaryAction, List, Switch, InputLabel, Autocomplete, FormLabel, Slider, RadioGroup, Radio, Card, CardHeader, CardContent, AppBar, Accordion, AccordionSummary, AccordionDetails, Stepper, Step, StepButton } from '@mui/material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import ArrowDownward from '@mui/icons-material/ArrowDownward';
 import ArrowUpward from '@mui/icons-material/ArrowUpward';
@@ -48,10 +48,9 @@ const TableToolbar = React.memo(({ numColumns, errors, label, path, addItem, sch
         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 },
-                React.createElement(Hidden, { smUp: errors.length === 0 },
-                    React.createElement(Grid, { item: true },
-                        React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors })))))),
+            React.createElement(Grid, { item: true }, errors.length !== 0 &&
+                React.createElement(Grid, { item: true },
+                    React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors }))))),
     enabled ? (React.createElement(NoBorderTableCell, { align: 'right', style: fixedCellSmall },
         React.createElement(Tooltip, { id: 'tooltip-add', title: `Add to ${label}`, placement: 'bottom' },
             React.createElement(IconButton, { "aria-label": `Add to ${label}`, onClick: addItem(path, createDefaultValue(schema)), size: 'large' },
@@ -537,9 +536,9 @@ const ArrayLayoutToolbar = React.memo(({ label, errors, addItem, path, createDef
         React.createElement(Grid, { container: true, alignItems: 'center', justifyContent: 'space-between' },
             React.createElement(Grid, { item: true },
                 React.createElement(Typography, { variant: 'h6' }, label)),
-            React.createElement(Hidden, { smUp: errors.length === 0 },
+            errors.length !== 0 &&
                 React.createElement(Grid, { item: true },
-                    React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors }))),
+                    React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors })),
             React.createElement(Grid, { item: true },
                 React.createElement(Grid, { container: true },
                     React.createElement(Grid, { item: true },
@@ -1016,7 +1015,7 @@ const ExpandPanelRendererComponent = (props) => {
             removeId(labelHtmlId);
         };
     }, [labelHtmlId]);
-    const { childLabel, childPath, index, expanded, moveDown, moveUp, enableMoveDown, enableMoveUp, handleExpansion, removeItems, path, rootSchema, schema, uischema, uischemas, renderers, cells, config } = props;
+    const { enabled, childLabel, childPath, index, expanded, moveDown, moveUp, enableMoveDown, enableMoveUp, handleExpansion, removeItems, path, rootSchema, schema, uischema, uischemas, renderers, cells, config } = props;
     const foundUISchema = useMemo(() => findUISchema(uischemas, schema, uischema.scope, path, undefined, uischema, rootSchema), [uischemas, schema, uischema.scope, path, uischema, rootSchema]);
     const appliedUiSchemaOptions = merge({}, config, uischema.options);
     const showSortButtons = appliedUiSchemaOptions.showSortButtons || appliedUiSchemaOptions.showArrayLayoutSortButtons;
@@ -1044,7 +1043,7 @@ const ExpandPanelRendererComponent = (props) => {
                                     React.createElement(IconButton, { onClick: removeItems(path, [index]), style: iconStyle, "aria-label": `Delete`, size: 'large' },
                                         React.createElement(DeleteIcon, null))))))))),
         React.createElement(AccordionDetails, null,
-            React.createElement(JsonFormsDispatch, { schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
+            React.createElement(JsonFormsDispatch, { enabled: enabled, schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
 };
 const ExpandPanelRenderer = React.memo(ExpandPanelRendererComponent);
 const ctxDispatchToExpandPanelProps = dispatch => ({
@@ -1093,12 +1092,12 @@ const MaterialArrayLayoutComponent = (props) => {
         setExpanded(expandedPanel ? panel : false);
     }, []);
     const isExpanded = (index) => expanded === composePaths(props.path, `${index}`);
-    const { data, path, schema, uischema, errors, addItem, renderers, cells, label, required, rootSchema, config, uischemas } = props;
+    const { enabled, data, path, schema, uischema, errors, addItem, renderers, cells, label, required, rootSchema, config, uischemas } = props;
     const appliedUiSchemaOptions = merge({}, config, props.uischema.options);
     return (React.createElement("div", null,
         React.createElement(ArrayLayoutToolbar, { label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: innerCreateDefaultValue }),
         React.createElement("div", null, data > 0 ? (map(range(data), index => {
-            return (React.createElement(ExpandPanelRenderer$1, { 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 }));
+            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 }));
         })) : (React.createElement("p", null, "No data")))));
 };
 const MaterialArrayLayout$1 = React.memo(MaterialArrayLayoutComponent);