udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/MapLayout-Da5pFBGy.js

@@ -0,0 +1,513 @@
+import { t as FluentIconButton } from "./FluentIconButton-Av4urxc6.js";
+import { t as StandardTitle } from "./StandardTitle-ZKN8luuD.js";
+import { t as AmbientCard } from "./AmbientCard-D-le1ghN.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-DCpqNxBN.js";
+import { t as FluentTextField } from "./FluentTextField-BsEmi6u7.js";
+import { t as useAuthedUser } from "./useAuthedUser-BGUw1f7h.js";
+import { n as ListView, t as ActionsRenderer } from "./ActionsRenderer-UdXmpfzu.js";
+import { a as getLayer, n as generateGeoJsonList } from "./MapUtilities-pcP3VTTj.js";
+import { n as UdpMapComponent, t as UdpMapToolbar } from "./UdpMapToolbar-C4dNS5EH.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Grid, lighten, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { ChromeCloseIcon } from "@fluentui/react-icons";
+import { isArray, isObject, startCase } from "lodash";
+import { useTranslation } from "react-i18next";
+import { Circle, Fill, Icon, Stroke, Style } from "ol/style";
+import { transform } from "ol/proj";
+import proj4 from "proj4";
+import { register } from "ol/proj/proj4";
+import TruckIcon from "./assets/unityIcons/TruckIcon.svg";
+
+//#region src/UI/mapLayout/MapLayout.jsx
+const useStyles = makeStyles((theme) => ({
+	fullHeight: {
+		height: "73vh",
+		backgroundColor: lighten(theme.palette.primary.light, .7),
+		overflow: "auto"
+	},
+	contentWrapper: { display: "flex" },
+	detailSheetHeader: {
+		display: "flex",
+		backgroundColor: theme.palette.background.paper,
+		padding: theme.spacing(1),
+		alignItems: "center",
+		gap: theme.spacing(1.5)
+	},
+	detailSheetBody: { padding: theme.spacing(2) },
+	detailTitle: { marginTop: 0 },
+	leftColumn: {
+		overflow: "auto",
+		backgroundColor: lighten(theme.palette.primary.light, .7)
+	},
+	listViewWrapper: { position: "relative" },
+	zoomControl: {
+		left: "auto",
+		right: theme.spacing(.8),
+		top: theme.spacing(5)
+	}
+}));
+const styles = {
+	Point: [new Style({
+		image: new Icon({
+			anchor: [.17, 48],
+			anchorXUnits: "fraction",
+			anchorYUnits: "pixels",
+			src: TruckIcon,
+			scale: .3
+		}),
+		zIndex: 1
+	}), new Style({
+		image: new Circle({
+			stroke: new Stroke({
+				color: "#0F62FE",
+				width: 1
+			}),
+			fill: new Fill({ color: "#FFFFFF" }),
+			radius: 20,
+			scale: 1.1
+		}),
+		zIndex: 0
+	})],
+	LineString: new Style({
+		stroke: new Stroke({
+			color: "#0F62FE",
+			width: 4
+		}),
+		zIndex: 0
+	})
+};
+const MapLayout = (props) => {
+	const { data, initialSelectedLayers, shellContext, sideSheetTitle, cardConfig, noRightPanelPadding = false, isGeoJsonFormat = true, geoJsonMappingConfig, position = "default", showMap = true, showList, showGrid = true, getSelectedFeatures, getSelectedLayers, getSelectedViewItemData, rightSectionPanel, rightSectionPanelTitle, rightSectionPanelState, setRightSectionPanelState, overrideDetailRightSection = false, layerOptions, layerKeySeparator = "", statisticsList, hideZeroValueStats, defaultTileOptionName, hideTileSelection, filterPanel, filterCallback, selectedFeaturesActionPanel, refreshEvent, refreshButtonTooltip, readOnlyMap, addFeaturePanelConfig, noWrapPrimaryText, hideListView = false, listFilter, listViewCardConfig, listViewDetailsEvent, listViewChipConfig, popoverDetailsEvent, popoverPrimaryActions, popoverMoreIconButtonActions, getMessagePopover, getMessageIconPopover, hideMessageIconPopover, popoverWidth, enableViewFeature = true, enableDeleteFeature, handleDeleteFeature, enableEditFeature, handleEditFeature, mapTitle = "", getMapFeatureStyles, getSelectedFeatureStyles, tileLayersOptions, imageLayersOptions, mapZoom, mapCenter, mapProjection, addInteractions, selectedPin, mapHeight = "45vh", addressBar, mapDataProjection, crs, layerKeys, mapFilter, showZoomControl, readOnlyLayers, layerRoles, getVectorLayerSources, enableAddNewFeature, addMultipleFeatures = false, enableSplitFeature, handleAddNewFeatures, handleSplitFeature, handleGetZoomExtent, minZoom, maxZoom, gridTitle, columnDefs, groupingData, frameworkComponents, primaryActionButton, loading, rowNodeIdName, gridHeight = "50vh", paginationPageSize, onSearch, onRowSelected, rowModelType, api, columnApi, gridReady, onCellClicked, gridFilter, ...otherGridProps } = props;
+	const [selectedFeatureProperties, setSelectedFeatureProperties] = useState();
+	const [showDetails, setShowDetails] = useState(false);
+	const [selectedItemData, setSelectedItemData] = useState();
+	const [definedProj, setDefinedProj] = useState(false);
+	const [enableDragBox, setEnableDragBox] = useState(false);
+	const [dataUpdateCount, setDataUpdateCount] = useState(0);
+	const [map, setMap] = useState(null);
+	const [filteredLayerOptions, setFilterLayerOptions] = useState();
+	const [bulkSelectionActive, setBulkSelectionActive] = useState(false);
+	const [splitActive, setSplitActive] = useState(false);
+	const [selectedFeatureCoordinates, setSelectedFeatureCoordinates] = useState();
+	const [addActive, setAddActive] = useState(false);
+	const [selectedFeatureIdExternal, setSelectedFeatureIdExternal] = useState();
+	const [currentCenter, setCurrentCenter] = useState(mapCenter ?? [0, 0]);
+	const [selectedLayers, setSelectedLayers] = useState([]);
+	const classes = useStyles();
+	const user = useAuthedUser();
+	const { t } = useTranslation();
+	useEffect(() => {
+		if (crs?.length > 0) {
+			proj4.defs(crs);
+			register(proj4);
+			setDefinedProj(true);
+		}
+	}, [crs]);
+	useEffect(() => {
+		if (getSelectedLayers) getSelectedLayers(selectedLayers);
+	}, [getSelectedLayers, selectedLayers]);
+	useEffect(() => {
+		if (getSelectedViewItemData) getSelectedViewItemData(selectedItemData);
+	}, [getSelectedViewItemData, selectedItemData]);
+	useEffect(() => {
+		if (!data) return;
+		if (dataUpdateCount === 0) setDataUpdateCount(dataUpdateCount + 1);
+		if (dataUpdateCount === 1) setSelectedFeatureProperties(null);
+	}, [data, dataUpdateCount]);
+	const filteredData = useMemo(() => {
+		if (!data) return [];
+		const formattedData = isGeoJsonFormat ? data : generateGeoJsonList(data, geoJsonMappingConfig);
+		if (filterPanel && filterCallback) return filterCallback(formattedData);
+		return formattedData;
+	}, [
+		data,
+		filterCallback,
+		filterPanel,
+		geoJsonMappingConfig,
+		isGeoJsonFormat
+	]);
+	const gridData = useMemo(() => {
+		return filteredData?.filter((obj) => {
+			const layerKey = getLayer(layerKeys, layerKeySeparator, obj);
+			if (layerRoles?.[layerKey]) return layerRoles[layerKey]?.some((roleId) => user.roleIds?.includes(roleId));
+			return true;
+		}).map((obj) => ({
+			id: obj.id,
+			...obj.properties
+		}));
+	}, [
+		filteredData,
+		layerKeySeparator,
+		layerKeys,
+		layerRoles,
+		user.roleIds
+	]);
+	const filteredGridData = useMemo(() => {
+		if (gridFilter) return gridFilter(gridData);
+		return gridData;
+	}, [gridData, gridFilter]);
+	const filteredListData = useMemo(() => {
+		if (listFilter) return listFilter(gridData);
+		return gridData;
+	}, [gridData, listFilter]);
+	useEffect(() => {
+		if (crs?.length > 0 && !definedProj) return;
+		if (filteredData?.[0]?.geometry?.coordinates && mapProjection && mapDataProjection) setCurrentCenter(transform(isArray(filteredData?.[0]?.geometry?.coordinates[0]) ? filteredData?.[0]?.geometry?.coordinates[0] : filteredData?.[0]?.geometry?.coordinates, mapDataProjection, mapProjection));
+	}, [
+		filteredData,
+		mapDataProjection,
+		mapProjection,
+		definedProj,
+		crs
+	]);
+	const getStyles = useCallback((feature) => {
+		return styles[feature.getGeometry().getType()] ?? new Style();
+	}, []);
+	const handleViewDetailsFromPopover = useCallback((data) => {
+		const featureProperties = data?.selectedFeature?.getProperties();
+		if (popoverDetailsEvent) {
+			popoverDetailsEvent(featureProperties);
+			return;
+		}
+		if (setRightSectionPanelState) setRightSectionPanelState(false);
+		setShowDetails(true);
+		setSelectedItemData(featureProperties);
+		if (shellContext) shellContext.setInquiryMenuToggle(false);
+	}, [
+		popoverDetailsEvent,
+		setRightSectionPanelState,
+		shellContext
+	]);
+	const handleCloseDetailSheet = useCallback(() => {
+		setShowDetails(false);
+		if (setRightSectionPanelState) setRightSectionPanelState(false);
+		setSelectedItemData(null);
+	}, [setRightSectionPanelState]);
+	const handleViewDetailsFromList = useCallback((data) => {
+		setShowDetails(true);
+		if (setRightSectionPanelState) setRightSectionPanelState(false);
+		setSelectedItemData(data);
+		if (shellContext) shellContext.setInquiryMenuToggle(false);
+	}, [setRightSectionPanelState, shellContext]);
+	const itemDetails = useMemo(() => {
+		if (selectedItemData && !overrideDetailRightSection && !rightSectionPanelState) return Object.entries(selectedItemData).filter(([key, value]) => "geometry" !== key && !isObject(value) && !isArray(value)).map(([key, value]) => {
+			return /* @__PURE__ */ React.createElement(FluentTextField, {
+				label: startCase(key),
+				value,
+				InputProps: { readOnly: true }
+			});
+		});
+	}, [
+		overrideDetailRightSection,
+		rightSectionPanelState,
+		selectedItemData
+	]);
+	const gridColumnDefinition = useMemo(() => {
+		if (!columnDefs) return;
+		if (frameworkComponents?.actionsRenderer) return columnDefs;
+		else return [...columnDefs, {
+			headerName: t("Actions"),
+			field: "actions",
+			suppressSizeToFit: true,
+			minWidth: 100,
+			maxWidth: 125,
+			cellRenderer: "actionsRenderer",
+			cellRendererParams: { openView: (data) => handleViewDetailsFromList(data) },
+			sortable: false
+		}];
+	}, [columnDefs, frameworkComponents]);
+	const detailSheetHeight = useMemo(() => {
+		if (!showGrid) return "73vh";
+		else if (showGrid && !showMap) return `calc(67vh + 6vh)`;
+		else return `calc(${mapHeight} + ${gridHeight} + 6vh)`;
+	}, [
+		gridHeight,
+		mapHeight,
+		showGrid,
+		showMap
+	]);
+	const handleSelectLayers = (e) => {
+		setSelectedLayers(e);
+	};
+	const handleSelectMarker = useCallback((data) => {
+		setSelectedFeatureIdExternal(data?.id);
+	}, []);
+	const handleOnCellClicked = useCallback((params) => {
+		if (onCellClicked) onCellClicked(params);
+		if (!params?.node?.group && params?.colDef?.field !== "actions") handleSelectMarker(params?.data);
+	}, [handleSelectMarker, onCellClicked]);
+	const listView = useMemo(() => {
+		if (hideListView) return;
+		return /* @__PURE__ */ React.createElement(ListView, {
+			data: filteredListData ?? [],
+			listViewConfig: listViewCardConfig ?? cardConfig,
+			noWrapPrimaryText,
+			viewEvent: listViewDetailsEvent ?? handleViewDetailsFromList,
+			showMarkerEvent: handleSelectMarker,
+			chipConfig: listViewChipConfig
+		});
+	}, [
+		cardConfig,
+		filteredListData,
+		handleSelectMarker,
+		handleViewDetailsFromList,
+		hideListView,
+		listViewCardConfig,
+		listViewChipConfig,
+		listViewDetailsEvent,
+		noWrapPrimaryText
+	]);
+	const handleSetSelectedFeatureProperties = useCallback((currentFeature) => {
+		if (currentFeature) {
+			let featureProperties = currentFeature?.getProperties();
+			setSelectedFeatureCoordinates(currentFeature.getGeometry().getCoordinates());
+			setSelectedFeatureProperties(featureProperties);
+		}
+	}, []);
+	const handleCloseFeaturePopover = useCallback(() => {
+		setSelectedFeatureIdExternal(null);
+	}, []);
+	const handleSetMapComponent = useCallback((value) => {
+		setMap(value);
+	}, []);
+	const mapComponent = useMemo(() => {
+		return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, {
+			item: true,
+			xs: 3,
+			style: { display: !hideListView && showList ? "block" : "none" }
+		}, /* @__PURE__ */ React.createElement("div", { className: clsx(classes.fullHeight, classes.listViewWrapper) }, listView)), /* @__PURE__ */ React.createElement(Grid, {
+			item: true,
+			xs: showList ? 9 : 12
+		}, /* @__PURE__ */ React.createElement(UdpMapComponent, {
+			map,
+			handleSetMapComponent,
+			data,
+			isGeoJsonFormat,
+			geoJsonMappingConfig,
+			enableZoom: showZoomControl,
+			mapZoom,
+			mapCenter: currentCenter,
+			mapHeight,
+			crs,
+			mapProjection,
+			mapDataProjection,
+			getFilteredMapData: mapFilter,
+			getVectorLayerSources,
+			getFeatureStyles: getMapFeatureStyles ?? getStyles,
+			getSelectedFeatureStyles,
+			filterPanel,
+			filterPanelCallback: filterCallback,
+			enableTileSelection: !hideTileSelection,
+			tileLayersOptions,
+			defaultTileOptionName,
+			layerOptions,
+			initialSelectedLayers,
+			bulkSelectedFeaturesActionPanel: selectedFeaturesActionPanel,
+			handleSetSelectedFeaturesOnBulkSelect: getSelectedFeatures,
+			filterLayersByRole: layerRoles?.length > 0,
+			layerKeys,
+			layerKeySeparator,
+			user,
+			layerRoles,
+			filteredLayerOptionsByRole: filteredLayerOptions,
+			handleSetFilteredLayerOptionsByRole: setFilterLayerOptions,
+			enableViewFeature,
+			handleViewFeature: handleViewDetailsFromPopover,
+			bulkSelectionActive,
+			splitActive,
+			enableDragBox,
+			selectedFeatureCoordinates,
+			selectedFeatureProperties,
+			handleSetSelectedFeatureProperties,
+			enableAddNewFeature: addActive,
+			readOnlyLayers,
+			selectedFeatureIdExternal,
+			additionalOnclosePopover: handleCloseFeaturePopover,
+			popoverPrimaryActions,
+			popoverMoreIconButtonActions,
+			getMessagePopover,
+			getMessageIconPopover,
+			hideMessageIconPopover,
+			popoverCardConfig: cardConfig,
+			selectedLayers,
+			handleSetSelectedLayers: handleSelectLayers,
+			handleGetZoomExtent,
+			minZoom,
+			maxZoom
+		}))));
+	}, [
+		addActive,
+		bulkSelectionActive,
+		cardConfig,
+		classes.fullHeight,
+		classes.listViewWrapper,
+		crs,
+		currentCenter,
+		data,
+		defaultTileOptionName,
+		enableDragBox,
+		enableViewFeature,
+		filterCallback,
+		filterPanel,
+		filteredLayerOptions,
+		geoJsonMappingConfig,
+		getMapFeatureStyles,
+		getMessageIconPopover,
+		getMessagePopover,
+		getSelectedFeatureStyles,
+		getSelectedFeatures,
+		getStyles,
+		getVectorLayerSources,
+		handleCloseFeaturePopover,
+		handleGetZoomExtent,
+		handleSetMapComponent,
+		handleSetSelectedFeatureProperties,
+		handleViewDetailsFromPopover,
+		hideListView,
+		hideMessageIconPopover,
+		hideTileSelection,
+		initialSelectedLayers,
+		isGeoJsonFormat,
+		layerKeySeparator,
+		layerKeys,
+		layerOptions,
+		layerRoles,
+		listView,
+		map,
+		mapDataProjection,
+		mapFilter,
+		mapHeight,
+		mapProjection,
+		mapZoom,
+		maxZoom,
+		minZoom,
+		popoverMoreIconButtonActions,
+		popoverPrimaryActions,
+		readOnlyLayers,
+		selectedFeatureCoordinates,
+		selectedFeatureIdExternal,
+		selectedFeatureProperties,
+		selectedFeaturesActionPanel,
+		selectedLayers,
+		showList,
+		showZoomControl,
+		splitActive,
+		tileLayersOptions,
+		user
+	]);
+	const gridComponent = useMemo(() => {
+		return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+			title: gridTitle,
+			data: filteredGridData,
+			columnDefs: gridColumnDefinition,
+			groupingData,
+			frameworkComponents: {
+				actionsRenderer: ActionsRenderer,
+				...frameworkComponents
+			},
+			primaryActionButton,
+			loading,
+			rowNodeIdName,
+			height: showGrid && !showMap ? "67vh" : gridHeight,
+			paginationPageSize,
+			onSearch,
+			onRowSelected,
+			rowModelType,
+			api,
+			columnApi,
+			gridReady,
+			dynamicSizing: true,
+			onCellClicked: handleOnCellClicked,
+			...otherGridProps
+		}));
+	}, [
+		api,
+		columnApi,
+		filteredGridData,
+		frameworkComponents,
+		gridColumnDefinition,
+		gridHeight,
+		gridReady,
+		gridTitle,
+		groupingData,
+		handleOnCellClicked,
+		loading,
+		onRowSelected,
+		onSearch,
+		otherGridProps,
+		paginationPageSize,
+		primaryActionButton,
+		rowModelType,
+		rowNodeIdName,
+		showGrid,
+		showMap
+	]);
+	const mapGrid = useMemo(() => {
+		if (position === "gridOnTop") return /* @__PURE__ */ React.createElement("div", null, showGrid && gridComponent, showMap && mapComponent);
+		return /* @__PURE__ */ React.createElement("div", null, showMap && mapComponent, showGrid && gridComponent);
+	}, [
+		gridComponent,
+		mapComponent,
+		position,
+		showGrid,
+		showMap
+	]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UdpMapToolbar, {
+		map,
+		mapTitle,
+		mapProjection,
+		getFeatureStyles: getMapFeatureStyles,
+		getSelectedFeatureStyles,
+		filterPanel,
+		filterPanelCallback: filterCallback,
+		enableTileSelection: !hideTileSelection,
+		tileLayersOptions,
+		defaultTileOptionName,
+		layerOptions,
+		initialSelectedLayers,
+		bulkSelectedFeaturesActionPanel: selectedFeaturesActionPanel,
+		handleSetSelectedFeaturesOnBulkSelect: getSelectedFeatures,
+		handleSetSelectedFeatureOnSelect: getSelectedViewItemData,
+		handleRefresh: refreshEvent,
+		refreshButtonTooltip,
+		readOnlyMap,
+		enableAdd: enableAddNewFeature,
+		handleAddNewFeatures,
+		addMultipleFeatures,
+		enableSplitFeature,
+		handleSplitFeature,
+		handleSetSelectedFeatureProperties,
+		filteredLayerOptionsByRole: filteredLayerOptions,
+		handleSetBulkSelectionActive: setBulkSelectionActive,
+		enableDragBox,
+		handleSetEnableDragBox: setEnableDragBox,
+		splitActive,
+		handleSetSplitActive: setSplitActive,
+		enableAddNewFeature: addActive,
+		handleEnableAddNewFeature: setAddActive,
+		readOnlyLayers,
+		selectedLayers,
+		handleSetSelectedLayers: handleSelectLayers,
+		addFeaturePanelConfig
+	}), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		...showDetails || rightSectionPanelState ? {
+			xs: 7,
+			sm: 9
+		} : { xs: 12 }
+	}, mapGrid), (showDetails || rightSectionPanelState) && /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		xs: 5,
+		sm: 3,
+		className: classes.leftColumn,
+		style: { maxHeight: detailSheetHeight }
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.detailSheetHeader }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: handleCloseDetailSheet,
+		icon: ChromeCloseIcon
+	}), /* @__PURE__ */ React.createElement(StandardTitle, { className: classes.detailTitle }, rightSectionPanelTitle ?? t("Details"))), /* @__PURE__ */ React.createElement("div", { className: noRightPanelPadding ? null : classes.detailSheetBody }, rightSectionPanel && (rightSectionPanelState || showDetails && overrideDetailRightSection) && rightSectionPanel, showDetails && itemDetails && /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, itemDetails)))));
+};
+
+//#endregion
+export { MapLayout as t };
+//# sourceMappingURL=MapLayout-Da5pFBGy.js.map

