github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-06-27 10:40:07 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Guided onboarding] Migrate all usages of EuiPage*_Deprecated (#161457)

Browse source 
## Summary

This PR removes all usages of EuiPage*_Deprecated for:

- EuiPageContentBody_Deprecated -> Use EuiPageSection instead
- EuiPageContentHeader_Deprecated -> Use EuiPageHeader instead


Fixes: #161427

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
claracruz 2023-07-10 16:00:27 +01:00 • committed by GitHub
parent 0be1d5b1c0
commit 0e0106a322
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 27 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

12
examples/guided_onboarding_example/public/components/main.tsx
View file

@ -18,8 +18,8 @@ import {
EuiFlexItem,
EuiFormRow,
EuiHorizontalRule,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageSection,
EuiPageHeader,
EuiSelect,
EuiSpacer,
EuiText,
@ -149,7 +149,7 @@ export const Main = (props: MainProps) => {
return (
<>
<EuiPageContentHeader>
<EuiPageHeader>
<EuiTitle>
<h2>
<FormattedMessage
@ -158,8 +158,8 @@ export const Main = (props: MainProps) => {
/>
</h2>
</EuiTitle>
</EuiPageContentHeader>
<EuiPageContentBody>
</EuiPageHeader>
<EuiPageSection>
<EuiText>
<h3>
<FormattedMessage
@ -354,7 +354,7 @@ export const Main = (props: MainProps) => {
</EuiButton>
</EuiFlexItem>
</EuiFlexGroup>
</EuiPageContentBody>
</EuiPageSection>
</>
);
};

14
examples/guided_onboarding_example/public/components/step_four.tsx
View file

@ -12,11 +12,7 @@ import { EuiButton, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
import { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public/types';
import { FormattedMessage } from '@kbn/i18n-react';
import {
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiCode,
} from '@elastic/eui';
import { EuiPageHeader, EuiPageSection, EuiCode } from '@elastic/eui';
import { useParams } from 'react-router-dom';
interface StepFourProps {
@ -41,7 +37,7 @@ export const StepFour: React.FC<StepFourProps> = ({
return (
<>
<EuiPageContentHeader>
<EuiPageHeader>
<EuiTitle>
<h2>
<FormattedMessage
@ -50,8 +46,8 @@ export const StepFour: React.FC<StepFourProps> = ({
/>
</h2>
</EuiTitle>
</EuiPageContentHeader>
<EuiPageContentBody>
</EuiPageHeader>
<EuiPageSection>
<EuiText>
<p>
<FormattedMessage
@ -74,7 +70,7 @@ export const StepFour: React.FC<StepFourProps> = ({
>
Complete step 4
</EuiButton>
</EuiPageContentBody>
</EuiPageSection>
</>
);
};

12
examples/guided_onboarding_example/public/components/step_one.tsx
View file

@ -13,8 +13,8 @@ import {
EuiText,
EuiTourStep,
EuiTitle,
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiPageHeader,
EuiPageSection,
EuiSpacer,
EuiCode,
EuiFieldText,
@ -46,7 +46,7 @@ export const StepOne = ({ guidedOnboarding }: GuidedOnboardingExampleAppDeps) =>
}, [isTourActive]);
return (
<>
<EuiPageContentHeader>
<EuiPageHeader>
<EuiTitle>
<h2>
<FormattedMessage
@ -55,8 +55,8 @@ export const StepOne = ({ guidedOnboarding }: GuidedOnboardingExampleAppDeps) =>
/>
</h2>
</EuiTitle>
</EuiPageContentHeader>
<EuiPageContentBody>
</EuiPageHeader>
<EuiPageSection>
<EuiText>
<p>
<FormattedMessage
@ -118,7 +118,7 @@ export const StepOne = ({ guidedOnboarding }: GuidedOnboardingExampleAppDeps) =>
</EuiFormRow>
</EuiFlexItem>
</EuiFlexGroup>
</EuiPageContentBody>
</EuiPageSection>
</>
);
};

13
examples/guided_onboarding_example/public/components/step_three.tsx
View file

@ -12,10 +12,7 @@ import { EuiButton, EuiSpacer, EuiText, EuiTitle, EuiTourStep } from '@elastic/e
import { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public/types';
import { FormattedMessage } from '@kbn/i18n-react';
import {
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
} from '@elastic/eui';
import { EuiPageHeader, EuiPageSection } from '@elastic/eui';
interface StepThreeProps {
guidedOnboarding: GuidedOnboardingPluginStart;
@ -39,7 +36,7 @@ export const StepThree = (props: StepThreeProps) => {
return (
<>
<EuiPageContentHeader>
<EuiPageHeader>
<EuiTitle>
<h2>
<FormattedMessage
@ -48,8 +45,8 @@ export const StepThree = (props: StepThreeProps) => {
/>
</h2>
</EuiTitle>
</EuiPageContentHeader>
<EuiPageContentBody>
</EuiPageHeader>
<EuiPageSection>
<EuiText>
<p>
<FormattedMessage
@ -92,7 +89,7 @@ export const StepThree = (props: StepThreeProps) => {
Complete step 3
</EuiButton>
</EuiTourStep>
</EuiPageContentBody>
</EuiPageSection>
</>
);
};

13
examples/guided_onboarding_example/public/components/step_two.tsx
View file

@ -11,15 +11,12 @@ import React from 'react';
import { EuiText, EuiTitle } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import {
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
} from '@elastic/eui';
import { EuiPageHeader, EuiPageSection } from '@elastic/eui';
export const StepTwo = () => {
return (
<>
<EuiPageContentHeader>
<EuiPageHeader>
<EuiTitle>
<h2>
<FormattedMessage
@ -28,8 +25,8 @@ export const StepTwo = () => {
/>
</h2>
</EuiTitle>
</EuiPageContentHeader>
<EuiPageContentBody>
</EuiPageHeader>
<EuiPageSection>
<EuiText>
<p>
<FormattedMessage
@ -39,7 +36,7 @@ export const StepTwo = () => {
/>
</p>
</EuiText>
</EuiPageContentBody>
</EuiPageSection>
</>
);
};