feat(json-schema-2020-12): add support for oneOf keyword

Refs #8513

src/core/plugins/json-schema-2020-12/components/JSONSchema/JSONSchema.jsx

@@ -43,6 +43,7 @@ const JSONSchema = ({ schema, name }) => {
   const Keyword$comment = useComponent("Keyword$comment")
   const KeywordAllOf = useComponent("KeywordAllOf")
   const KeywordAnyOf = useComponent("KeywordAnyOf")
+  const KeywordOneOf = useComponent("KeywordOneOf")
   const KeywordProperties = useComponent("KeywordProperties")
   const KeywordType = useComponent("KeywordType")
   const KeywordFormat = useComponent("KeywordFormat")
@@ -109,6 +110,7 @@ const JSONSchema = ({ schema, name }) => {
                 )}
                 <KeywordAllOf schema={schema} />
                 <KeywordAnyOf schema={schema} />
+                <KeywordOneOf schema={schema} />
                 <Keyword$schema schema={schema} />
                 <Keyword$vocabulary schema={schema} />
                 <Keyword$id schema={schema} />

src/core/plugins/json-schema-2020-12/components/_all.scss

@@ -10,6 +10,7 @@
 @import './keywords/$defs/$defs';
 @import './keywords/AllOf/all-of';
 @import './keywords/AnyOf/any-of';
+@import './keywords/OneOf/one-of';
 @import './keywords/Type/type';
 @import './keywords/Format/format';
 @import './keywords/Description/description';

src/core/plugins/json-schema-2020-12/components/keywords/AnyOf/_any-of.scss

@@ -1,17 +1,11 @@
 .json-schema-2020-12 {
   &__anyOf {
-    margin: 5px 0 5px 0;
+    @extend .json-schema-2020-12__allOf;
-
-    & > ul {
-      @include expansion-border;
-      padding: 0;
-    }
   }
 
   &-core-keyword {
     &--anyOf {
-      color: $text-code-default-font-color;
+      @extend .json-schema-2020-12-core-keyword--allOf;
-      font-style: normal;
     }
   }
 }

src/core/plugins/json-schema-2020-12/components/keywords/OneOf/OneOf.jsx

