Add global query bar

Signed-off-by: Junqiu Lei <[email protected]>
opensearch-project · Dec 20, 2022 · a908ef8 · a908ef8
1 parent a0553cf
commit a908ef8
Show file tree

Hide file tree

Showing 10 changed files with 439 additions and 311 deletions.
diff --git a/...ashboards/public/components/layer_config/documents_config/document_layer_config_panel.tsx b/...ashboards/public/components/layer_config/documents_config/document_layer_config_panel.tsx
@@ -5,6 +5,7 @@
 
 import React, { Fragment } from 'react';
 import { EuiSpacer, EuiTabbedContent } from '@elastic/eui';
+import { IndexPattern } from '../../../../../../src/plugins/data/public';
 import { DocumentLayerSpecification } from '../../../model/mapLayerType';
 import { LayerBasicSettings } from '../layer_basic_settings';
 import { DocumentLayerSource } from './document_layer_source';
@@ -14,6 +15,7 @@ interface Props {
   selectedLayerConfig: DocumentLayerSpecification;
   setSelectedLayerConfig: Function;
   setIsUpdateDisabled: Function;
+  layersIndexPatterns: IndexPattern[];
 }
 
 export const DocumentLayerConfigPanel = (props: Props) => {

diff --git a/maps_dashboards/public/components/layer_config/documents_config/document_layer_source.tsx b/maps_dashboards/public/components/layer_config/documents_config/document_layer_source.tsx
@@ -20,22 +20,24 @@ import {
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
+import _, { Dictionary } from 'lodash';
 import { IndexPattern, IndexPatternField } from '../../../../../../src/plugins/data/public';
 import { useOpenSearchDashboards } from '../../../../../../src/plugins/opensearch_dashboards_react/public';
 import { MapServices } from '../../../types';
 import { DocumentLayerSpecification } from '../../../model/mapLayerType';
-import _, { Dictionary } from "lodash";
 
 interface Props {
   setSelectedLayerConfig: Function;
   selectedLayerConfig: DocumentLayerSpecification;
   setIsUpdateDisabled: Function;
+  layersIndexPatterns: IndexPattern[];
 }
 
 export const DocumentLayerSource = ({
   setSelectedLayerConfig,
   selectedLayerConfig,
   setIsUpdateDisabled,
+  layersIndexPatterns,
 }: Props) => {
   const {
     services: {
@@ -140,10 +142,10 @@ export const DocumentLayerSource = ({
   useEffect(() => {
     const selectIndexPattern = async () => {
       if (selectedLayerConfig.source.indexPatternId) {
-        const savedIndexPattern = await indexPatterns.get(
-          selectedLayerConfig.source.indexPatternId
+        const selectedIndexPattern = layersIndexPatterns.find(
+          (ip) => ip.id === selectedLayerConfig.source.indexPatternId
         );
-        setIndexPattern(savedIndexPattern);
+        setIndexPattern(selectedIndexPattern);
       }
     };
     selectIndexPattern();
@@ -195,7 +197,7 @@ export const DocumentLayerSource = ({
 
   const shouldTooltipSectionOpen = () => {
     return (
-      selectedLayerConfig.source.showTooltips === true &&
+      selectedLayerConfig.source.showTooltips &&
       selectedLayerConfig.source.tooltipFields?.length > 0
     );
   };

diff --git a/maps_dashboards/public/components/layer_config/layer_config_panel.tsx b/maps_dashboards/public/components/layer_config/layer_config_panel.tsx
@@ -26,6 +26,7 @@ import { MapLayerSpecification } from '../../model/mapLayerType';
 import { BaseMapLayerConfigPanel } from './index';
 import { DASHBOARDS_MAPS_LAYER_TYPE } from '../../../common';
 import { DocumentLayerConfigPanel } from './documents_config/document_layer_config_panel';
+import { IndexPattern } from '../../../../../src/plugins/data/public';
 
 interface Props {
   closeLayerConfigPanel: Function;
@@ -35,6 +36,8 @@ interface Props {
   removeLayer: Function;
   isNewLayer: boolean;
   setIsNewLayer: Function;
+  layersIndexPatterns: IndexPattern[];
+  updateIndexPatterns: Function;
 }
 
 export const LayerConfigPanel = ({
@@ -45,6 +48,8 @@ export const LayerConfigPanel = ({
   removeLayer,
   isNewLayer,
   setIsNewLayer,
+  layersIndexPatterns,
+  updateIndexPatterns,
 }: Props) => {
   const [isUpdateDisabled, setIsUpdateDisabled] = useState(false);
   const [originLayerConfig, setOriginLayerConfig] = useState<MapLayerSpecification | null>(null);
@@ -71,6 +76,7 @@ export const LayerConfigPanel = ({
   };
   const onUpdate = () => {
     updateLayer();
+    updateIndexPatterns();
     closeLayerConfigPanel(false);
   };
 
@@ -104,6 +110,7 @@ export const LayerConfigPanel = ({
                 selectedLayerConfig={selectedLayerConfig}
                 setSelectedLayerConfig={setSelectedLayerConfig}
                 setIsUpdateDisabled={setIsUpdateDisabled}
+                layersIndexPatterns={layersIndexPatterns}
               />
             )}
           </EuiFlexItem>