feat: update aggregation config

CHANGELOG.md

@@ -85,6 +85,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - Add satisfaction survey link to help menu ([#3676] (https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3676))
 - [Vis Builder] Add persistence to visualizations inner state ([#3751](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3751))
 - [Table Visualization] Move format table, consolidate types and add unit tests ([#3397](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3397))
+- [Data] Add geo_shape type field support in geo_tile and geo_hash aggregation ([#3974](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3974))
 
 ### 🐛 Bug Fixes
 

src/plugins/data/common/search/aggs/buckets/geo_hash.ts

@@ -64,7 +64,7 @@ export const getGeoHashBucketAgg = () =>
       {
         name: 'field',
         type: 'field',
-        filterFieldTypes: OSD_FIELD_TYPES.GEO_POINT,
+        filterFieldTypes: [OSD_FIELD_TYPES.GEO_POINT, OSD_FIELD_TYPES.GEO_SHAPE],
       },
       {
         name: 'autoPrecision',

src/plugins/data/common/search/aggs/buckets/geo_tile.ts

@@ -55,7 +55,7 @@ export const getGeoTitleBucketAgg = () =>
       {
         name: 'field',
         type: 'field',
-        filterFieldTypes: OSD_FIELD_TYPES.GEO_POINT,
+        filterFieldTypes: [OSD_FIELD_TYPES.GEO_POINT, OSD_FIELD_TYPES.GEO_SHAPE],
       },
       {
         name: 'useGeocentroid',

src/plugins/vis_default_editor/public/components/agg_params_map.ts

@@ -46,6 +46,9 @@ const buckets = {
   [BUCKET_TYPES.FILTERS]: {
     filters: controls.FiltersParamEditor,
   },
+  [BUCKET_TYPES.GEOTILE_GRID]: {
+    useGeocentroid: controls.UseGeocentroidParamEditor,
+  },
   [BUCKET_TYPES.GEOHASH_GRID]: {
     autoPrecision: controls.AutoPrecisionParamEditor,
     precision: controls.PrecisionParamEditor,

src/plugins/vis_default_editor/public/components/controls/use_geocentroid.tsx

@@ -28,24 +28,57 @@
  * under the License.
  */
 
-import React from 'react';
-import { EuiSwitch, EuiFormRow } from '@elastic/eui';
+import React, { useState, useEffect } from 'react';
+import { EuiSwitch, EuiFormRow, EuiToolTip } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import { AggParamEditorProps } from '../agg_param_props';
+import { OSD_FIELD_TYPES } from '../../../../../plugins/data/common';
+
+function UseGeocentroidParamEditor({ agg, value = false, setValue }: AggParamEditorProps<boolean>) {
+  const [disabled, setDisabled] = useState(false);
 
-function UseGeocentroidParamEditor({ value = false, setValue }: AggParamEditorProps<boolean>) {
   const label = i18n.translate('visDefaultEditor.controls.placeMarkersOffGridLabel', {
     defaultMessage: 'Place markers off grid (use geocentroid)',
   });
 
+  const tooltipLabel = i18n.translate(
+    'visDefaultEditor.controls.placeMarkersOffGridLabelUnsupport',
+    {
+      defaultMessage: 'Currently geo_shape type field does not support centroid aggregation.',
+    }
+  );
+
+  useEffect(() => {
+    // geo_shape type field does not support centroid aggregation
+    if (agg?.params?.field?.type === OSD_FIELD_TYPES.GEO_SHAPE) {
+      setDisabled(true);
+      setValue(false);
+    } else {
+      setDisabled(false);
+    }
+  }, [agg, setValue]);
+
   return (
     <EuiFormRow display={'rowCompressed'}>
-      <EuiSwitch
-        compressed={true}
-        label={label}
-        checked={value}
-        onChange={(ev) => setValue(ev.target.checked)}
-      />
+      {disabled ? (
+        <EuiToolTip content={tooltipLabel}>
+          <EuiSwitch
+            compressed={true}
+            disabled={true}
+            label={label}
+            checked={value}
+            onChange={(ev) => setValue(ev.target.checked)}
+          />
+        </EuiToolTip>
+      ) : (
+        <EuiSwitch
+          compressed={true}
+          disabled={false}
+          label={label}
+          checked={value}
+          onChange={(ev) => setValue(ev.target.checked)}
+        />
+      )}
     </EuiFormRow>
   );
 }