@mapcomponents/react-maplibre 0.1.57 → 0.1.58

package/src/contexts/MapComponentsProvider.test.js

@@ -4,257 +4,257 @@ import { MapComponentsProvider } from "./MapContext";
 import { mount } from "enzyme";
 
 const MapObjectTestBlock = ({ mapId }) => {
-  const mapContext = useContext(MapContext);
-
-  return (
-    <>
-      <button
-        className={"register_" + mapId}
-        onClick={() => {
-          mapContext.registerMap(mapId, { id: mapId });
-        }}
-      >
-        set {mapId}
-      </button>
-      <button
-        className={"remove_" + mapId}
-        onClick={() => {
-          mapContext.removeMap(mapId);
-        }}
-      >
-        set {mapId}
-      </button>
-      <div className={mapId + "_found"}>{mapContext.mapExists(mapId) ? "true" : "false"}</div>
-      <div className={mapId + "_id"}>
-        {mapContext.mapExists(mapId) ? mapContext.getMap(mapId).id : ""}
-      </div>
-      <div className={mapId + "_id_position_in_map_ids"}>{mapContext.mapIds.indexOf(mapId)}</div>
-    </>
-  );
+	const mapContext = useContext(MapContext);
+
+	return (
+		<>
+			<button
+				className={"register_" + mapId}
+				onClick={() => {
+					mapContext.registerMap(mapId, { id: mapId });
+				}}
+			>
+				set {mapId}
+			</button>
+			<button
+				className={"remove_" + mapId}
+				onClick={() => {
+					mapContext.removeMap(mapId);
+				}}
+			>
+				set {mapId}
+			</button>
+			<div className={mapId + "_found"}>{mapContext.mapExists(mapId) ? "true" : "false"}</div>
+			<div className={mapId + "_id"}>
+				{mapContext.mapExists(mapId) ? mapContext.getMap(mapId).id : ""}
+			</div>
+			<div className={mapId + "_id_position_in_map_ids"}>{mapContext.mapIds.indexOf(mapId)}</div>
+		</>
+	);
 };
 
 const MapContextTestComponent = () => {
-  const mapContext = useContext(MapContext);
-
-  return (
-    <>
-      <div className="map_count">{mapContext.mapIds.length}</div>
-      <div className="typeof_map">{typeof mapContext.map}</div>
-      <button
-        className="set_anonymous_map"
-        onClick={() => {
-          mapContext.setMap({});
-        }}
-      >
-        set anonymous map
-      </button>
-      <button
-        className="remove_anonymous_map"
-        onClick={() => {
-          mapContext.removeMap();
-        }}
-      >
-        set anonymous map
-      </button>
-      <div className="anonymous_map_found">{mapContext.mapExists() ? "true" : "false"}</div>
-      <div className="get_anonymous_map">{mapContext.getMap() ? "true" : "false"}</div>
-
-      {["map_1", "map_2"].map((mapId) => (
-        <MapObjectTestBlock mapId={mapId} key={mapId} />
-      ))}
-    </>
-  );
+	const mapContext = useContext(MapContext);
+
+	return (
+		<>
+			<div className="map_count">{mapContext.mapIds.length}</div>
+			<div className="typeof_map">{typeof mapContext.map}</div>
+			<button
+				className="set_anonymous_map"
+				onClick={() => {
+					mapContext.setMap({});
+				}}
+			>
+				set anonymous map
+			</button>
+			<button
+				className="remove_anonymous_map"
+				onClick={() => {
+					mapContext.removeMap();
+				}}
+			>
+				set anonymous map
+			</button>
+			<div className="anonymous_map_found">{mapContext.mapExists() ? "true" : "false"}</div>
+			<div className="get_anonymous_map">{mapContext.getMap() ? "true" : "false"}</div>
+
+			{["map_1", "map_2"].map((mapId) => (
+				<MapObjectTestBlock mapId={mapId} key={mapId} />
+			))}
+		</>
+	);
 };
 
 describe("MapComponentsProvider.setMap", () => {
-  it("should add an anonymous map object to mapContext", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
+	it("should add an anonymous map object to mapContext", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
 
-    expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
-    expect(wrapper.find(".map_count").text()).toEqual("0");
+		expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
+		expect(wrapper.find(".map_count").text()).toEqual("0");
 
-    wrapper.find(".set_anonymous_map").simulate("click");
+		wrapper.find(".set_anonymous_map").simulate("click");
 
-    expect(wrapper.find(".typeof_map").text()).toEqual("object");
-    expect(wrapper.find(".map_count").text()).toEqual("1");
-  });
+		expect(wrapper.find(".typeof_map").text()).toEqual("object");
+		expect(wrapper.find(".map_count").text()).toEqual("1");
+	});
 });
 
 describe("MapComponentsProvider.getMap", () => {
-  it("should return the map object referenced by mapContext.map if no parameters are passed", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
+	it("should return the map object referenced by mapContext.map if no parameters are passed", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
 
-    expect(wrapper.find(".get_anonymous_map").text()).toEqual("false");
+		expect(wrapper.find(".get_anonymous_map").text()).toEqual("false");
 
-    wrapper.find(".set_anonymous_map").simulate("click");
+		wrapper.find(".set_anonymous_map").simulate("click");
 
-    expect(wrapper.find(".get_anonymous_map").text()).toEqual("true");
-  });
+		expect(wrapper.find(".get_anonymous_map").text()).toEqual("true");
+	});
 });
 
 describe("MapComponentsProvider.mapExists", () => {
-  it("should return true if an anonymous map object has been set using setMap", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
-
-    expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
-    expect(wrapper.find(".map_count").text()).toEqual("0");
-    expect(wrapper.find(".anonymous_map_found").text()).toEqual("false");
-
-    wrapper.find(".set_anonymous_map").simulate("click");
-
-    expect(wrapper.find(".typeof_map").text()).toEqual("object");
-    expect(wrapper.find(".map_count").text()).toEqual("1");
-    expect(wrapper.find(".anonymous_map_found").text()).toEqual("true");
-  });
-
-  it("should return true if a map object has been registered using registerMap", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("false");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
-    expect(wrapper.find(".anonymous_map_found").text()).toEqual("false");
-
-    wrapper.find(".register_map_1").simulate("click");
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("true");
-    expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
-    expect(wrapper.find(".anonymous_map_found").text()).toEqual("true");
-  });
+	it("should return true if an anonymous map object has been set using setMap", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
+
+		expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
+		expect(wrapper.find(".map_count").text()).toEqual("0");
+		expect(wrapper.find(".anonymous_map_found").text()).toEqual("false");
+
+		wrapper.find(".set_anonymous_map").simulate("click");
+
+		expect(wrapper.find(".typeof_map").text()).toEqual("object");
+		expect(wrapper.find(".map_count").text()).toEqual("1");
+		expect(wrapper.find(".anonymous_map_found").text()).toEqual("true");
+	});
+
+	it("should return true if a map object has been registered using registerMap", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("false");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
+		expect(wrapper.find(".anonymous_map_found").text()).toEqual("false");
+
+		wrapper.find(".register_map_1").simulate("click");
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("true");
+		expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
+		expect(wrapper.find(".anonymous_map_found").text()).toEqual("true");
+	});
 });
 
 describe("MapComponentsProvider.registerMap", () => {
-  it("should register a map object with the id map_1 to mapContext", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("false");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
-
-    wrapper.find(".register_map_1").simulate("click");
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("true");
-    expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
-  });
-
-  it("should register a map object with the id map_1 and another on with the id map_2 to mapContext", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("false");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
-    expect(wrapper.find(".map_2_found").text()).toEqual("false");
-    expect(wrapper.find(".map_2_id_position_in_map_ids").text()).toEqual("-1");
-
-    wrapper.find(".register_map_1").simulate("click");
-    wrapper.find(".register_map_2").simulate("click");
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("true");
-    expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
-    expect(wrapper.find(".map_2_found").text()).toEqual("true");
-    expect(wrapper.find(".map_2_id").text()).toEqual("map_2");
-    expect(wrapper.find(".map_2_id_position_in_map_ids").text()).not.toEqual("-1");
-  });
+	it("should register a map object with the id map_1 to mapContext", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("false");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
+
+		wrapper.find(".register_map_1").simulate("click");
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("true");
+		expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
+	});
+
+	it("should register a map object with the id map_1 and another on with the id map_2 to mapContext", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("false");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
+		expect(wrapper.find(".map_2_found").text()).toEqual("false");
+		expect(wrapper.find(".map_2_id_position_in_map_ids").text()).toEqual("-1");
+
+		wrapper.find(".register_map_1").simulate("click");
+		wrapper.find(".register_map_2").simulate("click");
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("true");
+		expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
+		expect(wrapper.find(".map_2_found").text()).toEqual("true");
+		expect(wrapper.find(".map_2_id").text()).toEqual("map_2");
+		expect(wrapper.find(".map_2_id_position_in_map_ids").text()).not.toEqual("-1");
+	});
 });
 
 describe("MapComponentsProvider.removeMap", () => {
-  it("should remove an anonymous map object from mapContext", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
-
-    expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
-    expect(wrapper.find(".map_count").text()).toEqual("0");
-
-    wrapper.find(".set_anonymous_map").simulate("click");
-
-    expect(wrapper.find(".typeof_map").text()).toEqual("object");
-    expect(wrapper.find(".map_count").text()).toEqual("1");
-
-    wrapper.find(".remove_anonymous_map").simulate("click");
-
-    expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
-    expect(wrapper.find(".map_count").text()).toEqual("0");
-  });
-
-  it("should remove a map object with the id map_1 from mapContext", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("false");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
-
-    wrapper.find(".register_map_1").simulate("click");
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("true");
-    expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
-
-    wrapper.find(".remove_map_1").simulate("click");
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("false");
-    expect(wrapper.find(".map_1_id").text()).toEqual("");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
-  });
-
-  it("should remove a map object with the id map_1 and another on with the id map_2 from mapContext", () => {
-    const wrapper = mount(
-      <MapComponentsProvider>
-        <MapContextTestComponent />
-      </MapComponentsProvider>
-    );
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("false");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
-    expect(wrapper.find(".map_2_found").text()).toEqual("false");
-    expect(wrapper.find(".map_2_id_position_in_map_ids").text()).toEqual("-1");
-
-    wrapper.find(".register_map_1").simulate("click");
-    wrapper.find(".register_map_2").simulate("click");
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("true");
-    expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
-    expect(wrapper.find(".map_2_found").text()).toEqual("true");
-    expect(wrapper.find(".map_2_id").text()).toEqual("map_2");
-    expect(wrapper.find(".map_2_id_position_in_map_ids").text()).not.toEqual("-1");
-
-    wrapper.find(".remove_map_1").simulate("click");
-    wrapper.find(".remove_map_2").simulate("click");
-
-    expect(wrapper.find(".map_1_found").text()).toEqual("false");
-    expect(wrapper.find(".map_1_id").text()).toEqual("");
-    expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
-    expect(wrapper.find(".map_2_found").text()).toEqual("false");
-    expect(wrapper.find(".map_2_id").text()).toEqual("");
-    expect(wrapper.find(".map_2_id_position_in_map_ids").text()).toEqual("-1");
-  });
+	it("should remove an anonymous map object from mapContext", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
+
+		expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
+		expect(wrapper.find(".map_count").text()).toEqual("0");
+
+		wrapper.find(".set_anonymous_map").simulate("click");
+
+		expect(wrapper.find(".typeof_map").text()).toEqual("object");
+		expect(wrapper.find(".map_count").text()).toEqual("1");
+
+		wrapper.find(".remove_anonymous_map").simulate("click");
+
+		expect(wrapper.find(".typeof_map").text()).toEqual("undefined");
+		expect(wrapper.find(".map_count").text()).toEqual("0");
+	});
+
+	it("should remove a map object with the id map_1 from mapContext", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("false");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
+
+		wrapper.find(".register_map_1").simulate("click");
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("true");
+		expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
+
+		wrapper.find(".remove_map_1").simulate("click");
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("false");
+		expect(wrapper.find(".map_1_id").text()).toEqual("");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
+	});
+
+	it("should remove a map object with the id map_1 and another on with the id map_2 from mapContext", () => {
+		const wrapper = mount(
+			<MapComponentsProvider>
+				<MapContextTestComponent />
+			</MapComponentsProvider>
+		);
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("false");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
+		expect(wrapper.find(".map_2_found").text()).toEqual("false");
+		expect(wrapper.find(".map_2_id_position_in_map_ids").text()).toEqual("-1");
+
+		wrapper.find(".register_map_1").simulate("click");
+		wrapper.find(".register_map_2").simulate("click");
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("true");
+		expect(wrapper.find(".map_1_id").text()).toEqual("map_1");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).not.toEqual("-1");
+		expect(wrapper.find(".map_2_found").text()).toEqual("true");
+		expect(wrapper.find(".map_2_id").text()).toEqual("map_2");
+		expect(wrapper.find(".map_2_id_position_in_map_ids").text()).not.toEqual("-1");
+
+		wrapper.find(".remove_map_1").simulate("click");
+		wrapper.find(".remove_map_2").simulate("click");
+
+		expect(wrapper.find(".map_1_found").text()).toEqual("false");
+		expect(wrapper.find(".map_1_id").text()).toEqual("");
+		expect(wrapper.find(".map_1_id_position_in_map_ids").text()).toEqual("-1");
+		expect(wrapper.find(".map_2_found").text()).toEqual("false");
+		expect(wrapper.find(".map_2_id").text()).toEqual("");
+		expect(wrapper.find(".map_2_id_position_in_map_ids").text()).toEqual("-1");
+	});
 });

