chore: remove lodash.flatten in favor of array.flat()

package.json

@@ -46,7 +46,6 @@
         "@mapbox/geojson-rewind": "^0.5.2",
         "@mapbox/geojsonhint": "^3.1.0",
         "leaflet-path-drag": "^1.8.0-beta.3",
-        "lodash.flatten": "^4.4.0",
         "react-undo-redo": "^3.0.0"
     },
     "devDependencies": {
@@ -66,7 +65,6 @@
         "@testing-library/user-event": "^14.4.3",
         "@types/jest": "^29.4.0",
         "@types/leaflet": "^1.9.1",
-        "@types/lodash.flatten": "^4.4.7",
         "@types/node": "^18.14.2",
         "@types/react": "^18.0.28",
         "@types/react-leaflet": "^3.0.0",

src/PolygonMap/PolygonMap.tsx

@@ -1,24 +1,23 @@
-import { LatLngTuple } from 'leaflet';
-import flatten from 'lodash.flatten';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useMap } from 'react-leaflet';
-
-import { ActionBar } from '../ActionBar/ActionBar';
-import { Modal } from '../common/components/Modal';
-import { MAP } from '../constants';
-import { ExportPolygonForm } from '../conversion/ExportPolygonForm';
-import { ImportPolygonForm } from '../conversion/ImportPolygonForm';
-import { createLeafletLatLngBoundsFromCoordinates } from '../helpers';
-import { Container, Map } from '../leaflet/Map';
-import { TileLayer } from '../leaflet/TileLayer';
-import { Coordinate, RectangleSelection } from '../types';
-import { BoundaryPolygon } from './components/BoundaryPolygon';
-import { ActivePolygon } from './components/ActivePolygon';
-import { InactivePolygon } from './components/InactivePolygon';
-import { PolygonPane } from './components/PolygonPane';
-import { Polyline } from './components/Polyline';
-import { SelectionRectangle } from './components/SelectionRectangle';
-import { MapInner } from './components/MapInner';
+import { LatLngTuple } from 'leaflet'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useMap } from 'react-leaflet'
+
+import { ActionBar } from '../ActionBar/ActionBar'
+import { Modal } from '../common/components/Modal'
+import { MAP } from '../constants'
+import { ExportPolygonForm } from '../conversion/ExportPolygonForm'
+import { ImportPolygonForm } from '../conversion/ImportPolygonForm'
+import { createLeafletLatLngBoundsFromCoordinates } from '../helpers'
+import { Container, Map } from '../leaflet/Map'
+import { TileLayer } from '../leaflet/TileLayer'
+import { Coordinate, RectangleSelection } from '../types'
+import { ActivePolygon } from './components/ActivePolygon'
+import { BoundaryPolygon } from './components/BoundaryPolygon'
+import { InactivePolygon } from './components/InactivePolygon'
+import { MapInner } from './components/MapInner'
+import { PolygonPane } from './components/PolygonPane'
+import { Polyline } from './components/Polyline'
+import { SelectionRectangle } from './components/SelectionRectangle'
 
 export interface PolygonMapProps {
     activePolygon: Coordinate[];
@@ -103,7 +102,7 @@ export const PolygonMap = ({
 
     const reframeOnPolygon = (polygonCoordinates: Coordinate[] | Coordinate[][]) => {
         if (map.current && !!polygonCoordinates.length) {
-            const bounds = createLeafletLatLngBoundsFromCoordinates(flatten(polygonCoordinates));
+            const bounds = createLeafletLatLngBoundsFromCoordinates(polygonCoordinates.flat());
 
             map.current.fitBounds(bounds);
         }