Make from dual-list constant

Author: rvsia

packages/mui-component-mapper/src/files/component-mapper.js

@@ -43,7 +43,7 @@ const componentMapper = {
   [componentTypes.PLAIN_TEXT]: PlainText,
   [componentTypes.WIZARD]: Wizard,
   [componentTypes.FIELD_ARRAY]: FieldArray,
-  'dual-list-select': DualListSelect
+  [componentTypes.DUAL_LIST_SELECT]: DualListSelect
 };
 
 export default componentMapper;

packages/mui-component-mapper/src/tests/dual-list-select.test.js

@@ -1,24 +1,9 @@
 import React from 'react';
 import { act } from 'react-dom/test-utils';
-import FormRenderer from '@data-driven-forms/react-form-renderer';
+import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
 import { mount } from 'enzyme';
 
-import {
-  Grid,
-  List,
-  ListItem,
-  ListItemText,
-  ListItemIcon,
-  Checkbox,
-  ListItemSecondaryAction,
-  IconButton,
-  FormControl,
-  FormLabel,
-  FormHelperText,
-  Toolbar,
-  TextField,
-  Typography
-} from '@material-ui/core';
+import { List, ListItem, IconButton, Toolbar, TextField } from '@material-ui/core';
 
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
@@ -39,7 +24,7 @@ describe('DualListSelect', () => {
     schema = {
       fields: [
         {
-          component: 'dual-list-select',
+          component: componentTypes.DUAL_LIST_SELECT,
           name: 'dual-list',
           options: [
             {

packages/pf4-component-mapper/src/files/component-mapper.js

@@ -29,7 +29,7 @@ const mapper = {
   [componentTypes.SWITCH]: Switch,
   [componentTypes.PLAIN_TEXT]: PlainText,
   [componentTypes.FIELD_ARRAY]: FieldArray,
-  'dual-list-select': DualListSelect
+  [componentTypes.DUAL_LIST_SELECT]: DualListSelect
 };
 
 export default mapper;

packages/pf4-component-mapper/src/tests/dual-list-select.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { act } from 'react-dom/test-utils';
-import FormRenderer from '@data-driven-forms/react-form-renderer';
+import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
 import { mount } from 'enzyme';
 
 import { FormGroup, TextInput } from '@patternfly/react-core';
@@ -28,7 +28,7 @@ describe('DualListSelect', () => {
     schema = {
       fields: [
         {
-          component: 'dual-list-select',
+          component: componentTypes.DUAL_LIST_SELECT,
           name: 'dual-list',
           options: [
             {

packages/react-form-renderer/src/files/component-types.js

@@ -15,7 +15,8 @@ const componentTypes = {
   PLAIN_TEXT: 'plain-text',
   BUTTON: 'button',
   INPUT_ADDON_GROUP: 'input-addon-group',
-  INPUT_ADDON_BUTTON_GROUP: 'input-addon-button-group'
+  INPUT_ADDON_BUTTON_GROUP: 'input-addon-button-group',
+  DUAL_LIST_SELECT: 'dual-list-select'
 };
 
 export default componentTypes;

packages/react-renderer-demo/src/app/pages/component-example/dual-list-select.js

@@ -3,16 +3,17 @@ import ComponentText from '@docs/components/component-example-text';
 import useComponentExample from '../../src/hooks/use-component-example';
 import Pf4DualListSelect from '@data-driven-forms/pf4-component-mapper/dist/cjs/dual-list-select';
 import MuiDualListSelect from '@data-driven-forms/mui-component-mapper/dist/cjs/dual-list-select';
+import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
 
 const mappers = {
   pf4: {
-    'dual-list-select': Pf4DualListSelect
+    [componentTypes.DUAL_LIST_SELECT]: Pf4DualListSelect
   },
   pf3: {
-    'dual-list-select': () => <h2>Not implemented</h2>
+    [componentTypes.DUAL_LIST_SELECT]: () => <h2>Not implemented</h2>
   },
   mui: {
-    'dual-list-select': MuiDualListSelect
+    [componentTypes.DUAL_LIST_SELECT]: MuiDualListSelect
   }
 };
 

packages/react-renderer-demo/src/app/src/components/navigation/examples-definitions.js

@@ -461,15 +461,15 @@ Vestibulum vulputate inceptos himenaeos.`
     }
   },
   {
-    component: 'dual-list-select',
-    link: 'dual-list-select',
+    component: componentTypes.DUAL_LIST_SELECT,
+    link: componentTypes.DUAL_LIST_SELECT,
     linkText: 'Dual list select',
     ContentText: DualListSelect,
     variants: [...formGroupVariants],
     value: {
       fields: [
         {
-          component: 'dual-list-select',
+          component: componentTypes.DUAL_LIST_SELECT,
           name: 'dual-list-select',
           options: [
             {