Embeddables 👉 New Platform

.i18nrc.json

@@ -13,7 +13,7 @@
     "dashboardEmbeddableContainer": "src/legacy/core_plugins/dashboard_embeddable_container",
     "kbn": "src/legacy/core_plugins/kibana",
     "kbnDocViews": "src/legacy/core_plugins/kbn_doc_views",
-    "embeddableApi": "src/legacy/core_plugins/embeddable_api",
+    "embeddableApi": "src/plugins/embeddable",
     "kbnVislibVisTypes": "src/legacy/core_plugins/kbn_vislib_vis_types",
     "visTypeMarkdown": "src/legacy/core_plugins/vis_type_markdown",
     "visTypeMetric": "src/legacy/core_plugins/vis_type_metric",

src/legacy/core_plugins/dashboard_embeddable_container/public/np_ready/public/lib/actions/expand_panel_action.test.tsx

@@ -24,12 +24,10 @@ import { getSampleDashboardInput, getSampleDashboardPanel } from '../test_helper
 import {
   CONTACT_CARD_EMBEDDABLE,
   ContactCardEmbeddableFactory,
-} from '../../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable_factory';
-import {
   ContactCardEmbeddable,
   ContactCardEmbeddableInput,
   ContactCardEmbeddableOutput,
-} from '../../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable';
+} from '../../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 import { DashboardOptions } from '../embeddable/dashboard_container_factory';
 
 const embeddableFactories = new Map<string, EmbeddableFactory>();

src/legacy/core_plugins/dashboard_embeddable_container/public/np_ready/public/lib/embeddable/dashboard_container.test.tsx

@@ -26,12 +26,10 @@ import { getSampleDashboardInput, getSampleDashboardPanel } from '../test_helper
 import {
   CONTACT_CARD_EMBEDDABLE,
   ContactCardEmbeddableFactory,
-} from '../../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable_factory';
-import {
   ContactCardEmbeddableInput,
   ContactCardEmbeddable,
   ContactCardEmbeddableOutput,
-} from '../../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable';
+} from '../../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 
 const options: DashboardContainerOptions = {
   application: {} as any,

src/legacy/core_plugins/dashboard_embeddable_container/public/np_ready/public/lib/embeddable/grid/dashboard_grid.test.tsx

@@ -30,7 +30,7 @@ import { getSampleDashboardInput } from '../../test_helpers';
 import {
   CONTACT_CARD_EMBEDDABLE,
   ContactCardEmbeddableFactory,
-} from '../../../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable_factory';
+} from '../../../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 import { KibanaContextProvider } from '../../../../../../../../../plugins/kibana_react/public';
 
 let dashboardContainer: DashboardContainer | undefined;

src/legacy/core_plugins/dashboard_embeddable_container/public/np_ready/public/lib/embeddable/panel/create_panel_state.test.ts

@@ -21,7 +21,8 @@ import { DEFAULT_PANEL_HEIGHT, DEFAULT_PANEL_WIDTH } from '../dashboard_constant
 import { DashboardPanelState } from '../types';
 import { createPanelState } from './create_panel_state';
 import { EmbeddableInput } from '../../embeddable_api';
-import { CONTACT_CARD_EMBEDDABLE } from '../../../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable_factory';
+// eslint-disable-next-line @kbn/eslint/no-restricted-paths
+import { CONTACT_CARD_EMBEDDABLE } from '../../../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 
 interface TestInput extends EmbeddableInput {
   test: string;

src/legacy/core_plugins/dashboard_embeddable_container/public/np_ready/public/lib/embeddable/viewport/dashboard_viewport.test.tsx

@@ -31,7 +31,7 @@ import { getSampleDashboardInput } from '../../test_helpers';
 import {
   CONTACT_CARD_EMBEDDABLE,
   ContactCardEmbeddableFactory,
-} from '../../../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable_factory';
+} from '../../../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 import { KibanaContextProvider } from '../../../../../../../../../plugins/kibana_react/public';
 
 let dashboardContainer: DashboardContainer | undefined;

src/legacy/core_plugins/dashboard_embeddable_container/public/np_ready/public/tests/dashboard_container.test.tsx

@@ -32,14 +32,14 @@ import { getSampleDashboardInput } from '../lib/test_helpers';
 import {
   CONTACT_CARD_EMBEDDABLE,
   ContactCardEmbeddableFactory,
-} from '../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable_factory';
+} from '../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 import {
   ContactCardEmbeddableInput,
   ContactCardEmbeddable,
   ContactCardEmbeddableOutput,
