33194: Update Swagger UI to 3.51.1 version and configure security definitions

Author: Max Mezhensky

app/code/Magento/Swagger/view/frontend/layout/swagger_index_index.xml

@@ -12,9 +12,8 @@
         <!--<title>Swagger UI assets</title>-->
         <css src='Magento_Swagger::swagger-ui/css/style.css' media='screen' rel='stylesheet' type='text/css'/>
         <css src='Magento_Swagger::swagger-ui/css/swagger-ui.css' media='screen' rel='stylesheet' type='text/css'/>
-        <link src='Magento_Swagger::swagger-ui/js/lang/translator.js' type='text/javascript' defer="defer"/>
-        <link src='Magento_Swagger::swagger-ui/js/lang/ru.js' type='text/javascript' defer="defer"/>
-        <link src='Magento_Swagger::swagger-ui/js/lang/en.js' type='text/javascript' defer="defer"/>
+        <link src='Magento_Swagger::swagger-ui/js/swagger-ui-es-bundle.js' type='text/javascript' defer="defer"/>
+        <link src='Magento_Swagger::swagger-ui/js/swagger-ui-es-bundle-core.js' type='text/javascript' defer="defer"/>
         <link src='Magento_Swagger::swagger-ui/js/swagger-ui-bundle.min.js' type='text/javascript' defer="defer"/>
         <link src='Magento_Swagger::swagger-ui/js/swagger-ui-standalone-preset.min.js' type='text/javascript' defer="defer"/>
         <link src='Magento_Swagger::swagger-ui/js/magento-swagger.js' type='text/javascript' defer="defer"/>

app/code/Magento/Swagger/view/frontend/templates/swagger-ui/index.phtml

@@ -3,7 +3,7 @@
  * swagger-ui - Swagger UI is a dependency-free collection of HTML, JavaScript, and CSS
  * assets that dynamically generate beautiful documentation from a Swagger-compliant API
  *
- * @version v2.1.1
+ * @version v3.51.1
  * @link http://swagger.io
  * @license Apache-2.0
  *
@@ -14,6 +14,7 @@
 
 /**
  * @var \Magento\Swagger\Block\Index $block
+ * @var \Magento\Framework\Escaper $escaper
  */
 
 $schemaUrl = $block->getSchemaUrl();
@@ -53,16 +54,6 @@ $schemaUrl = $block->getSchemaUrl();
     </defs>
 </svg>
 
-<div id='header'>
-    <div class="swagger-ui-wrap">
-        <a id="logo" href="http://swagger.io">swagger</a>
-        <form id='api_selector'>
-            <input id="input_baseUrl" type="hidden" value="<?= $block->escapeUrl($schemaUrl) ?>"/>
-            <div class='input'><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text"/></div>
-            <div class='input'><a id="explore" href="#" data-sw-translate>apply</a></div>
-        </form>
-    </div>
+<div id="swagger-ui">
+    <input id="input_baseUrl" type="hidden" value="<?= $escaper->escapeUrl($schemaUrl) ?>"/>
 </div>
-
-<div id="message-bar" class="swagger-ui-wrap" data-sw-translate>&nbsp;</div>
-<div id="swagger-ui-container" class="swagger-ui-wrap"></div>

app/code/Magento/Swagger/view/frontend/web/swagger-ui/css/style.css

@@ -1,3 +1,13 @@
+html {
+    box-sizing: border-box;
+    overflow: -moz-scrollbars-vertical;
+    overflow-y: scroll;
+}
+*,
+*:before,
+*:after {
+    box-sizing: inherit;
+}
 body {
   margin:0;
   background: #fafafa;