perf(operation): limit number of rerenders (#10796)

Author: lukaszzazulak

src/core/components/operation.jsx

@@ -90,8 +90,8 @@ export default class Operation extends PureComponent {
     let isShownKey = ["operations", tag, operationId]
     let extensions = getExtensions(operation)
 
-    const Responses = getComponent("responses")
-    const Parameters = getComponent( "parameters" )
+    const Responses = getComponent("responses", true)
+    const Parameters = getComponent( "parameters", true )
     const Execute = getComponent( "execute" )
     const Clear = getComponent( "clear" )
     const Collapse = getComponent( "Collapse" )

src/core/components/operations.jsx

@@ -1,6 +1,5 @@
 import React from "react"
 import PropTypes from "prop-types"
-import Im from "immutable"
 
 export default class Operations extends React.Component {
 
@@ -66,7 +65,7 @@ export default class Operations extends React.Component {
             operations.map(op => {
               const path = op.get("path")
               const method = op.get("method")
-              const specPath = Im.List(["paths", path, method])
+              const specPath = op.get("specPath")
 
               if (validOperationMethods.indexOf(method) === -1) {
                 return null

src/core/plugins/spec/selectors.js

@@ -142,7 +142,8 @@ export const operations = createSelector(
           path: pathName,
           method,
           operation,
-          id: `${method}-${pathName}`
+          id: `${method}-${pathName}`,
+          specPath: ["paths", pathName, method],
         }))
       })
     })

test/unit/core/plugins/spec/selectors.js

@@ -1089,7 +1089,8 @@ describe("taggedOperations", function () {
           id: "get-/",
           method: "get",
           path: "/",
-          operation: op
+          operation: op,
+          specPath: ["paths", "/", "get"]
         }]
       }
     })
@@ -1134,7 +1135,8 @@ describe("taggedOperations", function () {
           id: "get-/",
           method: "get",
           path: "/",
-          operation: op
+          operation: op,
+          specPath: ["paths", "/", "get"]
         }]
       }
     })
@@ -1173,7 +1175,8 @@ describe("taggedOperations", function () {
           id: "get-/",
           method: "get",
           path: "/",
-          operation: op
+          operation: op,
+          specPath: ["paths", "/", "get"]
         }]
       }
     })
@@ -1212,7 +1215,8 @@ describe("taggedOperations", function () {
           id: "get-/",
           method: "get",
           path: "/",
-          operation: op
+          operation: op,
+          specPath: ["paths", "/", "get"]
         }]
       }
     })