udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.31

package/dist/MapContent-COHxziCs.js

@@ -1,117 +0,0 @@
-import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
-import React, { useEffect, useMemo, useState } from "react";
-import { CircleMarker, Marker, Popup, useMap, useMapEvent } from "react-leaflet";
-import L, { latLngBounds } from "leaflet";
-import MarkerClusterGroup from "react-leaflet-markercluster";
-import "react-leaflet-markercluster/dist/styles.min.css";
-import ReactDOMServer from "react-dom/server";
-import RoomIcon from "@material-ui/icons/esm/Room";
-
-//#region src/maps/leafletMaps/ui/MapMarker.jsx
-const defaultWidth = 28;
-const defaultHeight = 28;
-const initialScale = 1;
-const MapMarker = (props) => {
-	const { position, iconComponent, highlight = true, onClick, onMouseOver, onMouseOut } = props;
-	const DefaultMarkerIcon = () => {
-		return /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: RoomIcon,
-			color: "#FF0000",
-			size: 28,
-			customSize: true
-		});
-	};
-	const [icon, setIcon] = useState({
-		size: [defaultWidth, defaultHeight],
-		scale: initialScale,
-		selected: false
-	});
-	const removeHighlight = () => {
-		setIcon((prevState) => ({
-			...prevState,
-			scale: initialScale,
-			selected: false
-		}));
-	};
-	useMapEvent("click", () => {
-		removeHighlight();
-	});
-	const markerIcon = useMemo(() => new L.DivIcon({
-		className: "custom-div-icon",
-		html: `<div style="transform: scale(${icon.scale});overflow:visible">${iconComponent ? ReactDOMServer.renderToString(iconComponent) : ReactDOMServer.renderToString(/* @__PURE__ */ React.createElement(DefaultMarkerIcon, null))}</div>`,
-		iconSize: icon.size,
-		iconAnchor: [icon.size[0] / 2, icon.size[1]],
-		popupAnchor: [0, -(icon.size[1] / 2)]
-	}), [icon, iconComponent]);
-	return /* @__PURE__ */ React.createElement(Marker, {
-		style: { cursor: "pointer" },
-		position,
-		icon: markerIcon,
-		eventHandlers: {
-			click: () => {
-				onClick && onClick();
-			},
-			mouseover: (e) => {
-				onMouseOver && onMouseOver();
-				e.target.openPopup();
-			},
-			mouseout: (e) => {
-				onMouseOut && onMouseOut();
-				e.target.closePopup();
-			}
-		},
-		...props
-	});
-};
-
-//#endregion
-//#region src/maps/leafletMaps/ui/MapContent.jsx
-const MapContent = ({ data, IconComponent, onClick, onMouseOver, onMouseOut, highlightMarkersOnClick, PopupComponent, children, useDefaultMarker, useMarkerClustering }) => {
-	const map = useMap();
-	const markerComponents = useMemo(() => {
-		return data && data.map((item, index) => {
-			const { lat, long, iconProps, popupProps, rawData } = item;
-			return useDefaultMarker ? /* @__PURE__ */ React.createElement(CircleMarker, {
-				key: index,
-				center: [lat, long],
-				radius: 5,
-				eventHandlers: {
-					click: () => {
-						onClick && onClick(rawData);
-					},
-					mouseover: (e) => {
-						onMouseOver && onMouseOver();
-						e.target.openPopup();
-					},
-					mouseout: (e) => {
-						onMouseOut && onMouseOut();
-						e.target.closePopup();
-					}
-				},
-				color: iconProps.color ?? "#0000FF"
-			}, PopupComponent ? /* @__PURE__ */ React.createElement(Popup, { closeButton: false }, /* @__PURE__ */ React.createElement(PopupComponent, popupProps)) : null) : /* @__PURE__ */ React.createElement(MapMarker, {
-				key: index,
-				position: [lat, long],
-				iconComponent: IconComponent && /* @__PURE__ */ React.createElement(IconComponent, iconProps),
-				onClick: () => onClick && onClick(rawData),
-				onMouseOver: () => onMouseOver && onMouseOver(),
-				onMouseOut: () => onMouseOut && onMouseOut(),
-				highlight: highlightMarkersOnClick
-			}, children && children, PopupComponent ? /* @__PURE__ */ React.createElement(Popup, { closeButton: false }, /* @__PURE__ */ React.createElement(PopupComponent, popupProps)) : null);
-		});
-	}, [data]);
-	useEffect(() => {
-		let markerBounds = latLngBounds([]);
-		if (data.length && data.length > 0) {
-			data.forEach((item) => {
-				markerBounds.extend([item.lat, item.long]);
-			});
-			map.fitBounds(markerBounds);
-		}
-	}, [data]);
-	return useMarkerClustering ? /* @__PURE__ */ React.createElement(MarkerClusterGroup, { chunkedLoading: true }, markerComponents) : markerComponents;
-};
-
-//#endregion
-export { MapMarker as n, MapContent as t };
-//# sourceMappingURL=MapContent-COHxziCs.js.map