package/src/contexts/MapContext.tsx

@@ -12,80 +12,80 @@ MapComponentsProvider must be used one level higher than the first use of MapCon
  */
 
 const MapComponentsProvider = ({ children }:{children:any}) => {
-  const [map, setMap] = useState<(MapLibreGlWrapper | undefined)>(undefined);
-  const [mapIds, setMapIds] = useState<[...string[]]>([]);
-  let mapIds_raw = useRef<[...string[]]>([]);
-  let maps = useRef<any>({});
+	const [map, setMap] = useState<(MapLibreGlWrapper | undefined)>(undefined);
+	const [mapIds, setMapIds] = useState<[...string[]]>([]);
+	let mapIds_raw = useRef<[...string[]]>([]);
+	let maps = useRef<any>({});
 
 
-  const removeMap = (mapId:string) => {
-    if (mapId) {
-      if (typeof maps.current[mapId] !== "undefined") {
-        delete maps.current[mapId];
-      }
-      let mapIdIndex = mapIds_raw.current.indexOf(mapId);
-      if (mapIdIndex > -1) {
-        mapIds_raw.current.splice(mapIdIndex, 1);
-      }
-      setMapIds([...mapIds_raw.current]);
+	const removeMap = (mapId:string) => {
+		if (mapId) {
+			if (typeof maps.current[mapId] !== "undefined") {
+				delete maps.current[mapId];
+			}
+			let mapIdIndex = mapIds_raw.current.indexOf(mapId);
+			if (mapIdIndex > -1) {
+				mapIds_raw.current.splice(mapIdIndex, 1);
+			}
+			setMapIds([...mapIds_raw.current]);
 
-      if (mapIds.length === 1 && map) {
-        setMap(undefined);
-      }
-    } else {
-      setMap(undefined);
-      removeMap("anonymous_map");
-    }
-  };
+			if (mapIds.length === 1 && map) {
+				setMap(undefined);
+			}
+		} else {
+			setMap(undefined);
+			removeMap("anonymous_map");
+		}
+	};
 
-  const setMapHandler = (mapInstance:MapLibreGlWrapper) => {
-    setMap(mapInstance);
+	const setMapHandler = (mapInstance:MapLibreGlWrapper) => {
+		setMap(mapInstance);
 
-    if (mapIds.length === 0) {
-      let mapId = "anonymous_map";
-      setMapIds([...mapIds, mapId]);
-      maps.current[mapId] = mapInstance;
-    }
-  };
+		if (mapIds.length === 0) {
+			let mapId = "anonymous_map";
+			setMapIds([...mapIds, mapId]);
+			maps.current[mapId] = mapInstance;
+		}
+	};
 
-  const value = {
-    map: map,
-    setMap: setMapHandler,
-    maps: maps.current,
-    mapIds: mapIds,
-    registerMap: (mapId:string, mapInstance:MapLibreGlWrapper) => {
-      if (mapId && mapInstance) {
-        maps.current[mapId] = mapInstance;
-        mapIds_raw.current.push(mapId);
-        setMapIds([...mapIds_raw.current]);
+	const value = {
+		map: map,
+		setMap: setMapHandler,
+		maps: maps.current,
+		mapIds: mapIds,
+		registerMap: (mapId:string, mapInstance:MapLibreGlWrapper) => {
+			if (mapId && mapInstance) {
+				maps.current[mapId] = mapInstance;
+				mapIds_raw.current.push(mapId);
+				setMapIds([...mapIds_raw.current]);
 
-        if (!map) {
-          setMap(mapInstance);
-        }
-      }
-    },
-    removeMap,
-    mapExists: (mapId:string) => {
-      if (mapId && Object.keys(maps.current).indexOf(mapId) === -1) {
-        return false;
-      } else if (!mapId && !map) {
-        return false;
-      }
-      return true;
-    },
-    getMap: (mapId:string):(MapLibreGlWrapper | null) => {
-      if (mapId && mapIds.indexOf(mapId) !== -1) {
-        return maps.current[mapId];
-      } else if (!mapId && map) {
-        return map;
-      }
+				if (!map) {
+					setMap(mapInstance);
+				}
+			}
+		},
+		removeMap,
+		mapExists: (mapId:string) => {
+			if (mapId && Object.keys(maps.current).indexOf(mapId) === -1) {
+				return false;
+			} else if (!mapId && !map) {
+				return false;
+			}
+			return true;
+		},
+		getMap: (mapId:string):(MapLibreGlWrapper | null) => {
+			if (mapId && mapIds.indexOf(mapId) !== -1) {
+				return maps.current[mapId];
+			} else if (!mapId && map) {
+				return map;
+			}
 
-      return null;
-    },
-  };
+			return null;
+		},
+	};
 
-  //@ts-ignore
-  return <MapContext.Provider value={value}>{children}</MapContext.Provider>;
+	//@ts-ignore
+	return <MapContext.Provider value={value}>{children}</MapContext.Provider>;
 };
 
 export { MapComponentsProvider };