@jsonforms/material-renderers 3.0.0-alpha.0 → 3.0.0-beta.0

package/lib/layouts/ArrayToolbar.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface ArrayLayoutToolbarProps {
-    label: string;
-    errors: string;
-    path: string;
-    addItem(path: string, data: any): () => void;
-    createDefault(): any;
-}
-export declare const ArrayLayoutToolbar: React.MemoExoticComponent<({ label, errors, addItem, path, createDefault }: ArrayLayoutToolbarProps) => JSX.Element>;
+import React from 'react';
+export interface ArrayLayoutToolbarProps {
+    label: string;
+    errors: string;
+    path: string;
+    addItem(path: string, data: any): () => void;
+    createDefault(): any;
+}
+export declare const ArrayLayoutToolbar: React.MemoExoticComponent<({ label, errors, addItem, path, createDefault }: ArrayLayoutToolbarProps) => JSX.Element>;

package/lib/layouts/ExpandPanelRenderer.d.ts

@@ -1,52 +1,51 @@
-import { Dispatch, ReducerAction } from 'react';
-import { ComponentType } from 'enzyme';
-import { ControlElement, JsonFormsRendererRegistryEntry, JsonSchema, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
-interface OwnPropsOfExpandPanel {
-    index: number;
-    path: string;
-    uischema: ControlElement;
-    schema: JsonSchema;
-    expanded: boolean;
-    renderers?: JsonFormsRendererRegistryEntry[];
-    cells?: JsonFormsCellRendererRegistryEntry[];
-    uischemas?: JsonFormsUISchemaRegistryEntry[];
-    rootSchema: JsonSchema;
-    enableMoveUp: boolean;
-    enableMoveDown: boolean;
-    config: any;
-    childLabelProp?: string;
-    handleExpansion(panel: string): (event: any, expanded: boolean) => void;
-}
-interface StatePropsOfExpandPanel extends OwnPropsOfExpandPanel {
-    childLabel: string;
-    childPath: string;
-    enableMoveUp: boolean;
-    enableMoveDown: boolean;
-}
-/**
- * Dispatch props of a table control
- */
-export interface DispatchPropsOfExpandPanel {
-    removeItems(path: string, toDelete: number[]): (event: any) => void;
-    moveUp(path: string, toMove: number): (event: any) => void;
-    moveDown(path: string, toMove: number): (event: any) => void;
-}
-export interface ExpandPanelProps extends StatePropsOfExpandPanel, DispatchPropsOfExpandPanel {
-}
-/**
- * Maps state to dispatch properties of an expand pandel control.
- *
- * @param dispatch the store's dispatch method
- * @returns {DispatchPropsOfArrayControl} dispatch props of an expand panel control
- */
-export declare const ctxDispatchToExpandPanelProps: (dispatch: Dispatch<ReducerAction<any>>) => DispatchPropsOfExpandPanel;
-/**
- * Map state to control props.
- * @param state the JSON Forms state
- * @param ownProps any own props
- * @returns {StatePropsOfControl} state props for a control
- */
-export declare const withContextToExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
-export declare const withJsonFormsExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
-declare const _default: ComponentType<OwnPropsOfExpandPanel>;
-export default _default;
+import React, { ComponentType, Dispatch, ReducerAction } from 'react';
+import { ControlElement, JsonFormsRendererRegistryEntry, JsonSchema, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
+interface OwnPropsOfExpandPanel {
+    index: number;
+    path: string;
+    uischema: ControlElement;
+    schema: JsonSchema;
+    expanded: boolean;
+    renderers?: JsonFormsRendererRegistryEntry[];
+    cells?: JsonFormsCellRendererRegistryEntry[];
+    uischemas?: JsonFormsUISchemaRegistryEntry[];
+    rootSchema: JsonSchema;
+    enableMoveUp: boolean;
+    enableMoveDown: boolean;
+    config: any;
+    childLabelProp?: string;
+    handleExpansion(panel: string): (event: any, expanded: boolean) => void;
+}
+interface StatePropsOfExpandPanel extends OwnPropsOfExpandPanel {
+    childLabel: string;
+    childPath: string;
+    enableMoveUp: boolean;
+    enableMoveDown: boolean;
+}
+/**
+ * Dispatch props of a table control
+ */
+export interface DispatchPropsOfExpandPanel {
+    removeItems(path: string, toDelete: number[]): (event: any) => void;
+    moveUp(path: string, toMove: number): (event: any) => void;
+    moveDown(path: string, toMove: number): (event: any) => void;
+}
+export interface ExpandPanelProps extends StatePropsOfExpandPanel, DispatchPropsOfExpandPanel {
+}
+/**
+ * Maps state to dispatch properties of an expand pandel control.
+ *
+ * @param dispatch the store's dispatch method
+ * @returns {DispatchPropsOfArrayControl} dispatch props of an expand panel control
+ */
+export declare const ctxDispatchToExpandPanelProps: (dispatch: Dispatch<ReducerAction<any>>) => DispatchPropsOfExpandPanel;
+/**
+ * Map state to control props.
+ * @param state the JSON Forms state
+ * @param ownProps any own props
+ * @returns {StatePropsOfControl} state props for a control
+ */
+export declare const withContextToExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
+export declare const withJsonFormsExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
+declare const _default: React.ComponentType<OwnPropsOfExpandPanel>;
+export default _default;

package/lib/layouts/MaterialArrayLayout.d.ts

@@ -1,13 +1,3 @@
-import React from 'react';
-import { ArrayLayoutProps } from '@jsonforms/core';
-interface MaterialArrayLayoutState {
-    expanded: string | boolean;
-}
-export declare class MaterialArrayLayout extends React.PureComponent<ArrayLayoutProps, MaterialArrayLayoutState> {
-    state: MaterialArrayLayoutState;
-    innerCreateDefaultValue: () => {};
-    handleChange: (panel: string) => (_event: any, expanded: boolean) => void;
-    isExpanded: (index: number) => boolean;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { ArrayLayoutProps } from '@jsonforms/core';
+export declare const MaterialArrayLayout: React.MemoExoticComponent<(props: ArrayLayoutProps) => JSX.Element>;

package/lib/layouts/MaterialArrayLayoutRenderer.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ArrayLayoutProps, RankedTester } from '@jsonforms/core';
-export declare const MaterialArrayLayoutRenderer: ({ visible, enabled, id, uischema, schema, label, rootSchema, renderers, cells, data, path, errors, uischemas, addItem }: ArrayLayoutProps) => JSX.Element;
-export declare const materialArrayLayoutTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl>;
-export default _default;
+import React from 'react';
+import { ArrayLayoutProps, RankedTester } from '@jsonforms/core';
+export declare const MaterialArrayLayoutRenderer: ({ visible, enabled, id, uischema, schema, label, rootSchema, renderers, cells, data, path, errors, uischemas, addItem }: ArrayLayoutProps) => JSX.Element;
+export declare const materialArrayLayoutTester: RankedTester;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
+export default _default;

package/lib/layouts/MaterialCategorizationLayout.d.ts

@@ -1,25 +1,17 @@
-import React from 'react';
-import { RankedTester, StatePropsOfLayout, Tester } from '@jsonforms/core';
-import { RendererComponent } from '@jsonforms/react';
-import { AjvProps } from '../util/layout';
-export declare const isSingleLevelCategorization: Tester;
-export declare const materialCategorizationTester: RankedTester;
-export interface CategorizationState {
-    activeCategory: number;
-}
-export interface MaterialCategorizationLayoutRendererProps extends StatePropsOfLayout, AjvProps {
-    selected?: number;
-    ownState?: boolean;
-    data?: any;
-    onChange?(selected: number, prevSelected: number): void;
-}
-export declare class MaterialCategorizationLayoutRenderer extends RendererComponent<MaterialCategorizationLayoutRendererProps, CategorizationState> {
-    state: {
-        activeCategory: number;
-    };
-    render(): JSX.Element;
-    hasOwnState: () => boolean;
-    private handleChange;
-}
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
-export default _default;
+import React from 'react';
+import { RankedTester, StatePropsOfLayout, Tester } from '@jsonforms/core';
+import { AjvProps } from '../util/layout';
+export declare const isSingleLevelCategorization: Tester;
+export declare const materialCategorizationTester: RankedTester;
+export interface CategorizationState {
+    activeCategory: number;
+}
+export interface MaterialCategorizationLayoutRendererProps extends StatePropsOfLayout, AjvProps {
+    selected?: number;
+    ownState?: boolean;
+    data?: any;
+    onChange?(selected: number, prevSelected: number): void;
+}
+export declare const MaterialCategorizationLayoutRenderer: (props: MaterialCategorizationLayoutRendererProps) => JSX.Element;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
+export default _default;

package/lib/layouts/MaterialCategorizationStepperLayout.d.ts

@@ -1,20 +1,13 @@
-import React from 'react';
-import { RankedTester, StatePropsOfLayout } from '@jsonforms/core';
-import { RendererComponent } from '@jsonforms/react';
-import { AjvProps } from '../util/layout';
-export declare const materialCategorizationStepperTester: RankedTester;
-export interface CategorizationStepperState {
-    activeCategory: number;
-}
-export interface MaterialCategorizationStepperLayoutRendererProps extends StatePropsOfLayout, AjvProps {
-    data: any;
-}
-export declare class MaterialCategorizationStepperLayoutRenderer extends RendererComponent<MaterialCategorizationStepperLayoutRendererProps, CategorizationStepperState> {
-    state: {
-        activeCategory: number;
-    };
-    handleStep: (step: number) => void;
-    render(): JSX.Element;
-}
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
-export default _default;
+import React from 'react';
+import { RankedTester, StatePropsOfLayout } from '@jsonforms/core';
+import { AjvProps } from '../util/layout';
+export declare const materialCategorizationStepperTester: RankedTester;
+export interface CategorizationStepperState {
+    activeCategory: number;
+}
+export interface MaterialCategorizationStepperLayoutRendererProps extends StatePropsOfLayout, AjvProps {
+    data: any;
+}
+export declare const MaterialCategorizationStepperLayoutRenderer: (props: MaterialCategorizationStepperLayoutRendererProps) => JSX.Element;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
+export default _default;

package/lib/layouts/MaterialGroupLayout.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { LayoutProps, RankedTester } from '@jsonforms/core';
-export declare const groupTester: RankedTester;
-export declare const MaterializedGroupLayoutRenderer: ({ uischema, schema, path, visible, enabled, renderers, cells, direction }: LayoutProps) => JSX.Element;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
-export default _default;
-export declare const materialGroupTester: RankedTester;
+import React from 'react';
+import { LayoutProps, RankedTester } from '@jsonforms/core';
+export declare const groupTester: RankedTester;
+export declare const MaterializedGroupLayoutRenderer: ({ uischema, schema, path, visible, enabled, renderers, cells, direction }: LayoutProps) => JSX.Element;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
+export default _default;
+export declare const materialGroupTester: RankedTester;

package/lib/layouts/MaterialHorizontalLayout.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { LayoutProps, RankedTester } from '@jsonforms/core';
-/**
- * Default tester for a horizontal layout.
- * @type {RankedTester}
- */
-export declare const materialHorizontalLayoutTester: RankedTester;
-export declare const MaterialHorizontalLayoutRenderer: ({ uischema, renderers, cells, schema, path, enabled, visible }: LayoutProps) => JSX.Element;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
-export default _default;
+import React from 'react';
+import { LayoutProps, RankedTester } from '@jsonforms/core';
+/**
+ * Default tester for a horizontal layout.
+ * @type {RankedTester}
+ */
+export declare const materialHorizontalLayoutTester: RankedTester;
+export declare const MaterialHorizontalLayoutRenderer: ({ uischema, renderers, cells, schema, path, enabled, visible }: LayoutProps) => JSX.Element;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
+export default _default;

package/lib/layouts/MaterialVerticalLayout.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { LayoutProps, RankedTester } from '@jsonforms/core';
-/**
- * Default tester for a vertical layout.
- * @type {RankedTester}
- */
-export declare const materialVerticalLayoutTester: RankedTester;
-export declare const MaterialVerticalLayoutRenderer: ({ uischema, schema, path, enabled, visible, renderers, cells }: LayoutProps) => JSX.Element;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
-export default _default;
+import React from 'react';
+import { LayoutProps, RankedTester } from '@jsonforms/core';
+/**
+ * Default tester for a vertical layout.
+ * @type {RankedTester}
+ */
+export declare const materialVerticalLayoutTester: RankedTester;
+export declare const MaterialVerticalLayoutRenderer: ({ uischema, schema, path, enabled, visible, renderers, cells }: LayoutProps) => JSX.Element;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
+export default _default;

package/lib/layouts/index.d.ts

@@ -1,6 +1,6 @@
-import MaterialGroupLayout, { materialGroupTester } from './MaterialGroupLayout';
-import MaterialHorizontalLayout, { materialHorizontalLayoutTester } from './MaterialHorizontalLayout';
-import MaterialVerticalLayout, { materialVerticalLayoutTester } from './MaterialVerticalLayout';
-import MaterialCategorizationLayout, { materialCategorizationTester } from './MaterialCategorizationLayout';
-import MaterialArrayLayout, { materialArrayLayoutTester } from './MaterialArrayLayoutRenderer';
-export { materialArrayLayoutTester, MaterialArrayLayout, MaterialCategorizationLayout, materialCategorizationTester, MaterialGroupLayout, materialGroupTester, MaterialHorizontalLayout, materialHorizontalLayoutTester, MaterialVerticalLayout, materialVerticalLayoutTester };
+import MaterialGroupLayout, { materialGroupTester } from './MaterialGroupLayout';
+import MaterialHorizontalLayout, { materialHorizontalLayoutTester } from './MaterialHorizontalLayout';
+import MaterialVerticalLayout, { materialVerticalLayoutTester } from './MaterialVerticalLayout';
+import MaterialCategorizationLayout, { materialCategorizationTester } from './MaterialCategorizationLayout';
+import MaterialArrayLayout, { materialArrayLayoutTester } from './MaterialArrayLayoutRenderer';
+export { materialArrayLayoutTester, MaterialArrayLayout, MaterialCategorizationLayout, materialCategorizationTester, MaterialGroupLayout, materialGroupTester, MaterialHorizontalLayout, materialHorizontalLayoutTester, MaterialVerticalLayout, materialVerticalLayoutTester };

package/lib/mui-controls/MuiAutocomplete.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { EnumCellProps, EnumOption, WithClassname } from '@jsonforms/core';
+import { AutocompleteRenderOptionState, FilterOptionsState } from '@mui/material';
+export interface WithOptionLabel {
+    getOptionLabel?(option: EnumOption): string;
+    renderOption?(props: React.HTMLAttributes<HTMLLIElement>, option: EnumOption, state: AutocompleteRenderOptionState): ReactNode;
+    filterOptions?(options: EnumOption[], state: FilterOptionsState<EnumOption>): EnumOption[];
+}
+export declare const MuiAutocomplete: (props: EnumCellProps & WithClassname & WithOptionLabel) => JSX.Element;

package/lib/mui-controls/MuiCheckbox.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { CellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiCheckbox: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;
+import React from 'react';
+import { CellProps, WithClassname } from '@jsonforms/core';
+export declare const MuiCheckbox: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;

package/lib/mui-controls/MuiInputInteger.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { CellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiInputInteger: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;
+import React from 'react';
+import { CellProps, WithClassname } from '@jsonforms/core';
+export declare const MuiInputInteger: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;

package/lib/mui-controls/MuiInputNumber.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { CellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiInputNumber: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;
+import React from 'react';
+import { CellProps, WithClassname } from '@jsonforms/core';
+export declare const MuiInputNumber: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;

package/lib/mui-controls/MuiInputNumberFormat.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { CellProps, Formatted, WithClassname } from '@jsonforms/core';
-export declare const MuiInputNumberFormat: React.MemoExoticComponent<(props: CellProps & WithClassname & Formatted<number>) => JSX.Element>;
+import React from 'react';
+import { CellProps, Formatted, WithClassname } from '@jsonforms/core';
+export declare const MuiInputNumberFormat: React.MemoExoticComponent<(props: CellProps & WithClassname & Formatted<number>) => JSX.Element>;

package/lib/mui-controls/MuiInputText.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { CellProps, WithClassname } from '@jsonforms/core';
-import { InputProps } from '@material-ui/core/Input';
-interface MuiTextInputProps {
-    muiInputProps?: InputProps['inputProps'];
-    inputComponent?: InputProps['inputComponent'];
-}
-export declare const MuiInputText: React.MemoExoticComponent<(props: CellProps & WithClassname & MuiTextInputProps) => JSX.Element>;
-export {};
+import React from 'react';
+import { CellProps, WithClassname } from '@jsonforms/core';
+import { InputProps } from '@mui/material';
+interface MuiTextInputProps {
+    muiInputProps?: InputProps['inputProps'];
+    inputComponent?: InputProps['inputComponent'];
+}
+export declare const MuiInputText: React.MemoExoticComponent<(props: CellProps & WithClassname & MuiTextInputProps) => JSX.Element>;
+export {};

package/lib/mui-controls/MuiInputTime.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { CellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiInputTime: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;
+import React from 'react';
+import { CellProps, WithClassname } from '@jsonforms/core';
+export declare const MuiInputTime: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;

package/lib/mui-controls/MuiSelect.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { EnumCellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiSelect: React.MemoExoticComponent<(props: EnumCellProps & WithClassname) => JSX.Element>;
+import React from 'react';
+import { EnumCellProps, WithClassname } from '@jsonforms/core';
+export declare const MuiSelect: React.MemoExoticComponent<(props: EnumCellProps & WithClassname) => JSX.Element>;

package/lib/mui-controls/MuiToggle.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { CellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiToggle: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;
+import React from 'react';
+import { CellProps, WithClassname } from '@jsonforms/core';
+export declare const MuiToggle: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;

package/lib/mui-controls/index.d.ts

@@ -1,7 +1,7 @@
-export * from './MuiCheckbox';
-export * from './MuiSelect';
-export * from './MuiInputInteger';
-export * from './MuiInputNumber';
-export * from './MuiInputNumberFormat';
-export * from './MuiInputText';
-export * from './MuiInputTime';
+export * from './MuiCheckbox';
+export * from './MuiSelect';
+export * from './MuiInputInteger';
+export * from './MuiInputNumber';
+export * from './MuiInputNumberFormat';
+export * from './MuiInputText';
+export * from './MuiInputTime';

package/lib/util/datejs.d.ts

@@ -0,0 +1,3 @@
+import dayjs from 'dayjs';
+export declare const createOnChangeHandler: (path: string, handleChange: (path: string, value: any) => void, saveFormat: string | undefined) => (time: dayjs.Dayjs) => void;
+export declare const getData: (data: any, saveFormat: string | undefined) => dayjs.Dayjs | null;

package/lib/util/debounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedChange: (handleChange: (path: string, value: any) => void, defaultValue: any, data: any, path: string, eventToValueFunction?: (ev: any) => any, timeout?: number) => [any, React.ChangeEventHandler, () => void];

package/lib/util/focus.d.ts

@@ -0,0 +1 @@
+export declare const useFocus: () => [boolean, () => void, () => void];

package/lib/util/index.d.ts

@@ -1,2 +1,5 @@
-export * from './layout';
-export * from './theme';
+export * from './datejs';
+export * from './layout';
+export * from './theme';
+export * from './debounce';
+export * from './focus';

package/lib/util/layout.d.ts

@@ -1,13 +1,15 @@
-import React from 'react';
-import { Ajv } from 'ajv';
-import { JsonFormsCellRendererRegistryEntry, JsonFormsRendererRegistryEntry, JsonSchema, OwnPropsOfRenderer, UISchemaElement } from '@jsonforms/core';
-export declare const renderLayoutElements: (elements: UISchemaElement[], schema: JsonSchema, path: string, enabled: boolean, renderers?: JsonFormsRendererRegistryEntry[], cells?: JsonFormsCellRendererRegistryEntry[]) => JSX.Element[];
-export interface MaterialLayoutRendererProps extends OwnPropsOfRenderer {
-    elements: UISchemaElement[];
-    direction: 'row' | 'column';
-}
-export declare const MaterialLayoutRenderer: React.MemoExoticComponent<({ visible, elements, schema, path, enabled, direction, renderers, cells }: MaterialLayoutRendererProps) => JSX.Element>;
-export interface AjvProps {
-    ajv: Ajv;
-}
-export declare const withAjvProps: <P extends {}>(Component: React.ComponentType<AjvProps & P>) => (props: P) => JSX.Element;
+import React from 'react';
+import { ComponentType } from 'react';
+import Ajv from 'ajv';
+import type { UISchemaElement } from '@jsonforms/core';
+import { JsonFormsCellRendererRegistryEntry, JsonFormsRendererRegistryEntry, JsonSchema, OwnPropsOfRenderer } from '@jsonforms/core';
+export declare const renderLayoutElements: (elements: UISchemaElement[], schema: JsonSchema, path: string, enabled: boolean, renderers?: JsonFormsRendererRegistryEntry[], cells?: JsonFormsCellRendererRegistryEntry[]) => JSX.Element[];
+export interface MaterialLayoutRendererProps extends OwnPropsOfRenderer {
+    elements: UISchemaElement[];
+    direction: 'row' | 'column';
+}
+export declare const MaterialLayoutRenderer: React.MemoExoticComponent<({ visible, elements, schema, path, enabled, direction, renderers, cells }: MaterialLayoutRendererProps) => JSX.Element>;
+export interface AjvProps {
+    ajv: Ajv;
+}
+export declare const withAjvProps: <P extends {}>(Component: React.ComponentType<AjvProps & P>) => (props: P) => JSX.Element;

package/lib/util/theme.d.ts

@@ -1,10 +1,10 @@
-import { Theme } from '@material-ui/core/styles';
-export interface JsonFormsTheme extends Theme {
-    jsonforms?: {
-        input?: {
-            delete?: {
-                background?: string;
-            };
-        };
-    };
-}
+import { Theme } from '@mui/material';
+export interface JsonFormsTheme extends Theme {
+    jsonforms?: {
+        input?: {
+            delete?: {
+                background?: string;
+            };
+        };
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonforms/material-renderers",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-beta.0",
   "description": "Material Renderer Set for JSON Forms",
   "repository": "https://github.com/eclipsesource/jsonforms",
   "bugs": "https://github.com/eclipsesource/jsonforms/issues",
@@ -28,11 +28,11 @@
     "layout",
     "customization"
   ],
-  "main": "lib/index.js",
+  "main": "lib/jsonforms-react-material.cjs.js",
+  "module": "lib/jsonforms-react-material.esm.js",
   "typings": "lib/index.d.ts",
   "scripts": {
-    "bundle": "webpack --config ./webpack/webpack.build.js --env=production --display-error-details",
-    "build": "tsc",
+    "build": "rollup -c rollup.config.js",
     "dev": "webpack --config webpack/webpack.dev.js && webpack-dev-server --config webpack/webpack.dev.js --env=dev --inline",
     "clean": "rimraf lib coverage dist .nyc_output 2> /dev/null",
     "lint": "tslint --project tsconfig.json --exclude src/models/jsonSchema.ts",
@@ -56,7 +56,12 @@
     "testPathIgnorePatterns": [
       "/node_modules/",
       "/dist/"
-    ]
+    ],
+    "globals": {
+      "ts-jest": {
+        "tsconfig": "tsconfig.test.json"
+      }
+    }
   },
   "nyc": {
     "reporter": [
@@ -65,47 +70,47 @@
     ]
   },
   "dependencies": {
-    "@date-io/moment": "1.3.11",
-    "@material-ui/pickers": "^3.2.8",
-    "@types/uuid": "^3.4.6",
-    "moment": "^2.24.0",
-    "uuid": "^3.3.3"
+    "@date-io/dayjs": "1.3.13",
+    "dayjs": "1.10.6"
   },
   "peerDependencies": {
-    "@jsonforms/core": "^3.0.0-alpha.0",
-    "@jsonforms/react": "^3.0.0-alpha.0",
-    "@material-ui/core": "^4.7.0",
-    "@material-ui/icons": "^4.5.1"
-  },
-  "optionalPeerDependencies": {
-    "@material-ui/lab": "^4.0.0-alpha.56"
+    "@jsonforms/core": "^3.0.0-beta.0",
+    "@jsonforms/react": "^3.0.0-beta.0",
+    "@mui/icons-material": "^5.0.0",
+    "@mui/lab": "^5.0.0-alpha.54",
+    "@mui/material": "^5.0.0"
   },
   "devDependencies": {
-    "@jsonforms/core": "^3.0.0-alpha.0",
-    "@jsonforms/react": "^3.0.0-alpha.0",
-    "@material-ui/core": "^4.7.0",
-    "@material-ui/icons": "^4.5.1",
-    "@material-ui/lab": "^4.0.0-alpha.56",
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
+    "@jsonforms/core": "^3.0.0-beta.0",
+    "@jsonforms/react": "^3.0.0-beta.0",
+    "@mui/icons-material": "^5.2.0",
+    "@mui/lab": "^5.0.0-alpha.58",
+    "@mui/material": "^5.2.2",
     "@types/enzyme": "^3.10.3",
-    "@types/enzyme-adapter-react-16": "^1.0.5",
-    "@types/react-dom": "^16.8.0",
+    "@types/react-dom": "^17.0.9",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "copy-webpack-plugin": "^5.0.5",
     "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.15.1",
-    "jest": "^24.9.0",
-    "nyc": "^14.1.1",
-    "react-dom": "^16.12.0",
+    "jest": "^26.6.3",
+    "nyc": "^15.1.0",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
+    "rollup": "^2.7.3",
+    "rollup-plugin-cleanup": "^3.2.1",
+    "rollup-plugin-typescript2": "^0.31.1",
+    "rollup-plugin-visualizer": "^5.4.1",
     "source-map-loader": "^0.2.4",
-    "ts-jest": "^24.2.0",
+    "ts-jest": "^26.4.4",
     "ts-loader": "^6.2.1",
     "tslint": "^5.20.1",
     "tslint-loader": "^3.5.4",
     "typedoc": "^0.19.2",
-    "typescript": "3.8.3",
+    "typescript": "4.2.3",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.2.1",
     "webpack-dev-server": "^3.9.0"
   },
-  "gitHead": "148c39c0d1142c17bd377d8307a5816b63b0e4e3"
+  "gitHead": "8540d2f63abe25ee079192bc7d45e7ba4be00eac"
 }