feat: oneOf/anyOf as a dropdown, attempt no 2 (#110)

* feat: add oneOf story

* feat: show oneOf & anyOf as a dropdown

* fix: build error

* feat: use mosaic Select

* docs: add another story

* feat: implement choice selector

* feat: rework SchemaRow header

* fix: alignment issues

* feat: handle array of anyOfs

* feat: change array name formatting

* feat: nice plural names ;)

* feat: update format styling

* chore: apply PR feedback

* chore: address PR feedback

Co-authored-by: Jakub Rożek <jakub@stoplight.io>

* test: update

* test: update

Co-authored-by: Jakub Rożek <jakub@stoplight.io>

Author: Marcell Toth

src/__fixtures__/combiners/oneof-within-array-item.json

@@ -0,0 +1,31 @@
+{
+  "type": "array",
+  "items": {
+    "oneOf": [
+      {
+        "type": "object",
+        "title": "A",
+        "properties": {
+          "foo": {
+            "type": "string",
+            "enum": [
+              "test"
+            ]
+          }
+        }
+      },
+      {
+        "type": "object",
+        "title": "B",
+        "properties": {
+          "foo": {
+            "type": "number"
+          },
+          "bar": {
+            "type": "string"
+          }
+        }
+      }
+    ]
+  }
+}

src/__stories__/JsonSchemaViewer.tsx

@@ -15,6 +15,7 @@ const refSchema = require('../__fixtures__/references/base.json');
 const nullRefSchema = require('../__fixtures__/references/nullish.json');
 const brokenRefArraySchema = require('../__fixtures__/arrays/of-refs.json');
 const oneOfWithArraySchema = require('../__fixtures__/combiners/oneof-with-array-type.json');
+const oneOfWithArraySchema2 = require('../__fixtures__/combiners/oneof-within-array-item.json');
 
 subscribeTheme({ mode: 'light' });
 
@@ -83,6 +84,13 @@ storiesOf('JsonSchemaViewer', module)
       onGoToRef={action('onGoToRef')}
     />
   ))
+  .add('anyOf-array-schema2', () => (
+    <JsonSchemaViewer
+      schema={oneOfWithArraySchema2 as JSONSchema4}
+      defaultExpandedDepth={number('defaultExpandedDepth', 2)}
+      onGoToRef={action('onGoToRef')}
+    />
+  ))
   .add('error boundary', () => (
     <JsonSchemaViewer
       // @ts-ignore