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

package/test/renderers/MaterialAnyOfRenderer.test.tsx

@@ -26,7 +26,7 @@ import './MatchMediaMock';
 import React from 'react';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import {
   ControlElement
 } from '@jsonforms/core';

package/test/renderers/MaterialAnyOfStringOrEnumControl.test.tsx

@@ -26,7 +26,7 @@ import './MatchMediaMock';
 import React from 'react';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import {
   ControlElement,
   JsonSchema

package/test/renderers/MaterialArrayControl.test.tsx

@@ -33,7 +33,7 @@ import * as React from 'react';
 import MaterialArrayControlRenderer from '../../src/complex/MaterialArrayControlRenderer';
 import { materialCells, materialRenderers } from '../../src';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider, StatelessRenderer } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 

package/test/renderers/MaterialArrayLayout.test.tsx

@@ -34,9 +34,9 @@ import {
   materialArrayLayoutTester
 } from '../../src/layouts';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonForms, JsonFormsStateProvider } from '@jsonforms/react';
-import { Accordion } from '@material-ui/core';
+import { Accordion } from '@mui/material';
 import { initCore } from './util';
 
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialBooleanCell.test.tsx

@@ -35,7 +35,7 @@ import * as ReactDOM from 'react-dom';
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 

package/test/renderers/MaterialBooleanToggleCell.test.tsx

@@ -36,9 +36,10 @@ import * as ReactDOM from 'react-dom';
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
+import { Switch } from '@mui/material';
 
 Enzyme.configure({ adapter: new Adapter() });
 
@@ -236,7 +237,7 @@ describe('Material boolean toggle cell', () => {
     );
 
     // Make sure a toggle is rendered by checking for the thumb element
-    expect(wrapper.find('.MuiSwitch-thumb')).toHaveLength(1);
+    expect(wrapper.find(Switch)).toHaveLength(1);
 
     const input = wrapper.find('input').first();
     expect(input.props().type).toBe('checkbox');

package/test/renderers/MaterialBooleanToggleControl.test.tsx

@@ -36,9 +36,10 @@ import * as ReactDOM from 'react-dom';
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
+import { Switch } from '@mui/material';
 
 Enzyme.configure({ adapter: new Adapter() });
 
@@ -241,7 +242,7 @@ describe('Material boolean toggle control', () => {
     );
 
     // Make sure a toggle is rendered by checking for the thumb element
-    expect(wrapper.find('.MuiSwitch-thumb')).toHaveLength(1);
+    expect(wrapper.find(Switch)).toHaveLength(1);
 
     const input = wrapper.find('input').first();    
     expect(input.props().type).toBe('checkbox');

package/test/renderers/MaterialCategorizationLayout.test.tsx

@@ -39,8 +39,8 @@ import MaterialCategorizationLayoutRenderer, {
   materialCategorizationTester
 } from '../../src/layouts/MaterialCategorizationLayout';
 import { MaterialLayoutRenderer, materialRenderers } from '../../src';
-import { Tab, Tabs } from '@material-ui/core';
-import Adapter from 'enzyme-adapter-react-16';
+import { Tab, Tabs } from '@mui/material';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { initCore } from './util';
 
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialCategorizationStepperLayout.test.tsx

@@ -39,8 +39,8 @@ import MaterialCategorizationStepperLayoutRenderer, {
   materialCategorizationStepperTester
 } from '../../src/layouts/MaterialCategorizationStepperLayout';
 import { MaterialLayoutRenderer, materialRenderers } from '../../src';
-import { Button, Step, StepButton, Stepper } from '@material-ui/core';
-import Adapter from 'enzyme-adapter-react-16';
+import { Button, Step, StepButton, Stepper } from '@mui/material';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { initCore } from './util';
 
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialDateCell.test.tsx

@@ -35,7 +35,7 @@ import MaterialDateCell, {
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { initCore, TestEmitter } from './util';
 
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialDateControl.test.tsx

@@ -34,7 +34,7 @@ import * as React from 'react';
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 
@@ -202,7 +202,8 @@ describe('Material date control', () => {
       </JsonFormsStateProvider>
     );
     const input = wrapper.find('input').first();
-    input.simulate('change', { target: { value: '1961-04-12' } });
+    (input.getDOMNode() as HTMLInputElement).value = '1961-04-12';
+    input.simulate('change', input);
     expect(onChangeData.data.foo).toBe('1961-04-12');
   });
 
@@ -372,7 +373,8 @@ describe('Material date control', () => {
     const input = wrapper.find('input').first();
     expect(input.props().value).toBe('1980/06');
 
-    input.simulate('change', { target: { value: '1961/04' } });
+    (input.getDOMNode() as HTMLInputElement).value = '1961/04';
+    input.simulate('change', input);
     expect(onChangeData.data.foo).toBe('04---1961');
   });
 });

