mirror of
https://github.com/elastic/kibana.git
synced 2025-06-28 11:05:39 -04:00
f77f924a2a
Adds an "add" button that shows up to the right of the Control Group if configured. Also adds a system for fetching settings from consumers, and adds settings that can hide or show pieces of the Control editor flyout.
49 lines
1.8 KiB
TypeScript
49 lines
1.8 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 { EuiSpacer } from '@elastic/eui';
|
|
|
|
import { AppMountParameters } from '@kbn/core/public';
|
|
import { KibanaPageTemplate } from '@kbn/shared-ux-page-kibana-template';
|
|
import { ControlsExampleStartDeps } from './plugin';
|
|
import { BasicReduxExample } from './basic_redux_example';
|
|
import { EditExample } from './edit_example';
|
|
import { SearchExample } from './search_example';
|
|
import { AddButtonExample } from './add_button_example';
|
|
|
|
export const renderApp = async (
|
|
{ data, navigation }: ControlsExampleStartDeps,
|
|
{ element }: AppMountParameters
|
|
) => {
|
|
const dataViews = await data.dataViews.find('kibana_sample_data_logs');
|
|
const examples =
|
|
dataViews.length > 0 ? (
|
|
<>
|
|
<SearchExample dataView={dataViews[0]} navigation={navigation} data={data} />
|
|
<EuiSpacer size="xl" />
|
|
<EditExample />
|
|
<EuiSpacer size="xl" />
|
|
<BasicReduxExample dataViewId={dataViews[0].id!} />
|
|
<EuiSpacer size="xl" />
|
|
<AddButtonExample dataViewId={dataViews[0].id!} />
|
|
</>
|
|
) : (
|
|
<div>{'Install web logs sample data to run controls examples.'}</div>
|
|
);
|
|
|
|
ReactDOM.render(
|
|
<KibanaPageTemplate>
|
|
<KibanaPageTemplate.Header pageTitle="Controls as a Building Block" />
|
|
<KibanaPageTemplate.Section>{examples}</KibanaPageTemplate.Section>
|
|
</KibanaPageTemplate>,
|
|
element
|
|
);
|
|
return () => ReactDOM.unmountComponentAtNode(element);
|
|
};
|