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

Update usage of deprecated EUI components in SharedUx plugins (#163560)

Browse source 
## Summary

Partially addresses https://github.com/elastic/kibana/issues/161422

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Vadim Kibana 2023-08-14 15:36:38 +02:00 • committed by GitHub
parent 1fe8ffd0c8
commit cc8e8fe6a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 53 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

6
examples/state_containers_examples/public/common/example_page.tsx
View file

@ -7,7 +7,7 @@
*/
import React, { PropsWithChildren } from 'react';
import { EuiPage, EuiPageSideBar_Deprecated as EuiPageSideBar, EuiSideNav } from '@elastic/eui';
import { EuiPage, EuiPageTemplate, EuiSideNav } from '@elastic/eui';
import { CoreStart } from '@kbn/core/public';
export interface ExampleLink {
@ -53,9 +53,9 @@ export const StateContainersExamplesPage: React.FC<Props> = ({
}: PropsWithChildren<Props>) => {
return (
<EuiPage>
<EuiPageSideBar>
<EuiPageTemplate.Sidebar>
<SideNav navigateToApp={navigateToApp} exampleLinks={exampleLinks} />
</EuiPageSideBar>
</EuiPageTemplate.Sidebar>
{children}
</EuiPage>
);

12
examples/state_containers_examples/public/todo/todo.tsx
View file

@ -15,8 +15,8 @@ import {
EuiCheckbox,
EuiFieldText,
EuiPageBody,
EuiPageContent_Deprecated as EuiPageContent,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiPageTemplate,
EuiPageSection,
EuiPageHeader,
EuiPageHeaderSection,
EuiSpacer,
@ -202,8 +202,8 @@ export const TodoAppPage: React.FC<{
</EuiText>
</EuiPageHeaderSection>
</EuiPageHeader>
<EuiPageContent>
<EuiPageContentBody>
<EuiPageTemplate.Section>
<EuiPageSection>
<Routes>
<Route path={'/completed'}>
<TodoApp filter={'completed'} stateContainer={stateContainer} />
@ -233,8 +233,8 @@ export const TodoAppPage: React.FC<{
<EuiButton onClick={() => setUseHashedUrl(!useHashedUrl)}>
{useHashedUrl ? 'Use Expanded State' : 'Use Hashed State'}
</EuiButton>
</EuiPageContentBody>
</EuiPageContent>
</EuiPageSection>
</EuiPageTemplate.Section>
</EuiPageBody>
</Router>
);

6
examples/state_containers_examples/public/with_data_services/app.tsx
View file

@ -13,7 +13,7 @@ import { Router } from '@kbn/shared-ux-router';
import {
EuiFieldText,
EuiPageBody,
EuiPageContent_Deprecated as EuiPageContent,
EuiPageTemplate,
EuiPageHeader,
EuiText,
EuiTitle,
@ -99,7 +99,7 @@ export const App = ({
useDefaultBehaviors={true}
showSaveQuery={true}
/>
<EuiPageContent>
<EuiPageTemplate.Section>
<EuiText>
<p>In addition to state from query bar also sync your arbitrary application state:</p>
</EuiText>
@ -109,7 +109,7 @@ export const App = ({
onChange={(e) => appStateContainer.set({ ...appState, name: e.target.value })}
aria-label="My name"
/>
</EuiPageContent>
</EuiPageTemplate.Section>
</EuiPageBody>
</Router>
</StateContainersExamplesPage>