[embeddable] replace embeddablePlugin.viewMode with presenatation-publishing.viewMode

x-pack/examples/embedded_lens_example/public/app.tsx

@@ -27,7 +27,6 @@ import type {
   DateHistogramIndexPatternColumn,
 } from '@kbn/lens-plugin/public';
 
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { ActionExecutionContext } from '@kbn/ui-actions-plugin/public';
 import type { StartDependencies } from './plugin';
 
@@ -268,7 +267,7 @@ export const App = (props: {
             onTableRowClick={(_data) => {
               // call back event for on table row click event
             }}
-            viewMode={ViewMode.VIEW}
+            viewMode={'view'}
             extraActions={[
               {
                 id: 'testAction',

x-pack/examples/lens_config_builder_example/public/app.tsx

@@ -22,7 +22,6 @@ import {
 import type { CoreStart } from '@kbn/core/public';
 import type { LensEmbeddableInput, FormulaPublicApi } from '@kbn/lens-plugin/public';
 
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { ActionExecutionContext } from '@kbn/ui-actions-plugin/public';
 import { LensConfig, LensConfigBuilder } from '@kbn/lens-embeddable-utils/config_builder';
 import { DataViewsContract } from '@kbn/data-views-plugin/public';
@@ -128,7 +127,7 @@ export const App = (props: {
               onTableRowClick={(_data) => {
                 // call back event for on table row click event
               }}
-              viewMode={ViewMode.VIEW}
+              viewMode={'view'}
               extraActions={[
                 {
                   id: 'testAction',

x-pack/examples/testing_embedded_lens/public/app.tsx

@@ -24,7 +24,6 @@ import type { CoreStart } from '@kbn/core/public';
 import useDebounce from 'react-use/lib/useDebounce';
 import { DOCUMENT_FIELD_NAME } from '@kbn/lens-plugin/common/constants';
 import type { DataView } from '@kbn/data-views-plugin/public';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import type {
   TypedLensByValueInput,
   PersistedIndexPatternLayer,
@@ -631,7 +630,7 @@ export const App = (props: {
                             // call back event for on table row click event
                           }}
                           disableTriggers={!enableTriggers}
-                          viewMode={ViewMode.VIEW}
+                          viewMode={'view'}
                           withDefaultActions={enableDefaultAction}
                           extraActions={
                             enableExtraAction

x-pack/platform/plugins/shared/ml/public/application/services/dashboard_service.ts

@@ -7,7 +7,7 @@
 
 import { useMemo } from 'react';
 import type { DashboardStart } from '@kbn/dashboard-plugin/public';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
+import type { ViewMode } from '@kbn/presentation-publishing';
 import { useMlKibana } from '../contexts/kibana';
 
 export type DashboardService = ReturnType<typeof dashboardServiceProvider>;
@@ -38,10 +38,10 @@ export function dashboardServiceProvider(dashboardService: DashboardStart) {
     /**
      * Generates dashboard url
      */
-    async getDashboardUrl(dashboardId: string, viewMode: ViewMode = ViewMode.EDIT) {
+    async getDashboardUrl(dashboardId: string, viewMode: ViewMode = 'edit') {
       return await dashboardService.locator?.getUrl({
         dashboardId,
-        viewMode: ViewMode.EDIT,
+        viewMode: 'edit',
         useHash: false,
       });
     },

x-pack/platform/plugins/shared/ml/public/application/supplied_configurations/supplied_configurations_flyout/kibana_tab_content.tsx

@@ -20,7 +20,6 @@ import {
 } from '@elastic/eui';
 import { useEuiTheme } from '@elastic/eui';
 import { asyncForEach } from '@kbn/std';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import type { Module } from '../../../../common/types/modules';
 import { useDashboardService } from '../../services/dashboard_service';
 import { useMlKibana } from '../../contexts/kibana';
@@ -53,7 +52,7 @@ export const KibanaTabContent: FC<Props> = ({ module, selectedKibanaSubTab }) =>
           const result = await dashboardService.fetchDashboardsById(dashboardIds);
 
           await asyncForEach(result, async ({ id }) => {
-            const url = await dashboardService.getDashboardUrl(id, ViewMode.VIEW);
+            const url = await dashboardService.getDashboardUrl(id, 'view');
             if (url) {
               allUrls[id] = url;
             }

x-pack/plugins/discover_enhanced/public/actions/explore_data/abstract_explore_data_action.ts

@@ -8,7 +8,6 @@
 import { CoreStart } from '@kbn/core/public';
 import { DiscoverAppLocatorParams } from '@kbn/discover-plugin/common';
 import { DiscoverStart } from '@kbn/discover-plugin/public';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { i18n } from '@kbn/i18n';
 import { StartServicesGetter } from '@kbn/kibana-utils-plugin/public';
 import { DOC_TYPE as LENS_DOC_TYPE } from '@kbn/lens-plugin/common/constants';
@@ -51,7 +50,7 @@ const isApiCompatible = (api: unknown | null): api is AbstractExploreDataActionA
 const compatibilityCheck = (api: EmbeddableApiContext['embeddable']) => {
   return (
     isApiCompatible(api) &&
-    getInheritedViewMode(api) === ViewMode.VIEW &&
+    getInheritedViewMode(api) === 'view' &&
     !apiIsOfType(api, LENS_DOC_TYPE)
   );
 };

x-pack/plugins/observability_solution/apm/public/components/app/service_dashboards/index.tsx

@@ -17,7 +17,6 @@ import {
   EuiLoadingLogo,
 } from '@elastic/eui';
 
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import {
   DashboardApi,
   DashboardCreationOptions,
@@ -104,7 +103,7 @@ export function ServiceDashboards() {
 
   const getCreationOptions = useCallback((): Promise<DashboardCreationOptions> => {
     const getInitialInput = () => ({
-      viewMode: ViewMode.VIEW,
+      viewMode: 'view',
       timeRange: { from: rangeFrom, to: rangeTo },
     });
     return Promise.resolve<DashboardCreationOptions>({

x-pack/plugins/observability_solution/infra/public/alerting/log_threshold/components/alert_details_app_section/components/threhsold_chart/log_threshold_count_chart.tsx

@@ -5,7 +5,6 @@
  * 2.0.
  */
 import React from 'react';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { useEuiTheme } from '@elastic/eui';
 import { useKibanaContextForPlugin } from '../../../../../../hooks/use_kibana';
 import {
@@ -56,7 +55,7 @@ export function LogThresholdCountChart({
         style={{ height }}
         timeRange={timeRange}
         attributes={lensDef}
-        viewMode={ViewMode.VIEW}
+        viewMode={'view'}
         noPadding
       />
     </div>

x-pack/plugins/observability_solution/infra/public/alerting/log_threshold/components/alert_details_app_section/components/threhsold_chart/log_threshold_ratio_chart.tsx

@@ -5,7 +5,6 @@
  * 2.0.
  */
 import React from 'react';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { useEuiTheme } from '@elastic/eui';
 import { useKibanaContextForPlugin } from '../../../../../../hooks/use_kibana';
 import {
@@ -59,7 +58,7 @@ export function LogThresholdRatioChart({
         style={{ height }}
         timeRange={timeRange}
         attributes={lensDef}
-        viewMode={ViewMode.VIEW}
+        viewMode={'view'}
         noPadding
       />
     </div>

x-pack/plugins/observability_solution/infra/public/components/asset_details/tabs/dashboards/dashboards.tsx

@@ -17,7 +17,6 @@ import {
   EuiLoadingLogo,
 } from '@elastic/eui';
 
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import {
   DashboardApi,
   DashboardCreationOptions,
@@ -132,7 +131,7 @@ export function Dashboards() {
 
   const getCreationOptions = useCallback((): Promise<DashboardCreationOptions> => {
     const getInitialInput = () => ({
-      viewMode: ViewMode.VIEW,
+      viewMode: 'view',
       timeRange: { from: dateRange.from, to: dateRange.to },
     });
     return Promise.resolve<DashboardCreationOptions>({

x-pack/plugins/observability_solution/infra/public/components/lens/lens_wrapper.tsx

@@ -5,7 +5,6 @@
  * 2.0.
  */
 import React, { useEffect, useState, useRef, useCallback } from 'react';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { TypedLensByValueInput } from '@kbn/lens-plugin/public';
 import { css } from '@emotion/react';
 import { useEuiTheme } from '@elastic/eui';
@@ -115,7 +114,7 @@ export const LensWrapper = ({
               onLoad={handleOnLoad}
               query={state.query}
               timeRange={dateRange}
-              viewMode={ViewMode.VIEW}
+              viewMode={'view'}
             />
           </>
         )}

x-pack/solutions/observability/plugins/slo/public/components/slo/error_rate_chart/error_rate_chart.tsx

@@ -5,7 +5,6 @@
  * 2.0.
  */
 
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { SLOWithSummaryResponse } from '@kbn/slo-schema';
 import moment from 'moment';
 import React from 'react';
@@ -58,7 +57,7 @@ export function ErrorRateChart({
         to,
       }}
       attributes={lensDef}
-      viewMode={ViewMode.VIEW}
+      viewMode={'view'}
       onBrushEnd={({ range }) => {
         onBrushed?.({
           from: moment(range[0]).toDate(),

x-pack/solutions/observability/plugins/ux/public/components/app/rum_dashboard/charts/visitor_breakdown_chart.tsx

@@ -7,7 +7,6 @@
 
 import React, { useCallback, useMemo, useState } from 'react';
 import { i18n } from '@kbn/i18n';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import {
   CountIndexPatternColumn,
   PersistedIndexPatternLayer,
@@ -97,7 +96,7 @@ export function VisitorBreakdownChart({
         from: start ?? '',
         to: end ?? '',
       }}
-      viewMode={ViewMode.VIEW}
+      viewMode={'view'}
       onFilter={filterHandler}
     />
   );

x-pack/solutions/security/plugins/security_solution/public/common/components/visualization_actions/lens_embeddable.tsx

@@ -9,7 +9,6 @@ import React, { useCallback, useMemo } from 'react';
 import { useDispatch } from 'react-redux';
 
 import { FormattedMessage } from '@kbn/i18n-react';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import styled from 'styled-components';
 import { EuiEmptyPrompt, EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
 import type { RangeFilterParams } from '@kbn/es-query';
@@ -256,7 +255,7 @@ const LensEmbeddableComponent: React.FC<LensEmbeddableComponentProps> = ({
             syncCursor={false}
             syncTooltips={false}
             timeRange={timerange}
-            viewMode={ViewMode.VIEW}
+            viewMode={'view'}
             withDefaultActions={false}
           />
         </LensComponentWrapper>

x-pack/solutions/security/plugins/security_solution/public/dashboards/components/dashboard_renderer.test.tsx

@@ -6,7 +6,6 @@
  */
 import { render } from '@testing-library/react';
 import React from 'react';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { DashboardRenderer as DashboardContainerRenderer } from '@kbn/dashboard-plugin/public';
 
 import { TestProviders } from '../../common/mock';
@@ -57,7 +56,7 @@ describe('DashboardRenderer', () => {
     expect(input).toEqual(
       expect.objectContaining({
         timeRange: props.timeRange,
-        viewMode: ViewMode.VIEW,
+        viewMode: 'view',
         query: undefined,
         filters: undefined,
       })

x-pack/solutions/security/plugins/security_solution/public/dashboards/components/dashboard_renderer.tsx

@@ -14,7 +14,7 @@ import type {
   DashboardLocatorParams,
 } from '@kbn/dashboard-plugin/public';
 import { DashboardRenderer as DashboardContainerRenderer } from '@kbn/dashboard-plugin/public';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
+import type { ViewMode } from '@kbn/presentation-publishing';
 import type { Filter, Query } from '@kbn/es-query';
 
 import { useDispatch } from 'react-redux';
@@ -40,7 +40,7 @@ const DashboardRendererComponent = ({
   query,
   savedObjectId,
   timeRange,
-  viewMode = ViewMode.VIEW,
+  viewMode = 'view',
 }: {
   canReadDashboard: boolean;
   dashboardContainer?: DashboardApi;

x-pack/solutions/security/plugins/security_solution/public/dashboards/components/dashboard_tool_bar.test.tsx

@@ -11,7 +11,6 @@ import { DashboardToolBar } from './dashboard_tool_bar';
 import type { DashboardApi } from '@kbn/dashboard-plugin/public';
 import { coreMock } from '@kbn/core/public/mocks';
 import { DashboardTopNav } from '@kbn/dashboard-plugin/public';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { APP_NAME } from '../../../common/constants';
 import { NavigationProvider, SecurityPageName } from '@kbn/security-solution-navigation';
 import { TestProviders } from '../../common/mock';
@@ -60,7 +59,7 @@ describe('DashboardToolBar', () => {
   });
 
   it('should render the DashboardToolBar component with the correct props for view mode', () => {
-    expect(mockOnLoad).toHaveBeenCalledWith(ViewMode.VIEW);
+    expect(mockOnLoad).toHaveBeenCalledWith('view');
   });
 
   it('should render the DashboardTopNav component with the correct redirect to listing url', () => {

x-pack/solutions/security/plugins/security_solution/public/dashboards/components/dashboard_tool_bar.tsx

@@ -8,7 +8,7 @@
 import React, { useCallback, useEffect, useMemo } from 'react';
 import type { DashboardApi } from '@kbn/dashboard-plugin/public';
 import { DashboardTopNav, LEGACY_DASHBOARD_APP_ID } from '@kbn/dashboard-plugin/public';
-import type { ViewMode } from '@kbn/embeddable-plugin/public';
+import type { ViewMode } from '@kbn/presentation-publishing';
 
 import type { ChromeBreadcrumb } from '@kbn/core/public';
 import type { DashboardCapabilities } from '@kbn/dashboard-plugin/common';
@@ -56,7 +56,7 @@ const DashboardToolBarComponent = ({
   );
 
   useEffect(() => {
-    onLoad?.((viewMode as ViewMode) ?? 'view');
+    onLoad?.(viewMode ?? 'view');
   }, [onLoad, viewMode]);
 
   const embedSettings = useMemo(

x-pack/solutions/security/plugins/security_solution/public/dashboards/pages/details/index.test.tsx

@@ -11,7 +11,6 @@ import { Router } from '@kbn/shared-ux-router';
 import { DashboardView } from '.';
 import { useCapabilities } from '../../../common/lib/kibana';
 import { TestProviders } from '../../../common/mock';
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 
 jest.mock('react-router-dom', () => {
   const actual = jest.requireActual('react-router-dom');
@@ -69,7 +68,7 @@ describe('DashboardView', () => {
   test('render when no error state', () => {
     const { queryByTestId } = render(
       <Router history={mockHistory}>
-        <DashboardView initialViewMode={ViewMode.VIEW} />
+        <DashboardView initialViewMode={'view'} />
       </Router>,
       { wrapper: TestProviders }
     );
@@ -84,7 +83,7 @@ describe('DashboardView', () => {
     });
     const { queryByTestId } = render(
       <Router history={mockHistory}>
-        <DashboardView initialViewMode={ViewMode.VIEW} />
+        <DashboardView initialViewMode={view} />
       </Router>,
       { wrapper: TestProviders }
     );
@@ -96,7 +95,7 @@ describe('DashboardView', () => {
   test('render dashboard view with height', () => {
     const { queryByTestId } = render(
       <Router history={mockHistory}>
-        <DashboardView initialViewMode={ViewMode.VIEW} />
+        <DashboardView initialViewMode={'view'} />
       </Router>,
       { wrapper: TestProviders }
     );

x-pack/solutions/security/plugins/security_solution/public/dashboards/pages/details/index.tsx

@@ -12,7 +12,7 @@ import type { DashboardCapabilities } from '@kbn/dashboard-plugin/common/types';
 import { useParams } from 'react-router-dom';
 import { pick } from 'lodash/fp';
 import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
-import type { ViewMode } from '@kbn/embeddable-plugin/common';
+import type { ViewMode } from '@kbn/presentation-publishing';
 import { SecurityPageName } from '../../../../common/constants';
 import { SpyRoute } from '../../../common/utils/route/spy_routes';
 import { useCapabilities } from '../../../common/lib/kibana';

x-pack/solutions/security/plugins/security_solution/public/dashboards/pages/index.tsx

@@ -7,7 +7,6 @@
 import React from 'react';
 import { Routes, Route } from '@kbn/shared-ux-router';
 
-import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { DashboardsLandingPage } from './landing_page';
 import { DashboardView } from './details';
 import { DASHBOARDS_PATH } from '../../../common/constants';
@@ -18,13 +17,13 @@ const DashboardsContainerComponent = () => {
     <DashboardContextProvider>
       <Routes>
         <Route strict path={`${DASHBOARDS_PATH}/create`}>
-          <DashboardView initialViewMode={ViewMode.EDIT} />
+          <DashboardView initialViewMode={'edit'} />
         </Route>
         <Route strict path={`${DASHBOARDS_PATH}/:detailName/edit`}>
-          <DashboardView initialViewMode={ViewMode.EDIT} />
+          <DashboardView initialViewMode={'edit'} />
         </Route>
         <Route strict path={`${DASHBOARDS_PATH}/:detailName`}>
-          <DashboardView initialViewMode={ViewMode.VIEW} />
+          <DashboardView initialViewMode={'view'} />
         </Route>
         <Route path={`${DASHBOARDS_PATH}`}>
           <DashboardsLandingPage />