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

package/lib/additional/MaterialListWithDetailRenderer.d.ts

@@ -1,6 +1,8 @@
-import { ArrayLayoutProps, RankedTester } from '@jsonforms/core';
+import { ArrayLayoutProps, ArrayTranslations, RankedTester } from '@jsonforms/core';
 import React from 'react';
-export declare const MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, description, disableAdd, disableRemove, }: ArrayLayoutProps) => React.JSX.Element;
+export declare const MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, description, disableAdd, disableRemove, translations, }: ArrayLayoutProps & {
+    translations: ArrayTranslations;
+}) => React.JSX.Element;
 export declare const materialListWithDetailTester: RankedTester;
 declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/additional/unwrapped.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 export declare const UnwrappedAdditional: {
     MaterialLabelRenderer: ({ text, visible }: import("@jsonforms/core").LabelProps) => import("react").JSX.Element;
-    MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, description, disableAdd, disableRemove, }: import("@jsonforms/core").ArrayLayoutProps) => import("react").JSX.Element;
+    MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, description, disableAdd, disableRemove, translations, }: import("@jsonforms/core").ArrayLayoutProps & {
+        translations: import("@jsonforms/core").ArrayTranslations;
+    }) => import("react").JSX.Element;
 };

package/lib/complex/MaterialArrayControlRenderer.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import { ArrayLayoutProps, RankedTester } from '@jsonforms/core';
-export declare const MaterialArrayControlRenderer: (props: ArrayLayoutProps) => React.JSX.Element;
+import { ArrayLayoutProps, ArrayTranslations, RankedTester } from '@jsonforms/core';
+export declare const MaterialArrayControlRenderer: (props: ArrayLayoutProps & {
+    translations: ArrayTranslations;
+}) => React.JSX.Element;
 export declare const materialArrayControlTester: RankedTester;
 declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/complex/MaterialTableControl.d.ts

@@ -21,7 +21,9 @@ interface NonEmptyRowProps {
     disableRemove?: boolean;
 }
 export declare const NonEmptyRow: React.MemoExoticComponent<({ childPath, schema, rowIndex, openDeleteDialog, moveUpCreator, moveDownCreator, enableUp, enableDown, showSortButtons, enabled, cells, path, translations, disableRemove, }: NonEmptyRowProps & WithDeleteDialogSupport) => React.JSX.Element>;
