fix: Always move to data layer bounds when adding new one

package.json

@@ -19,7 +19,6 @@
     "@turf/bbox": "^6.5.0",
     "@turf/center": "^6.5.0",
     "@turf/helpers": "^6.5.0",
-    "@turf/intersect": "^6.5.0",
     "canvg": "^4.0.1",
     "filesize": "^10.1.1",
     "get-video-id": "^4.1.5",

src/storyMap/components/StoryMapForm/MapLocationDialog.js

@@ -21,8 +21,6 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import * as turf from '@turf/helpers';
-import turfIntersect from '@turf/intersect';
 import _ from 'lodash/fp';
 import { Trans, useTranslation } from 'react-i18next';
 import DeleteIcon from '@mui/icons-material/Delete';
@@ -50,36 +48,6 @@ import VisualizationMapRemoteSource from 'sharedData/visualization/components/Vi
 import DataLayerDialog from './DataLayerDialog';
 import { useStoryMapConfigContext } from './storyMapConfigContext';
 
-const getDatalayerBoundsIntersection = (currentBounds, dataLayerBounds) => {
-  if (!dataLayerBounds) {
-    return true;
-  }
-  if (!currentBounds) {
-    return false;
-  }
-  const currentPoly = turf.polygon([
-    [
-      [currentBounds.getSouthWest().lng, currentBounds.getSouthWest().lat],
-      [currentBounds.getSouthWest().lng, currentBounds.getNorthEast().lat],
-      [currentBounds.getNorthEast().lng, currentBounds.getNorthEast().lat],
-      [currentBounds.getNorthEast().lng, currentBounds.getSouthWest().lat],
-      [currentBounds.getSouthWest().lng, currentBounds.getSouthWest().lat],
-    ],
-  ]);
-
-  const dataLayerPoly = turf.polygon([
-    [
-      [dataLayerBounds.southWest.lng, dataLayerBounds.southWest.lat],
-      [dataLayerBounds.southWest.lng, dataLayerBounds.northEast.lat],
-      [dataLayerBounds.northEast.lng, dataLayerBounds.northEast.lat],
-      [dataLayerBounds.northEast.lng, dataLayerBounds.southWest.lat],
-      [dataLayerBounds.southWest.lng, dataLayerBounds.southWest.lat],
-    ],
-  ]);
-
-  return turfIntersect(currentPoly, dataLayerPoly);
-};
-
 const BearingIcon = () => {
   const { t } = useTranslation();
   return (
@@ -327,13 +295,7 @@ const MapLocationDialog = props => {
   }, []);
 
   const onAddDataLayer = useCallback(dataLayerConfig => {
-    const currentBounds = mapRef.current?.getBounds();
-    const dataLayerBounds = dataLayerConfig?.viewportConfig?.bounds;
-    const intersection = getDatalayerBoundsIntersection(
-      currentBounds,
-      dataLayerBounds
-    );
-    setChangeBounds(!intersection);
+    setChangeBounds(true);
     setDataLayerConfig(dataLayerConfig);
   }, []);