Merge pull request #1104 from rvsia/addTreeVariantForDualList

Add tree variant for dual list select demo

Author: Hyperkid123

packages/react-renderer-demo/src/pages/provided-mappers/dual-list-select.js

@@ -34,8 +34,79 @@ const schema = {
   ]
 };
 
+const treeSchmea = {
+  fields: [
+    {
+      component: componentTypes.DUAL_LIST_SELECT,
+      name: 'dual-list-select',
+      isTree: true,
+      options: [
+        {
+          label: 'Animals',
+          hasBadge: true,
+          badgeProps: {
+            isRead: true
+          },
+          children: [
+            {
+              value: 'lions',
+              label: 'Lions'
+            },
+            {
+              value: 'dogs',
+              label: 'Dogs'
+            },
+            {
+              label: 'Birds',
+              children: [
+                {
+                  label: 'Pigeons',
+                  value: 'pigens'
+                }
+              ]
+            }
+          ]
+        },
+        {
+          label: 'Cars',
+          children: [
+            {
+              value: 'suv',
+              label: 'SUVs'
+            },
+            {
+              value: 'hatchbacks',
+              label: 'Hatchbacks'
+            },
+            {
+              value: 'sedans',
+              label: 'Sedans'
+            },
+            {
+              label: 'Military',
+              children: [
+                {
+                  label: 'Jeeps',
+                  value: 'jeep'
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+};
+
 const variants = [...baseFieldProps];
 
-const DualListSelect = () => <ComponentText schema={schema} variants={variants} linkText="Dual list select" />;
+const basicVariant = { schema, label: 'Basic', value: 'basic' };
+const treeVariant = { schema: treeSchmea, label: 'Tree', value: 'tree' };
+
+const schemaVariants = {
+  pf4: [basicVariant, treeVariant]
+};
+
+const DualListSelect = () => <ComponentText schema={schema} variants={variants} linkText="Dual list select" schemaVariants={schemaVariants} />;
 
 export default DualListSelect;