@mapcomponents/react-maplibre 0.1.69 → 0.1.70

package/src/util/BubbleForInstructions.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import ReplyAllIcon from '@mui/icons-material/ReplyAll';
-import { Box, Typography } from '@mui/material';
-
-function BubbleForInstruction(props) {
-	return (
-		<>
-			<Box
-				sx={{
-					width: '475px',
-					height: '475px',
-					position: 'fixed',
-					display: 'block',
-					borderRadius: '360px',
-					bgcolor: 'primary.main',
-					right: props.bubbleRight,
-					bottom: props.bubbleBottom,
-					left: props.bubbleLeft,
-					top: props.bubbleTop,
-					zIndex: props.zIndex,
-				}}
-			>
-				<Typography
-					variant="h5"
-					sx={{
-						marginTop: props.textMarginTop,
-						marginLeft: props.textMarginLeft,
-						color: 'text.contrast',
-						textAlign: 'left',
-					}}
-				>
-					<b>{props.children}</b>
-				</Typography>
-				<ReplyAllIcon
-					sx={{
-						color: 'text.contrast',
-						fontSize: '80px',
-						position: 'absolute',
-						transform: props.iconTransform,
-						marginTop: props.iconMarginTop,
-						marginLeft: props.iconMarginLeft,
-					}}
-				/>
-			</Box>
-		</>
-	);
-}
-export default BubbleForInstruction;

package/src/util/Instructions.tsx

@@ -1,60 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-import {Fade, SxProps} from '@mui/material';
-import BubbleStyle from './BubbleForInstructions';
-
-interface StepObject {
-	duration: number;
-	props: SxProps;
-	content: JSX.Element;
-}
-
-interface InstructionProps {
-	steps: Array<StepObject>;
-	open: boolean;
-	callback?: () => void;
-}
-
-const Instructions = (props: InstructionProps) => {
-	const [activeStep, setActiveStep] = useState<number>();
-	const initializedRef = useRef(false);
-
-	const activateStep = (stepId?: number | undefined) => {
-		let _nextStep: number | undefined = typeof stepId === 'undefined' ? 0 : stepId + 1;
-		if (typeof _nextStep !== 'undefined') {
-			if (_nextStep > props.steps.length + 1) {
-				_nextStep = undefined;
-			} else {
-				setTimeout(() => {
-					activateStep(_nextStep);
-				}, props.steps[_nextStep].duration);
-			}
-		}
-		setActiveStep(_nextStep);
-	};
-	useEffect(() => {
-		if (props.open && !initializedRef.current) {
-			initializedRef.current = true;
-			activateStep();
-		}
-		if (!props.open) {
-			initializedRef.current = false;
-			setActiveStep(undefined);
-		}
-	}, [props.open]);
-
-	return (
-		<>
-			{typeof activeStep !== 'undefined' && (
-				<Fade in={true} timeout={150}>
-					<div>
-						<BubbleStyle {...props.steps[activeStep].props}>
-							{props.steps[activeStep].content}
-						</BubbleStyle>
-					</div>
-				</Fade>
-			)}
-		</>
-	);
-};
-
-export default Instructions;

package/src/util/index.js

@@ -1,4 +0,0 @@
-import layerRemovalTest from "./layerRemovalTest";
-import sourceRemovalTest from "./sourceRemovalTest";
-
-export { layerRemovalTest, sourceRemovalTest };

package/src/util/layerRemovalTest.js

@@ -1,121 +0,0 @@
-import React, { useContext, useState } from "react";
-import { mount } from "enzyme";
-import { MapContext, MapComponentsProvider } from "../index";
-import MapLibreMap from "./../components/MapLibreMap/MapLibreMap";
-
-const layerRemovalTest = (
-	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
-				);
-			}
-		);
-	});
-};
-
-export default layerRemovalTest;

package/src/util/sourceRemovalTest.js

@@ -1,113 +0,0 @@
-import React, { useContext, useState } from "react";
-import { mount, configure } from "enzyme";
-import { MapContext, MapComponentsProvider } from "../index";
-import MapLibreMap from "./../components/MapLibreMap/MapLibreMap";
-
-const sourceRemovalTest = (
-	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);
-			}
-		);
-	});
-};
-
-export default sourceRemovalTest;

package/tsconfig.json

@@ -1,34 +0,0 @@
-{
-	"compilerOptions": {
-		"checkJs": false,
-		"esModuleInterop": true,
-		"importHelpers": false,
-		"isolatedModules": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": false,
-		"types": ["node", "jest", "geojson", "cypress"],
-		"typeRoots": ["./src/@types", "./node_modules/@types"],
-		"outDir": "build/esm",
-		"module": "esnext",
-		"target": "es5",
-		"lib": ["es6", "dom", "es2016", "es2017"],
-		"jsx": "react",
-		"declaration": true,
-		"declarationDir": "./dist",
-		"moduleResolution": "node",
-		"noUnusedLocals": true,
-		"noUnusedParameters": true,
-		"noImplicitReturns": true,
-		"noImplicitThis": true,
-		"noImplicitAny": true,
-		"strictNullChecks": true,
-		"suppressImplicitAnyIndexErrors": true,
-		"allowSyntheticDefaultImports": true,
-		"allowJs": true,
-		"baseUrl": "."
-	},
-	"include": ["src", "src/custom.d.tsx"],
-	"exclude": ["node_modules", "lib"]
-}