@mapcomponents/react-maplibre 0.1.56 → 0.1.58

package/src/ui_components/TopToolbar.js

@@ -3,27 +3,27 @@ import AppBar from "@mui/material/AppBar";
 import Toolbar from "@mui/material/Toolbar";
 
 export default function TopToolbar(props) {
-  return (
-    <div
-      style={{
-        flexGrow: 1,
-        zIndex: 120,
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-      }}
-    >
-      <AppBar
-        sx={{
-          minHeight: "62px",
-          backgroundColor: "#f1f1f1",
-        }}
-        color="primary"
-        position="static"
-      >
-        <Toolbar>{props.children}</Toolbar>
-      </AppBar>
-    </div>
-  );
+	return (
+		<div
+			style={{
+				flexGrow: 1,
+				zIndex: 120,
+				position: "absolute",
+				top: 0,
+				left: 0,
+				right: 0,
+			}}
+		>
+			<AppBar
+				sx={{
+					minHeight: "62px",
+					backgroundColor: "#f1f1f1",
+				}}
+				color="primary"
+				position="static"
+			>
+				<Toolbar>{props.children}</Toolbar>
+			</AppBar>
+		</div>
+	);
 }

package/src/util/layerRemovalTest.js

@@ -4,118 +4,118 @@ import { MapContext, MapComponentsProvider } from "../index";
 import MapLibreMap from "./../components/MapLibreMap/MapLibreMap";
 
 const layerRemovalTest = (
-  ComponentName,
-  Component,
-  regexLayerNameTest,
-  humanReadableLayerName,
-  beforeWrapperInit,
-  afterWrapperInit,
-  createWrapperFunction
+	ComponentName,
+	Component,
+	regexLayerNameTest,
+	humanReadableLayerName,
+	beforeWrapperInit,
+	afterWrapperInit,
+	createWrapperFunction
 ) => {
-  const TestComponent = (props) => {
-    const [layerVisible, setLayerVisible] = useState(true);
-    const [refreshTrigger, setRefreshTrigger] = useState(0);
-    const mapContext = useContext(MapContext);
-
-    return (
-      <>
-        <MapLibreMap />
-
-        {layerVisible && Component}
-
-        <button
-          className="toggle_layer_visible"
-          onClick={() => {
-            setLayerVisible(!layerVisible);
-          }}
-        >
-          toggle layer visible
-        </button>
-        <button
-          className="trigger_refresh"
-          onClick={() => {
-            setRefreshTrigger(refreshTrigger + 1);
-          }}
-        >
-          refresh
-        </button>
-        <div className="layers_json">
-          {mapContext.map &&
-            refreshTrigger &&
-            JSON.stringify(mapContext.map.map.layers)}
-        </div>
-      </>
-    );
-  };
-
-  const createWrapper =
-    (typeof createWrapperFunction === "function" && createWrapperFunction) ||
-    (() =>
-      mount(
-        <MapComponentsProvider>
-          <TestComponent />
-        </MapComponentsProvider>
-      ));
-
-  describe(ComponentName, () => {
-    it(
-      "should add a Layer with the id '" +
-        humanReadableLayerName +
-        "' to the MapLibre instance",
-      async () => {
-        if (typeof beforeWrapperInit === "function") {
-          await beforeWrapperInit();
-        }
-
-        const wrapper = createWrapper(TestComponent);
-
-        if (typeof afterWrapperInit === "function") {
-          await afterWrapperInit();
-        }
-
-        wrapper.find(".trigger_refresh").simulate("click");
-
-        // debug helper
-        //console.log('layer removal test')
-        //console.log(wrapper.find(".layers_json").text());
-        //console.log(regexLayerNameTest.toString());
-        //console.log(regexLayerNameTest.test(wrapper.find(".layers_json").text()));
-        expect(regexLayerNameTest.test(wrapper.find(".layers_json").text())).toEqual(
-          true
-        );
-      }
-    );
-
-    it(
-      "should remove a Layer with the id '" +
-        humanReadableLayerName +
-        "' from the MapLibre instance",
-      async () => {
-        if (typeof beforeWrapperInit === "function") {
-          await beforeWrapperInit();
-        }
-
-        const wrapper = createWrapper(TestComponent);
-
-        if (typeof afterWrapperInit === "function") {
-          await afterWrapperInit();
-        }
-
-        wrapper.find(".trigger_refresh").simulate("click");
-
-        expect(regexLayerNameTest.test(wrapper.find(".layers_json").text())).toEqual(
-          true
-        );
-
-        wrapper.find(".toggle_layer_visible").simulate("click");
-        wrapper.find(".trigger_refresh").simulate("click");
-
-        expect(regexLayerNameTest.test(wrapper.find(".layers_json").text())).toEqual(
-          false
-        );
-      }
-    );
-  });
+	const TestComponent = (props) => {
+		const [layerVisible, setLayerVisible] = useState(true);
+		const [refreshTrigger, setRefreshTrigger] = useState(0);
+		const mapContext = useContext(MapContext);
+
+		return (
+			<>
+				<MapLibreMap />
+
+				{layerVisible && Component}
+
+				<button
+					className="toggle_layer_visible"
+					onClick={() => {
+						setLayerVisible(!layerVisible);
+					}}
+				>
+					toggle layer visible
+				</button>
+				<button
+					className="trigger_refresh"
+					onClick={() => {
+						setRefreshTrigger(refreshTrigger + 1);
+					}}
+				>
+					refresh
+				</button>
+				<div className="layers_json">
+					{mapContext.map &&
+						refreshTrigger &&
+						JSON.stringify(mapContext.map.map.layers)}
+				</div>
+			</>
+		);
+	};
+
+	const createWrapper =
+		(typeof createWrapperFunction === "function" && createWrapperFunction) ||
+		(() =>
+			mount(
+				<MapComponentsProvider>
+					<TestComponent />
+				</MapComponentsProvider>
+			));
+
+	describe(ComponentName, () => {
+		it(
+			"should add a Layer with the id '" +
+				humanReadableLayerName +
+				"' to the MapLibre instance",
+			async () => {
+				if (typeof beforeWrapperInit === "function") {
+					await beforeWrapperInit();
+				}
+
+				const wrapper = createWrapper(TestComponent);
+
+				if (typeof afterWrapperInit === "function") {
+					await afterWrapperInit();
+				}
+
+				wrapper.find(".trigger_refresh").simulate("click");
+
+				// debug helper
+				//console.log('layer removal test')
+				//console.log(wrapper.find(".layers_json").text());
+				//console.log(regexLayerNameTest.toString());
+				//console.log(regexLayerNameTest.test(wrapper.find(".layers_json").text()));
+				expect(regexLayerNameTest.test(wrapper.find(".layers_json").text())).toEqual(
+					true
+				);
+			}
+		);
+
+		it(
+			"should remove a Layer with the id '" +
+				humanReadableLayerName +
+				"' from the MapLibre instance",
+			async () => {
+				if (typeof beforeWrapperInit === "function") {
+					await beforeWrapperInit();
+				}
+
+				const wrapper = createWrapper(TestComponent);
+
+				if (typeof afterWrapperInit === "function") {
+					await afterWrapperInit();
+				}
+
+				wrapper.find(".trigger_refresh").simulate("click");
+
+				expect(regexLayerNameTest.test(wrapper.find(".layers_json").text())).toEqual(
+					true
+				);
+
+				wrapper.find(".toggle_layer_visible").simulate("click");
+				wrapper.find(".trigger_refresh").simulate("click");
+
+				expect(regexLayerNameTest.test(wrapper.find(".layers_json").text())).toEqual(
+					false
+				);
+			}
+		);
+	});
 };
 
 export default layerRemovalTest;

