docusaurus-theme-openapi-docs 0.0.0-939 → 0.0.0-941

package/lib/theme/ApiItem/Layout/index.js

@@ -53,6 +53,7 @@ function DocItemLayout({ children }) {
   const { metadata } = (0, client_1.useDoc)();
   const { frontMatter } = (0, client_1.useDoc)();
   const api = frontMatter.api;
+  const schema = frontMatter.schema;
   return react_1.default.createElement(
     "div",
     { className: "row" },
@@ -86,7 +87,7 @@ function DocItemLayout({ children }) {
               {
                 className: (0, clsx_1.default)(
                   "col",
-                  api ? "col--7" : "col--12"
+                  api || schema ? "col--7" : "col--12"
                 ),
               },
               react_1.default.createElement(Footer_1.default, null)
@@ -99,7 +100,10 @@ function DocItemLayout({ children }) {
           react_1.default.createElement(
             "div",
             {
-              className: (0, clsx_1.default)("col", api ? "col--7" : "col--12"),
+              className: (0, clsx_1.default)(
+                "col",
+                api || schema ? "col--7" : "col--12"
+              ),
             },
             react_1.default.createElement(Paginator_1.default, null)
           )

package/lib/theme/ApiItem/index.js

@@ -26,6 +26,7 @@ const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const slice_1 = require("@theme/ApiExplorer/Authorization/slice");
 const persistanceMiddleware_1 = require("@theme/ApiExplorer/persistanceMiddleware");
 const Layout_1 = __importDefault(require("@theme/ApiItem/Layout"));
+const CodeBlock_1 = __importDefault(require("@theme/CodeBlock"));
 const Metadata_1 = __importDefault(require("@theme/DocItem/Metadata"));
 const SkeletonLoader_1 = __importDefault(require("@theme/SkeletonLoader"));
 const clsx_1 = __importDefault(require("clsx"));
@@ -43,6 +44,7 @@ function ApiItem(props) {
   const { info_path: infoPath } = frontMatter;
   let { api } = frontMatter;
   const { schema } = frontMatter;
+  const { sample } = frontMatter;
   // decompress and parse
   if (api) {
     try {
@@ -183,8 +185,17 @@ function ApiItem(props) {
             { className: (0, clsx_1.default)("row", "theme-api-markdown") },
             react_1.default.createElement(
               "div",
-              { className: "col col--12" },
+              { className: "col col--7 openapi-left-panel__container schema" },
               react_1.default.createElement(MDXComponent, null)
+            ),
+            react_1.default.createElement(
+              "div",
+              { className: "col col--5 openapi-right-panel__container" },
+              react_1.default.createElement(
+                CodeBlock_1.default,
+                { language: "json", title: `${frontMatter.title}` },
+                JSON.stringify(sample, null, 2)
+              )
             )
           )
         )

package/lib/theme/ApiTabs/_ApiTabs.scss

@@ -6,7 +6,6 @@
  * ========================================================================== */
 .openapi-tabs__container {
   margin-left: -1px;
-  margin-bottom: var(--ifm-leading);
 }
 
 .openapi-tabs__response-header {

package/lib/theme/Schema/index.js

@@ -183,6 +183,20 @@ const AnyOneOf = ({ schema, schemaType }) => {
 };
 const Properties = ({ schema, schemaType }) => {
   const discriminator = schema.discriminator;
+  if (discriminator && !discriminator.mapping) {
+    const anyOneOf = schema.oneOf ?? schema.anyOf ?? {};
+    const inferredMapping = {};
+    Object.entries(anyOneOf).map(([_, anyOneSchema]) => {
+      // ensure discriminated property only renders once
+      if (
+        schema.properties[discriminator.propertyName] &&
+        anyOneSchema.properties[discriminator.propertyName]
+      )
+        delete anyOneSchema.properties[discriminator.propertyName];
+      return (inferredMapping[anyOneSchema.title] = anyOneSchema);
+    });
+    discriminator["mapping"] = inferredMapping;
+  }
   if (Object.keys(schema.properties).length === 0) {
     return react_1.default.createElement(SchemaItem_1.default, {
       collapsible: false,
@@ -221,71 +235,143 @@ const PropertyDiscriminator = ({
   if (!schema) {
     return null;
   }
-  if (discriminator.mapping === undefined) {
-    return react_1.default.createElement(SchemaEdge, {
-      name: name,
-      schema: schema,
-      required: required,
-      schemaName: schemaName,
-      schemaType: schemaType,
-    });
-  }
   return react_1.default.createElement(
-    "div",
-    { className: "openapi-discriminator__item openapi-schema__list-item" },
+    react_1.default.Fragment,
+    null,
     react_1.default.createElement(
       "div",
-      null,
+      { className: "openapi-discriminator__item openapi-schema__list-item" },
       react_1.default.createElement(
-        "span",
-        { className: "openapi-schema__container" },
+        "div",
+        null,
         react_1.default.createElement(
-          "strong",
-          { className: "openapi-discriminator__name openapi-schema__property" },
-          name
-        ),
-        schemaName &&
+          "span",
+          { className: "openapi-schema__container" },
           react_1.default.createElement(
-            "span",
-            { className: "openapi-schema__name" },
-            " ",
-            schemaName
+            "strong",
+            {
+              className: "openapi-discriminator__name openapi-schema__property",
+            },
+            name
           ),
-        required &&
-          react_1.default.createElement(
-            "span",
-            { className: "openapi-schema__required" },
-            "required"
-          )
-      ),
-      react_1.default.createElement(
-        "div",
-        { style: { marginLeft: "1rem" } },
-        schema.description &&
-          react_1.default.createElement(Markdown, { text: schema.description }),
-        (0, schema_1.getQualifierMessage)(discriminator) &&
-          react_1.default.createElement(Markdown, {
-            text: (0, schema_1.getQualifierMessage)(discriminator),
-          })
-      ),
-      react_1.default.createElement(
-        DiscriminatorTabs_1.default,
-        { className: "openapi-tabs__discriminator" },
-        Object.keys(discriminator.mapping).map((key, index) =>
-          // @ts-ignore
-          react_1.default.createElement(
-            TabItem_1.default,
-            { key: index, label: key, value: `${index}-item-discriminator` },
-            react_1.default.createElement(SchemaNode, {
-              schema: discriminator.mapping[key],
-              schemaType: schemaType,
+          schemaName &&
+            react_1.default.createElement(
+              "span",
+              { className: "openapi-schema__name" },
+              " ",
+              schemaName
+            ),
+          required &&
+            react_1.default.createElement("span", {
+              className: "openapi-schema__divider",
+            }),
+          required &&
+            react_1.default.createElement(
+              "span",
+              { className: "openapi-schema__required" },
+              "required"
+            )
+        ),
+        react_1.default.createElement(
+          "div",
+          { style: { marginLeft: "1rem" } },
+          schema.description &&
+            react_1.default.createElement(Markdown, {
+              text: schema.description,
+            }),
+          (0, schema_1.getQualifierMessage)(discriminator) &&
+            react_1.default.createElement(Markdown, {
+              text: (0, schema_1.getQualifierMessage)(discriminator),
             })
+        ),
+        react_1.default.createElement(
+          DiscriminatorTabs_1.default,
+          { className: "openapi-tabs__discriminator" },
+          Object.keys(discriminator.mapping).map((key, index) =>
+            // @ts-ignore
+            react_1.default.createElement(
+              TabItem_1.default,
+              { key: index, label: key, value: `${index}-item-discriminator` },
+              react_1.default.createElement(SchemaNode, {
+                schema: discriminator.mapping[key],
+                schemaType: schemaType,
+              })
+            )
           )
         )
       )
-    )
+    ),
+    schema.properties &&
+      Object.entries(schema.properties).map(
+        ([key, val]) =>
+          key !== discriminator.propertyName &&
+          react_1.default.createElement(SchemaEdge, {
+            key: key,
+            name: key,
+            schema: val,
+            required: Array.isArray(schema.required)
+              ? schema.required.includes(key)
+              : false,
+            discriminator: false,
+            schemaType: schemaType,
+          })
+      )
   );
 };
+const DiscriminatorNode = ({ discriminator, schema, schemaType }) => {
+  let discriminatedSchemas = {};
+  let inferredMapping = {};
+  const discriminatorProperty = schema.properties[discriminator.propertyName];
+  if (schema.allOf) {
+    const mergedSchemas = mergeAllOf(schema);
+    if (mergedSchemas.oneOf || mergedSchemas.anyOf) {
+      discriminatedSchemas = mergedSchemas.oneOf || mergedSchemas.anyOf;
+    }
+  } else if (schema.oneOf || schema.anyOf) {
+    discriminatedSchemas = schema.oneOf || schema.anyOf;
+  }
+  // Handle case where no mapping is defined
+  if (!discriminator.mapping) {
+    Object.entries(discriminatedSchemas).forEach(([_, subschema], index) => {
+      inferredMapping[subschema.title ?? `PROP${index}`] = subschema;
+    });
+    discriminator.mapping = inferredMapping;
+  }
+  // Merge sub schema discriminator property with parent
+  Object.keys(discriminator.mapping).forEach((key) => {
+    const subSchema = discriminator.mapping[key];
+    // Handle discriminated schema with allOf
+    let mergedSubSchema = {};
+    if (subSchema.allOf) {
+      mergedSubSchema = mergeAllOf(subSchema);
+    }
+    const subProperties = subSchema.properties || mergedSubSchema.properties;
+    if (subProperties[discriminator.propertyName]) {
+      schema.properties[discriminator.propertyName] = {
+        ...schema.properties[discriminator.propertyName],
+        ...subProperties[discriminator.propertyName],
+      };
+      if (subSchema.required && !schema.required) {
+        schema.required = subSchema.required;
+      }
+      // Avoid duplicating property
+      delete subProperties[discriminator.propertyName];
+    }
+  });
+  const name = discriminator.propertyName;
+  const schemaName = (0, schema_1.getSchemaName)(discriminatorProperty);
+  // Default case for discriminator without oneOf/anyOf/allOf
+  return react_1.default.createElement(PropertyDiscriminator, {
+    name: name,
+    schemaName: schemaName,
+    schema: schema,
+    schemaType: schemaType,
+    discriminator: discriminator,
+    required: Array.isArray(schema.required)
+      ? schema.required.includes(name)
+      : schema.required,
+  });
+};
 const AdditionalProperties = ({ schema, schemaType }) => {
   const additionalProperties = schema.additionalProperties;
   if (!additionalProperties) return null;
@@ -690,6 +776,15 @@ const SchemaNode = ({ schema, schemaType }) => {
   ) {
     return null;
   }
+  if (schema.discriminator) {
+    const { discriminator } = schema;
+    return react_1.default.createElement(DiscriminatorNode, {
+      discriminator: discriminator,
+      schema: schema,
+      schemaType: schemaType,
+    });
+  }
+  // Handle allOf, oneOf, anyOf without discriminators
   if (schema.allOf) {
     const mergedSchemas = mergeAllOf(schema);
     if (
@@ -723,6 +818,12 @@ const SchemaNode = ({ schema, schemaType }) => {
         })
     );
   }
+  if (schema.oneOf || schema.anyOf) {
+    return react_1.default.createElement(AnyOneOf, {
+      schema: schema,
+      schemaType: schemaType,
+    });
+  }
   // Handle primitives
   if (
     schema.type &&

package/lib/theme/styles.scss

@@ -93,16 +93,16 @@
   height: 100%;
 }
 
-@media (min-width: 997px) {
-  .docItemCol {
-    max-width: 75% !important;
-  }
-
-  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
-  .tocMobile {
-    display: none;
-  }
-}
+// @media (min-width: 997px) {
+//   .docItemCol {
+//     max-width: 75% !important;
+//   }
+
+//   /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
+//   .tocMobile {
+//     display: none;
+//   }
+// }
 
 /* Begin OpenAPI theme styles */
 // [data-theme="dark"] {
@@ -161,6 +161,12 @@
   border-right: thin solid var(--ifm-toc-border-color);
 }
 
+@media (max-width: 997px) {
+  .schema {
+    margin-bottom: 1rem;
+  }
+}
+
 .openapi-tabs__heading {
   margin-bottom: 1rem;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-939",
+  "version": "0.0.0-941",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -43,7 +43,7 @@
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.1.0",
     "crypto-js": "^4.1.1",
-    "docusaurus-plugin-openapi-docs": "0.0.0-939",
+    "docusaurus-plugin-openapi-docs": "0.0.0-941",
     "docusaurus-plugin-sass": "^0.2.3",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.20",
@@ -59,8 +59,8 @@
     "react-redux": "^7.2.0",
     "rehype-raw": "^6.1.1",
     "remark-gfm": "3.0.1",
-    "sass": "^1.58.1",
-    "sass-loader": "^13.3.2",
+    "sass": "^1.80.4",
+    "sass-loader": "^16.0.2",
     "webpack": "^5.61.0",
     "xml-formatter": "^2.6.1"
   },
@@ -71,5 +71,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "a5d3c2f5f5615038a44bb175811196f8be913503"
+  "gitHead": "64f0f2dd6de011ae7970b6340fa63e41d79a9232"
 }

package/src/theme/ApiItem/Layout/index.tsx

@@ -52,6 +52,7 @@ export default function DocItemLayout({ children }: Props): JSX.Element {
   const { metadata } = useDoc();
   const { frontMatter } = useDoc();
   const api = frontMatter.api;
+  const schema = frontMatter.schema;
   return (
     <div className="row">
       <div className={clsx("col", !docTOC.hidden && styles.docItemCol)}>
@@ -64,13 +65,15 @@ export default function DocItemLayout({ children }: Props): JSX.Element {
             {docTOC.mobile}
             <DocItemContent>{children}</DocItemContent>
             <div className="row">
-              <div className={clsx("col", api ? "col--7" : "col--12")}>
+              <div
+                className={clsx("col", api || schema ? "col--7" : "col--12")}
+              >
                 <DocItemFooter />
               </div>
             </div>
           </article>
           <div className="row">
-            <div className={clsx("col", api ? "col--7" : "col--12")}>
+            <div className={clsx("col", api || schema ? "col--7" : "col--12")}>
               <DocItemPaginator />
             </div>
           </div>

package/src/theme/ApiItem/index.tsx

@@ -18,6 +18,7 @@ import useIsBrowser from "@docusaurus/useIsBrowser";
 import { createAuth } from "@theme/ApiExplorer/Authorization/slice";
 import { createPersistanceMiddleware } from "@theme/ApiExplorer/persistanceMiddleware";
 import DocItemLayout from "@theme/ApiItem/Layout";
+import CodeBlock from "@theme/CodeBlock";
 import type { Props } from "@theme/DocItem";
 import DocItemMetadata from "@theme/DocItem/Metadata";
 import SkeletonLoader from "@theme/SkeletonLoader";
@@ -47,6 +48,10 @@ interface SchemaFrontMatter extends DocFrontMatter {
   readonly schema?: boolean;
 }
 
+interface SampleFrontMatter extends DocFrontMatter {
+  readonly sample?: any;
+}
+
 // @ts-ignore
 export default function ApiItem(props: Props): JSX.Element {
   const docHtmlClassName = `docs-doc-id-${props.content.metadata.id}`;
@@ -55,6 +60,7 @@ export default function ApiItem(props: Props): JSX.Element {
   const { info_path: infoPath } = frontMatter as DocFrontMatter;
   let { api } = frontMatter as ApiFrontMatter;
   const { schema } = frontMatter as SchemaFrontMatter;
+  const { sample } = frontMatter as SampleFrontMatter;
   // decompress and parse
   if (api) {
     try {
@@ -172,9 +178,14 @@ export default function ApiItem(props: Props): JSX.Element {
           <DocItemMetadata />
           <DocItemLayout>
             <div className={clsx("row", "theme-api-markdown")}>
-              <div className="col col--12">
+              <div className="col col--7 openapi-left-panel__container schema">
                 <MDXComponent />
               </div>
+              <div className="col col--5 openapi-right-panel__container">
+                <CodeBlock language="json" title={`${frontMatter.title}`}>
+                  {JSON.stringify(sample, null, 2)}
+                </CodeBlock>
+              </div>
             </div>
           </DocItemLayout>
         </HtmlClassNameProvider>

package/src/theme/ApiTabs/_ApiTabs.scss

@@ -6,7 +6,6 @@
  * ========================================================================== */
 .openapi-tabs__container {
   margin-left: -1px;
-  margin-bottom: var(--ifm-leading);
 }
 
 .openapi-tabs__response-header {

package/src/theme/Schema/index.tsx

@@ -184,6 +184,20 @@ const AnyOneOf: React.FC<SchemaProps> = ({ schema, schemaType }) => {
 
 const Properties: React.FC<SchemaProps> = ({ schema, schemaType }) => {
   const discriminator = schema.discriminator;
+  if (discriminator && !discriminator.mapping) {
+    const anyOneOf = schema.oneOf ?? schema.anyOf ?? {};
+    const inferredMapping = {} as any;
+    Object.entries(anyOneOf).map(([_, anyOneSchema]: [string, any]) => {
+      // ensure discriminated property only renders once
+      if (
+        schema.properties![discriminator.propertyName] &&
+        anyOneSchema.properties[discriminator.propertyName]
+      )
+        delete anyOneSchema.properties[discriminator.propertyName];
+      return (inferredMapping[anyOneSchema.title] = anyOneSchema);
+    });
+    discriminator["mapping"] = inferredMapping;
+  }
   if (Object.keys(schema.properties as {}).length === 0) {
     return (
       <SchemaItem
@@ -196,6 +210,7 @@ const Properties: React.FC<SchemaProps> = ({ schema, schemaType }) => {
       />
     );
   }
+
   return (
     <>
       {Object.entries(schema.properties as {}).map(
@@ -230,55 +245,143 @@ const PropertyDiscriminator: React.FC<SchemaEdgeProps> = ({
     return null;
   }
 
-  if (discriminator.mapping === undefined) {
-    return (
-      <SchemaEdge
-        name={name}
-        schema={schema}
-        required={required}
-        schemaName={schemaName}
-        schemaType={schemaType}
-      />
-    );
-  }
-
   return (
-    <div className="openapi-discriminator__item openapi-schema__list-item">
-      <div>
-        <span className="openapi-schema__container">
-          <strong className="openapi-discriminator__name openapi-schema__property">
-            {name}
-          </strong>
-          {schemaName && (
-            <span className="openapi-schema__name"> {schemaName}</span>
-          )}
-          {required && (
-            <span className="openapi-schema__required">required</span>
-          )}
-        </span>
-        <div style={{ marginLeft: "1rem" }}>
-          {schema.description && <Markdown text={schema.description} />}
-          {getQualifierMessage(discriminator) && (
-            <Markdown text={getQualifierMessage(discriminator)} />
-          )}
+    <>
+      <div className="openapi-discriminator__item openapi-schema__list-item">
+        <div>
+          <span className="openapi-schema__container">
+            <strong className="openapi-discriminator__name openapi-schema__property">
+              {name}
+            </strong>
+            {schemaName && (
+              <span className="openapi-schema__name"> {schemaName}</span>
+            )}
+            {required && <span className="openapi-schema__divider"></span>}
+            {required && (
+              <span className="openapi-schema__required">required</span>
+            )}
+          </span>
+          <div style={{ marginLeft: "1rem" }}>
+            {schema.description && <Markdown text={schema.description} />}
+            {getQualifierMessage(discriminator) && (
+              <Markdown text={getQualifierMessage(discriminator)} />
+            )}
+          </div>
+          <DiscriminatorTabs className="openapi-tabs__discriminator">
+            {Object.keys(discriminator.mapping).map((key, index) => (
+              // @ts-ignore
+              <TabItem
+                key={index}
+                label={key}
+                value={`${index}-item-discriminator`}
+              >
+                <SchemaNode
+                  schema={discriminator.mapping[key]}
+                  schemaType={schemaType}
+                />
+              </TabItem>
+            ))}
+          </DiscriminatorTabs>
         </div>
-        <DiscriminatorTabs className="openapi-tabs__discriminator">
-          {Object.keys(discriminator.mapping).map((key, index) => (
-            // @ts-ignore
-            <TabItem
-              key={index}
-              label={key}
-              value={`${index}-item-discriminator`}
-            >
-              <SchemaNode
-                schema={discriminator.mapping[key]}
+      </div>
+      {schema.properties &&
+        Object.entries(schema.properties as {}).map(
+          ([key, val]: [string, any]) =>
+            key !== discriminator.propertyName && (
+              <SchemaEdge
+                key={key}
+                name={key}
+                schema={val}
+                required={
+                  Array.isArray(schema.required)
+                    ? schema.required.includes(key)
+                    : false
+                }
+                discriminator={false}
                 schemaType={schemaType}
               />
-            </TabItem>
-          ))}
-        </DiscriminatorTabs>
-      </div>
-    </div>
+            )
+        )}
+    </>
+  );
+};
+
+interface DiscriminatorNodeProps {
+  discriminator: any;
+  schema: SchemaObject;
+  schemaType: "request" | "response";
+}
+
+const DiscriminatorNode: React.FC<DiscriminatorNodeProps> = ({
+  discriminator,
+  schema,
+  schemaType,
+}) => {
+  let discriminatedSchemas: any = {};
+  let inferredMapping: any = {};
+
+  const discriminatorProperty = schema.properties![discriminator.propertyName];
+
+  if (schema.allOf) {
+    const mergedSchemas = mergeAllOf(schema) as SchemaObject;
+    if (mergedSchemas.oneOf || mergedSchemas.anyOf) {
+      discriminatedSchemas = mergedSchemas.oneOf || mergedSchemas.anyOf;
+    }
+  } else if (schema.oneOf || schema.anyOf) {
+    discriminatedSchemas = schema.oneOf || schema.anyOf;
+  }
+
+  // Handle case where no mapping is defined
+  if (!discriminator.mapping) {
+    Object.entries(discriminatedSchemas).forEach(
+      ([_, subschema]: [string, any], index) => {
+        inferredMapping[subschema.title ?? `PROP${index}`] = subschema;
+      }
+    );
+    discriminator.mapping = inferredMapping;
+  }
+
+  // Merge sub schema discriminator property with parent
+  Object.keys(discriminator.mapping).forEach((key) => {
+    const subSchema = discriminator.mapping[key];
+
+    // Handle discriminated schema with allOf
+    let mergedSubSchema = {} as SchemaObject;
+    if (subSchema.allOf) {
+      mergedSubSchema = mergeAllOf(subSchema) as SchemaObject;
+    }
+
+    const subProperties = subSchema.properties || mergedSubSchema.properties;
+    if (subProperties[discriminator.propertyName]) {
+      schema.properties![discriminator.propertyName] = {
+        ...schema.properties![discriminator.propertyName],
+        ...subProperties[discriminator.propertyName],
+      };
+      if (subSchema.required && !schema.required) {
+        schema.required = subSchema.required;
+      }
+      // Avoid duplicating property
+      delete subProperties[discriminator.propertyName];
+    }
+  });
+
+  const name = discriminator.propertyName;
+  const schemaName = getSchemaName(discriminatorProperty);
+
+  // Default case for discriminator without oneOf/anyOf/allOf
+  return (
+    <PropertyDiscriminator
+      name={name}
+      schemaName={schemaName}
+      schema={schema}
+      schemaType={schemaType}
+      discriminator={discriminator}
+      required={
+        Array.isArray(schema.required)
+          ? schema.required.includes(name)
+          : schema.required
+      }
+    />
   );
 };
 
@@ -738,6 +841,18 @@ const SchemaNode: React.FC<SchemaProps> = ({ schema, schemaType }) => {
     return null;
   }
 
+  if (schema.discriminator) {
+    const { discriminator } = schema;
+    return (
+      <DiscriminatorNode
+        discriminator={discriminator}
+        schema={schema}
+        schemaType={schemaType}
+      />
+    );
+  }
+
+  // Handle allOf, oneOf, anyOf without discriminators
   if (schema.allOf) {
     const mergedSchemas = mergeAllOf(schema) as SchemaObject;
 
@@ -766,6 +881,10 @@ const SchemaNode: React.FC<SchemaProps> = ({ schema, schemaType }) => {
     );
   }
 
+  if (schema.oneOf || schema.anyOf) {
+    return <AnyOneOf schema={schema} schemaType={schemaType} />;
+  }
+
   // Handle primitives
   if (
     schema.type &&

package/src/theme/styles.scss

@@ -93,16 +93,16 @@
   height: 100%;
 }
 
-@media (min-width: 997px) {
-  .docItemCol {
-    max-width: 75% !important;
-  }
-
-  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
-  .tocMobile {
-    display: none;
-  }
-}
+// @media (min-width: 997px) {
+//   .docItemCol {
+//     max-width: 75% !important;
+//   }
+
+//   /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
+//   .tocMobile {
+//     display: none;
+//   }
+// }
 
 /* Begin OpenAPI theme styles */
 // [data-theme="dark"] {
@@ -161,6 +161,12 @@
   border-right: thin solid var(--ifm-toc-border-color);
 }
 
+@media (max-width: 997px) {
+  .schema {
+    margin-bottom: 1rem;
+  }
+}
+
 .openapi-tabs__heading {
   margin-bottom: 1rem;
 }