kibana/examples/search_examples/public/application.tsx

/*
 * 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", the "GNU Affero General Public License v3.0 only", 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", the "GNU Affero General Public
 * License v3.0 only", or the "Server Side Public License, v 1".
 */

import React from 'react';
import ReactDOM from 'react-dom';
import { Redirect } from 'react-router-dom';
import { Router, Routes, Route } from '@kbn/shared-ux-router';
import { KibanaRenderContextProvider } from '@kbn/react-kibana-context-render';
import { I18nProvider } from '@kbn/i18n-react';
import { AppMountParameters, CoreStart } from '@kbn/core/public';
import { RedirectAppLinks } from '@kbn/shared-ux-link-redirect-app';
import { AppPluginStartDependencies } from './types';
import { SearchExamplePage, ExampleLink } from './common/example_page';
import { SearchExamplesApp } from './search/app';
import { SearchSessionsExampleApp } from './search_sessions/app';
import { SqlSearchExampleApp } from './sql_search/app';

const LINKS: ExampleLink[] = [
  {
    path: '/search',
    title: 'Search',
  },
  {
    path: '/sql-search',
    title: 'SQL Search',
  },
  {
    path: '/search-sessions',
    title: 'Search Sessions',
  },
  {
    path: 'https://github.com/elastic/kibana/blob/main/src/plugins/data/README.mdx',
    title: 'README (GitHub)',
  },
];

export const renderApp = (
  { notifications, savedObjects, http, application, ...startServices }: CoreStart,
  { data, navigation, unifiedSearch }: AppPluginStartDependencies,
  { element, history }: AppMountParameters
) => {
  ReactDOM.render(
    <KibanaRenderContextProvider {...startServices}>
      <I18nProvider>
        <RedirectAppLinks
          coreStart={{
            application,
          }}
        >
          <SearchExamplePage exampleLinks={LINKS} basePath={http.basePath}>
            <Router history={history}>
              <Routes>
                <Route path={LINKS[0].path}>
                  <SearchExamplesApp
                    notifications={notifications}
                    navigation={navigation}
                    data={data}
                    http={http}
                    unifiedSearch={unifiedSearch}
                    {...startServices}
                  />
                </Route>
                <Route path={LINKS[1].path}>
                  <SqlSearchExampleApp notifications={notifications} data={data} />
                </Route>
                <Route path={LINKS[2].path}>
                  <SearchSessionsExampleApp
                    navigation={navigation}
                    notifications={notifications}
                    data={data}
                    unifiedSearch={unifiedSearch}
                    {...startServices}
                  />
                </Route>

                <Route path="/" exact={true}>
                  <Redirect to={LINKS[0].path} />
                </Route>
              </Routes>
            </Router>
          </SearchExamplePage>
        </RedirectAppLinks>
      </I18nProvider>
    </KibanaRenderContextProvider>,
    element
  );

  return () => {
    data.search.session.clear();
    ReactDOM.unmountComponentAtNode(element);
  };
};