package/test/renderers/MaterialDateTimeControl.test.tsx

@@ -35,7 +35,7 @@ import dayjs from 'dayjs';
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 
@@ -205,7 +205,8 @@ describe('Material date time control', () => {
       </JsonFormsStateProvider>
     );
     const input = wrapper.find('input').first();
-    input.simulate('change', { target: { value: '1961-12-94 20:15' } });
+    (input.getDOMNode() as HTMLInputElement).value ='1961-12-94 20:15'; 
+    input.simulate('change', input);
     expect(onChangeData.data.foo).toBe(
       dayjs('1961-12-94 20:15').format()
     );
@@ -378,7 +379,8 @@ describe('Material date time control', () => {
     const input = wrapper.find('input').first();
     expect(input.props().value).toBe('23-04-80 01:37:pm');
 
-    input.simulate('change', { target: { value: '10-12-05 11:22:am' } });
+    (input.getDOMNode() as HTMLInputElement).value = '10-12-05 11:22:am'; 
+    input.simulate('change', input);
     expect(onChangeData.data.foo).toBe('2005/12/10 11:22 am');
   });
 });

package/test/renderers/MaterialEnumArrayRenderer.test.tsx

@@ -2,7 +2,7 @@ import './MatchMediaMock';
 import { ControlElement, NOT_APPLICABLE } from '@jsonforms/core';
 import { JsonForms } from '@jsonforms/react';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import React from 'react';
 import {
   materialEnumArrayRendererTester,

package/test/renderers/MaterialEnumCell.test.tsx

@@ -33,7 +33,7 @@ import MaterialEnumCell, {
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore } from './util';
 

package/test/renderers/MaterialGroupLayout.test.tsx

@@ -25,7 +25,7 @@
 import './MatchMediaMock';
 import * as React from 'react';
 import Enzyme, { mount } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import MaterialGroupLayout from '../../src/layouts/MaterialGroupLayout';
 import { MaterialLayoutRenderer } from '../../src/util/layout';
 

package/test/renderers/MaterialInputControl.test.tsx

@@ -25,7 +25,7 @@
 import './MatchMediaMock';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
 import { materialRenderers } from '../../src';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import * as React from 'react';
 import {
   ControlElement,

package/test/renderers/MaterialIntegerCell.test.tsx

@@ -34,7 +34,7 @@ import IntegerCell, {
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 

package/test/renderers/MaterialLabelRenderer.test.tsx

@@ -33,7 +33,7 @@ import MaterialLabelRenderer, {
 } from '../../src/additional/MaterialLabelRenderer';
 import { materialRenderers } from '../../src';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonForms, JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore } from './util';
 

package/test/renderers/MaterialLayouts.test.tsx

@@ -32,7 +32,7 @@ import {
   RuleEffect,
   UISchemaElement
 } from '@jsonforms/core';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonForms } from '@jsonforms/react';
 
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialListWithDetailRenderer.test.tsx

@@ -33,9 +33,9 @@ import MaterialListWithDetailRenderer, {
   materialListWithDetailTester
 } from '../../src/additional/MaterialListWithDetailRenderer';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
-import { ListItem } from '@material-ui/core'
+import { ListItem } from '@mui/material'
 import { initCore } from './util';
 
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialNativeControl.test.tsx

@@ -26,8 +26,8 @@ import './MatchMediaMock';
 import React from 'react';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
 import { MaterialNativeControl } from '../../src/controls/MaterialNativeControl';
-import TextField from '@material-ui/core/TextField';
-import Adapter from 'enzyme-adapter-react-16';
+import TextField from '@mui/material/TextField';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { ControlElement, ControlProps } from '@jsonforms/core';
 
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialNumberCell.test.tsx

@@ -34,7 +34,7 @@ import NumberCell, {
 } from '../../src/cells/MaterialNumberCell';
 import { materialRenderers } from '../../src';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 

package/test/renderers/MaterialObjectControl.test.tsx

@@ -33,7 +33,7 @@ import MaterialObjectRenderer, {
   materialObjectControlTester
 } from '../../src/complex/MaterialObjectRenderer';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore } from './util';
 

