[Backport 2.x][Feature] Adds the Drag and Drop editor to Visualize

Backport PR: #1966 Signed-off-by: Anan Zhuang <[email protected]> Backport PR commit message: * [Chore] Moves Drag and Drop to new branch (#1400) * Initial Drag and Drop plugin code (#946) * Initial Drag and Drop plugin code Signed-off-by: Ashwin Pc <[email protected]> * Adds state management to Drag and Drop Signed-off-by: Ashwin Pc <[email protected]> * Moves Drag and Drop to create visualization menu Signed-off-by: Ashwin Pc <[email protected]> * Field Search in Data panel (#995) Add ability to search on index fields Signed-off-by: Abbas Hussain <[email protected]> * Adds initial type service (#1260) Signed-off-by: Ashwin Pc <[email protected]> * chore: updates viz modal snapshot Signed-off-by: Ashwin Pc <[email protected]> * fix(License): Fixes license headers Signed-off-by: Ashwin Pc <[email protected]> Co-authored-by: Abbas Hussain <[email protected]> * [D&D] Type Service Contributions (#1402) * feat(Contributions): Simple working contributions Signed-off-by: Ashwin Pc <[email protected]> * feat(Contributions): Add new field from dropbox Signed-off-by: Ashwin Pc <[email protected]> * feat(Contributions): Working edit mode Signed-off-by: Ashwin Pc <[email protected]> * fix(Contributions): Fixes switching dropbox fields Signed-off-by: Ashwin Pc <[email protected]> * chore: Updates license headers Signed-off-by: Ashwin Pc <[email protected]> * feat(Contributions): Adds initial drag & drop validation Signed-off-by: Ashwin Pc <[email protected]> * feat(Dropbox): Allows multiple instances of the same field Signed-off-by: Ashwin Pc <[email protected]> * feat(Dropbox): Working reorder fields Signed-off-by: Ashwin Pc <[email protected]> * feat(Contributions): Working container contributions Signed-off-by: Ashwin Pc <[email protected]> * chore: clean up exports Signed-off-by: Ashwin Pc <[email protected]> * test(Contribution): Adds unit test `mergeArrays` Signed-off-by: Ashwin Pc <[email protected]> * test(TypeService): Adds plugin unit tests Signed-off-by: Ashwin Pc <[email protected]> * chore: remove redundant code Signed-off-by: Ashwin Pc <[email protected]> * test(Functional): Updates Chart types Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Refactor to use AggService and introduce metric visualization (#1734) * partial progress Signed-off-by: Ashwin Pc <[email protected]> * simle workign metric using aggShemas Signed-off-by: Ashwin Pc <[email protected]> * updated VisualizationTypeOptions to be a generic Signed-off-by: Ashwin Pc <[email protected]> * partially working metric style options Signed-off-by: Ashwin Pc <[email protected]> * all state objects are serializeable Signed-off-by: Ashwin Pc <[email protected]> * working delete and reorder Signed-off-by: Ashwin Pc <[email protected]> * chore: cleanup agg service changes Signed-off-by: Ashwin Pc <[email protected]> * Adds the data source selector and a useIndexPatterns hook (#1763) Signed-off-by: Brooke Green <[email protected]> * [D&D] Adding and editing an aggregation + metric color ranges (#1781) * edit and add agg works Signed-off-by: Ashwin Pc <[email protected]> * edit agg using draft state Signed-off-by: Ashwin Pc <[email protected]> * cleanup dropbox field icon Signed-off-by: Ashwin Pc <[email protected]> * Adds other metric style props Signed-off-by: Ashwin Pc <[email protected]> * Updated comment Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Enable basic saved object management (#1816) * [D&D] Enable basic saved object management - Create README stub for saved_objects_management plugin - Register wizard saved object loader with management plugin - Add management methods to SavedObjectsType - Add capabilities provider to wizard - Add saved wizard vis SavedObjectClass and SavedObjectLoader - Add public plugin start method partially addresses #1620 Signed-off-by: Josh Romero <[email protected]> * [Doc] Add clarifications to README for save objects management plugin Signed-off-by: Josh Romero <[email protected]> * [D&D] Adds drop validation (#1833) * edit and add agg works Signed-off-by: Ashwin Pc <[email protected]> * edit agg using draft state Signed-off-by: Ashwin Pc <[email protected]> * Adds other metric style props Signed-off-by: Ashwin Pc <[email protected]> * feat: Adds agg type validation and defaults on drop Signed-off-by: Ashwin Pc <[email protected]> * chore: refactor filter Signed-off-by: Ashwin Pc <[email protected]> * chore: updates D&D icon (#1844) Signed-off-by: Ashwin Pc <[email protected]> * Chore/remove contributions (#1843) * adds min/max validation Signed-off-by: Ashwin Pc <[email protected]> * relocated contributions Signed-off-by: Ashwin Pc <[email protected]> * Some more cleanup Signed-off-by: Ashwin Pc <[email protected]> * minor fixes Signed-off-by: Ashwin Pc <[email protected]> * one more unnecessary file Signed-off-by: Ashwin Pc <[email protected]> * fix: Seconday panel title Signed-off-by: Ashwin Pc <[email protected]> * chore: Updates Field selector (#1845) Signed-off-by: Ashwin Pc <[email protected]> * Adding breadcrumbs for drag and drop creation (#1797) Signed-off-by: Brooke Green <[email protected]> * fix(D&D): fixes reloading app (#1855) Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Dropbox style and animations (#1863) * fix dropbox styles and added animations Signed-off-by: Ashwin Pc <[email protected]> * simpler usePrefersReducedMotion Signed-off-by: Ashwin Pc <[email protected]> * fix drop target animation Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Basic saving, loading, and updating (#1870) * [D&D] Enable basic saving and loading - Add `/edit` route - Sync state for saving and loading - Add setter for vizualization slice - Switch from BrowserRouter to Router - Add version to saved objects - Add savedWizardLoader to services - store visualization and style states separately - add version - update breadcrumb handling - move useSavedWizardVis to top_nav - handle savedObjectNotFound - use savedObjectLoader correctly - allow copy on save - update url and chrome on save - add type for WizardVisSavedObject fixes #1867 Signed-off-by: Josh Romero <[email protected]> * chore: Adds a few readme's (#1894) Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Empty-workspace polish (#1900) * empty workspace polish Signed-off-by: kaddy645 <[email protected]> * pr update Signed-off-by: kaddy645 <[email protected]> * pr update 2 Signed-off-by: kaddy645 <[email protected]> * [D&D] Fix: Topnav updates aggregation parameters (#1905) * fix(D&D): Fixes top nav query and timerange Signed-off-by: Ashwin Pc <[email protected]> * fix(D&D): Handles topnav state update Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Add a flag in the YAML config to enable and disable the D&D plugin (#1889) Resolves Issue - #1877 Signed-off-by: Manasvini B Suryanarayana <[email protected]> * fix(Workspace): Fixes illustration and copy (#1916) Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Misc fixes (#1924) * fix: minor fixes Signed-off-by: Ashwin Pc <[email protected]> * chore: nit syntax fixes Signed-off-by: Ashwin Pc <[email protected]> * chore: simplify useSavedWizardVis Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Enable basic embeddable panels (#1911) - add embeddable, embeddable component, embeddable factory - update `toExpression` to allow passing services - register embeddable factory in plugin setup fixes #1908 Signed-off-by: Josh Romero <[email protected]> * [D&D] Fix scss lint and available fields (#1927) * fix(Lint): fixes scss linting issues Signed-off-by: Ashwin Pc <[email protected]> * fix: Filter field types correctly Signed-off-by: Ashwin Pc <[email protected]> * fix: minor Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Add wizard saved objects to vis list (#1933) via appExtensions of alias registration fixes #1887 Signed-off-by: Josh Romero <[email protected]> * [D&D] Feature/experimental (#1934) * feat: experimental banner Signed-off-by: Ashwin Pc <[email protected]> * feat: experimental embeddable Signed-off-by: Ashwin Pc <[email protected]> * fix: experimental banner location Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Remove search/hasMatch embeddable vestiges (#1935) - removedebugging rendering - also update embeddables icon fixes #1910, #1925 Signed-off-by: Josh Romero <[email protected]> * [D&D] Refactor and cleanup embeddables (#1947) General plugin updates (#1939): - add start service getters/setters to plugin service - move setters from setup to start so they're available to embeddable Embeddable updates: - use getters instead of depending on start services in constructor - remove wizard from add panel "create" list - add correct edit paths/URLs for linking to wizard #1940 - add basic error embeddable rendering - render via ExpressionLoader instead of wizard_component #1920 - wizard_component no longer used, but updated for future use - add subscription handling for query, filter, timerange changes #1937 - fix clone/replace panel actions #1943, #1944 - fix title/description panel rendering #1921 - add inspection panel action #1936 Asset updates: - Update empty workspace illustration - Add secondary fill icon version to match new visualization icons fixes #1936, #1920, #1937, #1940, #1921, #1939, #1941, #1943, #1944 Signed-off-by: Josh Romero <[email protected]> * [D&D] Fix index pattern state and loading (#1949) Remove useIndexPattern hook in favor of useIndexPatterns fixes #1917 Signed-off-by: Josh Romero <[email protected]> * [D&D] Fix duplicate title warning (#1950) fixes #1918 Signed-off-by: Josh Romero <[email protected]> * [D&D] Adds autosave while editing aggregation (#1953) * fest: Adds autosave while editing agg Signed-off-by: Ashwin Pc <[email protected]> * fix: autosave order Signed-off-by: Ashwin Pc <[email protected]> * fix: spelling Co-authored-by: Josh Romero <[email protected]> Co-authored-by: Josh Romero <[email protected]> * [D&D] Fixes autosave with debounce (#1965) * fix: autosave editing Signed-off-by: Ashwin Pc <[email protected]> * chore: improve workspace animation Signed-off-by: Ashwin Pc <[email protected]> * fix: show invalid field when editing Signed-off-by: Ashwin Pc <[email protected]> * fix: header offset Signed-off-by: Ashwin Pc <[email protected]> * Update src/plugins/saved_objects_management/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/saved_objects_management/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/saved_objects_management/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/server/index.ts Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/server/types.ts Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/wizard/README.md Co-authored-by: Josh Romero <[email protected]> * Update src/plugins/saved_objects_management/README.md Co-authored-by: Josh Romero <[email protected]> * [D&D] Final fixes (#2071) * chore: Disable wizard by default Signed-off-by: Ashwin Pc <[email protected]> * chore: remove routes Signed-off-by: Ashwin Pc <[email protected]> * chore: remove translations Signed-off-by: Ashwin Pc <[email protected]> * chore: nit fixes Signed-off-by: Ashwin Pc <[email protected]> * chore: adds license to scss files Signed-off-by: Ashwin Pc <[email protected]> * chore: drop hover dark mode Signed-off-by: Ashwin Pc <[email protected]> * chore: nit fixes Signed-off-by: Ashwin Pc <[email protected]> * [D&D] Initial functional tests (#2070) * fix: searchable dropdown Signed-off-by: Ashwin Pc <[email protected]> * fix: broken empty test Signed-off-by: Ashwin Pc <[email protected]> * test(FTR): Adds basic functional tests for D&D Signed-off-by: Ashwin Pc <[email protected]> * test(FTR): Adds CI group 13 to test workflow Signed-off-by: Ashwin Pc <[email protected]> * fix: nit fixes Signed-off-by: Ashwin Pc <[email protected]> * chore: att test to jenkinsfile Signed-off-by: Ashwin Pc <[email protected]> * chore: minor nit fixes Signed-off-by: Ashwin Pc <[email protected]> * chore: downgrade redux-toolkit for plugin compatibility Signed-off-by: Ashwin Pc <[email protected]> * chore: add docker config flag Signed-off-by: Ashwin Pc <[email protected]> Co-authored-by: Abbas Hussain <[email protected]> Co-authored-by: Brooke <[email protected]> Co-authored-by: Josh Romero <[email protected]> Co-authored-by: Kartik Desai <[email protected]> Co-authored-by: Manasvini B Suryanarayana <[email protected]>
opensearch-project · Aug 5, 2022 · 310d9fb · 310d9fb
1 parent 2e0c8ee
commit 310d9fb
Show file tree

