Moves Drag and Drop to create visualization menu

Signed-off-by: Ashwin Pc <[email protected]>

src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx

@@ -278,7 +278,7 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
       >
         <VisTypeIcon
           icon={visType.type.icon === 'visTimeline' ? 'visTimelion' : visType.type.icon}
-          image={'image' in visType.type ? visType.type.image : 'visTimelion'}
+          image={'image' in visType.type ? visType.type.image : undefined}
         />
       </EuiKeyPadMenuItem>
     );

src/plugins/wizard/opensearch_dashboards.json

@@ -10,7 +10,8 @@
     "opensearchDashboardsReact",
     "savedObjects",
     "embeddable",
-    "dashboard"
+    "dashboard",
+    "visualizations"
   ],
   "optionalPlugins": []
 }

src/plugins/wizard/public/index.ts

@@ -3,11 +3,12 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { PluginInitializerContext } from '../../../core/public';
 import { WizardPlugin } from './plugin';
 
 // This exports static code and TypeScript types,
 // as well as, OpenSearch Dashboards Platform `plugin()` initializer.
-export function plugin() {
-  return new WizardPlugin();
+export function plugin(initializerContext: PluginInitializerContext) {
+  return new WizardPlugin(initializerContext);
 }
 export { WizardServices, WizardPluginStartDependencies } from './types';

src/plugins/wizard/public/plugin.ts

@@ -3,42 +3,53 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { i18n } from '@osd/i18n';
 import {
   AppMountParameters,
+  AppNavLinkStatus,
   CoreSetup,
   CoreStart,
-  DEFAULT_APP_CATEGORIES,
   Plugin,
+  PluginInitializerContext,
 } from '../../../core/public';
-import { WizardPluginStartDependencies, WizardServices } from './types';
+import {
+  WizardPluginSetupDependencies,
+  WizardPluginStartDependencies,
+  WizardServices,
+} from './types';
 import { PLUGIN_NAME } from '../common';
 
-export class WizardPlugin implements Plugin<void, void, object, WizardPluginStartDependencies> {
-  public setup(core: CoreSetup<WizardPluginStartDependencies>) {
-    // Register an application into the side navigation menu
+export class WizardPlugin
+  implements Plugin<void, void, WizardPluginSetupDependencies, WizardPluginStartDependencies> {
+  constructor(public initializerContext: PluginInitializerContext) {}
+
+  public setup(
+    core: CoreSetup<WizardPluginStartDependencies>,
+    { visualizations }: WizardPluginSetupDependencies
+  ) {
+    // Register the plugin to core
     core.application.register({
       id: 'wizard',
       title: PLUGIN_NAME,
-      euiIconType: 'inputOutput',
-      defaultPath: '#/',
-      category: DEFAULT_APP_CATEGORIES.opensearchDashboards,
+      navLinkStatus: AppNavLinkStatus.hidden,
       async mount(params: AppMountParameters) {
         // Load application bundle
         const { renderApp } = await import('./application');
         // Get start services as specified in opensearch_dashboards.json
         const [coreStart, pluginsStart] = await core.getStartServices();
+        const { data, savedObjects, navigation } = pluginsStart;
 
         const services: WizardServices = {
           ...coreStart,
           toastNotifications: coreStart.notifications.toasts,
-          data: pluginsStart.data,
-          savedObjectsPublic: pluginsStart.savedObjects,
-          navigation: pluginsStart.navigation,
+          data,
+          savedObjectsPublic: savedObjects,
+          navigation,
           setHeaderActionMenu: params.setHeaderActionMenu,
         };
 
         // make sure the index pattern list is up to date
-        pluginsStart.data.indexPatterns.clearCache();
+        data.indexPatterns.clearCache();
         // make sure a default index pattern exists
         // if not, the page will be redirected to management and visualize won't be rendered
         await pluginsStart.data.indexPatterns.ensureDefaultIndexPattern();
@@ -47,6 +58,20 @@ export class WizardPlugin implements Plugin<void, void, object, WizardPluginStar
         return renderApp(params, services);
       },
     });
+
+    // Register the plugin as an alias to create visualization
+    visualizations.registerAlias({
+      name: 'wizard',
+      title: 'Wizard',
+      description: i18n.translate('wizard.vizPicker.description', {
+        defaultMessage: 'TODO...',
+      }),
+      // TODO: Replace with actual icon once available
+      icon: 'vector',
+      stage: 'beta',
+      aliasApp: 'wizard',
+      aliasPath: '#/',
+    });
   }
 
   public start(core: CoreStart) {}

src/plugins/wizard/public/types.ts

@@ -7,11 +7,13 @@ import { SavedObjectsStart } from 'src/plugins/saved_objects/public';
 import { AppMountParameters, CoreStart, ToastsStart } from 'opensearch-dashboards/public';
 import { EmbeddableSetup } from 'src/plugins/embeddable/public';
 import { DashboardStart } from 'src/plugins/dashboard/public';
+import { VisualizationsSetup } from 'src/plugins/visualizations/public';
 import { NavigationPublicPluginStart } from '../../navigation/public';
 import { DataPublicPluginStart } from '../../data/public';
 
 export interface WizardPluginSetupDependencies {
   embeddable: EmbeddableSetup;
+  visualizations: VisualizationsSetup;
 }
 export interface WizardPluginStartDependencies {
   navigation: NavigationPublicPluginStart;