feat: add tooltip toggle (#3371)

* add tooltip toggle

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

* change back the name

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

* remove translations

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

* Update src/layers/src/geojson-layer/geojson-layer.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

* update

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

* remove duplicate toggle

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

* fix tests

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

* fix tests

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>

---------

Signed-off-by: bdjulbic <bdjulbic@foursquare.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: bdjulbic

src/components/src/side-panel/layer-panel/layer-configurator.tsx

@@ -871,6 +871,16 @@ export default function LayerConfiguratorFactory(
               </ConfigGroupCollapsibleContent>
             </LayerConfigGroup>
           ) : null}
+
+          {/* Interaction */}
+          {'allowHover' in layer.visConfigSettings ? (
+            <LayerConfigGroup label={'layer.interaction'} collapsible>
+              <VisConfigSwitch
+                {...layer.visConfigSettings.allowHover}
+                {...visConfiguratorProps}
+              />
+            </LayerConfigGroup>
+          ) : null}
         </StyledLayerVisualConfigurator>
       );
     }

src/layers/src/geojson-layer/geojson-layer.ts

@@ -82,6 +82,7 @@ export const geojsonVisConfigs: {
   enable3d: 'enable3d';
   wireframe: 'wireframe';
   fixedHeight: 'fixedHeight';
+  allowHover: 'allowHover';
 } = {
   opacity: 'opacity',
   strokeOpacity: {
@@ -105,7 +106,8 @@ export const geojsonVisConfigs: {
   filled: 'filled',
   enable3d: 'enable3d',
   wireframe: 'wireframe',
-  fixedHeight: 'fixedHeight'
+  fixedHeight: 'fixedHeight',
+  allowHover: 'allowHover'
 };
 
 export type GeoJsonVisConfigSettings = {
@@ -126,6 +128,7 @@ export type GeoJsonVisConfigSettings = {
   filled: VisConfigBoolean;
   enable3d: VisConfigBoolean;
   wireframe: VisConfigBoolean;
+  allowHover: VisConfigBoolean;
 };
 
 export type GeoJsonLayerColumnsConfig = {
@@ -150,6 +153,7 @@ export type GeoJsonLayerVisConfig = {
   enable3d: boolean;
   wireframe: boolean;
   fixedHeight: boolean;
+  allowHover: boolean;
 };
 
 type GeoJsonLayerVisualChannelConfig = LayerColorConfig &
@@ -699,7 +703,7 @@ export default class GeoJsonLayer extends Layer {
       opacity: visConfig.strokeOpacity
     };
 
-    const pickable = interactionConfig.tooltip.enabled;
+    const pickable = interactionConfig.tooltip.enabled && visConfig.allowHover;
     const hoveredObject = this.hasHoveredObject(objectHovered);
 
     const {data, ...props} = dataProps;

src/localization/src/translations/ca.ts

@@ -152,7 +152,8 @@ export default {
     heightRange: 'Rang alçada',
     heightMultiplier: "Multiplicador d'alçada",
     fixedHeight: 'Alçada fixa',
-    fixedHeightDescription: "Utilitzeu l'alçada sense modificacions"
+    fixedHeightDescription: "Utilitzeu l'alçada sense modificacions",
+    allowHover: "Mostra informació d'eina"
   },
   layerManager: {
     addData: 'Afegeix Dades',

src/localization/src/translations/cn.ts

@@ -141,7 +141,8 @@ export default {
     showWireframe: '显示线框',
     weightIntensity: '加权强度',
     zoomScale: '缩放比例',
-    heightRange: '高度范围'
+    heightRange: '高度范围',
+    allowHover: '显示工具提示'
   },
   layerManager: {
     addData: '添加数据',

src/localization/src/translations/en.ts

@@ -174,7 +174,7 @@ export default {
     heightMultiplier: 'Height Multiplier',
     fixedHeight: 'Fixed height',
     fixedHeightDescription: 'Use height without modifications',
-    allowHover: 'Allow Hover',
+    allowHover: 'Allow hover',
     showNeighborOnHover: 'Highlight Neighbors On Hover',
     showHighlightColor: 'Show highlight Color',
     darkModeEnabled: 'Dark base map',

src/localization/src/translations/es.ts

@@ -153,7 +153,8 @@ export default {
     heightRange: 'Rango de alturas',
     heightMultiplier: 'Multiplicador de altura',
     fixedHeight: 'Altura fija',
-    fixedHeightDescription: 'Usar altura sin modificaciones'
+    fixedHeightDescription: 'Usar altura sin modificaciones',
+    allowHover: 'Mostrar descripción emergente'
   },
   layerManager: {
     addData: 'Añadir datos',

src/localization/src/translations/fi.ts

@@ -150,7 +150,8 @@ export default {
     heightRange: 'Korkeuden rajat',
     heightMultiplier: 'Korkeuskerroin',
     fixedHeight: 'Kiinteä korkeus',
-    fixedHeightDescription: 'Käytä korkeutta ilman muutoksia'
+    fixedHeightDescription: 'Käytä korkeutta ilman muutoksia',
+    allowHover: 'Näytä työkaluvihje'
   },
   layerManager: {
     addData: 'Lisää aineisto',

src/localization/src/translations/ja.ts

@@ -149,7 +149,8 @@ export default {
     heightRange: '高さの範囲',
     heightMultiplier: '高さ乗数',
     fixedHeight: '固定高さ',
-    fixedHeightDescription: '高さを変更せずに使用する'
+    fixedHeightDescription: '高さを変更せずに使用する',
+    allowHover: 'ツールチップを表示'
   },
   layerManager: {
     addData: 'データ追加',

src/localization/src/translations/pt.ts

@@ -151,7 +151,8 @@ export default {
     heightRange: 'Alcance da Altura',
     heightMultiplier: 'Multiplicador de altura',
     fixedHeight: 'Altura fixa',
-    fixedHeightDescription: 'Use a altura sem modificações'
+    fixedHeightDescription: 'Use a altura sem modificações',
+    allowHover: 'Mostrar dica de ferramenta'
   },
   layerManager: {
     addData: 'Adicionar Dados',

src/localization/src/translations/ru.ts

@@ -145,7 +145,8 @@ export default {
     weightIntensity: 'Вес Интенсивность',
     zoomScale: 'Масштаб увеличения',
     heightRange: 'Диапазон высоты',
-    heightMultiplier: 'Множитель высоты'
+    heightMultiplier: 'Множитель высоты',
+    allowHover: 'Показать подсказку'
   },
   layerManager: {
     addData: 'Добавить данные',