feat(mui): migrate to mui 5

rvsia · rvsia · commit cf76be834216 · 2021-10-25T17:10:38.000+02:00
diff --git a/packages/mui-component-mapper/package.json b/packages/mui-component-mapper/package.json
@@ -25,28 +25,26 @@
     "directory": "packages/mui-component-mapper"
   },
   "devDependencies": {
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/icons": "^4.9.1",
-    "@material-ui/styles": "^4.10.0"
+    "@mui/icons-material": "^5.0.4",
+    "@mui/material": "^5.0.4",
+    "@mui/styles": "^5.0.1"
   },
   "peerDependencies": {
     "@data-driven-forms/react-form-renderer": ">=3.2.1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/styles": "^4.9.14",
     "prop-types": ">=15.7.2",
-    "react": "^16.13.1 || ^17.0.2",
-    "react-dom": "^16.13.1 || ^17.0.2"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "dependencies": {
     "@data-driven-forms/common": "*",
-    "@date-io/date-fns": "^1.0.1",
-    "@date-io/moment": "^1.0.1",
-    "@material-ui/pickers": "^3.2.10",
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
+    "@mui/lab": "^5.0.0-alpha.51",
     "clsx": "^1.0.4",
-    "date-fns": "^1.30.1",
     "lodash": "^4.17.21",
-    "moment": "^2.23.0",
-    "@material-ui/lab": "^4.0.0-alpha.53"
+    "moment": "^2.23.0"
   }
 }
diff --git a/packages/mui-component-mapper/src/checkbox/checkbox.d.ts b/packages/mui-component-mapper/src/checkbox/checkbox.d.ts
@@ -1,5 +1,5 @@
 import { UseFieldApiComponentConfig } from '@data-driven-forms/react-form-renderer';
