Only create list of 2xx content types for request samples (#365)

* Only create list of 2xx content types for request samples

* fix linting

* change status code check to use regex

Author: csestito

demo/examples/petstore.yaml

@@ -206,6 +206,7 @@ paths:
             application/xml:
               schema:
                 $ref: "#/components/schemas/Pet"
+
         "400":
           description: Invalid ID supplied
         "404":

demo/sidebars.js

@@ -101,7 +101,6 @@ const sidebars = {
       ],
     },
   ],
-
   "petstore-2.0.0": [
     {
       type: "html",

packages/docusaurus-theme-openapi-docs/src/theme/ApiItem/index.tsx

@@ -53,6 +53,9 @@ export default function ApiItem(props: Props): JSX.Element {
   const options = themeConfig.api;
   const isBrowser = useIsBrowser();
 
+  // Regex for 2XX status
+  const statusRegex = new RegExp("(20[0-9]|2[1-9][0-9])");
+
   // Define store2
   let store2: any = {};
   const persistanceMiddleware = createPersistanceMiddleware(options);
@@ -64,13 +67,15 @@ export default function ApiItem(props: Props): JSX.Element {
 
   // Init store for CSR to hydrate components
   if (isBrowser) {
-    const acceptArray = Array.from(
-      new Set(
-        Object.values(api?.responses ?? {})
-          .map((response: any) => Object.keys(response.content ?? {}))
-          .flat()
-      )
-    );
+    // Create list of only 2XX response content types to create request samples from
+    let acceptArray: any = [];
+    for (const [code, content] of Object.entries(api?.responses ?? [])) {
+      if (statusRegex.test(code)) {
+        acceptArray.push(Object.keys(content.content ?? {}));
+      }
+    }
+    acceptArray = acceptArray.flat();
+
     const content = api?.requestBody?.content ?? {};
     const contentTypeArray = Object.keys(content);
     const servers = api?.servers ?? [];