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

package/dist/Map-CE3qoHyj.js

@@ -0,0 +1,127 @@
+import { t as MapContext_default } from "./MapContext-yiglsAhp.js";
+import { t as GeoLocation_default } from "./GeoLocation-gIfRzkS9.js";
+import { t as usePrevious } from "./usePrevious-BDg9wJM1.js";
+import React, { useEffect, useRef, useState } from "react";
+import { last } from "lodash";
+import "./map-library/Map/Map.css";
+import * as ol from "ol";
+import { DragRotateAndZoom, Select, defaults } from "ol/interaction";
+import { Icon, Style } from "ol/style";
+import { click } from "ol/events/condition";
+import { fromLonLat } from "ol/proj";
+
+//#region src/map-library/Map/Map.jsx
+const Map = ({ children, zoom, center, projection, addInteractions, sendSelected, sendType, SelectedPin, changeLat, changeLong, setPosition, width, height, addressBar, popoverOverlayProps, additionalOnclickFeature, popoverRef, setSelectInteraction, setPopoverOverlay, setMapObject }) => {
+	const mapRef = useRef();
+	const [map, setMap] = useState(null);
+	const [selected, setSelected] = useState();
+	const [markingType, setMarkingType] = useState();
+	const [count, setCount] = useState(0);
+	const [mapClicked, setMapclicked] = useState(false);
+	const prevCount = usePrevious(count);
+	useEffect(() => {
+		const options = {
+			view: new ol.View({
+				center: fromLonLat(center),
+				zoom,
+				projection
+			}),
+			interactions: defaults().extend([new DragRotateAndZoom()]),
+			layers: [],
+			controls: [],
+			overlays: []
+		};
+		const mapObject = new ol.Map(options);
+		mapObject.setTarget(mapRef.current);
+		let popoverOverlay;
+		if (popoverRef) {
+			popoverOverlay = new ol.Overlay({
+				element: popoverRef?.current,
+				autoPan: true,
+				...popoverOverlayProps
+			});
+			mapObject.addOverlay(popoverOverlay);
+			if (setPopoverOverlay) setPopoverOverlay(popoverOverlay);
+		}
+		setMap(mapObject);
+		if (setMapObject) setMapObject(mapObject);
+		const pointSelect = new Select({
+			condition: (e) => {
+				return click(e);
+			},
+			filter: (f) => {
+				if (f.getGeometry().getType() === "Point") return true;
+			},
+			multi: true,
+			hitTolerance: 10,
+			style: new Style({ image: new Icon({
+				anchor: [.5, 48],
+				anchorXUnits: "fraction",
+				anchorYUnits: "pixels",
+				src: SelectedPin
+			}) })
+		});
+		pointSelect.on("select", (e) => {
+			const currentFeature = last(e.selected);
+			const currentFeaturesProperties = currentFeature?.getProperties();
+			if (popoverOverlay && popoverRef?.current && currentFeaturesProperties) popoverOverlay.setPosition(currentFeature?.getGeometry().getCoordinates());
+			if (additionalOnclickFeature && (!currentFeaturesProperties || currentFeaturesProperties && Object.keys(currentFeaturesProperties)?.length > 1)) additionalOnclickFeature(currentFeaturesProperties);
+		});
+		mapObject.addInteraction(pointSelect);
+		if (setSelectInteraction) setSelectInteraction(pointSelect);
+		return () => mapObject.setTarget(void 0);
+	}, []);
+	useEffect(() => {
+		sendSelected(selected);
+	}, [sendSelected, selected]);
+	useEffect(() => {
+		sendType(markingType);
+	}, [sendType, markingType]);
+	const postSelected = (id, type) => {
+		setSelected(id);
+		setMarkingType(type);
+	};
+	useEffect(() => {
+		if (!map) return;
+		map.getView().setZoom(zoom);
+	}, [zoom]);
+	useEffect(() => {
+		if (!map) return;
+		map.on("click", (e) => {
+			setMapclicked(true);
+			map.forEachFeatureAtPixel(e.pixel, (a) => postSelected(a.values_.geometry.flatCoordinates[2], a.values_.geometry.flatCoordinates[3]));
+		});
+	}, [map]);
+	useEffect(() => {
+		if (!map) return;
+		setCount(zoom);
+		if (zoom === prevCount && !mapClicked) map.getView().setCenter(center);
+	}, [center]);
+	useEffect(() => {
+		if (!map) return;
+		if (!mapClicked) map.getView().setCenter(center);
+	}, [map]);
+	useEffect(() => {
+		if (!map) return;
+		map.getview().getprojection(projection);
+	}, [projection]);
+	return /* @__PURE__ */ React.createElement(MapContext_default.Provider, { value: { map } }, addressBar && /* @__PURE__ */ React.createElement("div", { style: {
+		marginLeft: 35,
+		marginTop: -6
+	} }, /* @__PURE__ */ React.createElement(GeoLocation_default, {
+		center,
+		changeLat,
+		changeLong,
+		setPosition
+	})), /* @__PURE__ */ React.createElement("div", {
+		ref: mapRef,
+		style: {
+			height: height || "85vh",
+			width
+		}
+	}, children));
+};
+
+//#endregion
+export { Map as t };
+//# sourceMappingURL=Map-CE3qoHyj.js.map