package/src/util/sourceRemovalTest.js

@@ -4,110 +4,110 @@ import { MapContext, MapComponentsProvider } from "../index";
 import MapLibreMap from "./../components/MapLibreMap/MapLibreMap";
 
 const sourceRemovalTest = (
-  ComponentName,
-  Component,
-  regexLayerNameTest,
-  humanReadableLayerName,
-  beforeWrapperInit,
-  afterWrapperInit
+	ComponentName,
+	Component,
+	regexLayerNameTest,
+	humanReadableLayerName,
+	beforeWrapperInit,
+	afterWrapperInit
 ) => {
-  const TestComponent = (props) => {
-    const [layerVisible, setLayerVisible] = useState(true);
-    const [refreshTrigger, setRefreshTrigger] = useState(0);
-    const mapContext = useContext(MapContext);
-
-    return (
-      <>
-        <MapLibreMap />
-
-        {layerVisible && Component}
-
-        <button
-          className="toggle_layer_visible"
-          onClick={() => {
-            setLayerVisible(!layerVisible);
-          }}
-        >
-          toggle layer visible
-        </button>
-        <button
-          className="trigger_refresh"
-          onClick={() => {
-            setRefreshTrigger(refreshTrigger + 1);
-          }}
-        >
-          refresh
-        </button>
-        <div className="sources_json">
-          {mapContext.map &&
-            refreshTrigger &&
-            JSON.stringify(mapContext.map.map.sources)}
-        </div>
-      </>
-    );
-  };
-
-  const createWrapper = () =>
-    mount(
-      <MapComponentsProvider>
-        <TestComponent />
-      </MapComponentsProvider>
-    );
-
-  describe(ComponentName, () => {
-    it(
-      "should add a Source with the id '" +
-        humanReadableLayerName +
-        "' to the MapLibre instance",
-      async () => {
-        if (typeof beforeWrapperInit === "function") {
-          await beforeWrapperInit();
-        }
-
-        const wrapper = createWrapper();
-
-        if (typeof afterWrapperInit === "function") {
-          await afterWrapperInit();
-        }
-
-        wrapper.find(".trigger_refresh").simulate("click");
-
-        expect(
-          regexLayerNameTest.test(wrapper.find(".sources_json").text())
-        ).toEqual(true);
-      }
-    );
-
-    it(
-      "should remove a Source with the id '" +
-        humanReadableLayerName +
-        "' from the MapLibre instance",
-      async () => {
-        if (typeof beforeWrapperInit === "function") {
-          await beforeWrapperInit();
-        }
-
-        const wrapper = createWrapper();
-
-        if (typeof afterWrapperInit === "function") {
-          await afterWrapperInit();
-        }
-
-        wrapper.find(".trigger_refresh").simulate("click");
-
-        expect(
-          regexLayerNameTest.test(wrapper.find(".sources_json").text())
-        ).toEqual(true);
-
-        wrapper.find(".toggle_layer_visible").simulate("click");
-        wrapper.find(".trigger_refresh").simulate("click");
-
-        expect(
-          regexLayerNameTest.test(wrapper.find(".sources_json").text())
-        ).toEqual(false);
-      }
-    );
-  });
+	const TestComponent = (props) => {
+		const [layerVisible, setLayerVisible] = useState(true);
+		const [refreshTrigger, setRefreshTrigger] = useState(0);
+		const mapContext = useContext(MapContext);
+
+		return (
+			<>
+				<MapLibreMap />
+
+				{layerVisible && Component}
+
+				<button
+					className="toggle_layer_visible"
+					onClick={() => {
+						setLayerVisible(!layerVisible);
+					}}
+				>
+					toggle layer visible
+				</button>
+				<button
+					className="trigger_refresh"
+					onClick={() => {
+						setRefreshTrigger(refreshTrigger + 1);
+					}}
+				>
+					refresh
+				</button>
+				<div className="sources_json">
+					{mapContext.map &&
+						refreshTrigger &&
+						JSON.stringify(mapContext.map.map.sources)}
+				</div>
+			</>
+		);
+	};
+
+	const createWrapper = () =>
+		mount(
+			<MapComponentsProvider>
+				<TestComponent />
+			</MapComponentsProvider>
+		);
+
+	describe(ComponentName, () => {
+		it(
+			"should add a Source with the id '" +
+				humanReadableLayerName +
+				"' to the MapLibre instance",
+			async () => {
+				if (typeof beforeWrapperInit === "function") {
+					await beforeWrapperInit();
+				}
+
+				const wrapper = createWrapper();
+
+				if (typeof afterWrapperInit === "function") {
+					await afterWrapperInit();
+				}
+
+				wrapper.find(".trigger_refresh").simulate("click");
+
+				expect(
+					regexLayerNameTest.test(wrapper.find(".sources_json").text())
+				).toEqual(true);
+			}
+		);
+
+		it(
+			"should remove a Source with the id '" +
+				humanReadableLayerName +
+				"' from the MapLibre instance",
+			async () => {
+				if (typeof beforeWrapperInit === "function") {
+					await beforeWrapperInit();
+				}
+
+				const wrapper = createWrapper();
+
+				if (typeof afterWrapperInit === "function") {
+					await afterWrapperInit();
+				}
+
+				wrapper.find(".trigger_refresh").simulate("click");
+
+				expect(
+					regexLayerNameTest.test(wrapper.find(".sources_json").text())
+				).toEqual(true);
+
+				wrapper.find(".toggle_layer_visible").simulate("click");
+				wrapper.find(".trigger_refresh").simulate("click");
+
+				expect(
+					regexLayerNameTest.test(wrapper.find(".sources_json").text())
+				).toEqual(false);
+			}
+		);
+	});
 };
 
 export default sourceRemovalTest;