-export declare class MaterialTableControl extends React.Component<ArrayLayoutProps & WithDeleteDialogSupport, any> {
+export declare class MaterialTableControl extends React.Component<ArrayLayoutProps & WithDeleteDialogSupport & {
+    translations: ArrayTranslations;
+}, any> {
     addItem: (path: string, value: any) => () => void;
     render(): React.JSX.Element;
 }

package/lib/complex/unwrapped.d.ts

@@ -2,7 +2,9 @@
 export declare const UnwrappedComplex: {
     MaterialAllOfRenderer: ({ schema, rootSchema, visible, renderers, cells, path, uischemas, uischema, }: import("@jsonforms/core").StatePropsOfCombinator) => import("react").JSX.Element;
     MaterialAnyOfRenderer: ({ handleChange, schema, rootSchema, indexOfFittingSchema, visible, path, renderers, cells, uischema, uischemas, id, data, }: import("@jsonforms/core").CombinatorRendererProps) => import("react").JSX.Element;
-    MaterialArrayControlRenderer: (props: import("@jsonforms/core").ArrayLayoutProps) => import("react").JSX.Element;
+    MaterialArrayControlRenderer: (props: import("@jsonforms/core").ArrayLayoutProps & {
+        translations: import("@jsonforms/core").ArrayTranslations;
+    }) => import("react").JSX.Element;
     MaterialEnumArrayRenderer: ({ config, id, schema, visible, errors, description, label, required, path, options, data, addItem, removeItem, handleChange: _handleChange, ...otherProps }: import("@jsonforms/core").ControlProps & import("@jsonforms/core").OwnPropsOfEnum & import("@jsonforms/core").DispatchPropsOfMultiEnumControl) => import("react").JSX.Element;
     MaterialObjectRenderer: ({ renderers, cells, uischemas, schema, label, path, visible, enabled, uischema, rootSchema, }: import("@jsonforms/core").StatePropsOfControlWithDetail) => import("react").JSX.Element;
     MaterialOneOfRenderer: ({ handleChange, schema, path, renderers, cells, rootSchema, id, visible, indexOfFittingSchema, uischema, uischemas, data, }: import("@jsonforms/core").CombinatorRendererProps) => import("react").JSX.Element;

package/lib/index.d.ts

@@ -11,7 +11,9 @@ export declare const materialRenderers: JsonFormsRendererRegistryEntry[];
 export declare const materialCells: JsonFormsCellRendererRegistryEntry[];
 export declare const Unwrapped: {
     ExpandPanelRenderer: import("react").MemoExoticComponent<(props: import("./layouts/ExpandPanelRenderer").ExpandPanelProps) => import("react").JSX.Element>;
-    MaterialArrayLayout: ({ visible, addItem, ...props }: import("@jsonforms/core").ArrayLayoutProps) => import("react").JSX.Element;
+    MaterialArrayLayout: ({ visible, addItem, translations, ...props }: import("@jsonforms/core").ArrayLayoutProps & {
+        translations: import("@jsonforms/core").ArrayTranslations;
+    }) => import("react").JSX.Element;
     MaterialCategorizationLayout: (props: import("./layouts/MaterialCategorizationLayout").MaterialCategorizationLayoutRendererProps) => import("react").JSX.Element;
     MaterialGroupLayout: ({ uischema, schema, path, visible, enabled, renderers, cells, direction, label, }: import("@jsonforms/core").LayoutProps) => import("react").JSX.Element;
     MaterialHorizontalLayout: ({ uischema, renderers, cells, schema, path, enabled, visible, }: import("@jsonforms/core").LayoutProps) => import("react").JSX.Element;
@@ -33,10 +35,14 @@ export declare const Unwrapped: {
     MaterialTimeControl: (props: import("@jsonforms/core").ControlProps) => import("react").JSX.Element;
     MaterialAllOfRenderer: ({ schema, rootSchema, visible, renderers, cells, path, uischemas, uischema, }: import("@jsonforms/core").StatePropsOfCombinator) => import("react").JSX.Element;
     MaterialAnyOfRenderer: ({ handleChange, schema, rootSchema, indexOfFittingSchema, visible, path, renderers, cells, uischema, uischemas, id, data, }: import("@jsonforms/core").CombinatorRendererProps) => import("react").JSX.Element;
-    MaterialArrayControlRenderer: (props: import("@jsonforms/core").ArrayLayoutProps) => import("react").JSX.Element;
+    MaterialArrayControlRenderer: (props: import("@jsonforms/core").ArrayLayoutProps & {
+        translations: import("@jsonforms/core").ArrayTranslations;
+    }) => import("react").JSX.Element;
     MaterialEnumArrayRenderer: ({ config, id, schema, visible, errors, description, label, required, path, options, data, addItem, removeItem, handleChange: _handleChange, ...otherProps }: import("@jsonforms/core").ControlProps & import("@jsonforms/core").OwnPropsOfEnum & import("@jsonforms/core").DispatchPropsOfMultiEnumControl) => import("react").JSX.Element;
     MaterialObjectRenderer: ({ renderers, cells, uischemas, schema, label, path, visible, enabled, uischema, rootSchema, }: import("@jsonforms/core").StatePropsOfControlWithDetail) => import("react").JSX.Element;
     MaterialOneOfRenderer: ({ handleChange, schema, path, renderers, cells, rootSchema, id, visible, indexOfFittingSchema, uischema, uischemas, data, }: import("@jsonforms/core").CombinatorRendererProps) => import("react").JSX.Element;
     MaterialLabelRenderer: ({ text, visible }: import("@jsonforms/core").LabelProps) => import("react").JSX.Element;
-    MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, description, disableAdd, disableRemove, }: import("@jsonforms/core").ArrayLayoutProps) => import("react").JSX.Element;
+    MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, description, disableAdd, disableRemove, translations, }: import("@jsonforms/core").ArrayLayoutProps & {
+        translations: import("@jsonforms/core").ArrayTranslations;
+    }) => import("react").JSX.Element;
 };

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