package/dist/Map-CE3qoHyj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map-CE3qoHyj.js","names":["defaultInteractions","OlSelect","olClick","OlStyle","OlIcon","MapContext","GeoLocation"],"sources":["../src/map-library/Map/Map.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport './Map.css';\nimport MapContext from './MapContext';\nimport * as ol from 'ol';\nimport {\n  DragRotateAndZoom,\n  defaults as defaultInteractions,\n  Select as OlSelect\n} from 'ol/interaction';\nimport { Style as OlStyle, Icon as OlIcon } from 'ol/style';\n\nimport { click as olClick } from 'ol/events/condition';\nimport GeoLocation from '../geoLocation/GeoLocation';\nimport { fromLonLat } from 'ol/proj';\nimport { usePrevious } from '../../utilities/usePrevious';\nimport { last } from 'lodash';\n\nexport const Map = ({\n  children,\n  zoom,\n  center,\n  projection,\n  addInteractions,\n  sendSelected,\n  sendType,\n  SelectedPin,\n  changeLat,\n  changeLong,\n  setPosition,\n  width,\n  height,\n  addressBar,\n  popoverOverlayProps,\n  additionalOnclickFeature,\n  popoverRef,\n  setSelectInteraction,\n  setPopoverOverlay,\n  setMapObject\n}) => {\n  const mapRef = useRef();\n  const [map, setMap] = useState(null);\n  const [selected, setSelected] = useState();\n  const [markingType, setMarkingType] = useState();\n  const [count, setCount] = useState(0);\n  const [mapClicked, setMapclicked] = useState(false);\n\n  const prevCount = usePrevious(count);\n\n  // on component mount\n  useEffect(() => {\n    const options = {\n      view: new ol.View({\n        center: fromLonLat(center),\n        zoom,\n        projection\n      }),\n      interactions: defaultInteractions().extend([new DragRotateAndZoom()]),\n      layers: [],\n      controls: [],\n      overlays: []\n    };\n\n    const mapObject = new ol.Map(options);\n    mapObject.setTarget(mapRef.current);\n\n    let popoverOverlay;\n    if (popoverRef) {\n      popoverOverlay = new ol.Overlay({\n        element: popoverRef?.current,\n        autoPan: true,\n        ...popoverOverlayProps\n      });\n      mapObject.addOverlay(popoverOverlay);\n\n      if (setPopoverOverlay) {\n        setPopoverOverlay(popoverOverlay);\n      }\n    }\n\n    setMap(mapObject);\n\n    if (setMapObject) {\n      setMapObject(mapObject);\n    }\n\n    const pointSelect = new OlSelect({\n      condition: (e) => {\n        return olClick(e);\n      },\n      filter: (f) => {\n        if (f.getGeometry().getType() === 'Point') {\n          return true;\n        }\n      },\n      multi: true,\n      hitTolerance: 10,\n      style: new OlStyle({\n        image: new OlIcon({\n          anchor: [0.5, 48],\n          anchorXUnits: 'fraction',\n          anchorYUnits: 'pixels',\n          src: SelectedPin\n        })\n      })\n    });\n    pointSelect.on('select', (e) => {\n      const currentFeature = last(e.selected);\n      const currentFeaturesProperties = currentFeature?.getProperties();\n\n      if (popoverOverlay && popoverRef?.current && currentFeaturesProperties) {\n        popoverOverlay.setPosition(\n          currentFeature?.getGeometry().getCoordinates()\n        );\n      }\n\n      if (\n        additionalOnclickFeature &&\n        (!currentFeaturesProperties ||\n          (currentFeaturesProperties &&\n            Object.keys(currentFeaturesProperties)?.length > 1))\n      ) {\n        additionalOnclickFeature(currentFeaturesProperties);\n      }\n    });\n\n    mapObject.addInteraction(pointSelect);\n\n    if (setSelectInteraction) {\n      setSelectInteraction(pointSelect);\n    }\n    return () => mapObject.setTarget(undefined);\n  }, []);\n\n  useEffect(() => {\n    sendSelected(selected);\n  }, [sendSelected, selected]);\n\n  useEffect(() => {\n    sendType(markingType);\n  }, [sendType, markingType]);\n\n  const postSelected = (id, type) => {\n    setSelected(id);\n    setMarkingType(type);\n  };\n  // console.log('ID, TYPE', selected, markingType);\n\n  // zoom change handler\n  useEffect(() => {\n    if (!map) return;\n\n    map.getView().setZoom(zoom);\n  }, [zoom]);\n\n  // click event handler\n  useEffect(() => {\n    if (!map) return;\n\n    map.on('click', (e) => {\n      setMapclicked(true);\n      map.forEachFeatureAtPixel(\n        e.pixel,\n        // a => setSelected(a.values_.geometry.flatCoordinates[2])\n        (a) =>\n          postSelected(\n            a.values_.geometry.flatCoordinates[2],\n            a.values_.geometry.flatCoordinates[3]\n          )\n      );\n    });\n  }, [map]);\n\n  // center change handler - Caused issue of recentering the map on each map selection when passed.\n  useEffect(() => {\n    if (!map) return;\n    setCount(zoom);\n    if (zoom === prevCount && !mapClicked) {\n      map.getView().setCenter(center);\n    }\n  }, [center]);\n\n  useEffect(() => {\n    if (!map) return;\n\n    if (!mapClicked) {\n      map.getView().setCenter(center);\n    }\n  }, [map]);\n\n  useEffect(() => {\n    if (!map) return;\n    map.getview().getprojection(projection);\n  }, [projection]);\n\n  return (\n    <MapContext.Provider value={{ map }}>\n      {addressBar && (\n        <div style={{ marginLeft: 35, marginTop: -6 }}>\n          <GeoLocation\n            // sendSelected={setCenter}\n            center={center}\n            changeLat={changeLat}\n            changeLong={changeLong}\n            setPosition={setPosition}\n          />\n        </div>\n      )}\n\n      <div ref={mapRef} style={{ height: height || '85vh', width: width }}>\n        {children}\n      </div>\n    </MapContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/MapContent-CFk5ReGc.js

@@ -0,0 +1,117 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.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-CFk5ReGc.js.map

package/dist/MapContent-CFk5ReGc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapContent-CFk5ReGc.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-zg0JFzto.js

@@ -0,0 +1,142 @@
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.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-zg0JFzto.js.map

package/dist/MapControlsStandard-zg0JFzto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapControlsStandard-zg0JFzto.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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"}

package/dist/MapUtilities-B8j0yvED.js

@@ -0,0 +1,96 @@
+import { isEqualWith } from "lodash";
+
+//#region src/UI/mapLayout/utilities/MapUtilities.js
+const getLowestLevelObject = (obj) => {
+	if (!!!obj?.options || obj?.options?.length === 0) return obj;
+	else return getLowestLevelObject(obj.options[0]);
+};
+const getChildrenObjectsWithNoChildren = (arr, valueKey) => {
+	if (!!!arr) return [];
+	return arr.reduce((result, obj) => {
+		const children = obj?.options ?? [];
+		const childrenWithNoChildren = getChildrenObjectsWithNoChildren(children, valueKey);
+		if (childrenWithNoChildren.length > 0) result.push(...childrenWithNoChildren);
+		else if (children.length === 0) result.push(obj[valueKey]);
+		return result;
+	}, []);
+};
+const searchForLayerOptions = (data, searchString = "") => {
+	let result = [];
+	for (let i = 0; i < data?.length; i++) {
+		const obj = data[i];
+		const { title, value, options } = obj;
+		const titleString = typeof title !== "string" ? title.toString() : title;
+		const valueString = typeof value !== "string" ? value.toString() : value;
+		if (titleString?.toLowerCase()?.includes(searchString?.toLowerCase()) || valueString?.toLowerCase()?.includes(searchString?.toLowerCase())) result.push(obj);
+		else if (options && options?.length > 0) {
+			const childOptions = searchForLayerOptions(options, searchString);
+			if (childOptions?.length > 0) result.push({
+				title,
+				value,
+				options: childOptions
+			});
+		}
+	}
+	return result;
+};
+const getLayer = (layerKeys, layerKeySeparator, obj) => {
+	let stringValue = "";
+	layerKeys?.forEach((key, index) => {
+		stringValue += obj[key] + (index !== layerKeys?.length - 1 ? layerKeySeparator : "");
+	});
+	return stringValue;
+};
+const generateGeoJsonList = (data, mappingConfig) => {
+	if (data?.length > 0 && mappingConfig) return data?.map((item) => {
+		return {
+			type: "Feature",
+			id: item[mappingConfig.featureId],
+			geometry: {
+				type: item[mappingConfig.geometryType],
+				coordinates: item[mappingConfig.coordinates]
+			},
+			properties: mappingConfig.propertiesObj && !!item[mappingConfig.propertiesObj] ? {
+				...item[mappingConfig.propertiesObj],
+				id: item[mappingConfig.featureId]
+			} : {
+				...item,
+				id: item[mappingConfig.featureId]
+			}
+		};
+	});
+	return [];
+};
+function getKeyValuePairs(object) {
+	return Object.keys(object).map((key) => {
+		return {
+			key,
+			value: object[key]
+		};
+	});
+}
+function filterObjectKeys(object, keysToKeep, removeObjects = false) {
+	if (removeObjects) return Object.entries(object).filter(([key, value]) => typeof value !== "object" && keysToKeep.includes(key)).reduce((acc, [key, value]) => {
+		acc[key] = value ? value : "-";
+		return acc;
+	}, {});
+	return Object.entries(object).filter(([key]) => keysToKeep.includes(key)).reduce((acc, [key, value]) => {
+		acc[key] = value ? value : "-";
+		return acc;
+	}, {});
+}
+function getSelectedFeaturePropertyKeyValuePairs(featurePropertiesToDisplay = [], featureProperties) {
+	let keyVals = [];
+	if (featureProperties) if (featurePropertiesToDisplay) {
+		const filteredObj = filterObjectKeys(featureProperties, featurePropertiesToDisplay, true);
+		keyVals = filteredObj ? getKeyValuePairs(filteredObj) : [];
+	} else keyVals = featureProperties ? getKeyValuePairs(featureProperties) : [];
+	return keyVals;
+}
+const isEqualIgnoreFunctions = (a, b) => isEqualWith(a, b, (val1, val2) => {
+	if (typeof val1 === "function" && typeof val2 === "function") return true;
+});
+
+//#endregion
+export { getLayer as a, isEqualIgnoreFunctions as c, getKeyValuePairs as i, searchForLayerOptions as l, generateGeoJsonList as n, getLowestLevelObject as o, getChildrenObjectsWithNoChildren as r, getSelectedFeaturePropertyKeyValuePairs as s, filterObjectKeys as t };
+//# sourceMappingURL=MapUtilities-B8j0yvED.js.map

package/dist/MapUtilities-B8j0yvED.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapUtilities-B8j0yvED.js","names":[],"sources":["../src/UI/mapLayout/utilities/MapUtilities.js"],"sourcesContent":["import {isEqualWith} from 'lodash'\n\nexport const getLowestLevelObject = (obj) => {\n  if (!!!obj?.options || obj?.options?.length === 0) {\n    return obj;\n  } else {\n    return getLowestLevelObject(obj.options[0]);\n  }\n};\n\nexport const getChildrenObjectsWithNoChildren = (arr, valueKey) => {\n  if (!!!arr) return [];\n\n  return arr.reduce((result, obj) => {\n    const children = obj?.options ?? [];\n    const childrenWithNoChildren = getChildrenObjectsWithNoChildren(\n      children,\n      valueKey\n    );\n\n    if (childrenWithNoChildren.length > 0) {\n      result.push(...childrenWithNoChildren);\n    } else if (children.length === 0) {\n      result.push(obj[valueKey]);\n    }\n\n    return result;\n  }, []);\n};\n\nexport const searchForLayerOptions = (data, searchString = '') => {\n  let result = [];\n\n  for (let i = 0; i < data?.length; i++) {\n    const obj = data[i];\n    const { title, value, options } = obj;\n    const titleString = typeof title !== 'string' ? title.toString() : title;\n    const valueString = typeof value !== 'string' ? value.toString() : value;\n\n    if (\n      titleString?.toLowerCase()?.includes(searchString?.toLowerCase()) ||\n      valueString?.toLowerCase()?.includes(searchString?.toLowerCase())\n    ) {\n      result.push(obj);\n    } else if (options && options?.length > 0) {\n      const childOptions = searchForLayerOptions(options, searchString);\n      if (childOptions?.length > 0) {\n        result.push({ title, value, options: childOptions });\n      }\n    }\n  }\n\n  return result;\n};\n\nexport const getLayer = (layerKeys, layerKeySeparator, obj) => {\n  let stringValue = '';\n  layerKeys?.forEach((key, index) => {\n    stringValue +=\n      obj[key] + (index !== layerKeys?.length - 1 ? layerKeySeparator : '');\n  });\n\n  return stringValue;\n};\n\nexport const generateGeoJsonList = (data, mappingConfig) => {\n  if (data?.length > 0 && mappingConfig) {\n    return data?.map((item) => {\n      return {\n        type: 'Feature',\n        id: item[mappingConfig.featureId],\n        geometry: {\n          type: item[mappingConfig.geometryType],\n          coordinates: item[mappingConfig.coordinates]\n        },\n        properties:\n          mappingConfig.propertiesObj && !!item[mappingConfig.propertiesObj]\n            ? {\n                ...item[mappingConfig.propertiesObj],\n                id: item[mappingConfig.featureId]\n              }\n            : {\n                ...item,\n                id: item[mappingConfig.featureId]\n              }\n      };\n    });\n  }\n\n  return [];\n};\n\nexport function getKeyValuePairs(object) {\n  return Object.keys(object).map((key) => {\n    return { key: key, value: object[key] };\n  });\n}\n\nexport function filterObjectKeys(\n  object,\n  keysToKeep,\n  removeObjects = false\n) {\n  if (removeObjects) {\n    return Object.entries(object)\n      .filter(\n        ([key, value]) => typeof value !== 'object' && keysToKeep.includes(key)\n      )\n      .reduce((acc, [key, value]) => {\n        acc[key] = value ? value : '-';\n        return acc;\n      }, {});\n  }\n  return Object.entries(object)\n    .filter(([key]) => keysToKeep.includes(key))\n    .reduce((acc, [key, value]) => {\n      acc[key] = value ? value : '-';\n      return acc;\n    }, {});\n}\n\nexport function getSelectedFeaturePropertyKeyValuePairs(featurePropertiesToDisplay=[], featureProperties){\n  let keyVals = []\n  if(featureProperties){\n   if(featurePropertiesToDisplay){\n     const filteredObj = filterObjectKeys(featureProperties, featurePropertiesToDisplay, true)\n     keyVals = filteredObj ? getKeyValuePairs(filteredObj) : []\n   }\n   else{\n     keyVals = featureProperties ? getKeyValuePairs(featureProperties) : []\n   }\n  }\n  return keyVals;\n}\n\nexport const isEqualIgnoreFunctions = (a, b) =>\n  isEqualWith(a, b, (val1, val2) => {\n    if (typeof val1 === 'function' && typeof val2 === 'function') {\n      return true; // ignore function differences\n    }\n    // fall back to default comparison\n    return undefined;\n  });\n"],"mappings":"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"}