package/dist/MapContent-COHxziCs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapContent-COHxziCs.js","names":[],"sources":["../src/maps/leafletMaps/ui/MapMarker.jsx","../src/maps/leafletMaps/ui/MapContent.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport L from 'leaflet';\nimport { Marker, useMapEvent } from 'react-leaflet';\nimport ReactDOMServer from \"react-dom/server\";\nimport RoomIcon from '@material-ui/icons/esm/Room';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst defaultWidth = 28;\nconst defaultHeight = 28;\nconst initialScale = 1;\nconst enlargedScale = 1.4;\n\nexport const MapMarker = (props) => {\n  const {\n    position,\n    iconComponent,\n    highlight = true,\n    onClick,\n    onMouseOver,\n    onMouseOut\n  } = props;\n\n  const DefaultMarkerIcon = () => {\n    return <FluentIcon component={RoomIcon} color={'#FF0000'} size={28} customSize />\n  }\n\n  const [icon, setIcon] = useState({\n    size: [defaultWidth, defaultHeight],\n    scale: initialScale,\n    selected: false\n  });\n\n  const applyHighlight = () => {\n    setIcon(prevState => ({\n      ...prevState,\n      scale: enlargedScale,\n      selected: true\n    }));\n  };\n\n  const removeHighlight = () => {\n    setIcon(prevState => ({\n      ...prevState,\n      scale: initialScale,\n      selected: false\n    }));\n  }\n\n  const map = useMapEvent('click', () => {\n    removeHighlight();\n  })\n\n  const markerIcon = useMemo(() => new L.DivIcon({\n    className: 'custom-div-icon',\n    html: `<div style=\"transform: scale(${icon.scale});overflow:visible\">${iconComponent ? ReactDOMServer.renderToString(iconComponent) : ReactDOMServer.renderToString(<DefaultMarkerIcon />)}</div>`,\n    iconSize: icon.size,\n    iconAnchor: [icon.size[0] / 2, icon.size[1]],\n    popupAnchor: [0, -(icon.size[1] / 2)]\n  }), [icon, iconComponent])\n\n  return (\n    <Marker\n      style={{\n        cursor: \"pointer\"\n      }}\n      position={position}\n      icon={markerIcon}\n      eventHandlers={{\n        click: () => {\n          //highlight && !icon.selected && applyHighlight();\n          onClick && onClick();\n        },\n        mouseover: (e) => {\n          onMouseOver && onMouseOver();\n          e.target.openPopup()\n        },\n        mouseout: (e) => {\n          onMouseOut && onMouseOut();\n          e.target.closePopup();\n        }\n      }}\n      {...props}\n    />\n  );\n};\n","import React, { useMemo, useEffect } from \"react\";\nimport MarkerClusterGroup from \"react-leaflet-markercluster\";\nimport \"react-leaflet-markercluster/dist/styles.min.css\";\nimport { MapMarker } from \"./MapMarker\";\nimport { Popup, CircleMarker, useMap } from 'react-leaflet';\nimport { latLngBounds } from 'leaflet';\n\nexport const MapContent = ({\n    data,\n    IconComponent,\n    onClick,\n    onMouseOver,\n    onMouseOut,\n    highlightMarkersOnClick,\n    PopupComponent,\n    children,\n    useDefaultMarker,\n    useMarkerClustering\n}) => {\n    const map = useMap();\n\n    const markerComponents = useMemo(() => {\n        return (data && data.map((item, index) => {\n            const { lat, long, iconProps, popupProps, rawData } = item;\n            return (\n                useDefaultMarker ? \n                 <CircleMarker \n                    key={index} \n                    center={[lat, long]} \n                    radius={5} \n                    eventHandlers={{ \n                        click: () => {\n                            onClick && onClick(rawData);\n                        },\n                        mouseover: (e) => {\n                            onMouseOver && onMouseOver();\n                            e.target.openPopup()\n                        },\n                        mouseout: (e) => {\n                            onMouseOut && onMouseOut();\n                            e.target.closePopup();\n                        }\n                    }}\n                    color={iconProps.color ?? '#0000FF'}\n                >\n                    {PopupComponent ? <Popup closeButton={false}><PopupComponent {...popupProps} /></Popup> : null}\n                 </CircleMarker>\n                  :\n                <MapMarker\n                    key={index}\n                    position={[lat, long]}\n                    iconComponent={IconComponent && <IconComponent {...iconProps} />}\n                    onClick={() => onClick && onClick(rawData)}\n                    onMouseOver={() => onMouseOver && onMouseOver()}\n                    onMouseOut={() => onMouseOut && onMouseOut()}\n                    highlight={highlightMarkersOnClick}\n                >\n                    {children && children}\n                    {PopupComponent ? <Popup closeButton={false}><PopupComponent {...popupProps} /></Popup> : null}\n                </MapMarker>\n            )\n        }))\n    }, [data]);\n\n    useEffect(() => {\n        let markerBounds = latLngBounds([]);\n        if (data.length && data.length > 0){\n            data.forEach(item => {\n              markerBounds.extend([item.lat, item.long]);\n            })\n            map.fitBounds(markerBounds);\n          }\n    }, [data]);\n\n    return (\n        useMarkerClustering ? <MarkerClusterGroup chunkedLoading={true}>{markerComponents}</MarkerClusterGroup> : markerComponents\n      );\n}"],"mappings":";;;;;;;;;;AAOA,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAa,aAAa,UAAU;CAClC,MAAM,EACJ,UACA,eACA,YAAY,MACZ,SACA,aACA,eACE;CAEJ,MAAM,0BAA0B;AAC9B,SAAO,oCAAC;GAAW,WAAW;GAAU,OAAO;GAAW,MAAM;GAAI;IAAa;;CAGnF,MAAM,CAAC,MAAM,WAAW,SAAS;EAC/B,MAAM,CAAC,cAAc,cAAc;EACnC,OAAO;EACP,UAAU;EACX,CAAC;CAUF,MAAM,wBAAwB;AAC5B,WAAQ,eAAc;GACpB,GAAG;GACH,OAAO;GACP,UAAU;GACX,EAAE;;AAGO,aAAY,eAAe;AACrC,mBAAiB;GACjB;CAEF,MAAM,aAAa,cAAc,IAAI,EAAE,QAAQ;EAC7C,WAAW;EACX,MAAM,gCAAgC,KAAK,MAAM,sBAAsB,gBAAgB,eAAe,eAAe,cAAc,GAAG,eAAe,eAAe,oCAAC,wBAAoB,CAAC,CAAC;EAC3L,UAAU,KAAK;EACf,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,KAAK,KAAK,GAAG;EAC5C,aAAa,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,GAAG;EACtC,CAAC,EAAE,CAAC,MAAM,cAAc,CAAC;AAE1B,QACE,oCAAC;EACC,OAAO,EACL,QAAQ,WACT;EACS;EACV,MAAM;EACN,eAAe;GACb,aAAa;AAEX,eAAW,SAAS;;GAEtB,YAAY,MAAM;AAChB,mBAAe,aAAa;AAC5B,MAAE,OAAO,WAAW;;GAEtB,WAAW,MAAM;AACf,kBAAc,YAAY;AAC1B,MAAE,OAAO,YAAY;;GAExB;EACD,GAAI;GACJ;;;;;AC3EN,MAAa,cAAc,EACvB,MACA,eACA,SACA,aACA,YACA,yBACA,gBACA,UACA,kBACA,0BACE;CACF,MAAM,MAAM,QAAQ;CAEpB,MAAM,mBAAmB,cAAc;AACnC,SAAQ,QAAQ,KAAK,KAAK,MAAM,UAAU;GACtC,MAAM,EAAE,KAAK,MAAM,WAAW,YAAY,YAAY;AACtD,UACI,mBACC,oCAAC;IACE,KAAK;IACL,QAAQ,CAAC,KAAK,KAAK;IACnB,QAAQ;IACR,eAAe;KACX,aAAa;AACT,iBAAW,QAAQ,QAAQ;;KAE/B,YAAY,MAAM;AACd,qBAAe,aAAa;AAC5B,QAAE,OAAO,WAAW;;KAExB,WAAW,MAAM;AACb,oBAAc,YAAY;AAC1B,QAAE,OAAO,YAAY;;KAE5B;IACD,OAAO,UAAU,SAAS;MAEzB,iBAAiB,oCAAC,SAAM,aAAa,SAAO,oCAAC,gBAAmB,WAAc,CAAQ,GAAG,KAC9E,GAEhB,oCAAC;IACG,KAAK;IACL,UAAU,CAAC,KAAK,KAAK;IACrB,eAAe,iBAAiB,oCAAC,eAAkB,UAAa;IAChE,eAAe,WAAW,QAAQ,QAAQ;IAC1C,mBAAmB,eAAe,aAAa;IAC/C,kBAAkB,cAAc,YAAY;IAC5C,WAAW;MAEV,YAAY,UACZ,iBAAiB,oCAAC,SAAM,aAAa,SAAO,oCAAC,gBAAmB,WAAc,CAAQ,GAAG,KAClF;IAElB;IACH,CAAC,KAAK,CAAC;AAEV,iBAAgB;EACZ,IAAI,eAAe,aAAa,EAAE,CAAC;AACnC,MAAI,KAAK,UAAU,KAAK,SAAS,GAAE;AAC/B,QAAK,SAAQ,SAAQ;AACnB,iBAAa,OAAO,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC;KAC1C;AACF,OAAI,UAAU,aAAa;;IAEhC,CAAC,KAAK,CAAC;AAEV,QACI,sBAAsB,oCAAC,sBAAmB,gBAAgB,QAAO,iBAAsC,GAAG"}