package/test/renderers/MaterialOneOfEnumCell.test.tsx

@@ -33,7 +33,7 @@ import MaterialOneOfEnumCell, {
 import {  materialRenderers } from '../../src';
 
 import Enzyme, { mount } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore } from './util';
 

package/test/renderers/MaterialOneOfRadioGroupControl.test.tsx

@@ -33,7 +33,7 @@ import MaterialOneOfRadioGroupControl, {
 } from '../../src/controls/MaterialOneOfRadioGroupControl';
 import { materialRenderers } from '../../src';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import {
   JsonFormsStateProvider
 } from '@jsonforms/react';

package/test/renderers/MaterialOneOfRenderer.test.tsx

@@ -24,10 +24,10 @@
 */
 import './MatchMediaMock';
 import React from 'react';
-import Dialog from '@material-ui/core/Dialog';
+import Dialog from '@mui/material/Dialog';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import {
   ControlElement
 } from '@jsonforms/core';
@@ -36,7 +36,7 @@ import {
   materialRenderers
 } from '../../src';
 import { JsonForms, JsonFormsDispatch, JsonFormsStateProvider } from '@jsonforms/react';
-import { Tab } from '@material-ui/core';
+import { Tab } from '@mui/material';
 import { initCore, TestEmitter } from './util';
 
 Enzyme.configure({ adapter: new Adapter() });
@@ -120,8 +120,9 @@ describe('Material oneOf renderer', () => {
     );
 
     const firstTab = wrapper.find(Tab).first();
-    expect(firstTab.props().selected).toBeTruthy();
+    expect(firstTab.html()).toContain('Mui-selected');
   });
