@mapcomponents/react-maplibre 0.1.63 → 0.1.64

package/src/ui_components/Legend.js

@@ -1,44 +0,0 @@
-import React from "react";
-import makeStyles from '@mui/styles/makeStyles';
-import Drawer from "@mui/material/Drawer";
-
-const useStyles = makeStyles(() => ({
-	drawer: {
-		boxShadow: "0px 2px 3px 2px rgb(0,0,0, .4)",
-		flexGrow: 1,
-		zIndex: 110,
-		position: "absolute",
-		top: "100px",
-		left: 0,
-		height: "275px",
-		backgroundColor: "#aecaec",
-	},
-	drawerPaper: {
-		position: "static",
-		display: "flex",
-		alignItems: "stretch",
-		alignContent: "stretch",
-		flexDirection: "column",
-		padding: "10px 10px 10px 10px",
-		boxSizing: "border-box",
-		minWidth: "170px",
-	},
-}));
-
-export default function Legend(props) {
-	const classes = useStyles();
-
-	return (
-		<Drawer
-			className={classes.drawer}
-			variant="persistent"
-			anchor={"left"}
-			open={true}
-			classes={{
-				paper: classes.drawerPaper,
-			}}
-		>
-			{props.children}
-		</Drawer>
-	);
-}

package/src/ui_components/LoadingOverlay.js

@@ -1,41 +0,0 @@
-import React, { useContext } from "react";
-
-import { LoadingOverlayContext } from "../ui_components/LoadingOverlayContext";
-
-import FadeLoader from "react-spinners/FadeLoader";
-import "./LoadingOverlay.css";
-
-function LoadingOverlay() {
-	const loadingOverlayContext = useContext(LoadingOverlayContext);
-	let { fadeoutAnimation, visible } = loadingOverlayContext;
-
-	return (
-		<div
-			className={
-				fadeoutAnimation ? "loadingOverlay-fadeout" : "loadingOverlay-fadein"
-			}
-			style={{
-				position: "fixed",
-				top: 0,
-				left: 0,
-				bottom: 0,
-				right: 0,
-				backgroundColor: "#000",
-				zIndex: 1000000,
-				overflow: "hidden",
-				display: visible ? "flex" : "none",
-				alignItems: "center",
-				justifyContent: "center",
-			}}
-		>
-			<FadeLoader
-				color={"#ababab"}
-				loading={visible}
-				css={{ display: "block", borderColor: "red" }}
-				size={50}
-			/>
-		</div>
-	);
-}
-
-export default LoadingOverlay;

package/src/ui_components/Tooltip.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { useTheme } from "@mui/material/styles";
-import makeStyles from '@mui/styles/makeStyles';
-import Drawer from "@mui/material/Drawer";
-import Divider from "@mui/material/Divider";
-
-const useStyles = makeStyles((theme) => ({
-	tooltip: {
-		position: "fixed",
-		top: "100px",
-		left: "100px",
-		zIndex: 100000,
-	},
-}));
-
-export default function Legend(props) {
-	const classes = useStyles();
-	const theme = useTheme();
-
-	return <div className={classes.tooltip}>tooltip</div>;
-}