@jsonforms/material-renderers 3.4.0-alpha.3 → 3.4.0-beta.0

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

@@ -1,6 +1,6 @@
 import React, { useState, useCallback, useMemo, Fragment, useEffect } from 'react';
 import { rankWith, isAllOfControl, findMatchingUISchema, createCombinatorRenderInfos, Generate, isLayout, isAnyOfControl, createDefaultValue, Resolve, encode, Paths, formatErrorMessage, errorsAt, or, isObjectArrayControl, isPrimitiveArrayControl, isDescriptionHidden, getAjv, and, uiTypeIs, schemaMatches, hasType, schemaSubPathMatches, resolveSchema, showAsRequired, isObjectControl, findUISchema, isOneOfControl, isObjectArray, computeLabel, composePaths, isBooleanControl, optionIs, isDateControl, defaultDateFormat, isDateTimeControl, defaultDateTimeFormat, isEnumControl, isIntegerControl, isTimeControl, isNumberControl, isOneOfEnumControl, isRangeControl, isStringControl, defaultTimeFormat, createId, removeId, update, moveUp, moveDown, computeChildLabel, withIncreasedRank, isVisible, deriveLabelForUISchemaElement, isObjectArrayWithNesting, isNumberFormatControl, categorizationHasCategory } from '@jsonforms/core';
-import { withJsonFormsAllOfProps, JsonFormsDispatch, withJsonFormsAnyOfProps, DispatchCell, useJsonForms, withJsonFormsArrayLayoutProps, withJsonFormsMultiEnumProps, withJsonFormsDetailProps, withJsonFormsOneOfProps, withJsonFormsLabelProps, withJsonFormsMasterListItemProps, withJsonFormsControlProps, Control, withJsonFormsEnumProps, withTranslateProps, withJsonFormsOneOfEnumProps, withJsonFormsContext, withJsonFormsLayoutProps, withJsonFormsCellProps, withJsonFormsEnumCellProps, withJsonFormsOneOfEnumCellProps } from '@jsonforms/react';
+import { withJsonFormsAllOfProps, JsonFormsDispatch, withJsonFormsAnyOfProps, DispatchCell, useJsonForms, withJsonFormsArrayLayoutProps, withTranslateProps, withArrayTranslationProps, withJsonFormsMultiEnumProps, withJsonFormsDetailProps, withJsonFormsOneOfProps, withJsonFormsLabelProps, withJsonFormsMasterListItemProps, withJsonFormsControlProps, Control, withJsonFormsEnumProps, withJsonFormsOneOfEnumProps, withJsonFormsContext, withJsonFormsLayoutProps, withJsonFormsCellProps, withJsonFormsEnumCellProps, withJsonFormsOneOfEnumCellProps } from '@jsonforms/react';
 import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Tabs, Tab, TableCell, styled as styled$1, Badge, Tooltip, TableRow, Stack, Grid, Typography, FormHelperText, IconButton, Table, TableHead, TableBody, Autocomplete, TextField, Checkbox, useThemeProps, Input, FilledInput, OutlinedInput, useTheme, InputAdornment, Select, MenuItem, Switch, FormControl, FormLabel, FormGroup, FormControlLabel, Toolbar, ListItem, ListItemAvatar, Avatar, ListItemText, ListItemSecondaryAction, List, InputLabel, RadioGroup, Radio, Slider, Accordion, AccordionSummary, AccordionDetails, Card, CardHeader, CardContent, AppBar, Stepper, Step, StepButton } from '@mui/material';
 import omit from 'lodash/omit';
 import isEmpty from 'lodash/isEmpty';
@@ -299,7 +299,7 @@ const MaterialArrayControlRenderer = (props) => {
     const [open, setOpen] = useState(false);
     const [path, setPath] = useState(undefined);
     const [rowData, setRowData] = useState(undefined);
-    const { removeItems, visible } = props;
+    const { removeItems, visible, translations } = props;
     const openDeleteDialog = useCallback((p, rowIndex) => {
         setOpen(true);
         setPath(p);
@@ -316,11 +316,11 @@ const MaterialArrayControlRenderer = (props) => {
         return null;
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(MaterialTableControl, { ...props, openDeleteDialog: openDeleteDialog }),
-        React.createElement(DeleteDialog, { open: open, onCancel: deleteCancel, onConfirm: deleteConfirm, onClose: deleteClose, acceptText: props.translations.deleteDialogAccept, declineText: props.translations.deleteDialogDecline, title: props.translations.deleteDialogTitle, message: props.translations.deleteDialogMessage })));
+        React.createElement(MaterialTableControl, { ...props, openDeleteDialog: openDeleteDialog, translations: translations }),
+        React.createElement(DeleteDialog, { open: open, onCancel: deleteCancel, onConfirm: deleteConfirm, onClose: deleteClose, acceptText: translations.deleteDialogAccept, declineText: translations.deleteDialogDecline, title: translations.deleteDialogTitle, message: translations.deleteDialogMessage })));
 };
 const materialArrayControlTester = rankWith(3, or(isObjectArrayControl, isPrimitiveArrayControl));