-} from '../../../../../embeddable_api/public/np_ready/public/lib/test_samples/embeddables/contact_card/contact_card_embeddable';
+} from '../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 import { embeddablePluginMock } from '../../../../../embeddable_api/public/np_ready/public/mocks';
-import { createEditModeAction } from '../../../../../embeddable_api/public/np_ready/public/lib/test_samples/actions/edit_mode_action';
+import { createEditModeAction } from '../../../../../embeddable_api/public/np_ready/public/lib/test_samples';
 // eslint-disable-next-line
 import { inspectorPluginMock } from '../../../../../../../plugins/inspector/public/mocks';
 import { KibanaContextProvider } from '../../../../../../../plugins/kibana_react/public';

src/legacy/core_plugins/embeddable_api/README.md

@@ -1,39 +1,2 @@
-# The Embeddable API V2
-
-The Embeddable API's main goal is to have documented and standardized ways to share and exchange information and functionality across applications and plugins.
-
-There are three main pieces of this infrastructure:
- - Embeddables & Containers
- - Actions
- - Triggers
-
-## Embeddables & Containers
-
-Embeddables are isolated, serializable, renderable widgets. A developer can hard code an embeddable inside their
-application, or they can use some built in actions to allow users to dynamically add them to *containers*.
-
-Containers are a special type of embeddable that can contain nested embeddables.
-
-## Actions
-
-Actions are pluggable pieces of functionality exposed to the user that take an embeddable as context, plus an optional action context.
-
-## Triggers
-
-Triggers are the way actions are connected to a user action. We ship with two default triggers, `CONTEXT_MENU_TRIGGER` and `APPLY_FILTER`.
-
-Actions attached to the `CONTEXT_MENU_TRIGGER` will be displayed in supported embeddables context menu to the user. Actions attached to the `APPLY_FILTER` trigger will show up when any embeddable emits this trigger.
-
-A developer can register new triggers that their embeddables, or external components, can emit (as long as they have an embeddable to pass along as context).
-
-## Examples
-
-Many examples can be viewed in the functionally tested `kbn_tp_embeddable_explorer` plugin, as well as the jest tested classes inside the `embeddable_api/public/test_samples` folder.
-
-## Testing
-
-Run unit tests
-
-```shell
-node scripts/jest embeddable_api
-```
+- Embeddables have been moved to `/src/plugins/embeddable` NP plugin.
+- This legacy plugin is still there to make necessary CSS working, but soon will be completely deleted.

src/legacy/core_plugins/embeddable_api/public/index.scss

@@ -1,5 +1,5 @@
 @import 'src/legacy/ui/public/styles/styling_constants';
 
 @import './variables';
-@import './np_ready/public/lib/panel/index';
-@import './np_ready/public/lib/panel/panel_header/index';
+@import '../../../../plugins/embeddable/public/lib/panel/index';
+@import '../../../../plugins/embeddable/public/lib/panel/panel_header/index';

src/legacy/core_plugins/embeddable_api/public/np_ready/public/index.ts

@@ -17,49 +17,4 @@
  * under the License.
  */
 
-import { PluginInitializerContext } from 'src/core/public';
-import { EmbeddablePublicPlugin } from './plugin';
-
-export {
-  ADD_PANEL_ACTION_ID,
-  APPLY_FILTER_ACTION,
-  APPLY_FILTER_TRIGGER,
-  PANEL_BADGE_TRIGGER,
-  Adapters,
-  AddPanelAction,
-  CONTEXT_MENU_TRIGGER,
-  Container,
-  ContainerInput,
-  ContainerOutput,
-  EDIT_PANEL_ACTION_ID,
-  EditPanelAction,
-  Embeddable,
-  EmbeddableChildPanel,
-  EmbeddableChildPanelProps,
-  EmbeddableFactory,
-  EmbeddableFactoryNotFoundError,
-  EmbeddableInput,
-  EmbeddableInstanceConfiguration,
-  EmbeddableOutput,
-  EmbeddablePanel,
-  ErrorEmbeddable,
-  GetEmbeddableFactories,
-  GetEmbeddableFactory,
-  IContainer,
-  IEmbeddable,
-  OutputSpec,
-  PanelNotFoundError,
-  PanelState,
-  PropertySpec,
-  SavedObjectMetaData,
-  ViewMode,
-  isErrorEmbeddable,
-  openAddPanelFlyout,
-} from './lib';
-
-export function plugin(initializerContext: PluginInitializerContext) {
-  return new EmbeddablePublicPlugin(initializerContext);
-}
-
-export { EmbeddablePublicPlugin as Plugin };
-export * from './plugin';
+export * from '../../../../../../plugins/embeddable/public';

