From fb2185c73aca661b5aed8546a8f3bcf5ccf2eb6a Mon Sep 17 00:00:00 2001
From: gitstart <bot@gitstart.com>
Date: Fri, 4 Aug 2023 00:24:44 +0000
Subject: [PATCH 1/3] [Index Management] Migrate all usages of
 EuiPage*_Deprecated

Co-authored-by: LuisChiej <54555805+LuisChiej@users.noreply.github.com>
Co-authored-by: gitstart_bot <gitstart_bot@users.noreply.github.com>
---
 .../component_template_create.tsx                 | 10 +++-------
 .../component_template_edit.tsx                   | 10 +++-------
 .../home/data_stream_list/data_stream_list.tsx    |  6 +++---
 .../home/index_list/index_table/index_table.js    | 15 +++++----------
 .../sections/template_clone/template_clone.tsx    |  6 +++---
 .../sections/template_create/template_create.tsx  |  6 +++---
 .../sections/template_edit/template_edit.tsx      | 10 +++-------
 7 files changed, 23 insertions(+), 40 deletions(-)

diff --git a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_create/component_template_create.tsx b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_create/component_template_create.tsx
index a7e9a504eb8cc..548577c486aca 100644
--- a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_create/component_template_create.tsx
+++ b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_create/component_template_create.tsx
@@ -8,11 +8,7 @@
 import React, { useState, useEffect } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { FormattedMessage } from '@kbn/i18n-react';
-import {
-  EuiPageContentBody_Deprecated as EuiPageContentBody,
-  EuiSpacer,
-  EuiPageHeader,
-} from '@elastic/eui';
+import { EuiPageSection, EuiSpacer, EuiPageHeader } from '@elastic/eui';
 
 import { ComponentTemplateDeserialized } from '../../shared_imports';
 import { useComponentTemplatesContext } from '../../component_templates_context';
@@ -63,7 +59,7 @@ export const ComponentTemplateCreate: React.FunctionComponent<RouteComponentProp
   }, [breadcrumbs]);
 
   return (
-    <EuiPageContentBody restrictWidth style={{ width: '100%' }}>
+    <EuiPageSection restrictWidth style={{ width: '100%' }}>
       <EuiPageHeader
         pageTitle={
           <span data-test-subj="pageTitle">
@@ -85,6 +81,6 @@ export const ComponentTemplateCreate: React.FunctionComponent<RouteComponentProp
         saveError={saveError}
         clearSaveError={clearSaveError}
       />
-    </EuiPageContentBody>
+    </EuiPageSection>
   );
 };
diff --git a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_edit/component_template_edit.tsx b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_edit/component_template_edit.tsx
index 38e45ade11d01..8fa4694ee033a 100644
--- a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_edit/component_template_edit.tsx
+++ b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_wizard/component_template_edit/component_template_edit.tsx
@@ -9,11 +9,7 @@ import React, { useState, useEffect, useMemo, useCallback } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { toMountPoint } from '@kbn/kibana-react-plugin/public';
-import {
-  EuiPageContentBody_Deprecated as EuiPageContentBody,
-  EuiPageHeader,
-  EuiSpacer,
-} from '@elastic/eui';
+import { EuiPageSection, EuiPageHeader, EuiSpacer } from '@elastic/eui';
 import { History } from 'history';
 
 import { useComponentTemplatesContext } from '../../component_templates_context';
@@ -165,7 +161,7 @@ export const ComponentTemplateEdit: React.FunctionComponent<RouteComponentProps<
   }
 
   return (
-    <EuiPageContentBody restrictWidth style={{ width: '100%' }}>
+    <EuiPageSection restrictWidth style={{ width: '100%' }}>
       <EuiPageHeader
         pageTitle={
           <span data-test-subj="pageTitle">
@@ -192,6 +188,6 @@ export const ComponentTemplateEdit: React.FunctionComponent<RouteComponentProps<
         clearSaveError={clearSaveError}
         isEditing={true}
       />
-    </EuiPageContentBody>
+    </EuiPageSection>
   );
 };
diff --git a/x-pack/plugins/index_management/public/application/sections/home/data_stream_list/data_stream_list.tsx b/x-pack/plugins/index_management/public/application/sections/home/data_stream_list/data_stream_list.tsx
index ecce9b92ffc2f..0d17936ec7553 100644
--- a/x-pack/plugins/index_management/public/application/sections/home/data_stream_list/data_stream_list.tsx
+++ b/x-pack/plugins/index_management/public/application/sections/home/data_stream_list/data_stream_list.tsx
@@ -16,7 +16,7 @@ import {
   EuiText,
   EuiIconTip,
   EuiSpacer,
-  EuiPageContent_Deprecated as EuiPageContent,
+  EuiPageSection,
   EuiEmptyPrompt,
   EuiLink,
 } from '@elastic/eui';
