mirror of
https://github.com/elastic/kibana.git
synced 2025-06-27 10:40:07 -04:00
808c28dd8e
## Summary Fix https://github.com/elastic/kibana/issues/161424 Migrate away from deprecated EUI components for Core-owned code. Note: I only tested the production (and examples) pages properly, I didn't make sure the test plugins where displayed correctly, as long as the data structure was still here for the tests to pass. ### Screenshots #### Status page <img width="1388" alt="Screenshot 2023-07-10 at 17 14 24" src="d15adffa-d4fb-4dab-ad91-691a4c103541"> #### AppNotFound page <img width="1352" alt="Screenshot 2023-07-10 at 17 14 40" src="77dcc958-db53-4ec8-9a7f-af4ea0804a96"> #### Generated plugin landing page <img width="1906" alt="Screenshot 2023-07-10 at 17 15 44" src="7a45d1a3-181d-44c5-a4a1-d3bdb2ba6ee9"> --------- Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
90 lines
3.1 KiB
TypeScript
90 lines
3.1 KiB
TypeScript
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
* Side Public License, v 1.
|
|
*/
|
|
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import { AppMountParameters } from '@kbn/core/public';
|
|
import {
|
|
EuiPageTemplate,
|
|
EuiPageSection,
|
|
EuiText,
|
|
EuiHorizontalRule,
|
|
EuiListGroup,
|
|
} from '@elastic/eui';
|
|
import { RandomNumberRouteExample } from './random_number_example';
|
|
import { RandomNumberBetweenRouteExample } from './random_number_between_example';
|
|
import { Services } from './services';
|
|
import { PostMessageRouteExample } from './post_message_example';
|
|
import { GetMessageRouteExample } from './get_message_example';
|
|
|
|
type Props = Services;
|
|
|
|
function RoutingExplorer({
|
|
fetchRandomNumber,
|
|
fetchRandomNumberBetween,
|
|
addSuccessToast,
|
|
postMessage,
|
|
getMessageById,
|
|
}: Props) {
|
|
return (
|
|
<EuiPageTemplate>
|
|
<EuiPageTemplate.Header>
|
|
<EuiText>
|
|
<h1>Routing examples</h1>
|
|
</EuiText>
|
|
</EuiPageTemplate.Header>
|
|
<EuiPageTemplate.Section>
|
|
<EuiPageSection>
|
|
<EuiText>
|
|
<EuiListGroup
|
|
listItems={[
|
|
{
|
|
label: 'IRouter API docs',
|
|
href: 'https://github.com/elastic/kibana/blob/main/docs/development/core/server/kibana-plugin-core-server.irouter.md',
|
|
iconType: 'logoGithub',
|
|
target: '_blank',
|
|
size: 's',
|
|
},
|
|
{
|
|
label: 'HttpHandler (core.http.fetch) API docs',
|
|
href: 'https://github.com/elastic/kibana/blob/main/docs/development/core/public/kibana-plugin-core-public.httphandler.md',
|
|
iconType: 'logoGithub',
|
|
target: '_blank',
|
|
size: 's',
|
|
},
|
|
{
|
|
label: 'Conventions',
|
|
href: 'https://github.com/elastic/kibana/tree/main/STYLEGUIDE.mdx#api-endpoints',
|
|
iconType: 'logoGithub',
|
|
target: '_blank',
|
|
size: 's',
|
|
},
|
|
]}
|
|
/>
|
|
</EuiText>
|
|
<EuiHorizontalRule />
|
|
<RandomNumberRouteExample fetchRandomNumber={fetchRandomNumber} />
|
|
<EuiHorizontalRule />
|
|
<RandomNumberBetweenRouteExample fetchRandomNumberBetween={fetchRandomNumberBetween} />
|
|
|
|
<EuiHorizontalRule />
|
|
<PostMessageRouteExample addSuccessToast={addSuccessToast} postMessage={postMessage} />
|
|
|
|
<EuiHorizontalRule />
|
|
<GetMessageRouteExample getMessageById={getMessageById} />
|
|
</EuiPageSection>
|
|
</EuiPageTemplate.Section>
|
|
</EuiPageTemplate>
|
|
);
|
|
}
|
|
|
|
export const renderApp = (props: Props, element: AppMountParameters['element']) => {
|
|
ReactDOM.render(<RoutingExplorer {...props} />, element);
|
|
|
|
return () => ReactDOM.unmountComponentAtNode(element);
|
|
};
|