fix: render specs that contain oauth2 password flow only (#1023)

Co-authored-by: Lukasz Gornicki <[email protected]>

Author: pltod2

library/src/__tests__/docs/v3/streetlights-mqtt.json

@@ -69,6 +69,9 @@
         },
         {
           "$ref": "#/components/securitySchemes/openIdConnectWellKnown"
+        },
+        {
+          "$ref": "#/components/securitySchemes/oauth2Password"
         }
       ],
       "tags": [
@@ -348,6 +351,18 @@
       "openIdConnectWellKnown": {
         "type": "openIdConnect",
         "openIdConnectUrl": "https://authserver.example/.well-known"
+      },
+      "oauth2Password": {
+        "type": "oauth2",
+        "description": "Flows to support OAuth 2.0",
+        "flows": {
+          "password": {
+            "tokenUrl": "https://authserver.example/token",
+            "availableScopes": {
+              "streetlights:on": "Ability to switch lights on"
+            }
+          }
+        }
       }
     },
     "parameters": {

library/src/containers/Servers/Security.tsx

@@ -164,7 +164,7 @@ const SecurityItem: React.FunctionComponent<SecurityItemProps> = ({
     unwrappedFlows.clientCredentials = flows.clientCredentials()!;
   }
   if (flows?.hasPassword()) {
-    unwrappedFlows.password = flows.implicit()!;
+    unwrappedFlows.password = flows.password()!;
   }
   const renderedFlows = Object.entries(unwrappedFlows).map(
     ([flowName, flow]) => {