feat(info): indicate OpenAPI 2.0 definition version (#9167)

src/core/plugins/oas3/wrap-components/index.js

@@ -1,15 +1,15 @@
 import Markdown from "./markdown"
 import AuthItem from "./auth-item"
-import VersionStamp from "./version-stamp"
 import OnlineValidatorBadge from "./online-validator-badge"
 import Model from "./model"
 import JsonSchema_string from "./json-schema-string"
+import OpenAPIVersion from "./openapi-version"
 
 export default {
   Markdown,
   AuthItem,
+  OpenAPIVersion,
   JsonSchema_string,
-  VersionStamp,
   model: Model,
   onlineValidatorBadge: OnlineValidatorBadge,
 }

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

@@ -0,0 +1,7 @@
+import React from "react"
+import { OAS30ComponentWrapFactory } from "../helpers"
+
+export default OAS30ComponentWrapFactory((props) => {
+  const { Ori } = props
+  return <Ori oasVersion="3.0" />
+})

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

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

src/core/plugins/oas31/components/info.jsx

@@ -23,6 +23,7 @@ const Info = ({ getComponent, specSelectors }) => {
   const Markdown = getComponent("Markdown", true)
   const Link = getComponent("Link")
   const VersionStamp = getComponent("VersionStamp")
+  const OpenAPIVersion = getComponent("OpenAPIVersion")
   const InfoUrl = getComponent("InfoUrl")
   const InfoBasePath = getComponent("InfoBasePath")
   const License = getComponent("License", true)
@@ -34,7 +35,8 @@ const Info = ({ getComponent, specSelectors }) => {
       <hgroup className="main">
         <h2 className="title">
           {title}
-          {version && <VersionStamp version={version}></VersionStamp>}
+          {version && <VersionStamp version={version} />}
+          <OpenAPIVersion oasVersion="3.1" />
         </h2>
 
         {(host || basePath) && <InfoBasePath host={host} basePath={basePath} />}

src/core/plugins/oas31/index.js

@@ -15,7 +15,6 @@ import InfoWrapper from "./wrap-components/info"
 import ModelWrapper from "./wrap-components/model"
 import ModelsWrapper from "./wrap-components/models"
 import VersionPragmaFilterWrapper from "./wrap-components/version-pragma-filter"
-import VersionStampWrapper from "./wrap-components/version-stamp"
 import {
   isOAS31 as isOAS31Fn,
   createOnlyOAS31Selector as createOnlyOAS31SelectorFn,
@@ -91,7 +90,6 @@ const OAS31Plugin = ({ fn }) => {
       License: LicenseWrapper,
       Contact: ContactWrapper,
       VersionPragmaFilter: VersionPragmaFilterWrapper,
-      VersionStamp: VersionStampWrapper,
       Model: ModelWrapper,
       Models: ModelsWrapper,
       JSONSchema202012KeywordDescription:

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

@@ -1,19 +0,0 @@
-/**
- * @prettier
- */
-import React from "react"
-
-import { createOnlyOAS31ComponentWrapper } from "../fn"
-
-const VersionStampWrapper = createOnlyOAS31ComponentWrapper(
-  ({ originalComponent: Original, ...restProps }) => (
-    <span>
-      <Original {...restProps} />
-      <small className="version-stamp">
-        <pre className="version">OAS 3.1</pre>
-      </small>
-    </span>
-  )
-)
-
-export default VersionStampWrapper