MC-10833: Resolve TypeScript errors

- Resolve utils/loader issues
- Add target=_blank to GoogleMaps API link
- Add title to full screen icon
- Fix styling for full screen icon
- Fix issue with all child option menus displaying instead of just the dragged content types

Author: davemacaulay

app/code/Magento/PageBuilder/Block/GoogleMapsApi.php

@@ -58,7 +58,7 @@ public function getStyle(): ?string
     public function getInvalidApiKeyMessage(): \Magento\Framework\Phrase
     {
         return __(
-            "You must provide a valid <a href='%1'>Google Maps API key</a> to use a map.",
+            "You must provide a valid <a href='%1' target='_blank'>Google Maps API key</a> to use a map.",
             $this->_urlBuilder->getUrl('adminhtml/system_config/edit/section/cms', ['_fragment' => 'cms_pagebuilder'])
         );
     }

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_drag-drop.less

@@ -48,7 +48,7 @@
 .pagebuilder-content-type-wrapper.ui-sortable-helper {
     opacity: .7;
 
-    .pagebuilder-options {
+    > .pagebuilder-content-type > .pagebuilder-options {
         .pagebuilder-options-visible;
     }
 }

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_page-builder.less

@@ -6,11 +6,16 @@
 @border-size: 2px;
 
 .pagebuilder-header {
-    margin-bottom: 15px;
     text-align: right;
 
     > .icon-pagebuilder-fullscreen {
         cursor: pointer;
+        display: inline-block;
+        padding: 15px 0 15px 15px;
+    }
+
+    > .icon-pagebuilder-fullscreen-exit:before {
+        padding-left: 0;
     }
 }
 

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type-factory.js

@@ -8,7 +8,10 @@
      css="'stage-full-screen': isFullScreen"
      ko-style="wrapperStyles">
     <div class="admin__field pagebuilder-header">
-        <i click="function() { toggleFullScreen($element); }" css="'icon-pagebuilder-fullscreen': !isFullScreen(), 'icon-pagebuilder-fullscreen-exit': isFullScreen()"></i>
+        <i click="function() { toggleFullScreen($element); }"
+           css="'icon-pagebuilder-fullscreen': !isFullScreen(), 'icon-pagebuilder-fullscreen-exit': isFullScreen()"
+           attr="{title: isFullScreen() ? $t('Close Full Screen') : $t('Open in Full Screen')}">
+        </i>
     </div>
     <with args="panel">
         <render/>

app/code/Magento/PageBuilder/view/adminhtml/web/js/converter/converter-pool-factory.js

@@ -5,14 +5,14 @@
 
 import events from "Magento_PageBuilder/js/events";
 import _ from "underscore";
-import loadModule from "utils/loader";
 import ContentType from "./content-type";
 import ContentTypeCollectionInterface from "./content-type-collection.types";
 import ContentTypeConfigInterface from "./content-type-config.types";
 import ContentTypeInterface from "./content-type.types";
 import {ContentTypeMountEventParamsInterface} from "./content-type/content-type-events.types";
 import masterFactory from "./content-type/master-factory";
 import previewFactory from "./content-type/preview-factory";
+import loadModule from "./utils/loader";
 
 /**
  * Create new content type