@@ -413,7 +413,7 @@ var MaterialArrayControlRenderer = function (props) {
     var _a = React.useState(false), open = _a[0], setOpen = _a[1];
     var _b = React.useState(undefined), path = _b[0], setPath = _b[1];
     var _c = React.useState(undefined), rowData = _c[0], setRowData = _c[1];
-    var removeItems = props.removeItems, visible = props.visible;
+    var removeItems = props.removeItems, visible = props.visible, translations = props.translations;
     var openDeleteDialog = React.useCallback(function (p, rowIndex) {
         setOpen(true);
         setPath(p);
@@ -430,11 +430,11 @@ var MaterialArrayControlRenderer = function (props) {
         return null;
     }
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(MaterialTableControl, __assign({}, props, { openDeleteDialog: openDeleteDialog })),
-        React__default["default"].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__default["default"].createElement(MaterialTableControl, __assign({}, props, { openDeleteDialog: openDeleteDialog, translations: translations })),
+        React__default["default"].createElement(DeleteDialog, { open: open, onCancel: deleteCancel, onConfirm: deleteConfirm, onClose: deleteClose, acceptText: translations.deleteDialogAccept, declineText: translations.deleteDialogDecline, title: translations.deleteDialogTitle, message: translations.deleteDialogMessage })));
 };
 var materialArrayControlTester = core.rankWith(3, core.or(core.isObjectArrayControl, core.isPrimitiveArrayControl));