@@ -270,7 +270,7 @@ export const DataStreamList: React.FunctionComponent<RouteComponentProps<MatchPa
   } else {
     activateHiddenFilter(isSelectedDataStreamHidden(dataStreams!, decodedDataStreamName));
     content = (
-      <EuiPageContent hasShadow={false} paddingSize="none" data-test-subj="dataStreamList">
+      <EuiPageSection paddingSize="none" data-test-subj="dataStreamList">
         {renderHeader()}
         <EuiSpacer size="l" />
 
@@ -285,7 +285,7 @@ export const DataStreamList: React.FunctionComponent<RouteComponentProps<MatchPa
           history={history as ScopedHistory}
           includeStats={isIncludeStatsChecked}
         />
-      </EuiPageContent>
+      </EuiPageSection>
     );
   }
 
diff --git a/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js b/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
index 65efc158fbf42..672c4a6e81a0d 100644
--- a/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
+++ b/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
@@ -19,7 +19,7 @@ import {
   EuiCheckbox,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiPageContent_Deprecated as EuiPageContent,
+  EuiPageSection,
   EuiScreenReaderOnly,
   EuiSpacer,
   EuiSearchBar,
@@ -476,14 +476,9 @@ export class IndexTable extends Component {
       };
 
       return (
-        <EuiPageContent
-          hasShadow={false}
-          paddingSize="none"
-          verticalPosition="center"
-          horizontalPosition="center"
-        >
+        <EuiPageSection paddingSize="none" alignment="center">
           {renderNoContent()}
-        </EuiPageContent>
+        </EuiPageSection>
       );
     }
 
@@ -496,7 +491,7 @@ export class IndexTable extends Component {
           const { extensionsService } = services;
 
           return (
-            <EuiPageContent hasShadow={false} paddingSize="none">
+            <EuiPageSection paddingSize="none">
               <EuiFlexGroup alignItems="center">
                 <EuiFlexItem grow={true}>
                   <EuiText color="subdued">
@@ -665,7 +660,7 @@ export class IndexTable extends Component {
               <EuiSpacer size="m" />
 
               {indices.length > 0 ? this.renderPager() : null}
-            </EuiPageContent>
+            </EuiPageSection>
           );
         }}
       </AppContextConsumer>
diff --git a/x-pack/plugins/index_management/public/application/sections/template_clone/template_clone.tsx b/x-pack/plugins/index_management/public/application/sections/template_clone/template_clone.tsx
index 3a49237a517c9..4b87a4f889110 100644
--- a/x-pack/plugins/index_management/public/application/sections/template_clone/template_clone.tsx
+++ b/x-pack/plugins/index_management/public/application/sections/template_clone/template_clone.tsx
@@ -8,7 +8,7 @@
 import React, { useEffect, useState } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { EuiPageContentBody_Deprecated as EuiPageContentBody } from '@elastic/eui';
+import { EuiPageSection } from '@elastic/eui';
 import { ScopedHistory } from '@kbn/core/public';
 
 import { PageLoading, PageError, Error } from '../../../shared_imports';
@@ -98,7 +98,7 @@ export const TemplateClone: React.FunctionComponent<RouteComponentProps<MatchPar
   } as TemplateDeserialized;
 
   return (
-    <EuiPageContentBody restrictWidth style={{ width: '100%' }}>
+    <EuiPageSection restrictWidth style={{ width: '100%' }}>
       <TemplateForm
         title={
           <FormattedMessage
@@ -115,6 +115,6 @@ export const TemplateClone: React.FunctionComponent<RouteComponentProps<MatchPar
         isLegacy={isLegacy}
         history={history as ScopedHistory}
       />
-    </EuiPageContentBody>
+    </EuiPageSection>
   );
 };
diff --git a/x-pack/plugins/index_management/public/application/sections/template_create/template_create.tsx b/x-pack/plugins/index_management/public/application/sections/template_create/template_create.tsx
index cb8f29d222d63..e0608d06add66 100644
--- a/x-pack/plugins/index_management/public/application/sections/template_create/template_create.tsx
+++ b/x-pack/plugins/index_management/public/application/sections/template_create/template_create.tsx
@@ -8,7 +8,7 @@
 import React, { useEffect, useState } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { EuiPageContentBody_Deprecated as EuiPageContentBody } from '@elastic/eui';
+import { EuiPageSection } from '@elastic/eui';
 import { useLocation } from 'react-router-dom';
 import { parse } from 'query-string';
 import { ScopedHistory } from '@kbn/core/public';