-import { CheckboxProps as MuiCheckboxProps, GridProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@material-ui/core';
+import { CheckboxProps as MuiCheckboxProps, GridProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
 
 interface InternalCheckboxProps extends MuiCheckboxProps {
   FormFieldGridProps?: GridProps;
diff --git a/packages/mui-component-mapper/src/checkbox/checkbox.js b/packages/mui-component-mapper/src/checkbox/checkbox.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Checkbox as MUICheckbox, FormControl, FormControlLabel, FormHelperText, FormGroup, FormLabel } from '@material-ui/core';
+import { Checkbox as MUICheckbox, FormControl, FormControlLabel, FormHelperText, FormGroup, FormLabel } from '@mui/material';
 import { meta, input } from '@data-driven-forms/common/prop-types-templates';
 
 import FormFieldGrid from '../form-field-grid/form-field-grid';
diff --git a/packages/mui-component-mapper/src/date-picker/date-picker.d.ts b/packages/mui-component-mapper/src/date-picker/date-picker.d.ts
@@ -1,6 +1,6 @@
 import { DatePickerProps as MuiDatePickerProps } from "@material-ui/pickers/DatePicker";
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { GridProps } from "@material-ui/core";
+import { GridProps } from "@mui/material";
 import { MuiPickersUtilsProviderProps } from "@material-ui/pickers/MuiPickersUtilsProvider";
 
 interface InternalDatePickerProps extends MuiDatePickerProps {
diff --git a/packages/mui-component-mapper/src/date-picker/date-picker.js b/packages/mui-component-mapper/src/date-picker/date-picker.js
@@ -1,7 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { MuiPickersUtilsProvider, DatePicker as MUIDatePicker } from '@material-ui/pickers';
-import MomentUtils from '@date-io/moment';
+
+import MUIDatePicker from '@mui/lab/DatePicker';
+import AdapterDateFns from '@mui/lab/AdapterDateFns';
+import LocalizationProvider from '@mui/lab/LocalizationProvider';
 
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
@@ -29,7 +31,7 @@ const DatePicker = (props) => {
 
   return (
     <FormFieldGrid {...FormFieldGridProps}>
-      <MuiPickersUtilsProvider locale={locale} utils={MomentUtils} {...MuiPickersUtilsProviderProps}>
+      <LocalizationProvider locale={locale} adapter={AdapterDateFns} {...MuiPickersUtilsProviderProps}>
         <MUIDatePicker
           fullWidth
           margin="normal"
@@ -44,7 +46,7 @@ const DatePicker = (props) => {
           value={input.value || null}
           {...DatePickerProps}
         />
-      </MuiPickersUtilsProvider>
+      </LocalizationProvider>
     </FormFieldGrid>
   );
 };
diff --git a/packages/mui-component-mapper/src/dual-list-select/dual-list-select.d.ts b/packages/mui-component-mapper/src/dual-list-select/dual-list-select.d.ts
@@ -16,7 +16,7 @@ import {
   ToolbarProps,
   TextFieldProps,
   PaperProps,
-} from "@material-ui/core";
+} from "@mui/material";
 
 export interface DualListOption extends AnyObject {
   value: any;
diff --git a/packages/mui-component-mapper/src/dual-list-select/dual-list-select.js b/packages/mui-component-mapper/src/dual-list-select/dual-list-select.js
@@ -19,11 +19,11 @@ import {
   Typography,
   Paper,
   Button,
-} from '@material-ui/core';
+} from '@mui/material';
 
-import SortIcon from '@material-ui/icons/ArrowUpward';
+import SortIcon from '@mui/icons-material/ArrowUpward';
 
-import { makeStyles } from '@material-ui/core/styles';
+import makeStyles from '@mui/styles/makeStyles';
 
 import DualListSelectCommon from '@data-driven-forms/common/dual-list-select';
 
@@ -191,7 +191,15 @@ const ToolbarInternal = ({
         {...LeftFilterFieldProps}
         className={clsx(classes.filter, FilterFieldProps && FilterFieldProps.className, LeftFilterFieldProps && LeftFilterFieldProps.className)}
       />
-      <IconButton aria-label="sort options" edge="end" onClick={sortOptions} color="inherit" {...SortIconButtonProps} {...LeftSortIconButtonProps}>
+      <IconButton
+        aria-label="sort options"
+        edge="end"
+        onClick={sortOptions}
+        color="inherit"
+        {...SortIconButtonProps}
+        {...LeftSortIconButtonProps}
+        size="large"
+      >
         <SortIcon
           {...SortIconProps}
           {...LeftSortIconProps}
diff --git a/packages/mui-component-mapper/src/field-array/field-array.d.ts b/packages/mui-component-mapper/src/field-array/field-array.d.ts
@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { FieldArrayField } from "@data-driven-forms/react-form-renderer";
-import { FormControlProps, GridProps, ButtonProps, FormHelperTextProps, TypographyProps } from "@material-ui/core";
+import { FormControlProps, GridProps, ButtonProps, FormHelperTextProps, TypographyProps } from "@mui/material";
 
 export interface FieldArrayButtonLabels {
   add?: ReactNode;
diff --git a/packages/mui-component-mapper/src/field-array/field-array.js b/packages/mui-component-mapper/src/field-array/field-array.js
@@ -3,11 +3,11 @@ import PropTypes from 'prop-types';
 import { useFormApi, FieldArray } from '@data-driven-forms/react-form-renderer';
 import isEqual from 'lodash/isEqual';
 
-import { Grid, Button, Typography, FormControl, FormHelperText, IconButton } from '@material-ui/core';
+import { Grid, Button, Typography, FormControl, FormHelperText, IconButton } from '@mui/material';
 
-import { makeStyles } from '@material-ui/core/styles';
-import RedoIcon from '@material-ui/icons/Redo';
-import UndoIcon from '@material-ui/icons/Undo';
+import makeStyles from '@mui/styles/makeStyles';
+import RedoIcon from '@mui/icons-material/Redo';
+import UndoIcon from '@mui/icons-material/Undo';
 
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 
@@ -217,7 +217,15 @@ const DynamicArray = ({ ...props }) => {
                       {label}
                     </Typography>
                   )}
-                  <IconButton color="primary" aria-label="undo" component="span" disabled={state.index === 0} onClick={undo} {...UndoButtonProps}>
+                  <IconButton
+                    color="primary"
+                    aria-label="undo"
+                    component="span"
+                    disabled={state.index === 0}
+                    onClick={undo}
+                    {...UndoButtonProps}
+                    size="large"
+                  >
                     <UndoIcon />
                   </IconButton>
                   <IconButton
@@ -227,6 +235,7 @@ const DynamicArray = ({ ...props }) => {
                     disabled={state.index === state.history.length}
                     onClick={redo}
                     {...RedoButtonProps}
+                    size="large"
                   >
                     <RedoIcon />
                   </IconButton>
diff --git a/packages/mui-component-mapper/src/form-field-grid/form-field-grid.d.ts b/packages/mui-component-mapper/src/form-field-grid/form-field-grid.d.ts
@@ -1,5 +1,5 @@
 import { AnyObject } from '@data-driven-forms/react-form-renderer';
-import { GridProps } from '@material-ui/core';
+import { GridProps } from '@mui/material';
 
 declare const FormFieldGrid: React.ComponentType<GridProps>;
 
diff --git a/packages/mui-component-mapper/src/form-field-grid/form-field-grid.js b/packages/mui-component-mapper/src/form-field-grid/form-field-grid.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Grid } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Grid } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 import clsx from 'clsx';
 
 const useFinalFormFieldStyles = makeStyles({
diff --git a/packages/mui-component-mapper/src/form-template/form-template.js b/packages/mui-component-mapper/src/form-template/form-template.js
@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Grid, Button as MUIButton, Typography } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
-import Alert from '@material-ui/lab/Alert';
-import AlertTitle from '@material-ui/lab/AlertTitle';
+import { Grid, Button as MUIButton, Typography } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
 
 import FormTemplate from '@data-driven-forms/common/form-template';
 import clsx from 'clsx';
diff --git a/packages/mui-component-mapper/src/multiple-chioce-list/multiple-choice-list.d.ts b/packages/mui-component-mapper/src/multiple-chioce-list/multiple-choice-list.d.ts
@@ -7,7 +7,7 @@ import {
   CheckboxProps as MUICheckboxProps,
   FormLabelProps as MUIFormLabelProps,
   FormHelperTextProps as MUIFormHelperTextProps
-} from '@material-ui/core';
+} from '@mui/material';
 
 interface InternalCheckboxProps extends AnyObject {
   FormFieldGridProps: GridProps,
diff --git a/packages/mui-component-mapper/src/multiple-chioce-list/multiple-choice-list.js b/packages/mui-component-mapper/src/multiple-chioce-list/multiple-choice-list.js
@@ -1,7 +1,7 @@
 import React, { createContext, useContext } from 'react';
 import PropTypes from 'prop-types';
 
-import { Grid, Checkbox, FormControlLabel, FormLabel, FormGroup, FormControl, FormHelperText } from '@material-ui/core';
+import { Grid, Checkbox, FormControlLabel, FormLabel, FormGroup, FormControl, FormHelperText } from '@mui/material';
 
 import MultipleChoiceListCommon, { wrapperProps } from '@data-driven-forms/common/multiple-choice-list';
 import { validationError } from '../validation-error/validation-error';
diff --git a/packages/mui-component-mapper/src/plain-text/plain-text.d.ts b/packages/mui-component-mapper/src/plain-text/plain-text.d.ts
@@ -1,4 +1,4 @@
-import { TypographyProps } from "@material-ui/core";
+import { TypographyProps } from "@mui/material";
 import { ElementType, ReactNode } from "react";
 
 export interface PlainTextProps extends Omit<TypographyProps, 'component'> {
diff --git a/packages/mui-component-mapper/src/plain-text/plain-text.js b/packages/mui-component-mapper/src/plain-text/plain-text.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Typography } from '@material-ui/core';
+import { Typography } from '@mui/material';
 import PropTypes from 'prop-types';
 
 const PlainText = ({ label, name, component, element, ...props }) =>
diff --git a/packages/mui-component-mapper/src/radio/radio.d.ts b/packages/mui-component-mapper/src/radio/radio.d.ts
@@ -1,5 +1,5 @@
 import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
-import { RadioProps as MuiRadioProps, GridProps, FormControlProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@material-ui/core';
+import { RadioProps as MuiRadioProps, GridProps, FormControlProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
 import { ReactNode } from "react";
 
 export interface RadioOption extends AnyObject {
diff --git a/packages/mui-component-mapper/src/radio/radio.js b/packages/mui-component-mapper/src/radio/radio.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Radio as MUIRadio, FormControlLabel, FormControl, FormLabel, FormHelperText } from '@material-ui/core';
+import { Radio as MUIRadio, FormControlLabel, FormControl, FormLabel, FormHelperText } from '@mui/material';
 import { wrapperProps } from '@data-driven-forms/common/multiple-choice-list';
-import { makeStyles } from '@material-ui/core/styles';
+import makeStyles from '@mui/styles/makeStyles';
 
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
diff --git a/packages/mui-component-mapper/src/select/select.d.ts b/packages/mui-component-mapper/src/select/select.d.ts
@@ -1,7 +1,7 @@
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { AutocompleteProps } from "@material-ui/lab/Autocomplete";
+import { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ReactNode } from "react";
-import { GridProps, TextFieldProps, InputProps } from "@material-ui/core";
+import { GridProps, TextFieldProps, InputProps } from "@mui/material";
 
 interface InternalSelectProps<T> extends AutocompleteProps<T, boolean | undefined, boolean | undefined, boolean | undefined> {
   isRequired?: boolean;
diff --git a/packages/mui-component-mapper/src/select/select.js b/packages/mui-component-mapper/src/select/select.js
@@ -7,9 +7,9 @@ import { meta } from '@data-driven-forms/common/prop-types-templates';
 import DDFSelect from '@data-driven-forms/common/select';
 import parseInternalValue from '@data-driven-forms/common/select/parse-internal-value';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
-import { TextField, CircularProgress } from '@material-ui/core';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
-import Autocomplete from '@material-ui/lab/Autocomplete';
+import { TextField, CircularProgress } from '@mui/material';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import Autocomplete from '@mui/material/Autocomplete';
 
 /**
  * Returns label of selected option
diff --git a/packages/mui-component-mapper/src/slider/slider.d.ts b/packages/mui-component-mapper/src/slider/slider.d.ts
@@ -1,5 +1,5 @@
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { SliderProps as MuiSliderProps, GridProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps } from '@material-ui/core';
+import { SliderProps as MuiSliderProps, GridProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
 import { ReactNode } from "react";
 
 interface InternalSliderProps extends MuiSliderProps {
diff --git a/packages/mui-component-mapper/src/slider/slider.js b/packages/mui-component-mapper/src/slider/slider.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormControl, FormGroup, FormHelperText, Slider as MUISlider, FormLabel, Grid } from '@material-ui/core';
+import { FormControl, FormGroup, FormHelperText, Slider as MUISlider, FormLabel, Grid } from '@mui/material';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 
 import FormFieldGrid from '../form-field-grid/form-field-grid';
diff --git a/packages/mui-component-mapper/src/sub-form/sub-form.d.ts b/packages/mui-component-mapper/src/sub-form/sub-form.d.ts
@@ -1,5 +1,5 @@
 import { Field } from "@data-driven-forms/react-form-renderer";
-import { GridProps, TypographyProps } from "@material-ui/core";
+import { GridProps, TypographyProps } from "@mui/material";
 import { ReactNode } from "react";
 
 export interface SubFormProps {
diff --git a/packages/mui-component-mapper/src/sub-form/sub-form.js b/packages/mui-component-mapper/src/sub-form/sub-form.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Typography, Grid } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Typography, Grid } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 
 import { useFormApi } from '@data-driven-forms/react-form-renderer';
 
diff --git a/packages/mui-component-mapper/src/switch/switch.d.ts b/packages/mui-component-mapper/src/switch/switch.d.ts
@@ -1,5 +1,5 @@
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { SwitchProps as MuiSwitchProps, GridProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@material-ui/core';
+import { SwitchProps as MuiSwitchProps, GridProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
 import { ReactNode } from "react";
 
 interface InternalSwitchProps extends MuiSwitchProps {
diff --git a/packages/mui-component-mapper/src/switch/switch.js b/packages/mui-component-mapper/src/switch/switch.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormControlLabel, FormHelperText, FormControl, FormGroup, FormLabel, Switch as MUISwitch } from '@material-ui/core';
+import { FormControlLabel, FormHelperText, FormControl, FormGroup, FormLabel, Switch as MUISwitch } from '@mui/material';
 import { meta, input } from '@data-driven-forms/common/prop-types-templates';
 
 import FormFieldGrid from '../form-field-grid/form-field-grid';
diff --git a/packages/mui-component-mapper/src/tabs/tabs.d.ts b/packages/mui-component-mapper/src/tabs/tabs.d.ts
@@ -1,5 +1,5 @@
 import { Field } from "@data-driven-forms/react-form-renderer";
-import { AppBarProps, TabProps } from "@material-ui/core";
+import { AppBarProps, TabProps } from "@mui/material";
 
 export interface TabsProps {
   fields: Field[];
diff --git a/packages/mui-component-mapper/src/tabs/tabs.js b/packages/mui-component-mapper/src/tabs/tabs.js
@@ -1,6 +1,6 @@
 import React, { Fragment, useState } from 'react';
 import PropTypes from 'prop-types';
-import { AppBar, Tab, Tabs } from '@material-ui/core';
+import { AppBar, Tab, Tabs } from '@mui/material';
 
 import { useFormApi } from '@data-driven-forms/react-form-renderer';
 
diff --git a/packages/mui-component-mapper/src/tests/dependencies.test.js b/packages/mui-component-mapper/src/tests/dependencies.test.js
@@ -3,8 +3,8 @@ import DEMOJson from '../../../react-renderer-demo/package.json';
 
 describe('package.json', () => {
   it('mui-mapper has the same version as react-renderer-demo', () => {
-    expect(MUIJson.devDependencies['@material-ui/core']).toEqual(DEMOJson.dependencies['@material-ui/core']);
-    expect(MUIJson.devDependencies['@material-ui/icons']).toEqual(DEMOJson.dependencies['@material-ui/icons']);
-    expect(MUIJson.devDependencies['@material-ui/styles']).toEqual(DEMOJson.dependencies['@material-ui/styles']);
+    expect(MUIJson.devDependencies['@mui/material']).toEqual(DEMOJson.dependencies['@mui/material']);
+    expect(MUIJson.devDependencies['@mui/icons-material']).toEqual(DEMOJson.dependencies['@mui/icons-material']);
+    expect(MUIJson.devDependencies['@mui/styles']).toEqual(DEMOJson.dependencies['@mui/styles']);
   });
 });
diff --git a/packages/mui-component-mapper/src/tests/dual-list-select.test.js b/packages/mui-component-mapper/src/tests/dual-list-select.test.js
@@ -3,9 +3,9 @@ import { act } from 'react-dom/test-utils';
 import { FormRenderer, componentTypes } from '@data-driven-forms/react-form-renderer';
 import { mount } from 'enzyme';
 
-import { List, ListItem, Toolbar, TextField, Paper, Button, IconButton } from '@material-ui/core';
+import { List, ListItem, Toolbar, TextField, Paper, Button, IconButton } from '@mui/material';
 
-import SortIcon from '@material-ui/icons/ArrowUpward';
+import SortIcon from '@mui/icons-material/ArrowUpward';
 
 import { componentMapper, FormTemplate } from '../index';
 import FormFieldGrid from '../form-field-grid';
diff --git a/packages/mui-component-mapper/src/tests/field-array.test.js b/packages/mui-component-mapper/src/tests/field-array.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { FormRenderer, componentTypes, validatorTypes } from '@data-driven-forms/react-form-renderer';
 import { mount } from 'enzyme';
-import { Button, FormHelperText, IconButton, Typography } from '@material-ui/core';
+import { Button, FormHelperText, IconButton, Typography } from '@mui/material';
 
 import { componentMapper, FormTemplate } from '../index';
 import { reducer } from '../field-array';
diff --git a/packages/mui-component-mapper/src/tests/form-fields.test.js b/packages/mui-component-mapper/src/tests/form-fields.test.js
@@ -1,15 +1,15 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import { act } from 'react-dom/test-utils';
-import { FormLabel } from '@material-ui/core';
+import { FormLabel } from '@mui/material';
 import MultipleChoiceListCommon from '@data-driven-forms/common/multiple-choice-list';
 import { FormRenderer, componentTypes, validatorTypes } from '@data-driven-forms/react-form-renderer';
 import Checkbox from '../checkbox';
 
 import RenderWithProvider from '../../../../__mocks__/with-provider';
 import FormTemplate from '../form-template';
 import componentMapper from '../component-mapper';
-import { Radio } from '@material-ui/core';
+import { Radio } from '@mui/material';
 
 const RendererWrapper = ({ schema = { fields: [] }, ...props }) => (
   <FormRenderer
diff --git a/packages/mui-component-mapper/src/tests/form-template.test.js b/packages/mui-component-mapper/src/tests/form-template.test.js
diff --git a/packages/mui-component-mapper/src/tests/plain-text.test.js b/packages/mui-component-mapper/src/tests/plain-text.test.js
diff --git a/packages/mui-component-mapper/src/tests/subform.test.js b/packages/mui-component-mapper/src/tests/subform.test.js
diff --git a/packages/mui-component-mapper/src/tests/tabs.test.js b/packages/mui-component-mapper/src/tests/tabs.test.js
diff --git a/packages/mui-component-mapper/src/tests/wizard.test.js b/packages/mui-component-mapper/src/tests/wizard.test.js
diff --git a/packages/mui-component-mapper/src/text-field/text-field.d.ts b/packages/mui-component-mapper/src/text-field/text-field.d.ts
diff --git a/packages/mui-component-mapper/src/text-field/text-field.js b/packages/mui-component-mapper/src/text-field/text-field.js
diff --git a/packages/mui-component-mapper/src/textarea/textarea.d.ts b/packages/mui-component-mapper/src/textarea/textarea.d.ts
diff --git a/packages/mui-component-mapper/src/textarea/textarea.js b/packages/mui-component-mapper/src/textarea/textarea.js
diff --git a/packages/mui-component-mapper/src/time-picker/time-picker.d.ts b/packages/mui-component-mapper/src/time-picker/time-picker.d.ts
diff --git a/packages/mui-component-mapper/src/time-picker/time-picker.js b/packages/mui-component-mapper/src/time-picker/time-picker.js
diff --git a/packages/mui-component-mapper/src/wizard/step-buttons.js b/packages/mui-component-mapper/src/wizard/step-buttons.js
diff --git a/packages/mui-component-mapper/src/wizard/wizard-nav.js b/packages/mui-component-mapper/src/wizard/wizard-nav.js
diff --git a/packages/mui-component-mapper/src/wizard/wizard.d.ts b/packages/mui-component-mapper/src/wizard/wizard.d.ts
diff --git a/packages/mui-component-mapper/src/wizard/wizard.js b/packages/mui-component-mapper/src/wizard/wizard.js
diff --git a/yarn.lock b/yarn.lock