-var MaterialArrayControlRenderer$1 = react.withJsonFormsArrayLayoutProps(MaterialArrayControlRenderer);
+var MaterialArrayControlRenderer$1 = react.withJsonFormsArrayLayoutProps(react.withTranslateProps(react.withArrayTranslationProps(MaterialArrayControlRenderer)));
 
 var useFocus = function () {
     var _a = React.useState(false), focused = _a[0], setFocused = _a[1];
@@ -788,7 +788,9 @@ var MaterialOneOfRenderer = function (_a) {
     var cancel = React.useCallback(function () {
         setConfirmDialogOpen(false);
     }, [setConfirmDialogOpen]);
-    var oneOfRenderInfos = core.createCombinatorRenderInfos(schema.oneOf, rootSchema, 'oneOf', uischema, path, uischemas);
+    var oneOfRenderInfos = React.useMemo(function () {
+        return core.createCombinatorRenderInfos(schema.oneOf, rootSchema, 'oneOf', uischema, path, uischemas);
+    }, [schema, rootSchema, uischema, path, uischemas]);
     var openNewTab = function (newIndex) {
         handleChange(path, core.createDefaultValue(oneOfRenderInfos[newIndex].schema, rootSchema));
         setSelectedIndex(newIndex);
@@ -864,7 +866,7 @@ var ListWithDetailMasterItem = function (_a) {
 var ListWithDetailMasterItem$1 = react.withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
 
 var MaterialListWithDetailRenderer = function (_a) {
-    var uischemas = _a.uischemas, schema = _a.schema, uischema = _a.uischema, path = _a.path, enabled = _a.enabled, errors = _a.errors, visible = _a.visible, label = _a.label, required = _a.required, removeItems = _a.removeItems, addItem = _a.addItem, data = _a.data, renderers = _a.renderers, cells = _a.cells, config = _a.config, rootSchema = _a.rootSchema, translations = _a.translations, description = _a.description, disableAdd = _a.disableAdd, disableRemove = _a.disableRemove;
+    var uischemas = _a.uischemas, schema = _a.schema, uischema = _a.uischema, path = _a.path, enabled = _a.enabled, errors = _a.errors, visible = _a.visible, label = _a.label, required = _a.required, removeItems = _a.removeItems, addItem = _a.addItem, data = _a.data, renderers = _a.renderers, cells = _a.cells, config = _a.config, rootSchema = _a.rootSchema, description = _a.description, disableAdd = _a.disableAdd, disableRemove = _a.disableRemove, translations = _a.translations;
     var _b = React.useState(undefined), selectedIndex = _b[0], setSelectedIndex = _b[1];
     var handleRemoveItem = React.useCallback(function (p, value) { return function () {
         removeItems(p, [value])();
@@ -897,7 +899,7 @@ var MaterialListWithDetailRenderer = function (_a) {
             React__default["default"].createElement(material.Grid, { item: true, xs: true }, selectedIndex !== undefined ? (React__default["default"].createElement(react.JsonFormsDispatch, { renderers: renderers, cells: cells, visible: visible, schema: schema, uischema: foundUISchema, path: core.composePaths(path, "".concat(selectedIndex)) })) : (React__default["default"].createElement(material.Typography, { variant: 'h6' }, translations.noSelection))))));
 };
 var materialListWithDetailTester = core.rankWith(4, core.and(core.uiTypeIs('ListWithDetail'), core.isObjectArray));
-var MaterialListWithDetailRenderer$1 = react.withJsonFormsArrayLayoutProps(MaterialListWithDetailRenderer);
+var MaterialListWithDetailRenderer$1 = react.withJsonFormsArrayLayoutProps(react.withTranslateProps(react.withArrayTranslationProps(MaterialListWithDetailRenderer)));
 
 var MaterialInputControl = function (props) {
     var _a = useFocus(), focused = _a[0], onFocus = _a[1], onBlur = _a[2];
@@ -1573,7 +1575,7 @@ var MaterialArrayLayoutComponent = function (props) {
     var isExpanded = function (index) {
         return expanded === core.composePaths(props.path, "".concat(index));
     };
-    var enabled = props.enabled, data = props.data, path = props.path, schema = props.schema, uischema = props.uischema, errors = props.errors, addItem = props.addItem, renderers = props.renderers, cells = props.cells, label = props.label, required = props.required, rootSchema = props.rootSchema, config = props.config, uischemas = props.uischemas, translations = props.translations, description = props.description, disableAdd = props.disableAdd, disableRemove = props.disableRemove;
+    var enabled = props.enabled, data = props.data, path = props.path, schema = props.schema, uischema = props.uischema, errors = props.errors, addItem = props.addItem, renderers = props.renderers, cells = props.cells, label = props.label, required = props.required, rootSchema = props.rootSchema, config = props.config, uischemas = props.uischemas, description = props.description, disableAdd = props.disableAdd, disableRemove = props.disableRemove, translations = props.translations;
     var appliedUiSchemaOptions = merge__default["default"]({}, config, props.uischema.options);
     var doDisableAdd = disableAdd || appliedUiSchemaOptions.disableAdd;
     var doDisableRemove = disableRemove || appliedUiSchemaOptions.disableRemove;
@@ -1586,15 +1588,15 @@ var MaterialArrayLayoutComponent = function (props) {
 var MaterialArrayLayout$1 = React__default["default"].memo(MaterialArrayLayoutComponent);
 
 var MaterialArrayLayoutRenderer = function (_a) {
-    var visible = _a.visible, addItem = _a.addItem, props = __rest(_a, ["visible", "addItem"]);
+    var visible = _a.visible, addItem = _a.addItem, translations = _a.translations, props = __rest(_a, ["visible", "addItem", "translations"]);
     var addItemCb = React.useCallback(function (p, value) { return addItem(p, value); }, [addItem]);
     if (!visible) {
         return null;
     }
-    return (React__default["default"].createElement(MaterialArrayLayout$1, __assign({ visible: visible, addItem: addItemCb }, props)));
+    return (React__default["default"].createElement(MaterialArrayLayout$1, __assign({ translations: translations, visible: visible, addItem: addItemCb }, props)));
 };
 var materialArrayLayoutTester = core.rankWith(4, core.isObjectArrayWithNesting);
-var MaterialArrayLayout = react.withJsonFormsArrayLayoutProps(MaterialArrayLayoutRenderer);
+var MaterialArrayLayout = react.withJsonFormsArrayLayoutProps(react.withTranslateProps(react.withArrayTranslationProps(MaterialArrayLayoutRenderer)));
 
 var MaterialBooleanCell = function (props) {
     return React__default["default"].createElement(MuiCheckbox, __assign({}, props));