82e32faf1a
* feat: 🎸 add locator_examples plugin * feat: 🎸 add example app in locator_examples * feat: 🎸 add locator_explorer plugin * chore: 🤖 remove url_generaotrs_* example plugins * docs: ✏️ update share plugin readme * docs: ✏️ add locators readme * docs: ✏️ update docs link in example plugin * docs: ✏️ update navigation docs * fix: 🐛 make P extend SerializableState * test: 💍 update test mocks * fix: 🐛 use correct type in ingest pipeline locator * test: 💍 add missing methods in mock * test: 💍 update test mocks * chore: 🤖 update plugin list Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
79 lines
2.1 KiB
TypeScript
79 lines
2.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 { EuiPageBody } from '@elastic/eui';
|
|
import { EuiPageContent } from '@elastic/eui';
|
|
import { EuiPageContentBody } from '@elastic/eui';
|
|
import { Route, Switch, Redirect, Router, useLocation } from 'react-router-dom';
|
|
import { createBrowserHistory } from 'history';
|
|
import { EuiText } from '@elastic/eui';
|
|
import { AppMountParameters } from '../../../src/core/public';
|
|
|
|
function useQuery() {
|
|
const { search } = useLocation();
|
|
const params = React.useMemo(() => new URLSearchParams(search), [search]);
|
|
return params;
|
|
}
|
|
|
|
interface HelloPageProps {
|
|
firstName: string;
|
|
lastName: string;
|
|
}
|
|
|
|
const HelloPage = ({ firstName, lastName }: HelloPageProps) => (
|
|
<EuiText>{`Hello ${firstName} ${lastName}`}</EuiText>
|
|
);
|
|
|
|
export const Routes: React.FC<{}> = () => {
|
|
const query = useQuery();
|
|
|
|
return (
|
|
<EuiPageBody>
|
|
<EuiPageContent>
|
|
<EuiPageContentBody>
|
|
<Switch>
|
|
<Route path="/hello">
|
|
<HelloPage
|
|
firstName={query.get('firstName') || ''}
|
|
lastName={query.get('lastName') || ''}
|
|
/>
|
|
</Route>
|
|
<Redirect from="/" to="/hello" />
|
|
</Switch>
|
|
</EuiPageContentBody>
|
|
</EuiPageContent>
|
|
</EuiPageBody>
|
|
);
|
|
};
|
|
|
|
export const LinksExample: React.FC<{
|
|
appBasePath: string;
|
|
}> = (props) => {
|
|
const history = React.useMemo(
|
|
() =>
|
|
createBrowserHistory({
|
|
basename: props.appBasePath,
|
|
}),
|
|
[props.appBasePath]
|
|
);
|
|
return (
|
|
<Router history={history}>
|
|
<Routes />
|
|
</Router>
|
|
);
|
|
};
|
|
|
|
export const renderApp = (props: { appBasePath: string }, { element }: AppMountParameters) => {
|
|
ReactDOM.render(<LinksExample {...props} />, element);
|
|
|
|
return () => ReactDOM.unmountComponentAtNode(element);
|
|
};
|