+
   it('should render and select second tab due to datatype', () => {
     const schema = {
       type: 'object',
@@ -159,8 +160,9 @@ describe('Material oneOf renderer', () => {
     expect(wrapper.find(MaterialOneOfRenderer).length).toBeTruthy();
 
     const secondTab = wrapper.find(Tab).at(1);
-    expect(secondTab.props().selected).toBeTruthy();
+    expect(secondTab.html()).toContain('Mui-selected');
   });
+
   it('should render and select second tab due to schema with additionalProperties', () => {
     const schema = {
       type: 'object',
@@ -206,8 +208,9 @@ describe('Material oneOf renderer', () => {
     expect(wrapper.find(MaterialOneOfRenderer).length).toBeTruthy();
 
     const secondTab = wrapper.find(Tab).at(1);
-    expect(secondTab.props().selected).toBeTruthy();
+    expect(secondTab.html()).toContain('Mui-selected');
   });
+
   it('should render and select second tab due to schema with required', () => {
     const schema = {
       type: 'object',
@@ -253,7 +256,7 @@ describe('Material oneOf renderer', () => {
     expect(wrapper.find(MaterialOneOfRenderer).length).toBeTruthy();
 
     const secondTab = wrapper.find(Tab).at(1);
-    expect(secondTab.props().selected).toBeTruthy();
+    expect(secondTab.html()).toContain('Mui-selected');
   });
 
   it('should add an item at correct path', (done) => {

package/test/renderers/MaterialRadioGroupControl.test.tsx

@@ -31,7 +31,7 @@ import {
 import MaterialRadioGroupControl, { materialRadioGroupControlTester } from '../../src/controls/MaterialRadioGroupControl';
 import { materialRenderers } from '../../src';
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore } from './util';
 Enzyme.configure({ adapter: new Adapter() });

package/test/renderers/MaterialSliderControl.test.tsx

@@ -33,10 +33,10 @@ import SliderControl, {
   materialSliderControlTester
 } from '../../src/controls/MaterialSliderControl';
 import { materialRenderers } from '../../src';
-import { Slider } from '@material-ui/core';
+import { Slider } from '@mui/material';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonForms, JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore } from './util';
 

package/test/renderers/MaterialTextCell.test.tsx

@@ -35,7 +35,7 @@ import TextCell, {
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 
@@ -454,9 +454,8 @@ describe('Material text cell', () => {
       .first()
       .getDOMNode() as HTMLInputElement;
     expect(input.maxLength).toBe(DEFAULT_MAX_LENGTH);
-    expect(
-      getComputedStyle(input.parentElement, null).getPropertyValue('width')
-    ).toBe('100%');
+
+    expect(input.parentElement.classList.contains('MuiInputBase-fullWidth')).toBeTruthy;
     expect(input.size).toBe(DEFAULT_SIZE);
   });
 
@@ -478,9 +477,7 @@ describe('Material text cell', () => {
       .first()
       .getDOMNode() as HTMLInputElement;
     expect(input.maxLength).toBe(DEFAULT_MAX_LENGTH);
-    expect(
-      getComputedStyle(input.parentElement, null).getPropertyValue('width')
-    ).toBe('100%');
+    expect(input.parentElement.classList.contains('MuiInputBase-fullWidth')).toBeTruthy;
     expect(input.size).toBe(DEFAULT_SIZE);
   });
 
@@ -502,9 +499,7 @@ describe('Material text cell', () => {
       .first()
       .getDOMNode() as HTMLInputElement;
     expect(input.maxLength).toBe(DEFAULT_MAX_LENGTH);
-    expect(
-      getComputedStyle(input.parentElement, null).getPropertyValue('width')
-    ).toBe('100%');
+    expect(input.parentElement.classList.contains('MuiInputBase-fullWidth')).toBeTruthy;
     expect(input.size).toBe(DEFAULT_SIZE);
   });
 
@@ -520,9 +515,7 @@ describe('Material text cell', () => {
       .first()
       .getDOMNode() as HTMLInputElement;
     expect(input.maxLength).toBe(DEFAULT_MAX_LENGTH);
-    expect(
-      getComputedStyle(input.parentElement, null).getPropertyValue('width')
-    ).toBe('100%');
+    expect(input.parentElement.classList.contains('MuiInputBase-fullWidth')).toBeTruthy;
     expect(input.size).toBe(DEFAULT_SIZE);
   });
 

package/test/renderers/MaterialTextControl.test.tsx

@@ -28,9 +28,9 @@ import Enzyme, { mount, ReactWrapper } from 'enzyme';
 import { MaterialTextControl } from '../../src/controls/MaterialTextControl';
 import { MaterialInputControl } from '../../src/controls/MaterialInputControl';
 import { MuiInputText } from '../../src/mui-controls/MuiInputText';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { ControlElement, ControlProps } from '@jsonforms/core';
-import { Input, InputAdornment } from '@material-ui/core';
+import { Input, InputAdornment } from '@mui/material';
 
 Enzyme.configure({ adapter: new Adapter() });
 
@@ -97,7 +97,9 @@ describe('Material text control', () => {
   it('shows clear button when data exists', () => {
     const props = defaultControlProps();
     wrapper = mount(createMaterialTextControl(props));
-    wrapper.find(Input).simulate('pointerenter');
+    // call onPointerEnter prop manually as the tests seem to ignore 'pointerenter' events, 'mouseover' events work however.
+    wrapper.find(Input).props().onPointerEnter.call(this);
+    wrapper.update();
     expect(wrapper.find(InputAdornment).props().style).not.toHaveProperty('display', 'none');
   });
 
@@ -105,7 +107,9 @@ describe('Material text control', () => {
     const props = defaultControlProps();
     delete props.data;
     wrapper = mount(createMaterialTextControl(props));
-    wrapper.find(Input).simulate('pointerenter');
+    // call onPointerEnter prop manually as the tests seem to ignore 'pointerenter' events, 'mouseover' events work however.
+    wrapper.find(Input).props().onPointerEnter.call(this);
+    wrapper.update();
     expect(wrapper.find(InputAdornment).props().style).toHaveProperty('display', 'none');
   });
 });

package/test/renderers/MaterialTimeCell.test.tsx

@@ -34,7 +34,7 @@ import TimeCell, {
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 

package/test/renderers/MaterialTimeControl.test.tsx

@@ -34,7 +34,7 @@ import * as React from 'react';
 import { materialRenderers } from '../../src';
 
 import Enzyme, { mount, ReactWrapper } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import { JsonFormsStateProvider } from '@jsonforms/react';
 import { initCore, TestEmitter } from './util';
 
@@ -202,7 +202,8 @@ describe('Material time control', () => {
       </JsonFormsStateProvider>
     );
     const input = wrapper.find('input').first();
-    input.simulate('change', { target: { value: '08:40' } });
+    (input.getDOMNode() as HTMLInputElement).value = '08:40';
+    input.simulate('change', input);
     expect(onChangeData.data.foo).toBe('08:40:00');
   });
 
@@ -372,7 +373,8 @@ describe('Material time control', () => {
     const input = wrapper.find('input').first();
     expect(input.props().value).toBe('02-13');
 
-    input.simulate('change', { target: { value: '12-01' } });
+    (input.getDOMNode() as HTMLInputElement).value = '12:01';
+    input.simulate('change', input);
     expect(onChangeData.data.foo).toBe('1//12 am');
   });
 });

package/webpack/webpack.build.js

@@ -14,8 +14,8 @@ module.exports = merge(baseConfig, {
       "redux": "Redux",
       "react-redux": "ReactRedux"
     },
-    /@material-ui\/core\/.*/,
-    /@material-ui\/icons\/.*/,
-    /@material-ui\/lab\/.*/,
+    /@mui\/material\/.*/,
+    /@mui\/icons-material\/.*/,
+    /@mui\/lab\/.*/,
   ],
 });

package/example/CustomAutocomplete.tsx

@@ -1,54 +0,0 @@
-import {
-  AnyAction, 
-  ControlProps,
-  Dispatch,
-  OwnPropsOfEnum,
-  RankedTester,
-  withIncreasedRank,
-  Actions
-} from '@jsonforms/core';
-import { ExtendedUnwrapped } from '../src/extended';
-import { materialAutocompleteOneOfEnumControlTester } from '../src/extended/MaterialAutocompleteOneOfEnumControl';
-import { withJsonFormsOneOfEnumProps } from '@jsonforms/react';
-import React from 'react';
-import Typography from '@material-ui/core/Typography';
-const MyAutocompleteControl = (props: ControlProps & OwnPropsOfEnum) => {
-  return (
-    <ExtendedUnwrapped.MaterialAutocompleteOneOfEnumControl
-      {...props}
-      renderOption={option => (<Typography>{`${option?.value}\t-\t${option?.label}`}</Typography>)}
-      filterOptions={(options, state) => options.filter(o => o.label.includes(state.inputValue) || o.value.includes(state.inputValue))}
-    />
-  );
-};
-
-const myAutocompleteTester: RankedTester = withIncreasedRank(
-  1,
-  materialAutocompleteOneOfEnumControlTester
-);
-
-const ConnectedControl = withJsonFormsOneOfEnumProps(MyAutocompleteControl);
-
-
-export const ExampleExtension = (dispatch: Dispatch<AnyAction>) => (
-  <div>
-    <button
-      onClick={() =>
-        dispatch(
-          Actions.registerRenderer(myAutocompleteTester, ConnectedControl)
-        )
-      }
-    >
-      Register Custom OneOf Autocomplete
-    </button>
-    <button
-      onClick={() =>
-        dispatch(
-          Actions.unregisterRenderer(myAutocompleteTester, ConnectedControl)
-        )
-      }
-    >
-      Unregister Custom OneOf Autocomplete
-    </button>
-  </div>
-);