package/dist/MapLayout-Da5pFBGy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapLayout-Da5pFBGy.js","names":[],"sources":["../src/UI/mapLayout/MapLayout.jsx"],"sourcesContent":["import React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { Fill, Style, Stroke, Icon, Circle } from 'ol/style';\nimport { transform } from 'ol/proj';\nimport { makeStyles, Grid, lighten } from '@material-ui/core';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport proj4 from 'proj4';\nimport { register } from 'ol/proj/proj4';\nimport { isArray, isObject, startCase } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\nimport TruckIcon from '../../assets/unityIcons/TruckIcon.svg';\nimport ListView from './ui/ListView';\nimport ActionsRenderer from './ui/ActionsRenderer';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { AmbientGridTemplate } from '../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { StandardTitle } from '../dataDisplay/typography/StandardTitle';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { getLayer, generateGeoJsonList } from './utilities/MapUtilities';\nimport { UdpMapComponent } from '../maps/UdpMapComponent';\nimport { UdpMapToolbar } from '../maps/UdpMapToolbar';\n\nconst useStyles = makeStyles((theme) => ({\n  fullHeight: {\n    height: '73vh',\n    backgroundColor: lighten(theme.palette.primary.light, 0.7),\n    overflow: 'auto'\n  },\n  contentWrapper: {\n    display: 'flex'\n  },\n  detailSheetHeader: {\n    display: 'flex',\n    backgroundColor: theme.palette.background.paper,\n    padding: theme.spacing(1),\n    alignItems: 'center',\n    gap: theme.spacing(1.5)\n  },\n  detailSheetBody: {\n    padding: theme.spacing(2)\n  },\n  detailTitle: {\n    marginTop: 0\n  },\n  leftColumn: {\n    overflow: 'auto',\n    backgroundColor: lighten(theme.palette.primary.light, 0.7)\n  },\n  listViewWrapper: {\n    position: 'relative'\n  },\n  zoomControl: {\n    left: 'auto',\n    right: theme.spacing(0.8),\n    top: theme.spacing(5)\n  }\n}));\n\nconst styles = {\n  Point: [\n    new Style({\n      image: new Icon({\n        anchor: [0.17, 48],\n        anchorXUnits: 'fraction',\n        anchorYUnits: 'pixels',\n        src: TruckIcon,\n        scale: 0.3\n      }),\n      zIndex: 1\n    }),\n    new Style({\n      image: new Circle({\n        stroke: new Stroke({\n          color: '#0F62FE',\n          width: 1\n        }),\n        fill: new Fill({\n          color: '#FFFFFF'\n        }),\n        radius: 20,\n        scale: 1.1\n      }),\n      zIndex: 0\n    })\n  ],\n  LineString: new Style({\n    stroke: new Stroke({\n      color: '#0F62FE',\n      width: 4\n    }),\n    zIndex: 0\n  })\n};\n\nexport const MapLayout = (props) => {\n  const {\n    data,\n    initialSelectedLayers,\n    shellContext,\n    sideSheetTitle,\n    cardConfig,\n    noRightPanelPadding = false,\n    isGeoJsonFormat = true,\n    geoJsonMappingConfig,\n    position = 'default',\n    showMap = true,\n    showList,\n    showGrid = true,\n    //inject data\n    getSelectedFeatures,\n    getSelectedLayers,\n    getSelectedViewItemData,\n    rightSectionPanel,\n    rightSectionPanelTitle,\n    rightSectionPanelState,\n    setRightSectionPanelState,\n    overrideDetailRightSection = false,\n    //toolbar\n    layerOptions,\n    layerKeySeparator = '',\n    statisticsList,\n    hideZeroValueStats,\n    defaultTileOptionName,\n    hideTileSelection,\n    filterPanel,\n    filterCallback,\n    selectedFeaturesActionPanel,\n    refreshEvent,\n    refreshButtonTooltip,\n    readOnlyMap,\n    addFeaturePanelConfig,\n    //list view props\n    noWrapPrimaryText,\n    hideListView = false,\n    listFilter,\n    listViewCardConfig,\n    listViewDetailsEvent,\n    listViewChipConfig,\n    //popover card props\n    popoverDetailsEvent,\n    popoverPrimaryActions,\n    popoverMoreIconButtonActions,\n    getMessagePopover,\n    getMessageIconPopover,\n    hideMessageIconPopover,\n    popoverWidth,\n    enableViewFeature = true,\n    enableDeleteFeature,\n    handleDeleteFeature,\n    enableEditFeature,\n    handleEditFeature,\n    //map props\n    mapTitle = '',\n    getMapFeatureStyles,\n    getSelectedFeatureStyles,\n    tileLayersOptions,\n    imageLayersOptions,\n    mapZoom,\n    mapCenter,\n    mapProjection,\n    addInteractions,\n    selectedPin,\n    mapHeight = '45vh',\n    addressBar,\n    mapDataProjection,\n    crs,\n    layerKeys,\n    mapFilter,\n    showZoomControl,\n    readOnlyLayers,\n    layerRoles,\n    getVectorLayerSources,\n    enableAddNewFeature,\n    addMultipleFeatures = false,\n    enableSplitFeature,\n    handleAddNewFeatures,\n    handleSplitFeature,\n    handleGetZoomExtent,\n    minZoom,\n    maxZoom,\n    //grid props\n    gridTitle,\n    columnDefs,\n    groupingData,\n    frameworkComponents,\n    primaryActionButton,\n    loading,\n    rowNodeIdName,\n    gridHeight = '50vh',\n    paginationPageSize,\n    onSearch,\n    onRowSelected,\n    rowModelType,\n    api,\n    columnApi,\n    gridReady,\n    onCellClicked,\n    gridFilter,\n    ...otherGridProps\n  } = props;\n  const [selectedFeatureProperties, setSelectedFeatureProperties] = useState();\n  const [showDetails, setShowDetails] = useState(false);\n  const [selectedItemData, setSelectedItemData] = useState();\n  const [definedProj, setDefinedProj] = useState(false);\n  const [enableDragBox, setEnableDragBox] = useState(false);\n  const [dataUpdateCount, setDataUpdateCount] = useState(0);\n  const [map, setMap] = useState(null);\n  const [filteredLayerOptions, setFilterLayerOptions] = useState();\n  const [bulkSelectionActive, setBulkSelectionActive] = useState(false);\n  const [splitActive, setSplitActive] = useState(false);\n  const [selectedFeatureCoordinates, setSelectedFeatureCoordinates] =\n    useState();\n  const [addActive, setAddActive] = useState(false);\n  const [selectedFeatureIdExternal, setSelectedFeatureIdExternal] = useState();\n  const [currentCenter, setCurrentCenter] = useState(mapCenter ?? [0, 0]);\n  const [selectedLayers, setSelectedLayers] = useState([]);\n\n  const classes = useStyles();\n  const user = useAuthedUser();\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    if (crs?.length > 0) {\n      proj4.defs(crs);\n      register(proj4);\n      setDefinedProj(true);\n    }\n  }, [crs]);\n\n  useEffect(() => {\n    if (getSelectedLayers) {\n      getSelectedLayers(selectedLayers);\n    }\n  }, [getSelectedLayers, selectedLayers]);\n\n  useEffect(() => {\n    if (getSelectedViewItemData) {\n      getSelectedViewItemData(selectedItemData);\n    }\n  }, [getSelectedViewItemData, selectedItemData]);\n\n  //solve refreshing map data outside map layout\n  useEffect(() => {\n    if (!data) return;\n\n    if (dataUpdateCount === 0) {\n      setDataUpdateCount(dataUpdateCount + 1);\n    }\n    //if the data is updated, force the popover to close\n    if (dataUpdateCount === 1) {\n      setSelectedFeatureProperties(null);\n    }\n  }, [data, dataUpdateCount]);\n\n  //data\n  const filteredData = useMemo(() => {\n    if (!data) return [];\n\n    const formattedData = isGeoJsonFormat\n      ? data\n      : generateGeoJsonList(data, geoJsonMappingConfig);\n\n    //this will return an array of features in geojson format\n    if (filterPanel && filterCallback) {\n      return filterCallback(formattedData);\n    }\n\n    return formattedData;\n  }, [\n    data,\n    filterCallback,\n    filterPanel,\n    geoJsonMappingConfig,\n    isGeoJsonFormat\n  ]);\n\n  const gridData = useMemo(() => {\n    return filteredData\n      ?.filter((obj) => {\n        const layerKey = getLayer(layerKeys, layerKeySeparator, obj);\n\n        if (layerRoles?.[layerKey]) {\n          return layerRoles[layerKey]?.some((roleId) =>\n            user.roleIds?.includes(roleId)\n          );\n        }\n        return true;\n      })\n      .map((obj) => ({\n        id: obj.id,\n        ...obj.properties\n      }));\n  }, [filteredData, layerKeySeparator, layerKeys, layerRoles, user.roleIds]);\n\n  const filteredGridData = useMemo(() => {\n    if (gridFilter) {\n      return gridFilter(gridData);\n    }\n\n    return gridData;\n  }, [gridData, gridFilter]);\n\n  const filteredListData = useMemo(() => {\n    if (listFilter) {\n      return listFilter(gridData);\n    }\n\n    return gridData;\n  }, [gridData, listFilter]);\n\n  useEffect(() => {\n    //If there are projections need to be defined, but it isn't defined yet. Then, return to prevent errors in transform().\n    if (crs?.length > 0 && !definedProj) return;\n\n    if (\n      filteredData?.[0]?.geometry?.coordinates &&\n      mapProjection &&\n      mapDataProjection\n    ) {\n      const coordinates = isArray(filteredData?.[0]?.geometry?.coordinates[0])\n        ? filteredData?.[0]?.geometry?.coordinates[0]\n        : filteredData?.[0]?.geometry?.coordinates;\n      const newCenter = transform(\n        coordinates,\n        mapDataProjection,\n        mapProjection\n      );\n      setCurrentCenter(newCenter);\n    }\n  }, [filteredData, mapDataProjection, mapProjection, definedProj, crs]);\n\n  //Default getStyles for map features\n  const getStyles = useCallback((feature) => {\n    const geometryType = feature.getGeometry().getType();\n    return styles[geometryType] ?? new Style();\n  }, []);\n\n  const handleViewDetailsFromPopover = useCallback(\n    (data) => {\n      const featureProperties = data?.selectedFeature?.getProperties();\n\n      if (popoverDetailsEvent) {\n        popoverDetailsEvent(featureProperties);\n        return;\n      }\n\n      if (setRightSectionPanelState) {\n        setRightSectionPanelState(false);\n      }\n\n      setShowDetails(true);\n\n      setSelectedItemData(featureProperties);\n      if (shellContext) {\n        shellContext.setInquiryMenuToggle(false);\n      }\n    },\n    [popoverDetailsEvent, setRightSectionPanelState, shellContext]\n  );\n\n  const handleCloseDetailSheet = useCallback(() => {\n    setShowDetails(false);\n    if (setRightSectionPanelState) {\n      setRightSectionPanelState(false);\n    }\n    setSelectedItemData(null);\n  }, [setRightSectionPanelState]);\n\n  const handleViewDetailsFromList = useCallback(\n    (data) => {\n      setShowDetails(true);\n      if (setRightSectionPanelState) {\n        setRightSectionPanelState(false);\n      }\n      setSelectedItemData(data);\n      if (shellContext) {\n        shellContext.setInquiryMenuToggle(false);\n      }\n    },\n    [setRightSectionPanelState, shellContext]\n  );\n\n  const itemDetails = useMemo(() => {\n    if (\n      selectedItemData &&\n      !overrideDetailRightSection &&\n      !rightSectionPanelState\n    ) {\n      return Object.entries(selectedItemData)\n        .filter(\n          ([key, value]) =>\n            'geometry' !== key && !isObject(value) && !isArray(value)\n        )\n        .map(([key, value]) => {\n          return (\n            <FluentTextField\n              label={startCase(key)}\n              value={value}\n              InputProps={{\n                readOnly: true\n              }}\n            />\n          );\n        });\n    }\n\n    return;\n  }, [overrideDetailRightSection, rightSectionPanelState, selectedItemData]);\n\n  const gridColumnDefinition = useMemo(() => {\n    if (!columnDefs) return;\n\n    //check if there's actions renderer to use. Otherwise, using the default actions renderer\n    if (frameworkComponents?.actionsRenderer) {\n      return columnDefs;\n    } else {\n      return [\n        ...columnDefs,\n        {\n          headerName: t('Actions'),\n          field: 'actions',\n          suppressSizeToFit: true,\n          minWidth: 100,\n          maxWidth: 125,\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            openView: (data) => handleViewDetailsFromList(data)\n          },\n          sortable: false\n        }\n      ];\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [columnDefs, frameworkComponents]);\n\n  const detailSheetHeight = useMemo(() => {\n    if (!showGrid) {\n      return '73vh';\n    } else if (showGrid && !showMap) {\n      return `calc(67vh + 6vh)`;\n    } else {\n      return `calc(${mapHeight} + ${gridHeight} + 6vh)`;\n    }\n  }, [gridHeight, mapHeight, showGrid, showMap]);\n\n  const handleSelectLayers = (e) => {\n    setSelectedLayers(e);\n  };\n\n  const handleSelectMarker = useCallback((data) => {\n    setSelectedFeatureIdExternal(data?.id);\n  }, []);\n\n  const handleOnCellClicked = useCallback(\n    (params) => {\n      if (onCellClicked) {\n        onCellClicked(params);\n      }\n\n      if (!params?.node?.group && params?.colDef?.field !== 'actions') {\n        handleSelectMarker(params?.data);\n      }\n    },\n    [handleSelectMarker, onCellClicked]\n  );\n\n  const listView = useMemo(() => {\n    if (hideListView) return;\n\n    return (\n      <ListView\n        data={filteredListData ?? []}\n        listViewConfig={listViewCardConfig ?? cardConfig}\n        noWrapPrimaryText={noWrapPrimaryText}\n        viewEvent={listViewDetailsEvent ?? handleViewDetailsFromList}\n        showMarkerEvent={handleSelectMarker}\n        chipConfig={listViewChipConfig}\n      />\n    );\n  }, [\n    cardConfig,\n    filteredListData,\n    handleSelectMarker,\n    handleViewDetailsFromList,\n    hideListView,\n    listViewCardConfig,\n    listViewChipConfig,\n    listViewDetailsEvent,\n    noWrapPrimaryText\n  ]);\n\n  const handleSetSelectedFeatureProperties = useCallback((currentFeature) => {\n    if (currentFeature) {\n      let featureProperties = currentFeature?.getProperties();\n\n      setSelectedFeatureCoordinates(\n        currentFeature.getGeometry().getCoordinates()\n      );\n\n      setSelectedFeatureProperties(featureProperties);\n    }\n  }, []);\n\n  const handleCloseFeaturePopover = useCallback(() => {\n    setSelectedFeatureIdExternal(null);\n  }, []);\n\n  const handleSetMapComponent = useCallback((value) => {\n    setMap(value);\n  }, []);\n\n  const mapComponent = useMemo(() => {\n    return (\n      <div>\n        <Grid container>\n          <Grid\n            item\n            xs={3}\n            style={{\n              display: !hideListView && showList ? 'block' : 'none'\n            }}\n          >\n            <div className={clsx(classes.fullHeight, classes.listViewWrapper)}>\n              {listView}\n            </div>\n          </Grid>\n          <Grid item xs={showList ? 9 : 12}>\n            <UdpMapComponent\n              map={map}\n              handleSetMapComponent={handleSetMapComponent}\n              data={data}\n              isGeoJsonFormat={isGeoJsonFormat}\n              geoJsonMappingConfig={geoJsonMappingConfig}\n              enableZoom={showZoomControl}\n              mapZoom={mapZoom}\n              mapCenter={currentCenter}\n              mapHeight={mapHeight}\n              crs={crs}\n              mapProjection={mapProjection}\n              mapDataProjection={mapDataProjection}\n              getFilteredMapData={mapFilter}\n              getVectorLayerSources={getVectorLayerSources}\n              getFeatureStyles={getMapFeatureStyles ?? getStyles}\n              getSelectedFeatureStyles={getSelectedFeatureStyles}\n              filterPanel={filterPanel}\n              filterPanelCallback={filterCallback}\n              enableTileSelection={!hideTileSelection}\n              tileLayersOptions={tileLayersOptions}\n              defaultTileOptionName={defaultTileOptionName}\n              layerOptions={layerOptions}\n              initialSelectedLayers={initialSelectedLayers}\n              bulkSelectedFeaturesActionPanel={selectedFeaturesActionPanel}\n              handleSetSelectedFeaturesOnBulkSelect={getSelectedFeatures}\n              filterLayersByRole={layerRoles?.length > 0}\n              layerKeys={layerKeys}\n              layerKeySeparator={layerKeySeparator}\n              user={user}\n              layerRoles={layerRoles}\n              filteredLayerOptionsByRole={filteredLayerOptions}\n              handleSetFilteredLayerOptionsByRole={setFilterLayerOptions}\n              enableViewFeature={enableViewFeature}\n              handleViewFeature={handleViewDetailsFromPopover}\n              bulkSelectionActive={bulkSelectionActive}\n              splitActive={splitActive}\n              enableDragBox={enableDragBox}\n              selectedFeatureCoordinates={selectedFeatureCoordinates}\n              selectedFeatureProperties={selectedFeatureProperties}\n              handleSetSelectedFeatureProperties={\n                handleSetSelectedFeatureProperties\n              }\n              enableAddNewFeature={addActive}\n              readOnlyLayers={readOnlyLayers}\n              selectedFeatureIdExternal={selectedFeatureIdExternal}\n              additionalOnclosePopover={handleCloseFeaturePopover}\n              popoverPrimaryActions={popoverPrimaryActions}\n              popoverMoreIconButtonActions={popoverMoreIconButtonActions}\n              getMessagePopover={getMessagePopover}\n              getMessageIconPopover={getMessageIconPopover}\n              hideMessageIconPopover={hideMessageIconPopover}\n              popoverCardConfig={cardConfig}\n              selectedLayers={selectedLayers}\n              handleSetSelectedLayers={handleSelectLayers}\n              handleGetZoomExtent={handleGetZoomExtent}\n              minZoom={minZoom}\n              maxZoom={maxZoom}\n            />\n          </Grid>\n        </Grid>\n      </div>\n    );\n  }, [\n    addActive,\n    bulkSelectionActive,\n    cardConfig,\n    classes.fullHeight,\n    classes.listViewWrapper,\n    crs,\n    currentCenter,\n    data,\n    defaultTileOptionName,\n    enableDragBox,\n    enableViewFeature,\n    filterCallback,\n    filterPanel,\n    filteredLayerOptions,\n    geoJsonMappingConfig,\n    getMapFeatureStyles,\n    getMessageIconPopover,\n    getMessagePopover,\n    getSelectedFeatureStyles,\n    getSelectedFeatures,\n    getStyles,\n    getVectorLayerSources,\n    handleCloseFeaturePopover,\n    handleGetZoomExtent,\n    handleSetMapComponent,\n    handleSetSelectedFeatureProperties,\n    handleViewDetailsFromPopover,\n    hideListView,\n    hideMessageIconPopover,\n    hideTileSelection,\n    initialSelectedLayers,\n    isGeoJsonFormat,\n    layerKeySeparator,\n    layerKeys,\n    layerOptions,\n    layerRoles,\n    listView,\n    map,\n    mapDataProjection,\n    mapFilter,\n    mapHeight,\n    mapProjection,\n    mapZoom,\n    maxZoom,\n    minZoom,\n    popoverMoreIconButtonActions,\n    popoverPrimaryActions,\n    readOnlyLayers,\n    selectedFeatureCoordinates,\n    selectedFeatureIdExternal,\n    selectedFeatureProperties,\n    selectedFeaturesActionPanel,\n    selectedLayers,\n    showList,\n    showZoomControl,\n    splitActive,\n    tileLayersOptions,\n    user\n  ]);\n\n  const gridComponent = useMemo(() => {\n    return (\n      <div>\n        <AmbientGridTemplate\n          title={gridTitle}\n          data={filteredGridData}\n          columnDefs={gridColumnDefinition}\n          groupingData={groupingData}\n          frameworkComponents={{\n            actionsRenderer: ActionsRenderer,\n            ...frameworkComponents\n          }}\n          primaryActionButton={primaryActionButton}\n          loading={loading}\n          rowNodeIdName={rowNodeIdName}\n          height={showGrid && !showMap ? '67vh' : gridHeight}\n          paginationPageSize={paginationPageSize}\n          onSearch={onSearch}\n          onRowSelected={onRowSelected}\n          rowModelType={rowModelType}\n          api={api}\n          columnApi={columnApi}\n          gridReady={gridReady}\n          dynamicSizing\n          onCellClicked={handleOnCellClicked}\n          {...otherGridProps}\n        />\n      </div>\n    );\n  }, [\n    api,\n    columnApi,\n    filteredGridData,\n    frameworkComponents,\n    gridColumnDefinition,\n    gridHeight,\n    gridReady,\n    gridTitle,\n    groupingData,\n    handleOnCellClicked,\n    loading,\n    onRowSelected,\n    onSearch,\n    otherGridProps,\n    paginationPageSize,\n    primaryActionButton,\n    rowModelType,\n    rowNodeIdName,\n    showGrid,\n    showMap\n  ]);\n\n  const mapGrid = useMemo(() => {\n    if (position === 'gridOnTop') {\n      return (\n        <div>\n          {showGrid && gridComponent}\n          {showMap && mapComponent}\n        </div>\n      );\n    }\n    return (\n      <div>\n        {showMap && mapComponent}\n        {showGrid && gridComponent}\n      </div>\n    );\n  }, [gridComponent, mapComponent, position, showGrid, showMap]);\n\n  return (\n    <div>\n      <UdpMapToolbar\n        map={map}\n        mapTitle={mapTitle}\n        mapProjection={mapProjection}\n        getFeatureStyles={getMapFeatureStyles}\n        getSelectedFeatureStyles={getSelectedFeatureStyles}\n        filterPanel={filterPanel}\n        filterPanelCallback={filterCallback}\n        enableTileSelection={!hideTileSelection}\n        tileLayersOptions={tileLayersOptions}\n        defaultTileOptionName={defaultTileOptionName}\n        layerOptions={layerOptions}\n        initialSelectedLayers={initialSelectedLayers}\n        bulkSelectedFeaturesActionPanel={selectedFeaturesActionPanel}\n        handleSetSelectedFeaturesOnBulkSelect={getSelectedFeatures}\n        handleSetSelectedFeatureOnSelect={getSelectedViewItemData}\n        handleRefresh={refreshEvent}\n        refreshButtonTooltip={refreshButtonTooltip}\n        readOnlyMap={readOnlyMap}\n        enableAdd={enableAddNewFeature}\n        handleAddNewFeatures={handleAddNewFeatures}\n        addMultipleFeatures={addMultipleFeatures}\n        enableSplitFeature={enableSplitFeature}\n        handleSplitFeature={handleSplitFeature}\n        handleSetSelectedFeatureProperties={handleSetSelectedFeatureProperties}\n        filteredLayerOptionsByRole={filteredLayerOptions}\n        handleSetBulkSelectionActive={setBulkSelectionActive}\n        enableDragBox={enableDragBox}\n        handleSetEnableDragBox={setEnableDragBox}\n        splitActive={splitActive}\n        handleSetSplitActive={setSplitActive}\n        enableAddNewFeature={addActive}\n        handleEnableAddNewFeature={setAddActive}\n        readOnlyLayers={readOnlyLayers}\n        selectedLayers={selectedLayers}\n        handleSetSelectedLayers={handleSelectLayers}\n        addFeaturePanelConfig={addFeaturePanelConfig}\n      />\n      <Grid container>\n        <Grid\n          item\n          {...(showDetails || rightSectionPanelState\n            ? { xs: 7, sm: 9 }\n            : { xs: 12 })}\n        >\n          {mapGrid}\n        </Grid>\n        {(showDetails || rightSectionPanelState) && (\n          <Grid\n            item\n            xs={5}\n            sm={3}\n            className={classes.leftColumn}\n            style={{ maxHeight: detailSheetHeight }}\n          >\n            <div className={classes.detailSheetHeader}>\n              <FluentIconButton\n                onClick={handleCloseDetailSheet}\n                icon={ChromeCloseIcon}\n              />\n              <StandardTitle className={classes.detailTitle}>\n                {rightSectionPanelTitle ?? t('Details')}\n              </StandardTitle>\n            </div>\n            <div\n              className={noRightPanelPadding ? null : classes.detailSheetBody}\n            >\n              {rightSectionPanel &&\n                (rightSectionPanelState ||\n                  (showDetails && overrideDetailRightSection)) &&\n                rightSectionPanel}\n              {showDetails && itemDetails && (\n                <AmbientCard fullWidth>{itemDetails}</AmbientCard>\n              )}\n            </div>\n          </Grid>\n        )}\n      </Grid>\n    </div>\n  );\n};\n"],"mappings":"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iCAAiC;GACjC,uCAAuC;GACvC,oBAAoB,YAAY,SAAS;GAC9B;GACQ;GACb;GACM;GACZ,4BAA4B;GAC5B,qCAAqC;GAClB;GACnB,mBAAmB;GACE;GACR;GACE;GACa;GACD;GAEzB;GAEF,qBAAqB;GACL;GACW;GAC3B,0BAA0B;GACH;GACO;GACX;GACI;GACC;GACxB,mBAAmB;GACH;GAChB,yBAAyB;GACJ;GACZ;GACA;IACT,CACG,CACF,CACH;IAEP;EACD;EACA;EACA;EACA,QAAQ;EACR,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,gBAAgB,cAAc;AAClC,SACE,oCAAC,aACC,oCAAC;GACC,OAAO;GACP,MAAM;GACN,YAAY;GACE;GACd,qBAAqB;IACnB,iBAAiB;IACjB,GAAG;IACJ;GACoB;GACZ;GACM;GACf,QAAQ,YAAY,CAAC,UAAU,SAAS;GACpB;GACV;GACK;GACD;GACT;GACM;GACA;GACX;GACA,eAAe;GACf,GAAI;IACJ,CACE;IAEP;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,UAAU,cAAc;AAC5B,MAAI,aAAa,YACf,QACE,oCAAC,aACE,YAAY,eACZ,WAAW,aACR;AAGV,SACE,oCAAC,aACE,WAAW,cACX,YAAY,cACT;IAEP;EAAC;EAAe;EAAc;EAAU;EAAU;EAAQ,CAAC;AAE9D,QACE,oCAAC,aACC,oCAAC;EACM;EACK;EACK;EACf,kBAAkB;EACQ;EACb;EACb,qBAAqB;EACrB,qBAAqB,CAAC;EACH;EACI;EACT;EACS;EACvB,iCAAiC;EACjC,uCAAuC;EACvC,kCAAkC;EAClC,eAAe;EACO;EACT;EACb,WAAW;EACW;EACD;EACD;EACA;EACgB;EACpC,4BAA4B;EAC5B,8BAA8B;EACf;EACf,wBAAwB;EACX;EACb,sBAAsB;EACtB,qBAAqB;EACrB,2BAA2B;EACX;EACA;EAChB,yBAAyB;EACF;GACvB,EACF,oCAAC,QAAK,mBACJ,oCAAC;EACC;EACA,GAAK,eAAe,yBAChB;GAAE,IAAI;GAAG,IAAI;GAAG,GAChB,EAAE,IAAI,IAAI;IAEb,QACI,GACL,eAAe,2BACf,oCAAC;EACC;EACA,IAAI;EACJ,IAAI;EACJ,WAAW,QAAQ;EACnB,OAAO,EAAE,WAAW,mBAAmB;IAEvC,oCAAC,SAAI,WAAW,QAAQ,qBACtB,oCAAC;EACC,SAAS;EACT,MAAM;GACN,EACF,oCAAC,iBAAc,WAAW,QAAQ,eAC/B,0BAA0B,EAAE,UAAU,CACzB,CACZ,EACN,oCAAC,SACC,WAAW,sBAAsB,OAAO,QAAQ,mBAE/C,sBACE,0BACE,eAAe,+BAClB,mBACD,eAAe,eACd,oCAAC,eAAY,mBAAW,YAA0B,CAEhD,CACD,CAEJ,CACH"}

package/dist/MapUtilities-pcP3VTTj.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-pcP3VTTj.js.map