From 293c1d04f1636583c347876f1bf62956cca767c5 Mon Sep 17 00:00:00 2001
From: Faisal Kanout <faisal.kanout@elastic.co>
Date: Fri, 27 Dec 2024 17:23:17 +0100
Subject: [PATCH] Update theme provider

---
 .../plugins/exploratory_view/public/application/index.tsx   | 5 ++---
 .../components/shared/exploratory_view/embeddable/index.tsx | 6 ++----
 .../components/shared/exploratory_view/rtl_helpers.tsx      | 4 ++--
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/x-pack/solutions/observability/plugins/exploratory_view/public/application/index.tsx b/x-pack/solutions/observability/plugins/exploratory_view/public/application/index.tsx
index cda4cda9d8618..f9b272e3c4f03 100644
--- a/x-pack/solutions/observability/plugins/exploratory_view/public/application/index.tsx
+++ b/x-pack/solutions/observability/plugins/exploratory_view/public/application/index.tsx
@@ -10,7 +10,7 @@ import ReactDOM from 'react-dom';
 import { i18n } from '@kbn/i18n';
 import { Router, Routes, Route } from '@kbn/shared-ux-router';
 import { AppMountParameters, APP_WRAPPER_CLASS, CoreStart } from '@kbn/core/public';
-import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common';
+import { EuiThemeProvider } from '@elastic/eui';
 import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public';
 import { KibanaRenderContextProvider } from '@kbn/react-kibana-context-render';
 import { RedirectAppLinks } from '@kbn/shared-ux-link-redirect-app';
@@ -53,7 +53,6 @@ export const renderApp = ({
   isDev?: boolean;
 }) => {
   const { element, history } = appMountParameters;
-  const isDarkMode = core.theme.getTheme().darkMode;
 
   core.chrome.setHelpExtension({
     appName: i18n.translate('xpack.exploratoryView.feedbackMenu.appName', {
@@ -85,7 +84,7 @@ export const renderApp = ({
             }}
           >
             <Router history={history}>
-              <EuiThemeProvider darkMode={isDarkMode}>
+              <EuiThemeProvider>
                 <div className={APP_WRAPPER_CLASS} data-test-subj="exploratoryViewMainContainer">
                   <RedirectAppLinks
                     coreStart={{
diff --git a/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/embeddable/index.tsx b/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/embeddable/index.tsx
index 1695a72d53bbd..1369bce875671 100644
--- a/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/embeddable/index.tsx
+++ b/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/embeddable/index.tsx
@@ -7,7 +7,7 @@
 
 import React, { useCallback, useMemo, useState, useEffect } from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiLoadingSpinner } from '@elastic/eui';
-import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common';
+import { EuiThemeProvider } from '@elastic/eui';
 import type { AnalyticsServiceSetup, CoreStart } from '@kbn/core/public';
 import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public';
 import { EuiErrorBoundary } from '@elastic/eui';
@@ -71,8 +71,6 @@ export function getExploratoryViewEmbeddable(
 
     const series = attributes[0];
 
-    const isDarkMode = theme?.getTheme().darkMode ?? false;
-
     const { data: lensHelper, loading: lensLoading } = useFetcher(async () => {
       if (lenStateHelperPromise) {
         return lenStateHelperPromise;
@@ -132,7 +130,7 @@ export function getExploratoryViewEmbeddable(
 
     return (
       <EuiErrorBoundary>
-        <EuiThemeProvider darkMode={isDarkMode}>
+        <EuiThemeProvider>
           <KibanaContextProvider services={services}>
             <Wrapper customHeight={props.customHeight} data-test-subj={props.dataTestSubj}>
               <ExploratoryViewEmbeddable
diff --git a/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/rtl_helpers.tsx b/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/rtl_helpers.tsx
index 336c6eae6badb..03e88ea294a35 100644
--- a/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/rtl_helpers.tsx
+++ b/x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/rtl_helpers.tsx
@@ -20,7 +20,7 @@ import { CoreStart } from '@kbn/core/public';
 import { I18nProvider } from '@kbn/i18n-react';
 import { coreMock, themeServiceMock } from '@kbn/core/public/mocks';
 import { KibanaContextProvider, KibanaServices } from '@kbn/kibana-react-plugin/public';
-import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common';
+import { EuiThemeProvider } from '@elastic/eui';
 import { lensPluginMock } from '@kbn/lens-plugin/public/mocks';
 import { setIndexPatterns } from '@kbn/unified-search-plugin/public/services';
 import type { DataView, DataViewsContract } from '@kbn/data-views-plugin/public';
@@ -159,7 +159,7 @@ export function MockKibanaProvider<ExtraCore extends Partial<CoreStart>>({
 
   return (
     <KibanaContextProvider services={{ ...core }} {...kibanaProps}>
-      <EuiThemeProvider darkMode={false}>
+      <EuiThemeProvider>
         <I18nProvider>
           <DataViewContextProvider>{children}</DataViewContextProvider>
         </I18nProvider>