@@ -52,7 +52,7 @@ export const TemplateCreate: React.FunctionComponent<RouteComponentProps> = ({ h
   }, []);
 
   return (
-    <EuiPageContentBody restrictWidth style={{ width: '100%' }}>
+    <EuiPageSection restrictWidth style={{ width: '100%' }}>
       <TemplateForm
         title={
           isLegacy ? (
@@ -74,6 +74,6 @@ export const TemplateCreate: React.FunctionComponent<RouteComponentProps> = ({ h
         isLegacy={isLegacy}
         history={history as ScopedHistory}
       />
-    </EuiPageContentBody>
+    </EuiPageSection>
   );
 };
diff --git a/x-pack/plugins/index_management/public/application/sections/template_edit/template_edit.tsx b/x-pack/plugins/index_management/public/application/sections/template_edit/template_edit.tsx
index c96502fd15066..b2212d5603247 100644
--- a/x-pack/plugins/index_management/public/application/sections/template_edit/template_edit.tsx
+++ b/x-pack/plugins/index_management/public/application/sections/template_edit/template_edit.tsx
@@ -9,11 +9,7 @@ import React, { useEffect, useState, Fragment } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
-import {
-  EuiPageContentBody_Deprecated as EuiPageContentBody,
-  EuiSpacer,
-  EuiCallOut,
-} from '@elastic/eui';
+import { EuiPageSection, EuiSpacer, EuiCallOut } from '@elastic/eui';
 import { ScopedHistory } from '@kbn/core/public';
 
 import { TemplateDeserialized } from '../../../../common';
@@ -125,7 +121,7 @@ export const TemplateEdit: React.FunctionComponent<RouteComponentProps<MatchPara
   }
 
   return (
-    <EuiPageContentBody restrictWidth style={{ width: '100%' }}>
+    <EuiPageSection restrictWidth style={{ width: '100%' }}>
       {isSystemTemplate && (
         <Fragment>
           <EuiCallOut
@@ -165,6 +161,6 @@ export const TemplateEdit: React.FunctionComponent<RouteComponentProps<MatchPara
         isLegacy={isLegacy}
         history={history as ScopedHistory}
       />
-    </EuiPageContentBody>
+    </EuiPageSection>
   );
 };

From 97dea3d3ff2393da64353ebdd95b08145e0a78f7 Mon Sep 17 00:00:00 2001
From: gitstart <bot@gitstart.com>
Date: Wed, 16 Aug 2023 07:54:00 +0000
Subject: [PATCH 2/3] [Index Management] Migrate all usages of
 EuiPage*_Deprecated

Co-authored-by: LuisChiej <54555805+LuisChiej@users.noreply.github.com>
Co-authored-by: gitstart_bot <gitstart_bot@users.noreply.github.com>
---
 .../sections/home/index_list/index_table/index_table.js       | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js b/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
index 672c4a6e81a0d..8f7bf1aa8ab31 100644
--- a/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
+++ b/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
@@ -476,9 +476,7 @@ export class IndexTable extends Component {
       };
 
       return (
-        <EuiPageSection paddingSize="none" alignment="center">
-          {renderNoContent()}
-        </EuiPageSection>
+        {renderNoContent()}
       );
     }
 

From d8f29a4909cad44932b48a78b599883c4e0fa1a7 Mon Sep 17 00:00:00 2001
From: gitstart <bot@gitstart.com>
Date: Fri, 18 Aug 2023 18:46:30 +0000
Subject: [PATCH 3/3] [Index Management] Migrate all usages of
 EuiPage*_Deprecated

Co-authored-by: LuisChiej <54555805+LuisChiej@users.noreply.github.com>
Co-authored-by: gitstart_bot <gitstart_bot@users.noreply.github.com>
---
 .../index_list/index_table/index_table.js     | 58 +++++++++----------
 1 file changed, 26 insertions(+), 32 deletions(-)

diff --git a/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js b/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
index 8f7bf1aa8ab31..5f2bfb3de011b 100644
--- a/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
+++ b/x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js
@@ -435,49 +435,43 @@ export class IndexTable extends Component {
     const hasContent = !indicesLoading && !indicesError;
 
     if (!hasContent) {
-      const renderNoContent = () => {
-        if (indicesLoading) {
-          return (
-            <PageLoading>
-              <FormattedMessage
-                id="xpack.idxMgmt.indexTable.loadingIndicesDescription"
-                defaultMessage="Loading indices…"
-              />
-            </PageLoading>
-          );
-        }
-
-        if (indicesError) {
-          if (indicesError.status === 403) {
-            return (
-              <PageError
-                title={
-                  <FormattedMessage
-                    id="xpack.idxMgmt.pageErrorForbidden.title"
-                    defaultMessage="You do not have permissions to use Index Management"
-                  />
-                }
-              />
-            );
-          }
+      if (indicesLoading) {
+        return (
+          <PageLoading>
+            <FormattedMessage
+              id="xpack.idxMgmt.indexTable.loadingIndicesDescription"
+              defaultMessage="Loading indices…"
+            />
+          </PageLoading>
+        );
+      }
 
+      if (indicesError) {
+        if (indicesError.status === 403) {
           return (
             <PageError
               title={
                 <FormattedMessage
-                  id="xpack.idxMgmt.indexTable.serverErrorTitle"
-                  defaultMessage="Error loading indices"
+                  id="xpack.idxMgmt.pageErrorForbidden.title"
+                  defaultMessage="You do not have permissions to use Index Management"
                 />
               }
-              error={indicesError.body}
             />
           );
         }
-      };
 
-      return (
-        {renderNoContent()}
-      );
+        return (
+          <PageError
+            title={
+              <FormattedMessage
+                id="xpack.idxMgmt.indexTable.serverErrorTitle"
+                defaultMessage="Error loading indices"
+              />
+            }
+            error={indicesError.body}
+          />
+        );
+      }
     }
 
     const { selectedIndicesMap } = this.state;