@jsonforms/material-renderers 3.1.0-alpha.0 → 3.1.0-alpha.2

package/lib/layouts/ArrayToolbar.d.ts

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

package/lib/layouts/ExpandPanelRenderer.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentType, Dispatch, ReducerAction } from 'react';
-import { ControlElement, JsonFormsRendererRegistryEntry, JsonSchema, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
+import { ControlElement, JsonFormsRendererRegistryEntry, JsonSchema, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry, ArrayTranslations } from '@jsonforms/core';
 interface OwnPropsOfExpandPanel {
     enabled: boolean;
     index: number;
@@ -16,6 +16,7 @@ interface OwnPropsOfExpandPanel {
     config: any;
     childLabelProp?: string;
     handleExpansion(panel: string): (event: any, expanded: boolean) => void;
+    translations: ArrayTranslations;
 }
 interface StatePropsOfExpandPanel extends OwnPropsOfExpandPanel {
     childLabel: string;
@@ -33,6 +34,7 @@ export interface DispatchPropsOfExpandPanel {
 }
 export interface ExpandPanelProps extends StatePropsOfExpandPanel, DispatchPropsOfExpandPanel {
 }
+export declare const ExpandPanelRenderer: React.MemoExoticComponent<(props: ExpandPanelProps) => JSX.Element>;
 /**
  * Maps state to dispatch properties of an expand pandel control.
  *

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, label }: LayoutProps) => JSX.Element;
+export declare const MaterializedGroupLayoutRenderer: ({ uischema, schema, path, visible, enabled, renderers, cells, direction, label, }: LayoutProps) => JSX.Element;
 declare const _default: React.ComponentType<LayoutProps & import("@jsonforms/core").OwnPropsOfLayout>;
 export default _default;
 export declare const materialGroupTester: RankedTester;

package/lib/layouts/MaterialHorizontalLayout.d.ts

@@ -5,6 +5,6 @@ import { LayoutProps, RankedTester } from '@jsonforms/core';
  * @type {RankedTester}
  */
 export declare const materialHorizontalLayoutTester: RankedTester;
-export declare const MaterialHorizontalLayoutRenderer: ({ uischema, renderers, cells, schema, path, enabled, visible }: LayoutProps) => JSX.Element;
+export declare const MaterialHorizontalLayoutRenderer: ({ uischema, renderers, cells, schema, path, enabled, visible, }: LayoutProps) => JSX.Element;
 declare const _default: React.ComponentType<LayoutProps & import("@jsonforms/core").OwnPropsOfLayout>;
 export default _default;

package/lib/layouts/MaterialVerticalLayout.d.ts

@@ -5,6 +5,6 @@ import { LayoutProps, RankedTester } from '@jsonforms/core';
  * @type {RankedTester}
  */
 export declare const materialVerticalLayoutTester: RankedTester;
-export declare const MaterialVerticalLayoutRenderer: ({ uischema, schema, path, enabled, visible, renderers, cells }: LayoutProps) => JSX.Element;
+export declare const MaterialVerticalLayoutRenderer: ({ uischema, schema, path, enabled, visible, renderers, cells, }: LayoutProps) => JSX.Element;
 declare const _default: React.ComponentType<LayoutProps & import("@jsonforms/core").OwnPropsOfLayout>;
 export default _default;

package/lib/layouts/index.d.ts

@@ -1,6 +1,8 @@
+import ExpandPanelRenderer, { ctxDispatchToExpandPanelProps, withContextToExpandPanelProps, withJsonFormsExpandPanelProps } from './ExpandPanelRenderer';
 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 };
+export { ExpandPanelRenderer, ctxDispatchToExpandPanelProps, withContextToExpandPanelProps, withJsonFormsExpandPanelProps, MaterialArrayLayout, materialArrayLayoutTester, MaterialCategorizationLayout, materialCategorizationTester, MaterialGroupLayout, materialGroupTester, MaterialHorizontalLayout, materialHorizontalLayoutTester, MaterialVerticalLayout, materialVerticalLayoutTester, };
+export * from './ArrayToolbar';

package/lib/layouts/unwrapped.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const UnwrappedLayouts: {
+    ExpandPanelRenderer: import("react").MemoExoticComponent<(props: import("./ExpandPanelRenderer").ExpandPanelProps) => JSX.Element>;
+    MaterialArrayLayout: ({ visible, addItem, ...props }: import("@jsonforms/core").ArrayLayoutProps) => JSX.Element;
+    MaterialCategorizationLayout: (props: import("./MaterialCategorizationLayout").MaterialCategorizationLayoutRendererProps) => JSX.Element;
+    MaterialGroupLayout: ({ uischema, schema, path, visible, enabled, renderers, cells, direction, label, }: import("@jsonforms/core").LayoutProps) => JSX.Element;
+    MaterialHorizontalLayout: ({ uischema, renderers, cells, schema, path, enabled, visible, }: import("@jsonforms/core").LayoutProps) => JSX.Element;
+    MaterialVerticalLayout: ({ uischema, schema, path, enabled, visible, renderers, cells, }: import("@jsonforms/core").LayoutProps) => JSX.Element;
+};
+export * from './ArrayToolbar';

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

@@ -1,3 +1,8 @@
 import React from 'react';
 import { CellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiCheckbox: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;
+import { InputProps } from '@mui/material';
+interface MuiCheckboxInputProps {
+    inputProps?: InputProps['inputProps'];
+}
+export declare const MuiCheckbox: React.NamedExoticComponent<CellProps & WithClassname & MuiCheckboxInputProps>;
+export {};

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>;
+export declare const MuiInputInteger: React.NamedExoticComponent<CellProps & WithClassname>;

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>;
+export declare const MuiInputNumber: React.NamedExoticComponent<CellProps & WithClassname>;

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>;
+export declare const MuiInputNumberFormat: React.NamedExoticComponent<CellProps & WithClassname & Formatted<number>>;

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

@@ -5,5 +5,5 @@ interface MuiTextInputProps {
     muiInputProps?: InputProps['inputProps'];
     inputComponent?: InputProps['inputComponent'];
 }
-export declare const MuiInputText: React.MemoExoticComponent<(props: CellProps & WithClassname & MuiTextInputProps) => JSX.Element>;
+export declare const MuiInputText: React.NamedExoticComponent<CellProps & WithClassname & MuiTextInputProps>;
 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>;
+export declare const MuiInputTime: React.NamedExoticComponent<CellProps & WithClassname>;

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

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

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

@@ -1,3 +1,8 @@
 import React from 'react';
 import { CellProps, WithClassname } from '@jsonforms/core';
-export declare const MuiToggle: React.MemoExoticComponent<(props: CellProps & WithClassname) => JSX.Element>;
+import { InputProps } from '@mui/material';
+interface MuiToggleInputProps {
+    inputProps?: InputProps['inputProps'];
+}
+export declare const MuiToggle: React.NamedExoticComponent<CellProps & WithClassname & MuiToggleInputProps>;
+export {};

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

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

package/lib/util/layout.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { ComponentType } from 'react';
+import React, { ComponentType } from 'react';
 import Ajv from 'ajv';
 import type { UISchemaElement } from '@jsonforms/core';
 import { JsonFormsCellRendererRegistryEntry, JsonFormsRendererRegistryEntry, JsonSchema, OwnPropsOfRenderer } from '@jsonforms/core';
@@ -8,7 +7,7 @@ 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 declare const MaterialLayoutRenderer: React.MemoExoticComponent<({ visible, elements, schema, path, enabled, direction, renderers, cells, }: MaterialLayoutRendererProps) => JSX.Element>;
 export interface AjvProps {
     ajv: Ajv;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonforms/material-renderers",
-  "version": "3.1.0-alpha.0",
+  "version": "3.1.0-alpha.2",
   "description": "Material Renderer Set for JSON Forms",
   "repository": "https://github.com/eclipsesource/jsonforms",
   "bugs": "https://github.com/eclipsesource/jsonforms/issues",
@@ -11,6 +11,10 @@
     "src": "src",
     "webpack": "webpack"
   },
+  "files": [
+    "lib",
+    "src"
+  ],
   "keywords": [
     "material",
     "renderer",
@@ -33,9 +37,11 @@
   "typings": "lib/index.d.ts",
   "scripts": {
     "build": "rollup -c rollup.config.js",
+    "build:examples-app": "rollup -c rollup.example.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",
+    "clean": "rimraf lib coverage dist .nyc_output example/dist 2> /dev/null",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
     "test": "jest --no-cache",
     "test-cov": "jest --no-cache --coverage",
     "report": "nyc report --reporter=html",
@@ -76,43 +82,55 @@
   "peerDependencies": {
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
-    "@jsonforms/core": "3.1.0-alpha.0",
-    "@jsonforms/react": "3.1.0-alpha.0",
-    "@mui/icons-material": "^5.0.0",
-    "@mui/material": "^5.0.0",
+    "@jsonforms/core": "3.1.0-alpha.2",
+    "@jsonforms/react": "3.1.0-alpha.2",
+    "@mui/icons-material": "~5.2.2",
+    "@mui/material": "~5.2.2",
     "@mui/x-date-pickers": "^5.0.0-beta.5"
   },
   "devDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
-    "@jsonforms/core": "^3.1.0-alpha.0",
-    "@jsonforms/react": "^3.1.0-alpha.0",
-    "@mui/icons-material": "^5.2.0",
-    "@mui/material": "^5.2.2",
+    "@jsonforms/core": "^3.1.0-alpha.2",
+    "@jsonforms/react": "^3.1.0-alpha.2",
+    "@mui/icons-material": "~5.2.0",
+    "@mui/material": "~5.2.2",
     "@mui/x-date-pickers": "^5.0.0-beta.5",
+    "@rollup/plugin-commonjs": "^23.0.3",
+    "@rollup/plugin-json": "^5.0.2",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-replace": "^5.0.1",
     "@types/enzyme": "^3.10.3",
     "@types/react-dom": "^17.0.9",
+    "@typescript-eslint/eslint-plugin": "^5.54.1",
+    "@typescript-eslint/parser": "^5.54.1",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "copy-webpack-plugin": "^5.0.5",
     "enzyme": "^3.10.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.7.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
     "jest": "^26.6.3",
     "nyc": "^15.1.0",
+    "prettier": "^2.8.4",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.7.3",
+    "rollup": "^2.78.0",
     "rollup-plugin-cleanup": "^3.2.1",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-import-css": "^3.1.0",
     "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",
-    "tslint": "^5.20.1",
-    "tslint-loader": "^3.5.4",
     "typedoc": "^0.19.2",
     "typescript": "4.2.3",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.2.1",
     "webpack-dev-server": "^3.9.0"
   },
-  "gitHead": "91f351daa7b7ae4bb0f0dffd47f00bb6cf682ec1"
+  "gitHead": "1e1ccad5f7ebfaf80412c8af3e422faebb12d0d5"
 }

package/src/additional/ListWithDetailMasterItem.tsx

@@ -22,37 +22,45 @@
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-import { StatePropsOfMasterItem } from '@jsonforms/core';
+import type { StatePropsOfMasterItem } from '@jsonforms/core';
 import { withJsonFormsMasterListItemProps } from '@jsonforms/react';
 import {
-    Avatar,
-    IconButton,
-    ListItem,
-    ListItemAvatar,
-    ListItemSecondaryAction,
-    ListItemText,
+  Avatar,
+  IconButton,
+  ListItem,
+  ListItemAvatar,
+  ListItemSecondaryAction,
+  ListItemText,
 } from '@mui/material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import React from 'react';
 
-const ListWithDetailMasterItem = ({ index, childLabel, selected, handleSelect, removeItem, path }: StatePropsOfMasterItem) => {
-    return (
-        <ListItem
-            button
-            selected={selected}
-            onClick={handleSelect(index)}
+export const ListWithDetailMasterItem = ({
+  index,
+  childLabel,
+  selected,
+  handleSelect,
+  removeItem,
+  path,
+  translations,
+}: StatePropsOfMasterItem) => {
+  return (
+    <ListItem button selected={selected} onClick={handleSelect(index)}>
+      <ListItemAvatar>
+        <Avatar aria-label='Index'>{index + 1}</Avatar>
+      </ListItemAvatar>
+      <ListItemText primary={childLabel} />
+      <ListItemSecondaryAction>
+        <IconButton
+          aria-label={translations.removeAriaLabel}
+          onClick={removeItem(path, index)}
+          size='large'
         >
-            <ListItemAvatar>
-                <Avatar aria-label='Index'>{index + 1}</Avatar>
-            </ListItemAvatar>
-            <ListItemText primary={childLabel} />
-            <ListItemSecondaryAction>
-                <IconButton aria-label='Delete' onClick={removeItem(path, index)} size='large'>
-                    <DeleteIcon />
-                </IconButton>
-            </ListItemSecondaryAction>
-        </ListItem>
-    );
+          <DeleteIcon />
+        </IconButton>
+      </ListItemSecondaryAction>
+    </ListItem>
+  );
 };
 
 export default withJsonFormsMasterListItemProps(ListWithDetailMasterItem);

package/src/additional/MaterialLabelRenderer.tsx

@@ -23,33 +23,26 @@
   THE SOFTWARE.
 */
 import React from 'react';
-import {
-  LabelProps,
-  RankedTester,
-  rankWith,
-  uiTypeIs,
-} from '@jsonforms/core';
+import { LabelProps, RankedTester, rankWith, uiTypeIs } from '@jsonforms/core';
 import { withJsonFormsLabelProps } from '@jsonforms/react';
-import {
-  Hidden,
-  Typography
-} from '@mui/material';
+import { Hidden, Typography } from '@mui/material';
 
 /**
  * Default tester for a label.
  * @type {RankedTester}
  */
-export const materialLabelRendererTester: RankedTester = rankWith(1, uiTypeIs('Label'));
+export const materialLabelRendererTester: RankedTester = rankWith(
+  1,
+  uiTypeIs('Label')
+);
 
 /**
  * Default renderer for a label.
  */
-export const MaterialLabelRenderer = ({ text, visible }: LabelProps ) => {
+export const MaterialLabelRenderer = ({ text, visible }: LabelProps) => {
   return (
     <Hidden xsUp={!visible}>
-      <Typography variant='h6'>
-        {text}
-      </Typography>
+      <Typography variant='h6'>{text}</Typography>
     </Hidden>
   );
 };

package/src/additional/MaterialListWithDetailRenderer.tsx

@@ -32,11 +32,11 @@ import {
   isObjectArray,
   RankedTester,
   rankWith,
-  uiTypeIs
+  uiTypeIs,
 } from '@jsonforms/core';
 import {
   JsonFormsDispatch,
-  withJsonFormsArrayLayoutProps
+  withJsonFormsArrayLayoutProps,
 } from '@jsonforms/react';
 import { Grid, Hidden, List, Typography } from '@mui/material';
 import map from 'lodash/map';
@@ -61,7 +61,8 @@ export const MaterialListWithDetailRenderer = ({
   renderers,
   cells,
   config,
-  rootSchema
+  rootSchema,
+  translations,
 }: ArrayLayoutProps) => {
   const [selectedIndex, setSelectedIndex] = useState(undefined);
   const handleRemoveItem = useCallback(
@@ -105,6 +106,7 @@ export const MaterialListWithDetailRenderer = ({
   return (
     <Hidden xsUp={!visible}>
       <ArrayLayoutToolbar
+        translations={translations}
         label={computeLabel(
           label,
           required,
@@ -119,7 +121,7 @@ export const MaterialListWithDetailRenderer = ({
         <Grid item xs={3}>
           <List>
             {data > 0 ? (
-              map(range(data), index => (
+              map(range(data), (index) => (
                 <ListWithDetailMasterItem
                   index={index}
                   path={path}
@@ -128,6 +130,7 @@ export const MaterialListWithDetailRenderer = ({
                   removeItem={handleRemoveItem}
                   selected={selectedIndex === index}
                   key={index}
+                  translations={translations}
                 />
               ))
             ) : (
@@ -146,7 +149,7 @@ export const MaterialListWithDetailRenderer = ({
               path={composePaths(path, `${selectedIndex}`)}
             />
           ) : (
-            <Typography variant='h6'>No Selection</Typography>
+            <Typography variant='h6'>{translations.noSelection}</Typography>
           )}
         </Grid>
       </Grid>

package/src/additional/index.ts

@@ -23,10 +23,18 @@
   THE SOFTWARE.
 */
 import MaterialLabelRenderer, {
-  materialLabelRendererTester
+  materialLabelRendererTester,
 } from './MaterialLabelRenderer';
-export { MaterialLabelRenderer, materialLabelRendererTester };
+
 import MaterialListWithDetailRenderer, {
-  materialListWithDetailTester
+  materialListWithDetailTester,
 } from './MaterialListWithDetailRenderer';
-export { MaterialListWithDetailRenderer, materialListWithDetailTester };
+
+export {
+  MaterialLabelRenderer,
+  materialLabelRendererTester,
+  MaterialListWithDetailRenderer,
+  materialListWithDetailTester,
+};
+
+export * from './ListWithDetailMasterItem';

package/{example/index.ts → src/additional/unwrapped.ts}

@@ -22,10 +22,11 @@
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-import { renderExample } from '../../example/src/index';
-import { materialRenderers, materialCells } from '../src';
+import { MaterialLabelRenderer } from './MaterialLabelRenderer';
 
-renderExample(
-  materialRenderers,
-  materialCells
-);
+import { MaterialListWithDetailRenderer } from './MaterialListWithDetailRenderer';
+
+export const UnwrappedAdditional = {
+  MaterialLabelRenderer,
+  MaterialListWithDetailRenderer,
+};

package/src/cells/MaterialBooleanCell.tsx

@@ -28,7 +28,7 @@ import {
   isBooleanControl,
   RankedTester,
   rankWith,
-  WithClassname
+  WithClassname,
 } from '@jsonforms/core';
 import { withJsonFormsCellProps } from '@jsonforms/react';
 import { MuiCheckbox } from '../mui-controls/MuiCheckbox';

package/src/cells/MaterialBooleanToggleCell.tsx

@@ -30,7 +30,7 @@ import {
   optionIs,
   RankedTester,
   rankWith,
-  WithClassname
+  WithClassname,
 } from '@jsonforms/core';
 import { withJsonFormsCellProps } from '@jsonforms/react';
 import { MuiToggle } from '../mui-controls/MuiToggle';
@@ -42,6 +42,6 @@ export const MaterialBooleanToggleCell = (props: CellProps & WithClassname) => {
 export const materialBooleanToggleCellTester: RankedTester = rankWith(
   3,
   and(isBooleanControl, optionIs('toggle', true))
-);;
+);
 
 export default withJsonFormsCellProps(MaterialBooleanToggleCell);

package/src/cells/MaterialDateCell.tsx

@@ -28,23 +28,15 @@ import {
   isDateControl,
   RankedTester,
   rankWith,
-  WithClassname
+  WithClassname,
 } from '@jsonforms/core';
 import { withJsonFormsCellProps } from '@jsonforms/react';
 import Input from '@mui/material/Input';
 import merge from 'lodash/merge';
 
 export const MaterialDateCell = (props: CellProps & WithClassname) => {
-  const {
-    data,
-    className,
-    id,
-    enabled,
-    uischema,
-    path,
-    handleChange,
-    config
-  } = props;
+  const { data, className, id, enabled, uischema, path, handleChange, config } =
+    props;
 
   const appliedUiSchemaOptions = merge({}, config, uischema.options);
 
@@ -52,7 +44,7 @@ export const MaterialDateCell = (props: CellProps & WithClassname) => {
     <Input
       type='date'
       value={data || ''}
-      onChange={ev => handleChange(path, ev.target.value)}
+      onChange={(ev) => handleChange(path, ev.target.value)}
       className={className}
       id={id}
       disabled={!enabled}

package/src/cells/MaterialEnumCell.tsx

@@ -28,14 +28,18 @@ import {
   isEnumControl,
   RankedTester,
   rankWith,
-  WithClassname
+  WithClassname,
 } from '@jsonforms/core';
-import { TranslateProps, withJsonFormsEnumCellProps, withTranslateProps } from '@jsonforms/react';
+import {
+  TranslateProps,
+  withJsonFormsEnumCellProps,
+  withTranslateProps,
+} from '@jsonforms/react';
 import { MuiSelect } from '../mui-controls/MuiSelect';
 
-export const MaterialEnumCell = (props: EnumCellProps & WithClassname & TranslateProps) => (
-  <MuiSelect {...props} />
-);
+export const MaterialEnumCell = (
+  props: EnumCellProps & WithClassname & TranslateProps
+) => <MuiSelect {...props} />;
 
 /**
  * Default tester for enum controls.
@@ -44,4 +48,7 @@ export const MaterialEnumCell = (props: EnumCellProps & WithClassname & Translat
 export const materialEnumCellTester: RankedTester = rankWith(2, isEnumControl);
 
 // HOC order can be reversed with https://github.com/eclipsesource/jsonforms/issues/1987
-export default withJsonFormsEnumCellProps(withTranslateProps(React.memo(MaterialEnumCell)), false);
+export default withJsonFormsEnumCellProps(
+  withTranslateProps(React.memo(MaterialEnumCell)),
+  false
+);

package/src/cells/MaterialIntegerCell.tsx

@@ -28,7 +28,7 @@ import {
   isIntegerControl,
   RankedTester,
   rankWith,
-  WithClassname
+  WithClassname,
 } from '@jsonforms/core';
 import { withJsonFormsCellProps } from '@jsonforms/react';
 import { MuiInputInteger } from '../mui-controls/MuiInputInteger';

package/src/cells/MaterialNumberCell.tsx

@@ -28,7 +28,7 @@ import {
   isNumberControl,
   RankedTester,
   rankWith,
-  WithClassname
+  WithClassname,
 } from '@jsonforms/core';
 import { withJsonFormsCellProps } from '@jsonforms/react';
 import { MuiInputNumber } from '../mui-controls/MuiInputNumber';

package/src/cells/MaterialNumberFormatCell.tsx

@@ -29,7 +29,7 @@ import {
   isNumberFormatControl,
   RankedTester,
   rankWith,
-  WithClassname
+  WithClassname,
 } from '@jsonforms/core';
 import { withJsonFormsCellProps } from '@jsonforms/react';
 import { MuiInputNumberFormat } from '../mui-controls/MuiInputNumberFormat';