@jsonforms/material-renderers 3.0.0-alpha.3 → 3.0.0-beta.2

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,51 +1,51 @@
-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;
+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,3 +1,3 @@
-import React from 'react';
-import { ArrayLayoutProps } from '@jsonforms/core';
-export declare const MaterialArrayLayout: React.MemoExoticComponent<(props: ArrayLayoutProps) => JSX.Element>;
+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("@jsonforms/core").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,17 +1,17 @@
-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;
+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,13 +1,13 @@
-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;
+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("@jsonforms/core").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("@jsonforms/core").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("@jsonforms/core").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/{extended → mui-controls}/MuiAutocomplete.d.ts

@@ -1,9 +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;
+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 '@mui/material';
-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

@@ -1,3 +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;
+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

@@ -1 +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];
+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

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

package/lib/util/index.d.ts

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

package/lib/util/layout.d.ts

@@ -1,14 +1,15 @@
-import React from 'react';
-import { ComponentType } 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 '@mui/material';
-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.3",
+  "version": "3.0.0-beta.2",
   "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": [
@@ -69,8 +74,10 @@
     "dayjs": "1.10.6"
   },
   "peerDependencies": {
-    "@jsonforms/core": "^3.0.0-alpha.0",
-    "@jsonforms/react": "^3.0.0-alpha.0",
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
+    "@jsonforms/core": "3.0.0-beta.2",
+    "@jsonforms/react": "3.0.0-beta.2",
     "@mui/icons-material": "^5.0.0",
     "@mui/lab": "^5.0.0-alpha.54",
     "@mui/material": "^5.0.0"
@@ -78,8 +85,8 @@
   "devDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
-    "@jsonforms/core": "^3.0.0-alpha.3",
-    "@jsonforms/react": "^3.0.0-alpha.3",
+    "@jsonforms/core": "^3.0.0-beta.2",
+    "@jsonforms/react": "^3.0.0-beta.2",
     "@mui/icons-material": "^5.2.0",
     "@mui/lab": "^5.0.0-alpha.58",
     "@mui/material": "^5.2.2",
@@ -89,9 +96,13 @@
     "copy-webpack-plugin": "^5.0.5",
     "enzyme": "^3.10.0",
     "jest": "^26.6.3",
-    "nyc": "^14.1.1",
+    "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": "^26.4.4",
     "ts-loader": "^6.2.1",
@@ -103,5 +114,5 @@
     "webpack-cli": "^3.2.1",
     "webpack-dev-server": "^3.9.0"
   },
-  "gitHead": "81f1f19dac49b1864e712e9abbc5c5c6355a2b91"
+  "gitHead": "8e9c14dcf049ee4b31baf9c40a86b394cba33139"
 }

package/rollup.config.js

@@ -0,0 +1,51 @@
+import typescript from 'rollup-plugin-typescript2';
+import cleanup from 'rollup-plugin-cleanup';
+import { visualizer } from 'rollup-plugin-visualizer';
+
+const packageJson = require('./package.json');
+
+const baseConfig = {
+  input: 'src/index.ts',
+  external: [
+    ...Object.keys(packageJson.dependencies),
+    ...Object.keys(packageJson.peerDependencies),
+    'react',
+    /^lodash\/.*/,
+    /^@material-ui\/.*/,
+    /^dayjs\/.*/
+  ]
+};
+
+export default [
+  {
+    ...baseConfig,
+    output: {
+      file: packageJson.module,
+      format: 'esm',
+      sourcemap: true
+    },
+    plugins: [
+      typescript(),
+      cleanup({ extensions: ['js', 'ts', 'jsx', 'tsx'] }),
+      visualizer({ open: false })
+    ]
+  },
+  {
+    ...baseConfig,
+    output: {
+      file: packageJson.main,
+      format: 'cjs',
+      sourcemap: true
+    },
+    plugins: [
+      typescript({
+        tsconfigOverride: {
+          compilerOptions: {
+            target: 'ES5'
+          }
+        }
+      }),
+      cleanup({ extensions: ['js', 'ts', 'jsx', 'tsx'] })
+    ]
+  }
+];