[embeddable refactor] decouple MapEmbeddable from Security Solution p…

…lugin (#182737)

Part of #182020

@elastic/kibana-presentation is refactoring the Embeddable framework.
Part of this effort is decoupling plugins from the legacy Embeddable
framework. The Maps plugin provides a react component from the plugins
start contract that can be used instead of natively using MapEmbeddable.

This PR swaps out the native MapEmbeddable implementation with the react
component exposed from the Maps plugin.

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/maps/public/embeddable/map_api.ts

@@ -21,6 +21,7 @@ import type { ILayer } from '../classes/layers/layer';
 
 export type MapApi = HasType<'map'> & {
   getLayerList: () => ILayer[];
+  reload: () => void;
 } & PublishesDataViews &
   PublishesPanelTitle &
   PublishesUnifiedSearch &

x-pack/plugins/maps/public/embeddable/map_component.tsx

@@ -14,6 +14,7 @@ import type { LayerDescriptor, MapCenterAndZoom, MapSettings } from '../../commo
 import { MapEmbeddable } from './map_embeddable';
 import { createBasemapLayerDescriptor } from '../classes/layers/create_basemap_layer_descriptor';
 import { RenderToolTipContent } from '../classes/tooltips/tooltip_property';
+import { MapApi } from './map_api';
 
 export interface Props {
   title?: string;
@@ -27,6 +28,7 @@ export interface Props {
   mapCenter?: MapCenterAndZoom;
   onInitialRenderComplete?: () => void;
   getTooltipRenderer?: () => RenderToolTipContent;
+  onApiAvailable?: (api: MapApi) => void;
   /*
    * Set to false to exclude sharing attributes 'data-*'.
    */
@@ -70,6 +72,9 @@ export class MapComponent extends Component<Props> {
     if (this.props.getTooltipRenderer) {
       this._mapEmbeddable.setRenderTooltipContent(this.props.getTooltipRenderer());
     }
+    if (this.props.onApiAvailable) {
+      this.props.onApiAvailable(this._mapEmbeddable as MapApi);
+    }
 
     if (this.props.onInitialRenderComplete) {
       this._mapEmbeddable

x-pack/plugins/security_solution/public/explore/network/components/embeddables/__mocks__/mock.ts

@@ -398,36 +398,9 @@ const mockApmDataStreamClientServerLineLayer = {
   label: 'traces-apm*,logs-apm*,metrics-apm*,apm-* | Line',
 };
 
-export const mockLayerList = [
-  {
-    sourceDescriptor: { type: 'EMS_TMS', isAutoSelect: true },
-    id: 'uuidv4()',
-    label: null,
-    minZoom: 0,
-    maxZoom: 24,
-    alpha: 1,
-    visible: true,
-    style: null,
-    type: LAYER_TYPE.EMS_VECTOR_TILE,
-  },
-  mockLineLayer,
-  mockDestinationLayer,
-  mockSourceLayer,
-  mockLayerGroup,
-];
+export const mockLayerList = [mockLineLayer, mockDestinationLayer, mockSourceLayer, mockLayerGroup];
 
 export const mockLayerListDouble = [
-  {
-    sourceDescriptor: { type: 'EMS_TMS', isAutoSelect: true },
-    id: 'uuidv4()',
-    label: null,
-    minZoom: 0,
-    maxZoom: 24,
-    alpha: 1,
-    visible: true,
-    style: null,
-    type: LAYER_TYPE.EMS_VECTOR_TILE,
-  },
   mockLineLayer,
   mockDestinationLayer,
   mockSourceLayer,
@@ -439,17 +412,6 @@ export const mockLayerListDouble = [
 ];
 
 export const mockLayerListMixed = [
-  {
-    sourceDescriptor: { type: 'EMS_TMS', isAutoSelect: true },
-    id: 'uuidv4()',
-    label: null,
-    minZoom: 0,
-    maxZoom: 24,
-    alpha: 1,
-    visible: true,
-    style: null,
-    type: LAYER_TYPE.EMS_VECTOR_TILE,
-  },
   mockLineLayer,
   mockDestinationLayer,
   mockSourceLayer,