src/legacy/core_plugins/embeddable_api/public/np_ready/public/legacy.ts

@@ -17,12 +17,8 @@
  * under the License.
  */
 
-/* eslint-disable @kbn/eslint/no-restricted-paths */
+// eslint-disable-next-line
 import { npSetup, npStart } from 'ui/new_platform';
-/* eslint-enable @kbn/eslint/no-restricted-paths */
 
-import { plugin } from '.';
-
-const pluginInstance = plugin({} as any);
-export const setup = pluginInstance.setup(npSetup.core, { uiActions: npSetup.plugins.uiActions });
-export const start = pluginInstance.start(npStart.core);
+export const setup = npSetup.plugins.embeddable;
+export const start = npStart.plugins.embeddable;

src/legacy/core_plugins/embeddable_api/public/np_ready/public/lib/test_samples/index.ts

@@ -17,5 +17,5 @@
  * under the License.
  */
 
-export * from './actions';
-export * from './embeddables';
+// eslint-disable-next-line
+export * from '../../../../../../../../plugins/embeddable/public/lib/test_samples';

src/legacy/core_plugins/embeddable_api/public/np_ready/public/mocks.ts

@@ -17,46 +17,5 @@
  * under the License.
  */
 
-import { Plugin } from '.';
-import { coreMock } from '../../../../../../core/public/mocks';
-
 // eslint-disable-next-line
-import { uiActionsPluginMock } from '../../../../../../plugins/ui_actions/public/mocks';
-
-export type Setup = jest.Mocked<ReturnType<Plugin['setup']>>;
-export type Start = jest.Mocked<ReturnType<Plugin['start']>>;
-
-const createSetupContract = (): Setup => {
-  const setupContract: Setup = {
-    registerEmbeddableFactory: jest.fn(),
-  };
-  return setupContract;
-};
-
-const createStartContract = (): Start => {
-  const startContract: Start = {
-    registerEmbeddableFactory: jest.fn(),
-    getEmbeddableFactories: jest.fn(),
-    getEmbeddableFactory: jest.fn(),
-  };
-  return startContract;
-};
-
-const createInstance = () => {
-  const plugin = new Plugin({} as any);
-  const setup = plugin.setup(coreMock.createSetup(), {
-    uiActions: uiActionsPluginMock.createSetupContract(),
-  });
-  const doStart = () => plugin.start(coreMock.createStart());
-  return {
-    plugin,
-    setup,
-    doStart,
-  };
-};
-
-export const embeddablePluginMock = {
-  createSetupContract,
-  createStartContract,
-  createInstance,
-};
+export * from '../../../../../../plugins/embeddable/public/mocks';

src/legacy/core_plugins/kibana/public/dashboard/dashboard_state.test.ts

@@ -24,7 +24,7 @@ import { getAppStateMock, getSavedDashboardMock } from './__tests__';
 import { AppStateClass } from 'ui/state_management/app_state';
 import { DashboardAppState } from './types';
 import { TimeRange } from 'src/plugins/data/public';
