github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-06-28 03:01:21 -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, EuiFlexItem,
EuiFormRow, EuiFormRow,
EuiHorizontalRule, EuiHorizontalRule,
EuiPageContentBody_Deprecated as EuiPageContentBody, EuiPageSection,
EuiPageContentHeader_Deprecated as EuiPageContentHeader, EuiPageHeader,
EuiSelect, EuiSelect,
EuiSpacer, EuiSpacer,
EuiText, EuiText,
@ -149,7 +149,7 @@ export const Main = (props: MainProps) => {
return ( return (
<> <>
<EuiPageContentHeader> <EuiPageHeader>
<EuiTitle> <EuiTitle>
<h2> <h2>
<FormattedMessage <FormattedMessage
@ -158,8 +158,8 @@ export const Main = (props: MainProps) => {
/> />
</h2> </h2>
</EuiTitle> </EuiTitle>
</EuiPageContentHeader> </EuiPageHeader>
<EuiPageContentBody> <EuiPageSection>
<EuiText> <EuiText>
<h3> <h3>
<FormattedMessage <FormattedMessage
@ -354,7 +354,7 @@ export const Main = (props: MainProps) => {
</EuiButton> </EuiButton>
</EuiFlexItem> </EuiFlexItem>
</EuiFlexGroup> </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 { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public/types';
import { FormattedMessage } from '@kbn/i18n-react'; import { FormattedMessage } from '@kbn/i18n-react';
import { import { EuiPageHeader, EuiPageSection, EuiCode } from '@elastic/eui';
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiCode,
} from '@elastic/eui';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
interface StepFourProps { interface StepFourProps {
@ -41,7 +37,7 @@ export const StepFour: React.FC<StepFourProps> = ({
return ( return (
<> <>
<EuiPageContentHeader> <EuiPageHeader>
<EuiTitle> <EuiTitle>
<h2> <h2>
<FormattedMessage <FormattedMessage
@ -50,8 +46,8 @@ export const StepFour: React.FC<StepFourProps> = ({
/> />
</h2> </h2>
</EuiTitle> </EuiTitle>
</EuiPageContentHeader> </EuiPageHeader>
<EuiPageContentBody> <EuiPageSection>
<EuiText> <EuiText>
<p> <p>
<FormattedMessage <FormattedMessage
@ -74,7 +70,7 @@ export const StepFour: React.FC<StepFourProps> = ({
> >
Complete step 4 Complete step 4
</EuiButton> </EuiButton>
</EuiPageContentBody> </EuiPageSection>
</> </>
); );
}; };

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

@ -13,8 +13,8 @@ import {
EuiText, EuiText,
EuiTourStep, EuiTourStep,
EuiTitle, EuiTitle,
EuiPageContentHeader_Deprecated as EuiPageContentHeader, EuiPageHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody, EuiPageSection,
EuiSpacer, EuiSpacer,
EuiCode, EuiCode,
EuiFieldText, EuiFieldText,
@ -46,7 +46,7 @@ export const StepOne = ({ guidedOnboarding }: GuidedOnboardingExampleAppDeps) =>
}, [isTourActive]); }, [isTourActive]);
return ( return (
<> <>
<EuiPageContentHeader> <EuiPageHeader>
<EuiTitle> <EuiTitle>
<h2> <h2>
<FormattedMessage <FormattedMessage
@ -55,8 +55,8 @@ export const StepOne = ({ guidedOnboarding }: GuidedOnboardingExampleAppDeps) =>
/> />
</h2> </h2>
</EuiTitle> </EuiTitle>
</EuiPageContentHeader> </EuiPageHeader>
<EuiPageContentBody> <EuiPageSection>
<EuiText> <EuiText>
<p> <p>
<FormattedMessage <FormattedMessage
@ -118,7 +118,7 @@ export const StepOne = ({ guidedOnboarding }: GuidedOnboardingExampleAppDeps) =>
</EuiFormRow> </EuiFormRow>
</EuiFlexItem> </EuiFlexItem>
</EuiFlexGroup> </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 { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public/types';
import { FormattedMessage } from '@kbn/i18n-react'; import { FormattedMessage } from '@kbn/i18n-react';
import { import { EuiPageHeader, EuiPageSection } from '@elastic/eui';
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
} from '@elastic/eui';
interface StepThreeProps { interface StepThreeProps {
guidedOnboarding: GuidedOnboardingPluginStart; guidedOnboarding: GuidedOnboardingPluginStart;
@ -39,7 +36,7 @@ export const StepThree = (props: StepThreeProps) => {
return ( return (
<> <>
<EuiPageContentHeader> <EuiPageHeader>
<EuiTitle> <EuiTitle>
<h2> <h2>
<FormattedMessage <FormattedMessage
@ -48,8 +45,8 @@ export const StepThree = (props: StepThreeProps) => {
/> />
</h2> </h2>
</EuiTitle> </EuiTitle>
</EuiPageContentHeader> </EuiPageHeader>
<EuiPageContentBody> <EuiPageSection>
<EuiText> <EuiText>
<p> <p>
<FormattedMessage <FormattedMessage
@ -92,7 +89,7 @@ export const StepThree = (props: StepThreeProps) => {
Complete step 3 Complete step 3
</EuiButton> </EuiButton>
</EuiTourStep> </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 { EuiText, EuiTitle } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react'; import { FormattedMessage } from '@kbn/i18n-react';
import { import { EuiPageHeader, EuiPageSection } from '@elastic/eui';
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
} from '@elastic/eui';
export const StepTwo = () => { export const StepTwo = () => {
return ( return (
<> <>
<EuiPageContentHeader> <EuiPageHeader>
<EuiTitle> <EuiTitle>
<h2> <h2>
<FormattedMessage <FormattedMessage
@ -28,8 +25,8 @@ export const StepTwo = () => {
/> />
</h2> </h2>
</EuiTitle> </EuiTitle>
</EuiPageContentHeader> </EuiPageHeader>
<EuiPageContentBody> <EuiPageSection>
<EuiText> <EuiText>
<p> <p>
<FormattedMessage <FormattedMessage
@ -39,7 +36,7 @@ export const StepTwo = () => {
/> />
</p> </p>
</EuiText> </EuiText>
</EuiPageContentBody> </EuiPageSection>
</> </>
); );
}; };