-var MaterialArrayControlRenderer$1 = withJsonFormsArrayLayoutProps(MaterialArrayControlRenderer);
+var MaterialArrayControlRenderer$1 = withJsonFormsArrayLayoutProps(withTranslateProps(withArrayTranslationProps(MaterialArrayControlRenderer)));
 
 const useFocus = () => {
     const [focused, setFocused] = useState(false);
@@ -644,7 +644,7 @@ const MaterialOneOfRenderer = ({ handleChange, schema, path, renderers, cells, r
     const cancel = useCallback(() => {
         setConfirmDialogOpen(false);
     }, [setConfirmDialogOpen]);
-    const oneOfRenderInfos = createCombinatorRenderInfos(schema.oneOf, rootSchema, 'oneOf', uischema, path, uischemas);
+    const oneOfRenderInfos = useMemo(() => createCombinatorRenderInfos(schema.oneOf, rootSchema, 'oneOf', uischema, path, uischemas), [schema, rootSchema, uischema, path, uischemas]);
     const openNewTab = (newIndex) => {
         handleChange(path, createDefaultValue(oneOfRenderInfos[newIndex].schema, rootSchema));
         setSelectedIndex(newIndex);
@@ -714,7 +714,7 @@ const ListWithDetailMasterItem = ({ index, childLabel, selected, enabled, handle
 };
 var ListWithDetailMasterItem$1 = withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
 
-const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, description, disableAdd, disableRemove, }) => {
+const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, description, disableAdd, disableRemove, translations, }) => {
     const [selectedIndex, setSelectedIndex] = useState(undefined);
     const handleRemoveItem = useCallback((p, value) => () => {
         removeItems(p, [value])();
@@ -745,7 +745,7 @@ const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, ena
             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));
-var MaterialListWithDetailRenderer$1 = withJsonFormsArrayLayoutProps(MaterialListWithDetailRenderer);
+var MaterialListWithDetailRenderer$1 = withJsonFormsArrayLayoutProps(withTranslateProps(withArrayTranslationProps(MaterialListWithDetailRenderer)));
 
 const MaterialInputControl = (props) => {
     const [focused, onFocus, onBlur] = useFocus();
@@ -1367,7 +1367,7 @@ const MaterialArrayLayoutComponent = (props) => {
         setExpanded(expandedPanel ? panel : false);
     }, []);
     const isExpanded = (index) => expanded === composePaths(props.path, `${index}`);
-    const { enabled, data, path, schema, uischema, errors, addItem, renderers, cells, label, required, rootSchema, config, uischemas, translations, description, disableAdd, disableRemove, } = props;
+    const { enabled, data, path, schema, uischema, errors, addItem, renderers, cells, label, required, rootSchema, config, uischemas, description, disableAdd, disableRemove, translations, } = props;
     const appliedUiSchemaOptions = merge({}, config, props.uischema.options);
     const doDisableAdd = disableAdd || appliedUiSchemaOptions.disableAdd;
     const doDisableRemove = disableRemove || appliedUiSchemaOptions.disableRemove;
@@ -1379,15 +1379,15 @@ const MaterialArrayLayoutComponent = (props) => {
 };
 const MaterialArrayLayout$1 = React.memo(MaterialArrayLayoutComponent);
 
-const MaterialArrayLayoutRenderer = ({ visible, addItem, ...props }) => {
+const MaterialArrayLayoutRenderer = ({ visible, addItem, translations, ...props }) => {
     const addItemCb = useCallback((p, value) => addItem(p, value), [addItem]);
     if (!visible) {
         return null;
     }
-    return (React.createElement(MaterialArrayLayout$1, { visible: visible, addItem: addItemCb, ...props }));
+    return (React.createElement(MaterialArrayLayout$1, { translations: translations, visible: visible, addItem: addItemCb, ...props }));
 };
 const materialArrayLayoutTester = rankWith(4, isObjectArrayWithNesting);
-var MaterialArrayLayout = withJsonFormsArrayLayoutProps(MaterialArrayLayoutRenderer);
+var MaterialArrayLayout = withJsonFormsArrayLayoutProps(withTranslateProps(withArrayTranslationProps(MaterialArrayLayoutRenderer)));
 
 const MaterialBooleanCell = (props) => {
     return React.createElement(MuiCheckbox, { ...props });