Merge pull request #359 from rvsia/PF4duallist

feat(pf4): add duallist component
data-driven-forms · Mar 9, 2020 · 5d08c62 · 5d08c62
2 parents 0d8dfb8 + e59e763
commit 5d08c62
Show file tree

Hide file tree

Showing 13 changed files with 819 additions and 11 deletions.
diff --git a/packages/pf4-component-mapper/demo/index.html b/packages/pf4-component-mapper/demo/index.html
@@ -4,7 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/[email protected]/patternfly-base.css"/>
+  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/[email protected]/patternfly-base.css"/>
+  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/[email protected]/patternfly-addons.css"/>
   <title>Data driven forms</title>
 </head>
 <body>

diff --git a/packages/pf4-component-mapper/src/form-fields/component-mapper.js b/packages/pf4-component-mapper/src/form-fields/component-mapper.js
@@ -16,6 +16,7 @@ import {
 import Wizard from './wizard/wizard';
 import { Select } from './select/select';
 import FieldArray from './fieldArray/index';
+import DualListSelect from './dual-list-select';
 
 const mapper = {
   [componentTypes.TEXT_FIELD]: TextField,
@@ -31,6 +32,7 @@ const mapper = {
   [componentTypes.SWITCH]: SwitchField,
   [componentTypes.PLAIN_TEXT]: PlainTextField,
   [componentTypes.FIELD_ARRAY]: FieldArray,
+  'dual-list-select': DualListSelect,
 };
 
 export default mapper;
@@ -45,6 +47,7 @@ export const components = {
   TimePickerField,
   SwitchField,
   PlainTextField,
+  DualListSelect,
 };
 
 export const rawComponents = {