|
| 1 | +/* |
| 2 | + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one |
| 3 | + * or more contributor license agreements. Licensed under the Elastic License; |
| 4 | + * you may not use this file except in compliance with the Elastic License. |
| 5 | + */ |
| 6 | + |
| 7 | +import React, { useState, useEffect } from 'react'; |
| 8 | +import useMountedState from 'react-use/lib/useMountedState'; |
| 9 | +import { CollectConfigProps } from './types'; |
| 10 | +import { DiscoverDrilldownConfig, IndexPatternItem } from './components/discover_drilldown_config'; |
| 11 | +import { Params } from './drilldown'; |
| 12 | + |
| 13 | +export interface CollectConfigContainerProps extends CollectConfigProps { |
| 14 | + params: Params; |
| 15 | +} |
| 16 | + |
| 17 | +export const CollectConfigContainer: React.FC<CollectConfigContainerProps> = ({ |
| 18 | + config, |
| 19 | + onConfig, |
| 20 | + params: { start }, |
| 21 | +}) => { |
| 22 | + const isMounted = useMountedState(); |
| 23 | + const [indexPatterns, setIndexPatterns] = useState<IndexPatternItem[]>([]); |
| 24 | + |
| 25 | + useEffect(() => { |
| 26 | + (async () => { |
| 27 | + const indexPatternSavedObjects = await start().plugins.data.indexPatterns.getCache(); |
| 28 | + if (!isMounted()) return; |
| 29 | + setIndexPatterns( |
| 30 | + indexPatternSavedObjects |
| 31 | + ? indexPatternSavedObjects.map(indexPattern => ({ |
| 32 | + id: indexPattern.id, |
| 33 | + title: indexPattern.attributes.title, |
| 34 | + })) |
| 35 | + : [] |
| 36 | + ); |
| 37 | + })(); |
| 38 | + }, [isMounted, start]); |
| 39 | + |
| 40 | + return ( |
| 41 | + <DiscoverDrilldownConfig |
| 42 | + activeIndexPatternId={config.indexPatternId} |
| 43 | + indexPatterns={indexPatterns} |
| 44 | + onIndexPatternSelect={indexPatternId => { |
| 45 | + onConfig({ ...config, indexPatternId }); |
| 46 | + }} |
| 47 | + customIndexPattern={config.customIndexPattern} |
| 48 | + onCustomIndexPatternToggle={() => |
| 49 | + onConfig({ |
| 50 | + ...config, |
| 51 | + customIndexPattern: !config.customIndexPattern, |
| 52 | + indexPatternId: undefined, |
| 53 | + }) |
| 54 | + } |
| 55 | + carryFiltersAndQuery={config.carryFiltersAndQuery} |
| 56 | + onCarryFiltersAndQueryToggle={() => |
| 57 | + onConfig({ |
| 58 | + ...config, |
| 59 | + carryFiltersAndQuery: !config.carryFiltersAndQuery, |
| 60 | + }) |
| 61 | + } |
| 62 | + carryTimeRange={config.carryTimeRange} |
| 63 | + onCarryTimeRangeToggle={() => |
| 64 | + onConfig({ |
| 65 | + ...config, |
| 66 | + carryTimeRange: !config.carryTimeRange, |
| 67 | + }) |
| 68 | + } |
| 69 | + /> |
| 70 | + ); |
| 71 | +}; |
0 commit comments