Mapbox-GL to Maplibre-GL

package.json

@@ -32,8 +32,8 @@
     "i18next-browser-languagedetector": "^3.0.3",
     "i18next-xhr-backend": "^3.1.2",
     "jspdf": "^1.5.3",
-    "mapbox-gl": "^1.13.0",
     "mapbox-gl-inspect": "^1.3.1",
+    "maplibre-gl": "^1.14.0",
     "marked": "^0.7.0",
     "memoize-one": "^5.0.4",
     "memoizee": "^0.4.14",
@@ -101,7 +101,6 @@
       "!src/App.js",
       "!src/config/i18n.js",
       "!src/**/index.js",
-
       "!src/terra-front/**/stories/**/*.js",
       "!src/terra-front/**/*.stories.js"
     ],

src/terra-front/index.test.js

@@ -1,6 +1,6 @@
 import * as lib from '.';
 
-jest.mock('mapbox-gl', () => ({}));
+jest.mock('maplibre-gl', () => ({}));
 
 it('should export each modules', () => {
   expect(lib.Api).toBeDefined();

src/terra-front/modules/Map/InteractiveMap/InteractiveMap.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import mapBoxGl from 'mapbox-gl';
+import mapBoxGl from 'maplibre-gl';
 import debounce from 'lodash.debounce';
 import centroid from '@turf/centroid';
 import uuid from 'uuid/v4';

src/terra-front/modules/Map/InteractiveMap/InteractiveMap.test.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import ReactDOM from 'react-dom';
-import mapboxGl from 'mapbox-gl';
+import mapboxGl from 'maplibre-gl';
 import centroid from '@turf/centroid';
 
 import { setInteractions, fitZoom } from '../services/mapUtils';
@@ -20,7 +20,7 @@ import {
 import BackgroundStyles from './components/BackgroundStyles';
 
 jest.mock('@turf/bbox', () => jest.fn());
-jest.mock('mapbox-gl', () => {
+jest.mock('maplibre-gl', () => {
   const Popup = jest.fn(function Popup () {
     this.listeners = [];
     // eslint-disable-next-line no-underscore-dangle

src/terra-front/modules/Map/Map/CustomMarkers/customMarker.js

@@ -1,4 +1,4 @@
-import { Marker } from 'mapbox-gl';
+import { Marker } from 'maplibre-gl';
 import { getLayerOpacity } from '../../services/mapUtils';
 import piechart from './piechartMarker';
 

src/terra-front/modules/Map/Map/Map.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import mapBoxGl from 'mapbox-gl';
+import mapBoxGl from 'maplibre-gl';
 import PropTypes from 'prop-types';
-import 'mapbox-gl/dist/mapbox-gl.css';
+import 'maplibre-gl/dist/maplibre-gl.css';
 import MapboxDraw from '@mapbox/mapbox-gl-draw';
 import { detailedDiff } from 'deep-object-diff';
 

src/terra-front/modules/Map/Map/Map.test.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { shallow } from 'enzyme';
-import mapboxgl from 'mapbox-gl';
+import mapboxgl from 'maplibre-gl';
 
 import { MapComponent as Map } from './Map';
 import { updateCluster } from '../services/cluster';
@@ -14,7 +14,7 @@ const props = {
   accessToken: 'pk.eyJ1IjoibWFraW5hY29ycHVzIiwiYSI6ImNqY3E4ZTNwcTFta3ozMm80d2xzY29wM2MifQ.Nwl_FHrWAIQ46s_lY0KNiQ',
 };
 
-jest.mock('mapbox-gl', () => {
+jest.mock('maplibre-gl', () => {
   const off = jest.fn();
   const map = {
     addControl: jest.fn(() => {}),

src/terra-front/modules/Map/Map/components/ReportControl/ReportControl.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon, Position, Toaster } from '@blueprintjs/core';
-import { Marker } from 'mapbox-gl';
+import { Marker } from 'maplibre-gl';
 import { parse, stringify } from 'query-string';
 import AbstractControl from '../../../helpers/AbstractMapControl';
 import Tooltip from '../../../../../components/Tooltip';

src/terra-front/modules/Map/Map/components/ReportControl/ReportControl.test.js

@@ -8,7 +8,7 @@ jest.mock('react-dom', () => ({
   render: jest.fn(),
 }));
 
-jest.mock('mapbox-gl', () => ({
+jest.mock('maplibre-gl', () => ({
   Marker: () => ({}),
 }));
 

src/terra-front/modules/Map/Map/withMap.js

@@ -2,10 +2,10 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import mapBoxGl from 'mapbox-gl';
+import mapBoxGl from 'maplibre-gl';
 import { addMapDebug } from '../helpers/mapDebug';
 
-import 'mapbox-gl/dist/mapbox-gl.css';
+import 'maplibre-gl/dist/maplibre-gl.css';
 
 export const DEFAULT_LAYER_TYPES_WEIGHT = {
   background: 100,

src/terra-front/modules/Map/Map/withMap.test.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { shallow } from 'enzyme';
-import mapboxgl from 'mapbox-gl';
+import mapboxgl from 'maplibre-gl';
 
 import { withMap } from './withMap';
 
 
-jest.mock('mapbox-gl', () => {
+jest.mock('maplibre-gl', () => {
   const addedLayers = [];
   const map = {
     once: jest.fn((e, fn) => fn()),

src/terra-front/modules/Map/helpers/mapDebug.js

@@ -1,4 +1,4 @@
-import mapBoxGl from 'mapbox-gl';
+import mapBoxGl from 'maplibre-gl';
 import MapboxInspect from 'mapbox-gl-inspect';
 import renderInspectPopup from 'mapbox-gl-inspect/lib/renderPopup';
 import 'mapbox-gl-inspect/dist/mapbox-gl-inspect.css';

src/terra-front/modules/Map/helpers/mapDebug.test.js

@@ -1,10 +1,10 @@
 /* eslint-disable no-console */
-import mapBoxGl from 'mapbox-gl';
+import mapBoxGl from 'maplibre-gl';
 import MapboxInspect from 'mapbox-gl-inspect';
 import renderInspectPopup from 'mapbox-gl-inspect/lib/renderPopup';
 import { addMapDebug } from './mapDebug';
 
-jest.mock('mapbox-gl', () => {
+jest.mock('maplibre-gl', () => {
   const mockedPopup = { on: jest.fn() };
 
   return {