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 <[email protected]> * test: update * test: update Co-authored-by: Jakub Rożek <[email protected]>
stoplightio · Mar 25, 2021 · 854d436 · 854d436
1 parent a35724b
commit 854d436
Show file tree

Hide file tree

Showing 15 changed files with 2,340 additions and 2,593 deletions.
diff --git a/src/__fixtures__/combiners/oneof-within-array-item.json b/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"
+          }
+        }
+      }
+    ]
+  }
+}
diff --git a/src/__stories__/JsonSchemaViewer.tsx b/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