package/dist/MapControlsStandard-DkQa4FgD.js

@@ -1,142 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import { t as FluentInputSlider_default } from "./FluentInputSlider-CafllsfS.js";
-import React from "react";
-import { Divider, FormControl, Input, InputAdornment, Tooltip, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { MapPinIcon, POIIcon, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon } from "@fluentui/react-icons";
-
-//#region src/maps/openLayerMaps/ui/LocationPin.jsx
-const useStyles$3 = makeStyles((theme) => ({ divider: {
-	marginRight: theme.spacing(2),
-	marginLeft: theme.spacing(2)
-} }));
-const LocationPin = (props) => {
-	const { getLocation, location, tooltip } = props;
-	const classes = useStyles$3();
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement(Tooltip, {
-		arrow: true,
-		title: tooltip
-	}, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: () => getLocation(location),
-		color: "primary",
-		icon: MapPinIcon
-	})));
-};
-var LocationPin_default = LocationPin;
-
-//#endregion
-//#region src/maps/openLayerMaps/ui/ControlZoom.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	divider: {
-		marginRight: theme.spacing(2),
-		marginLeft: theme.spacing(2)
-	}
-}));
-const ControlZoom = (props) => {
-	const { zoomIn, zoomOut, value, handleSliderChange, handleInputChange, handleBlur, reset } = props;
-	const classes = useStyles$2();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: zoomIn,
-		color: "primary",
-		icon: ZoomInIcon
-	}), /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: zoomOut,
-		color: "primary",
-		icon: ZoomOutIcon
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentInputSlider_default, {
-		value,
-		handleSliderChange,
-		handleInputChange,
-		handleBlur
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: reset,
-		color: "primary",
-		icon: ZoomToFitIcon
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })));
-};
-var ControlZoom_default = ControlZoom;
-
-//#endregion
-//#region src/maps/openLayerMaps/ui/Position.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	lat: { marginRight: theme.spacing(2) }
-}));
-const Position = (props) => {
-	const classes = useStyles$1();
-	const { changeLat, changeLong, value, setPosition } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.lat }, /* @__PURE__ */ React.createElement(FormControl, { className: clsx(classes.margin, classes.withoutLabel, classes.textField) }, /* @__PURE__ */ React.createElement(Input, {
-		id: "longitude",
-		value,
-		onChange: changeLong,
-		endAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, "Long"),
-		"aria-describedby": "longitude-input",
-		inputProps: { "aria-label": "longitude-input" }
-	}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FormControl, { className: clsx(classes.margin, classes.withoutLabel, classes.textField) }, /* @__PURE__ */ React.createElement(Input, {
-		id: "latitude",
-		value,
-		onChange: changeLat,
-		endAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, "Lat"),
-		"aria-describedby": "latitude-input",
-		inputProps: { "aria-label": "latitude-input" }
-	}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: setPosition,
-		color: "primary",
-		icon: POIIcon
-	})));
-};
-var Position_default = Position;
-
-//#endregion
-//#region src/maps/openLayerMaps/ui/MapControlsStandard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	filter: {
-		display: "flex",
-		flex: 1
-	},
-	divider: {
-		marginRight: theme.spacing(2),
-		marginLeft: theme.spacing(2)
-	}
-}));
-const MapControlsStandard = (props) => {
-	const classes = useStyles();
-	const { value, setZoom, handleSliderChange, handleInputChange, handleBlur, zoomIn, zoomOut, reset, changeLat, changeLong, setPosition, getLocation, locations, tooltip } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.filter }, locations && locations.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(LocationPin_default, {
-			key: index,
-			location: item.location,
-			getLocation,
-			tooltip: item.tooltip
-		});
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement(Position_default, {
-		changeLat,
-		changeLong,
-		setPosition
-	}), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ControlZoom_default, {
-		zoomIn,
-		zoomOut,
-		value,
-		setValue: setZoom,
-		handleSliderChange,
-		handleInputChange,
-		handleBlur,
-		reset
-	})));
-};
-var MapControlsStandard_default = MapControlsStandard;
-
-//#endregion
-export { MapControlsStandard_default as t };
-//# sourceMappingURL=MapControlsStandard-DkQa4FgD.js.map