-import { ViewMode } from '../../../embeddable_api/public/np_ready/public';
+import { ViewMode } from 'src/plugins/embeddable/public';
 import { InputTimeRange } from 'ui/timefilter';
 
 jest.mock('ui/registry/field_formats', () => ({

src/legacy/core_plugins/kibana/public/dashboard/dashboard_state_manager.ts

@@ -28,7 +28,7 @@ import { migrateLegacyQuery } from 'ui/utils/migrate_legacy_query';
 import { Moment } from 'moment';
 
 import { DashboardContainer } from 'src/legacy/core_plugins/dashboard_embeddable_container/public/np_ready/public';
-import { ViewMode } from '../../../embeddable_api/public/np_ready/public';
+import { ViewMode } from '../../../../../../src/plugins/embeddable/public';
 import { Query } from '../../../data/public';
 
 import { getAppStateDefaults, migrateAppState } from './lib';

src/legacy/core_plugins/kibana/public/dashboard/dashboard_strings.ts

@@ -18,7 +18,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-import { ViewMode } from '../../../embeddable_api/public/np_ready/public';
+import { ViewMode } from '../../../../../../src/plugins/embeddable/public';
 
 /**
  * @param title {string} the current title of the dashboard

src/legacy/core_plugins/kibana/public/dashboard/lib/get_app_state_defaults.ts

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { ViewMode } from '../../../../embeddable_api/public/np_ready/public';
+import { ViewMode } from '../../../../../../../src/plugins/embeddable/public';
 import { SavedObjectDashboard } from '../saved_dashboard/saved_dashboard';
 import { DashboardAppStateDefaults } from '../types';
 

src/legacy/core_plugins/kibana/public/dashboard/top_nav/get_top_nav_config.ts

@@ -18,7 +18,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-import { ViewMode } from '../../../../embeddable_api/public/np_ready/public';
+import { ViewMode } from '../../../../../../plugins/embeddable/public';
 import { TopNavIds } from './top_nav_ids';
 import { NavAction } from '../types';
 

src/legacy/core_plugins/kibana/public/dashboard/types.ts

@@ -21,7 +21,7 @@ import { AppState } from 'ui/state_management/app_state';
 import { Filter } from '@kbn/es-query';
 import { Query } from 'src/legacy/core_plugins/data/public';
 import { AppState as TAppState } from 'ui/state_management/app_state';
-import { ViewMode } from 'src/legacy/core_plugins/embeddable_api/public/np_ready/public';
+import { ViewMode } from 'src/plugins/embeddable/public';
 import {
   RawSavedDashboardPanelTo60,
   RawSavedDashboardPanel610,

src/legacy/core_plugins/kibana/public/discover/embeddable/search_embeddable_factory.ts

@@ -19,7 +19,7 @@
 
 import '../doc_table';
 import { capabilities } from 'ui/capabilities';
-import { npStart } from 'ui/new_platform';
+import { npStart, npSetup } from 'ui/new_platform';
 import { i18n } from '@kbn/i18n';
 import chrome from 'ui/chrome';
 import { IPrivate } from 'ui/private';
@@ -30,8 +30,7 @@ import {
   EmbeddableFactory,
   ErrorEmbeddable,
   Container,
-} from '../../../../embeddable_api/public/np_ready/public';
-import { setup } from '../../../../embeddable_api/public/np_ready/public/legacy';
+} from '../../../../../../plugins/embeddable/public';
 import { SavedSearchLoader } from '../types';
 import { SearchEmbeddable, SEARCH_EMBEDDABLE_TYPE } from './search_embeddable';
 import { SearchInput, SearchOutput } from './types';
@@ -112,4 +111,4 @@ export class SearchEmbeddableFactory extends EmbeddableFactory<
 }
 
 const factory = new SearchEmbeddableFactory(npStart.plugins.uiActions.executeTriggerActions);
-setup.registerEmbeddableFactory(factory.type, factory);
+npSetup.plugins.embeddable.registerEmbeddableFactory(factory.type, factory);

src/legacy/core_plugins/kibana/public/discover/embeddable/types.ts

@@ -21,12 +21,8 @@ import { StaticIndexPattern } from 'ui/index_patterns';
 import { TimeRange } from 'src/plugins/data/public';
 import { Query } from 'src/legacy/core_plugins/data/public';
 import { Filter } from '@kbn/es-query';
+import { EmbeddableInput, EmbeddableOutput, IEmbeddable } from 'src/plugins/embeddable/public';
 import { SavedSearch } from '../types';
-import {
-  EmbeddableInput,
-  EmbeddableOutput,
-  IEmbeddable,
-} from '../../../../embeddable_api/public/np_ready/public';
 import { SortOrder } from '../doc_table/components/table_header/helpers';
 
 export interface SearchInput extends EmbeddableInput {

src/legacy/core_plugins/kibana/public/visualize/embeddable/disabled_lab_embeddable.tsx

@@ -19,7 +19,7 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Embeddable, EmbeddableOutput } from '../../../../embeddable_api/public/np_ready/public';
+import { Embeddable, EmbeddableOutput } from '../../../../../../plugins/embeddable/public';
 import { DisabledLabVisualization } from './disabled_lab_visualization';
 import { VisualizeInput } from './visualize_embeddable';
 import { VISUALIZE_EMBEDDABLE_TYPE } from './constants';

src/legacy/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable.ts

@@ -29,14 +29,14 @@ import {
 } from 'ui/visualize/loader/types';
 import { Subscription } from 'rxjs';
 import * as Rx from 'rxjs';
-import { TimeRange } from 'src/plugins/data/public';
 import { Filter } from '@kbn/es-query';
+import { TimeRange } from '../../../../../../plugins/data/public';
 import {
   EmbeddableInput,
   EmbeddableOutput,
   Embeddable,
   Container,
-} from '../../../../embeddable_api/public/np_ready/public';
+} from '../../../../../../plugins/embeddable/public';
 import { Query, onlyDisabledFiltersChanged } from '../../../../data/public';
 import { VISUALIZE_EMBEDDABLE_TYPE } from './constants';