@@ -0,0 +1,56 @@
+/**
+ * @prettier
+ */
+import React, { useCallback, useState } from "react"
+
+import { schema } from "../../../prop-types"
+import { useFn, useComponent, useIsExpandedDeeply } from "../../../hooks"
+
+const OneOf = ({ schema }) => {
+  const oneOf = schema?.oneOf || []
+
+  if (!Array.isArray(oneOf) || oneOf.length === 0) {
+    return null
+  }
+
+  const fn = useFn()
+  const isExpandedDeeply = useIsExpandedDeeply()
+  const [expanded, setExpanded] = useState(isExpandedDeeply)
+  const Accordion = useComponent("Accordion")
+  const JSONSchema = useComponent("JSONSchema")
+
+  const handleExpansion = useCallback(() => {
+    setExpanded((prev) => !prev)
+  }, [])
+
+  return (
+    <div className="json-schema-2020-12__oneOf">
+      <Accordion expanded={expanded} onChange={handleExpansion}>
+        <span className="json-schema-2020-12-core-keyword json-schema-2020-12-core-keyword--oneOf">
+          OneOf
+        </span>
+        <span className="json-schema-2020-12__type">
+          {fn.getType({ oneOf })}
+        </span>
+      </Accordion>
+      {expanded && (
+        <ul>
+          {oneOf.map((schema, index) => (
+            <li key={`#${index}`} className="json-schema-2020-12-property">
+              <JSONSchema
+                name={`#${index} ${fn.getTitle(schema)}`}
+                schema={schema}
+              />
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  )
+}
+
+OneOf.propTypes = {
+  schema: schema.isRequired,
+}
+
+export default OneOf

src/core/plugins/json-schema-2020-12/components/keywords/OneOf/_one-of.scss

@@ -0,0 +1,13 @@
+.json-schema-2020-12 {
+  &__oneOf {
+    @extend .json-schema-2020-12__allOf;
+  }
+
+  &-core-keyword {
+    &--oneOf {
+      @extend .json-schema-2020-12-core-keyword--allOf;
+    }
+  }
+}
+
+

src/core/plugins/json-schema-2020-12/fn.js

@@ -124,6 +124,7 @@ export const isExpandable = (schema) => {
     schema?.$comment ||
     schema?.allOf ||
     schema?.anyOf ||
+    schema?.oneOf ||
     schema?.description ||
     schema?.properties
   )

src/core/plugins/json-schema-2020-12/hoc.jsx

@@ -15,6 +15,7 @@ import Keyword$defs from "./components/keywords/$defs/$defs"
 import Keyword$comment from "./components/keywords/$comment"
 import KeywordAllOf from "./components/keywords/AllOf/AllOf"
 import KeywordAnyOf from "./components/keywords/AnyOf/AnyOf"
+import KeywordOneOf from "./components/keywords/OneOf/OneOf"
 import KeywordProperties from "./components/keywords/Properties/Properties"
 import KeywordType from "./components/keywords/Type/Type"
 import KeywordFormat from "./components/keywords/Format/Format"
@@ -47,6 +48,7 @@ export const withJSONSchemaContext = (Component, overrides = {}) => {
       Keyword$comment,
       KeywordAllOf,
       KeywordAnyOf,
+      KeywordOneOf,
       KeywordProperties,
       KeywordType,
       KeywordFormat,

src/core/plugins/json-schema-2020-12/index.js

@@ -14,6 +14,7 @@ import Keyword$defs from "./components/keywords/$defs/$defs"
 import Keyword$comment from "./components/keywords/$comment"
 import KeywordAllOf from "./components/keywords/AllOf/AllOf"
 import KeywordAnyOf from "./components/keywords/AnyOf/AnyOf"
+import KeywordOneOf from "./components/keywords/OneOf/OneOf"
 import KeywordType from "./components/keywords/Type/Type"
 import KeywordFormat from "./components/keywords/Format/Format"
 import KeywordTitle from "./components/keywords/Title/Title"
@@ -38,6 +39,7 @@ const JSONSchema202012Plugin = () => ({
     JSONSchema202012Keyword$comment: Keyword$comment,
     JSONSchema202012KeywordAllOf: KeywordAllOf,
     JSONSchema202012KeywordAnyOf: KeywordAnyOf,
+    JSONSchema202012KeywordOneOf: KeywordOneOf,
     JSONSchema202012KeywordProperties: KeywordProperties,
     JSONSchema202012KeywordType: KeywordType,
     JSONSchema202012KeywordFormat: KeywordFormat,

src/core/plugins/oas31/wrap-components/models.jsx

@@ -22,6 +22,7 @@ const ModelsWrapper = createOnlyOAS31ComponentWrapper(({ getSystem }) => {
   const Keyword$comment = getComponent("JSONSchema202012Keyword$comment")
   const KeywordAllOf = getComponent("JSONSchema202012KeywordAllOf")
   const KeywordAnyOf = getComponent("JSONSchema202012KeywordAnyOf")
+  const KeywordOneOf = getComponent("JSONSchema202012KeywordOneOf")
   const KeywordProperties = getComponent("JSONSchema202012KeywordProperties")
   const KeywordType = getComponent("JSONSchema202012KeywordType")
   const KeywordFormat = getComponent("JSONSchema202012KeywordFormat")
@@ -52,6 +53,7 @@ const ModelsWrapper = createOnlyOAS31ComponentWrapper(({ getSystem }) => {
       Keyword$comment,
       KeywordAllOf,
       KeywordAnyOf,
+      KeywordOneOf,
       KeywordProperties,
       KeywordType,
       KeywordFormat,