Hide file tree

Showing 127 changed files with 5,499 additions and 127 deletions.
diff --git a/.github/workflows/pr_check_workflow.yml b/.github/workflows/pr_check_workflow.yml
@@ -69,7 +69,7 @@ jobs:
     name: Run functional tests
     strategy: 
       matrix:
-        group: [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ]
+        group: [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13 ]
     steps:
       - run: echo Running functional tests for ciGroup${{ matrix.group }}
 

diff --git a/Jenkinsfile b/Jenkinsfile
@@ -68,6 +68,7 @@ def functionalDynamicParallelSteps(image){
       "ciGroup10",
       "ciGroup11",
       "ciGroup12",
+      "ciGroup13",
     ]
     for (int i = 0; i < ciGroups.size(); i++) {
       def currentCiGroup = ciGroups[i];

diff --git a/TESTING.md b/TESTING.md
@@ -50,7 +50,7 @@ To run specific functional tests, you can run by CI group:
 
 To debug functional tests:
 Say that you would want to debug a test in CI group 1, you can run the following command in your environment:
-`node --debug-brk --inspect scripts/functional_tests.js --config test/functional/config.js --include ciGroup1 --debug`
+`node --inspect-brk --inspect scripts/functional_tests.js --config test/functional/config.js --include ciGroup1 --debug`
 
 This will print off an address, to which you could open your chrome browser on your instance and navigate to `chrome://inspect/#devices` and inspect the functional test runner `scripts/functional_tests.js`.
 
@@ -89,9 +89,24 @@ Automated testing is provided with Jenkins for Continuous Integration. Jenkins e
 Selenium tests are run in headless mode on CI. Locally the same tests will be executed in a real browser. You can activate headless mode by setting the environment variable:
 `export TEST_BROWSER_HEADLESS=1`
 
+Since local Selenium tests are run in a real browser, the dev environment should have a desktop environment and Google Chrome or Chromium installed to run the tests.
+
 By default the version of OpenSearch Dashboards will pull the snapshot of the same version of OpenSearch if available while running a few integration tests and for running functional tests. However, if the version of OpenSearch Dashboards is not available, you can build OpenSearch locally and point the functional test runner to the executable with:
 `export TEST_OPENSEARCH_FROM=[local directory of OpenSearch executable]`
 
+Selinium tests require a chromedriver and a corresponding version of chrome to run properly. Depending on the version of chromedriver used, you may need to use a version of Google Chrome that is not the latest version. You can do this by running:
+
+```sh
+# Enter the version of chrome that you want to install
+CHROME_VERSION=100.0.4896.127-1
+
+# Download Chrome to a temp directory
+curl -sSL "https://dl.google.com/linux/linux_signing_key.pub" | sudo apt-key add -  && wget -O /tmp/chrome.deb "https://dl.google.com/linux/chrome/deb/pool/main/g/google-chrome-stable/google-chrome-stable_${CHROME_VERSION}_amd64.deb"
+
+# Install/Downgrade Chrome
+sudo apt-get install -y --allow-downgrades /tmp/chrome.deb
+```
+
 # Misc
 Although Jest is the standard for this project, there are a few Mocha tests that still exist. You can run these tests by running:
 `yarn test:mocha`

diff --git a/config/opensearch_dashboards.yml b/config/opensearch_dashboards.yml
@@ -216,3 +216,7 @@
 # Set the value of this setting to false to suppress search usage telemetry
 # for reducing the load of OpenSearch cluster.
 # data.search.usageTelemetry.enabled: false
+
+# Set the value of this setting to true to start exploring wizard
+# functionality in Visualization.
+# wizard.enabled: false
diff --git a/package.json b/package.json
@@ -137,6 +137,7 @@
     "@osd/std": "1.0.0",
     "@osd/ui-framework": "1.0.0",
     "@osd/ui-shared-deps": "1.0.0",
+    "@reduxjs/toolkit": "^1.6.1",
     "@types/yauzl": "^2.9.1",
     "JSONStream": "1.3.5",
     "abortcontroller-polyfill": "^1.4.0",

diff --git a/src/dev/build/tasks/os_packages/docker_generator/resources/bin/opensearch-dashboards-docker b/src/dev/build/tasks/os_packages/docker_generator/resources/bin/opensearch-dashboards-docker
@@ -149,6 +149,7 @@ opensearch_dashboards_vars=(
     telemetry.optIn
     telemetry.optInStatusUrl
     telemetry.sendUsageFrom
+    wizard.enabled
 )
 
 longopts=''

diff --git a/src/plugins/navigation/README.md b/src/plugins/navigation/README.md
@@ -3,3 +3,11 @@
 The navigation plugins exports the `TopNavMenu` component.
 It also provides a stateful version of it on the `start` contract.
 
+## navigation.ui.TopNavMenu
+
+The `naivgation.ui` module exposes the `TopNavMenu` component that features The search bar, time filter and menu options to be used across the app in multiple locations. It primarity consists of 2 components:
+
+- Menu options: Options to show on the menu bar alongside the breadcrumbs
+- Search bar: The [`data.ui.SearchBar`](../data/public/ui/search_bar/) component responsible for the query bar, time filter and field filters.
+
+Most of the logic for the component resides in the `SearchBar` component. This simply adds a way to add menu options on top of the search bar.
diff --git a/src/plugins/saved_objects_management/README.md b/src/plugins/saved_objects_management/README.md
@@ -0,0 +1,42 @@
+# Saved objects management
+
+Provides a UI (via the `management` plugin) to find and manage all saved objects in one place (you can see the primary page by navigating to `/app/management/opensearch-dashboards/objects`). Not to be confused with the `savedObjects` plugin, which provides all the core capabilities of saved objects.
+
+From the primary UI page, this plugin allows you to:
+1. Search/view/delete saved objects and their relationships
+2. Import/export saved objects
+3. Inspect/edit raw saved object values without validation
+
+For 3., this plugin can also be used to provide a route/page for editing, such as `/app/management/opensearch-dashboards/objects/savedVisualizations/{visualizationId}`, although plugins are also free to provide or host alternate routes for this purpose (see index patterns, for instance, which provide their own integration and UI via the `management` plugin directly).
+
+## Making a new saved object type manageable
+
+1. Create a new `SavedObjectsType` or add the `management` property to an existing one. (See [`SavedObjectsTypeManagementDefinition`](https://github.com/opensearch-project/OpenSearch-Dashboards/blob/e1380f14deb98cc7cce55c3b82c2d501826a78c3/src/core/server/saved_objects/types.ts#L247-L285) for explanation of its properties)
+2. Register saved object type via `core.savedObjects.registerType(...)` as part of plugin server setup method
+3. Implement a way to save the object (e.g. via `savedObjectsClient.create(...)` or a `savedObjectLoader`)
+4. After these steps, you should be able to save objects and view/search for them in Saved Objects management (`/app/management/opensearch-dashboards/objects`)
+
+## Enabling edit links from saved objects management
+
+1. Make sure `management.getInAppUrl` method of the `SavedObjectsType` is defined with a `path` (which will specify the link target) and the `uiCapabilitiesPath`
+2. For `uiCapabilitiesPath` to work without additional hardcoding, it should be in the format `{plugin}.show`, so that [the default logic of `src/plugins/saved_objects_management/public/lib/in_app_url.ts`](https://github.com/opensearch-project/OpenSearch-Dashboards/blob/a9984f63a38e964007ab94fae99237a14d8f9ee2/src/plugins/saved_objects_management/public/lib/in_app_url.ts#L48-L50) will correctly match. Otherwise, you'll need to [add a case for your `uiCapabilities` path](https://github.com/opensearch-project/OpenSearch-Dashboards/blob/a9984f63a38e964007ab94fae99237a14d8f9ee2/src/plugins/saved_objects_management/public/lib/in_app_url.ts#L45-L47) to that function
+3. Create default plugin capabilities provider
+4. Register plugin capabilities via `core.capabilities.registerProvider(...);` as part of plugin server setup method
+
+## Using saved objects management to inspect/edit new plugin objects
+
+You'll notice that when clicking on the "Inspect" button from the saved objects management table, you'll usually be routed to something like `/app/management/opensearch-dashboards/objects/savedVisualizations/` (where the route itself is determined by the `management.getEditUrl` method of the `SavedObjectsType`). But to register a similar route for a new saved object type, you'll need to create a new `savedObjectLoader` and register it with the management plugin.
+
+### Creating `savedObjectLoader`
+
+1. In your plugin's public directory, create a class for your saved object that extends `SavedObjectClass`. The mapping should match the `mappings` defined in your `SavedObjectsType`.
+2. Create a `savedObjectLoader` creation function that returns a `new SavedObjectLoader(YourSavedObjectClass, savedObjectsClient)`
+3. Return that `savedObjectLoader` as part of your public plugin `start` method
+
+### Registering
+
+Ideally, we'd allow plugins to self-register their `savedObjectLoader` and (declare a dependency on this plugin). However, as currently implemented, any plugins that want this plugin to handle their inspect routes need to be added as optional dependencies and registered here.
+
+1. Add your plugin to the `optionalPlugins` array in `./opensearch_dashboards.json`
+2. Update the `StartDependencies` interface of this plugin to include the public plugin start type
+3. Update `registerServices` to register a new type of `SavedObjectLoader`, where `id` will be the route, `title` will likely match your saved object type, and `service` is your `SavedObjectLoader` that is defined in your plugin start.
diff --git a/src/plugins/saved_objects_management/opensearch_dashboards.json b/src/plugins/saved_objects_management/opensearch_dashboards.json
@@ -4,7 +4,7 @@
   "server": true,
   "ui": true,
   "requiredPlugins": ["management", "data"],
-  "optionalPlugins": ["dashboard", "visualizations", "discover", "home"],
+  "optionalPlugins": ["dashboard", "visualizations", "discover", "home", "wizard"],
   "extraPublicDirs": ["public/lib"],
   "requiredBundles": ["opensearchDashboardsReact", "home"]
 }
diff --git a/src/plugins/saved_objects_management/public/plugin.ts b/src/plugins/saved_objects_management/public/plugin.ts
@@ -30,6 +30,8 @@
 
 import { i18n } from '@osd/i18n';
 import { CoreSetup, CoreStart, Plugin } from 'src/core/public';
+
+import { WizardStart } from '../../wizard/public';
 import { ManagementSetup } from '../../management/public';
 import { DataPublicPluginStart } from '../../data/public';
 import { DashboardStart } from '../../dashboard/public';
@@ -69,6 +71,7 @@ export interface StartDependencies {
   dashboard?: DashboardStart;
   visualizations?: VisualizationsStart;
   discover?: DiscoverStart;
+  wizard?: WizardStart;
 }
 
 export class SavedObjectsManagementPlugin

diff --git a/src/plugins/saved_objects_management/public/register_services.ts b/src/plugins/saved_objects_management/public/register_services.ts
@@ -36,7 +36,7 @@ export const registerServices = async (
   registry: ISavedObjectsManagementServiceRegistry,
   getStartServices: StartServicesAccessor<StartDependencies, SavedObjectsManagementPluginStart>
 ) => {
-  const [, { dashboard, visualizations, discover }] = await getStartServices();
+  const [, { dashboard, visualizations, discover, wizard }] = await getStartServices();
 
   if (dashboard) {
     registry.register({
@@ -61,4 +61,12 @@ export const registerServices = async (
       service: discover.savedSearchLoader,
     });
   }
+
+  if (wizard) {
+    registry.register({
+      id: 'savedWizard',
+      title: 'wizard',
+      service: wizard.savedWizardLoader,
+    });
+  }
 };
diff --git a/src/plugins/vis_default_editor/public/components/agg_common_props.ts b/src/plugins/vis_default_editor/public/components/agg_common_props.ts
@@ -43,7 +43,7 @@ export interface DefaultEditorCommonProps {
   formIsTouched: boolean;
   groupName: AggGroupName;
   metricAggs: IAggConfig[];
-  state: EditorVisState;
+  state: Partial<EditorVisState>;
   setAggParamValue: <T extends keyof AggParams>(
     aggId: AggId,
     paramName: T,

diff --git a/src/plugins/vis_default_editor/public/components/agg_params_helper.ts b/src/plugins/vis_default_editor/public/components/agg_params_helper.ts
@@ -51,7 +51,7 @@ interface ParamInstanceBase {
   agg: IAggConfig;
   editorConfig: EditorConfig;
   metricAggs: IAggConfig[];
-  state: EditorVisState;
+  state: Partial<EditorVisState>;
   schemas: Schema[];
   hideCustomLabel?: boolean;
 }

diff --git a/src/plugins/vis_default_editor/public/components/sidebar/state/reducers.ts b/src/plugins/vis_default_editor/public/components/sidebar/state/reducers.ts
@@ -57,6 +57,7 @@ const createEditorStateReducer = ({
         !state.data.aggs!.aggs.find((agg) => agg.schema === schema.name) && schema.defaults
           ? (schema as any).defaults.slice(0, schema.max)
           : { schema: schema.name };
+
       const aggConfig = state.data.aggs!.createAggConfig(defaultConfig, {
         addToAggConfigs: false,
       });

diff --git a/src/plugins/vis_default_editor/public/index.ts b/src/plugins/vis_default_editor/public/index.ts
@@ -31,6 +31,7 @@
 export { DefaultEditorController } from './default_editor_controller';
 export { useValidation } from './components/controls/utils';
 export { RangesParamEditor, RangeValues } from './components/controls/ranges';
+export { DefaultEditorAggParams } from './components/agg_params';
 export * from './editor_size';
 export * from './vis_options_props';
 export * from './utils';

diff --git a/src/plugins/vis_type_metric/public/components/metric_vis_options.tsx b/src/plugins/vis_type_metric/public/components/metric_vis_options.tsx
@@ -97,7 +97,7 @@ function MetricVisOptions({
   );
 
   const setColorMode: EuiButtonGroupProps['onChange'] = useCallback(
-    (id) => setMetricValue('metricColorMode', id as ColorModes),
+    (id: string) => setMetricValue('metricColorMode', id as ColorModes),
     [setMetricValue]
   );
 

diff --git a/src/plugins/vis_type_metric/public/index.ts b/src/plugins/vis_type_metric/public/index.ts
@@ -34,3 +34,6 @@ import { MetricVisPlugin as Plugin } from './plugin';
 export function plugin(initializerContext: PluginInitializerContext) {
   return new Plugin(initializerContext);
 }
+
+/* Public Types */
+export { MetricVisExpressionFunctionDefinition } from './metric_vis_fn';
diff --git a/src/plugins/vis_type_metric/public/metric_vis_fn.ts b/src/plugins/vis_type_metric/public/metric_vis_fn.ts
@@ -54,7 +54,7 @@ interface Arguments {
   colorRange: Range[];
   font: Style;
   metric: any[]; // these aren't typed yet
-  bucket: any; // these aren't typed yet
+  bucket?: any; // these aren't typed yet
 }
 
 export interface MetricVisRenderValue {

diff --git a/src/plugins/visualizations/public/legacy/build_pipeline.ts b/src/plugins/visualizations/public/legacy/build_pipeline.ts
@@ -373,7 +373,8 @@ export const buildVislibDimensions = async (vis: any, params: BuildPipelineParam
     splitColumn: schemas.split_column,
   };
   if (schemas.segment) {
-    const xAgg = vis.data.aggs.getResponseAggs()[dimensions.x.accessor];
+    const a = vis.data.aggs.getResponseAggs();
+    const xAgg = a[dimensions.x.accessor];
     if (xAgg.type.name === 'date_histogram') {
       dimensions.x.params.date = true;
       const { opensearchUnit, opensearchValue } = xAgg.buckets.getInterval();
@@ -423,10 +424,10 @@ export const buildPipeline = async (vis: Vis, params: BuildPipelineParams) => {
     // request handler
     if (vis.type.requestHandler === 'courier') {
       pipeline += `opensearchaggs
-    ${prepareString('index', indexPattern!.id)}
-    metricsAtAllLevels=${vis.isHierarchical()}
-    partialRows=${vis.params.showPartialRows || false}
-    ${prepareJson('aggConfigs', vis.data.aggs!.aggs)} | `;
+        ${prepareString('index', indexPattern!.id)}
+        metricsAtAllLevels=${vis.isHierarchical()}
+        partialRows=${vis.params.showPartialRows || false}
+        ${prepareJson('aggConfigs', vis.data.aggs!.aggs)} | `;
     }
 
     const schemas = getSchemas(vis, params);
@@ -456,5 +457,6 @@ export const buildPipeline = async (vis: Vis, params: BuildPipelineParams) => {
       }
     }
   }
+
   return pipeline;
 };
diff --git a/src/plugins/visualizations/public/vis_types/vis_type_alias_registry.ts b/src/plugins/visualizations/public/vis_types/vis_type_alias_registry.ts
@@ -28,6 +28,7 @@
  * under the License.
  */
 
+import { SavedObjectAttributes } from 'opensearch-dashboards/public';
 import { TriggerContextMapping } from '../../../ui_actions/public';
 
 export interface VisualizationListItem {
@@ -51,7 +52,7 @@ export interface VisualizationsAppExtension {
   toListItem: (savedObject: {
     id: string;
     type: string;
-    attributes: object;
+    attributes: SavedObjectAttributes;
   }) => VisualizationListItem;
 }