feat(oas31): add support for OpenAPI 3.1.0 badge (#8502)

Refs #8501

src/core/plugins/oas3/helpers.jsx

@@ -32,3 +32,18 @@ export function OAS3ComponentWrapFactory(Component) {
     }
   }
 }
+
+export function OAS30ComponentWrapFactory(Component) {
+  return (Ori, system) => (props) => {
+    if (typeof system.specSelectors?.isOAS30 === "function") {
+      if (system.specSelectors.isOAS30()) {
+        return <Component {...props} {...system} Ori={Ori}></Component>
+      } else {
+        return <Ori {...props}></Ori>
+      }
+    } else {
+      console.warn("OAS30 wrapper: couldn't get spec")
+      return null
+    }
+  }
+}

src/core/plugins/oas3/wrap-components/version-stamp.jsx

@@ -1,13 +1,19 @@
+/**
+ * @prettier
+ */
 import React from "react"
-import { OAS3ComponentWrapFactory } from "../helpers"
 
-export default OAS3ComponentWrapFactory((props) => {
+import { OAS30ComponentWrapFactory } from "../helpers"
+
+export default OAS30ComponentWrapFactory((props) => {
   const { Ori } = props
 
-  return <span>
-    <Ori {...props} />
-    <small className="version-stamp">
-      <pre className="version">OAS3</pre>
-    </small>
-  </span>
+  return (
+    <span>
+      <Ori {...props} />
+      <small className="version-stamp">
+        <pre className="version">OAS 3.0</pre>
+      </small>
+    </span>
+  )
 })

src/core/plugins/oas31/index.js

@@ -11,6 +11,7 @@ import LicenseWrapper from "./wrap-components/license"
 import ContactWrapper from "./wrap-components/contact"
 import InfoWrapper from "./wrap-components/info"
 import VersionPragmaFilterWrapper from "./wrap-components/version-pragma-filter"
+import VersionStampWrapper from "./wrap-components/version-stamp"
 import {
   license as selectLicense,
   contact as selectContact,
@@ -71,6 +72,7 @@ const OAS31Plugin = ({ fn }) => {
       License: LicenseWrapper,
       Contact: ContactWrapper,
       VersionPragmaFilter: VersionPragmaFilterWrapper,
+      VersionStamp: VersionStampWrapper,
     },
     statePlugins: {
       spec: {

src/core/plugins/oas31/wrap-components/version-stamp.jsx

@@ -0,0 +1,21 @@
+/**
+ * @prettier
+ */
+import React from "react"
+
+const VersionStampWrapper = (Original, system) => (props) => {
+  if (system.specSelectors.isOAS31()) {
+    return (
+      <span>
+        <Original {...props} />
+        <small className="version-stamp">
+          <pre className="version">OAS 3.1</pre>
+        </small>
+      </span>
+    )
+  }
+
+  return <Original {...props} />
+}
+
+export default VersionStampWrapper