package/dist/MapControlsStandard-DkQa4FgD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapControlsStandard-DkQa4FgD.js","names":["useStyles","useStyles","FluentInputSlider","useStyles","LocationPin","Position","ControlZoom"],"sources":["../src/maps/openLayerMaps/ui/LocationPin.jsx","../src/maps/openLayerMaps/ui/ControlZoom.jsx","../src/maps/openLayerMaps/ui/Position.jsx","../src/maps/openLayerMaps/ui/MapControlsStandard.jsx"],"sourcesContent":["import React from 'react'\nimport { Divider, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton'\nimport { MapPinIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  divider: {\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nconst LocationPin = (props) => {\n  const { getLocation, location, tooltip } = props\n\n  const classes = useStyles()\n\n  return (\n    <div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n      <Tooltip arrow title={tooltip}>\n        <FluentIconButton\n          onClick={() => getLocation(location)}\n          color='primary'\n          icon={MapPinIcon}\n        />\n      </Tooltip>\n    </div>\n  )\n}\nexport default LocationPin\n","import React from 'react'\nimport { makeStyles, Divider } from '@material-ui/core'\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton'\nimport { ZoomInIcon, ZoomOutIcon, ZoomToFitIcon } from '@fluentui/react-icons'\nimport FluentInputSlider from '../../../UI/inputs/sliders/FluentInputSlider'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  divider: {\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nconst ControlZoom = (props) => {\n  const {\n    zoomIn,\n    zoomOut,\n    value,\n    handleSliderChange,\n    handleInputChange,\n    handleBlur,\n    reset\n  } = props\n  const classes = useStyles()\n  return (\n    <div className={classes.root}>\n      <div>\n        <FluentIconButton onClick={zoomIn} color='primary' icon={ZoomInIcon} />\n        <FluentIconButton\n          onClick={zoomOut}\n          color='primary'\n          icon={ZoomOutIcon}\n        />\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n      <div>\n        <FluentInputSlider\n          value={value}\n          handleSliderChange={handleSliderChange}\n          handleInputChange={handleInputChange}\n          handleBlur={handleBlur}\n        />\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n      <div>\n        <FluentIconButton\n          onClick={reset}\n          color='primary'\n          icon={ZoomToFitIcon}\n        />\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n    </div>\n  )\n}\nexport default ControlZoom\n","import React from 'react'\nimport {\n  makeStyles,\n  FormControl,\n  Input,\n  InputAdornment\n} from '@material-ui/core'\nimport clsx from 'clsx'\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton'\nimport { POIIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  lat: {\n    marginRight: theme.spacing(2)\n  }\n}))\n\nconst Position = (props) => {\n  const classes = useStyles()\n  const { changeLat, changeLong, value, setPosition } = props\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.lat}>\n        <FormControl\n          className={clsx(\n            classes.margin,\n            classes.withoutLabel,\n            classes.textField\n          )}\n        >\n          <Input\n            id='longitude'\n            value={value}\n            onChange={changeLong}\n            endAdornment={<InputAdornment position='end'>Long</InputAdornment>}\n            aria-describedby='longitude-input'\n            inputProps={{\n              'aria-label': 'longitude-input'\n            }}\n          />\n        </FormControl>\n      </div>\n      <div>\n        <FormControl\n          className={clsx(\n            classes.margin,\n            classes.withoutLabel,\n            classes.textField\n          )}\n        >\n          <Input\n            id='latitude'\n            value={value}\n            onChange={changeLat}\n            endAdornment={<InputAdornment position='end'>Lat</InputAdornment>}\n            aria-describedby='latitude-input'\n            inputProps={{\n              'aria-label': 'latitude-input'\n            }}\n          />\n        </FormControl>\n      </div>\n      <div>\n        <FluentIconButton\n          onClick={setPosition}\n          color='primary'\n          icon={POIIcon}\n        />\n      </div>\n    </div>\n  )\n}\nexport default Position\n","import React from 'react';\nimport LocationPin from './LocationPin';\nimport ControlZoom from './ControlZoom';\nimport Position from './Position';\nimport { makeStyles, Divider } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n  filter: {\n    display: 'flex',\n    flex: 1,\n  },\n  divider: {\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nconst MapControlsStandard = props => {\n  const classes = useStyles();\n\n  const {\n    value,\n    setZoom,\n    handleSliderChange,\n    handleInputChange,\n    handleBlur,\n    zoomIn,\n    zoomOut,\n    reset,\n    changeLat,\n    changeLong,\n    setPosition,\n    getLocation,\n    locations,\n    tooltip,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.filter}>\n        {locations &&\n          locations.map((item, index) => {\n            return (\n              <LocationPin\n                key={index}\n                location={item.location}\n                getLocation={getLocation}\n                tooltip={item.tooltip}\n              />\n            );\n          })}\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation=\"vertical\" />\n      </div>\n\n      <Position\n        changeLat={changeLat}\n        changeLong={changeLong}\n        setPosition={setPosition}\n      />\n\n      <div className={classes.divider}>\n        <Divider orientation=\"vertical\" />\n      </div>\n      <div>\n        <ControlZoom\n          zoomIn={zoomIn}\n          zoomOut={zoomOut}\n          value={value}\n          setValue={setZoom}\n          handleSliderChange={handleSliderChange}\n          handleInputChange={handleInputChange}\n          handleBlur={handleBlur}\n          reset={reset}\n        />\n      </div>\n    </div>\n  );\n};\nexport default MapControlsStandard;\n"],"mappings":"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"}