Switched demo component mapper to MUI mapper.

Hyperkid123 · Hyperkid123 · commit d6423f9df3d3 · 2020-05-07T08:29:02.000+02:00
diff --git a/packages/react-renderer-demo/src/app/examples/components/action-mapper.js b/packages/react-renderer-demo/src/app/examples/components/action-mapper.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const translateLabel = (id, locale = 'en') =>
   ({
diff --git a/packages/react-renderer-demo/src/app/examples/components/clear-on-unmount.js b/packages/react-renderer-demo/src/app/examples/components/clear-on-unmount.js
@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 import { Title } from '@patternfly/react-core/dist/js/components/Title/Title';
 
 const componentMapper = {
diff --git a/packages/react-renderer-demo/src/app/examples/components/cleared-value.js b/packages/react-renderer-demo/src/app/examples/components/cleared-value.js
@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 import { Title } from '@patternfly/react-core/dist/js/components/Title/Title';
 
 const schema = {
diff --git a/packages/react-renderer-demo/src/app/examples/components/condition.js b/packages/react-renderer-demo/src/app/examples/components/condition.js
@@ -2,10 +2,10 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import Checkbox from '@data-driven-forms/pf4-component-mapper/dist/cjs/checkbox';
-import PlainText from '@data-driven-forms/pf4-component-mapper/dist/cjs/plain-text';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import Checkbox from '@data-driven-forms/mui-component-mapper/dist/cjs/checkbox';
+import PlainText from '@data-driven-forms/mui-component-mapper/dist/cjs/plain-text';
 
 const schema = {
   title: 'Example of conditions',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/and.js b/packages/react-renderer-demo/src/app/examples/components/conditions/and.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'And condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/is-empty.js b/packages/react-renderer-demo/src/app/examples/components/conditions/is-empty.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'IsEmpty condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/is-not-empty.js b/packages/react-renderer-demo/src/app/examples/components/conditions/is-not-empty.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'IsNotEmpty condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/is.js b/packages/react-renderer-demo/src/app/examples/components/conditions/is.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'Is condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/not-match.js b/packages/react-renderer-demo/src/app/examples/components/conditions/not-match.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'notMatch condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/not.js b/packages/react-renderer-demo/src/app/examples/components/conditions/not.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'Not condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/or.js b/packages/react-renderer-demo/src/app/examples/components/conditions/or.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'Or condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/pattern.js b/packages/react-renderer-demo/src/app/examples/components/conditions/pattern.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'Pattern condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/sequence.js b/packages/react-renderer-demo/src/app/examples/components/conditions/sequence.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'Sequence condition',
diff --git a/packages/react-renderer-demo/src/app/examples/components/conditions/set.js b/packages/react-renderer-demo/src/app/examples/components/conditions/set.js
@@ -2,9 +2,9 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
-import Checkbox from '@data-driven-forms/pf4-component-mapper/dist/cjs/checkbox';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
+import Checkbox from '@data-driven-forms/mui-component-mapper/dist/cjs/checkbox';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
 
 const schema = {
   title: 'Set action',
diff --git a/packages/react-renderer-demo/src/app/examples/components/data-types-example.js b/packages/react-renderer-demo/src/app/examples/components/data-types-example.js
@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import dataTypes from '@data-driven-forms/react-form-renderer/dist/cjs/data-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 import { Title } from '@patternfly/react-core/dist/js/components/Title/Title';
 
 const schema = {
diff --git a/packages/react-renderer-demo/src/app/examples/components/field-array/pf4-demo.js b/packages/react-renderer-demo/src/app/examples/components/field-array/pf4-demo.js
@@ -2,9 +2,9 @@ import React, { useState } from 'react';
 import FormRender from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import FieldArray from '@data-driven-forms/pf4-component-mapper/dist/cjs/field-array';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import FieldArray from '@data-driven-forms/mui-component-mapper/dist/cjs/field-array';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.FIELD_ARRAY]: FieldArray,
diff --git a/packages/react-renderer-demo/src/app/examples/components/form-template/custom-buttons.js b/packages/react-renderer-demo/src/app/examples/components/form-template/custom-buttons.js
@@ -5,7 +5,7 @@ import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/comp
 import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
 import useFormApi from '@data-driven-forms/react-form-renderer/dist/cjs/use-form-api';
 import FormSpy from '@data-driven-forms/react-form-renderer/dist/cjs/form-spy';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 import Button from '@material-ui/core/Button';
 import { Form } from '@patternfly/react-core/dist/js/components/Form/Form';
 
diff --git a/packages/react-renderer-demo/src/app/examples/components/get-started/get-started.js b/packages/react-renderer-demo/src/app/examples/components/get-started/get-started.js
@@ -1,9 +1,10 @@
 import React from 'react';
+import Grid from '@material-ui/core/Grid';
 import FormRender from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
@@ -45,15 +46,15 @@ const schema = {
 const FormTemplateCanReset = (props) => <FormTemplate {...props} canReset />;
 
 const GetStartedForm = () => (
-  <div className="pf4">
+  <Grid spacing={4} container>
     <FormRender
       componentMapper={componentMapper}
       FormTemplate={FormTemplateCanReset}
       schema={schema}
       onSubmit={console.log}
       onCancel={() => console.log('Cancel action')}
     />
-  </div>
+  </Grid>
 );
 
 export default GetStartedForm;
diff --git a/packages/react-renderer-demo/src/app/examples/components/initialize-mount.js b/packages/react-renderer-demo/src/app/examples/components/initialize-mount.js
@@ -2,10 +2,10 @@ import React, { useState } from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import useFormApi from '@data-driven-forms/react-form-renderer/dist/cjs/use-form-api';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
-import Select from '@data-driven-forms/pf4-component-mapper/dist/cjs/select';
-import Wizard from '@data-driven-forms/pf4-component-mapper/dist/cjs/wizard';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
+import Select from '@data-driven-forms/mui-component-mapper/dist/cjs/select';
+import Wizard from '@data-driven-forms/mui-component-mapper/dist/cjs/wizard';
 import { Title } from '@patternfly/react-core/dist/js/components/Title/Title';
 
 const componentMapper = {
diff --git a/packages/react-renderer-demo/src/app/examples/components/schema-validator.js b/packages/react-renderer-demo/src/app/examples/components/schema-validator.js
@@ -3,8 +3,8 @@ import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-r
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import DefaultSchemaError from '@data-driven-forms/react-form-renderer/dist/cjs/schema-errors';
 
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/async-validator.js b/packages/react-renderer-demo/src/app/examples/components/validators/async-validator.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/custom-function.js b/packages/react-renderer-demo/src/app/examples/components/validators/custom-function.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/global-message.js b/packages/react-renderer-demo/src/app/examples/components/validators/global-message.js
@@ -4,8 +4,8 @@ import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-r
 import Validators from '@data-driven-forms/react-form-renderer/dist/cjs/validators';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/length-validators.js b/packages/react-renderer-demo/src/app/examples/components/validators/length-validators.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/number-validator.js b/packages/react-renderer-demo/src/app/examples/components/validators/number-validator.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/pattern-validator.js b/packages/react-renderer-demo/src/app/examples/components/validators/pattern-validator.js
@@ -2,8 +2,8 @@ import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/record-level-validation.js b/packages/react-renderer-demo/src/app/examples/components/validators/record-level-validation.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
 import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
-import FormTemplate from '@data-driven-forms/pf4-component-mapper/dist/cjs/form-template';
-import TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
+import FormTemplate from '@data-driven-forms/mui-component-mapper/dist/cjs/form-template';
+import TextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
 
 const componentMapper = {
   [componentTypes.TEXT_FIELD]: TextField
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/required-validator.js b/packages/react-renderer-demo/src/app/examples/components/validators/required-validator.js
diff --git a/packages/react-renderer-demo/src/app/examples/components/validators/url-validator.js b/packages/react-renderer-demo/src/app/examples/components/validators/url-validator.js
