udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.38

package/dist/mapLayout-BvKaPY3O.js

@@ -1,513 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
-import { t as StandardTitle } from "./StandardTitle-DJ9zcNBA.js";
-import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-VCZhDcIf.js";
-import { t as FluentTextField } from "./FluentTextField-CXvZawOG.js";
-import { t as useAuthedUser } from "./useAuthedUser-CN4neRNZ.js";
-import { n as ListView_default, t as ActionsRenderer_default } from "./ActionsRenderer-Dv1nw5l4.js";
-import { a as getLayer, n as generateGeoJsonList } from "./MapUtilities-CB4W9Tzk.js";
-import { n as UdpMapComponent, t as UdpMapToolbar } from "./UdpMapToolbar-CZwm0s_u.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$1) => {
-		const featureProperties = data$1?.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$1) => {
-		setShowDetails(true);
-		if (setRightSectionPanelState) setRightSectionPanelState(false);
-		setSelectedItemData(data$1);
-		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$1) => handleViewDetailsFromList(data$1) },
-			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$1) => {
-		setSelectedFeatureIdExternal(data$1?.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_default, {
-			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_default,
-				...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-BvKaPY3O.js.map

package/dist/mapLayout-BvKaPY3O.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapLayout-BvKaPY3O.js","names":["data","ListView","ActionsRenderer"],"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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ACvB,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,iBAAiBC;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/maps-B-xWKM7w.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { UdpMap } from "udp-react-stencil-component-library";
-
-//#region src/UI/maps/UdpMap.tsx
-const UdpMap$1 = (props) => {
-	return /* @__PURE__ */ React.createElement(UdpMap, props);
-};
-
-//#endregion
-export { UdpMap$1 as t };
-//# sourceMappingURL=maps-B-xWKM7w.js.map

package/dist/maps-B-xWKM7w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"maps-B-xWKM7w.js","names":["UdpMap: React.FC<UdpMapProps>","Map"],"sources":["../src/UI/maps/UdpMap.tsx"],"sourcesContent":["import React from 'react';\nimport { UdpMap as Map } from 'udp-react-stencil-component-library';\n\nexport interface UdpMapProps {\n  /* Enables the toolbar */\n  enableToolbar?: boolean;\n\n  /* Title appearing on map */\n  mapTitle?: string;\n\n  /* Feature data (in either Geo-JSON format or not). Geo-JSON format: [{ type: string, id: string, geometry: { type: 'Point' | 'LineString' | 'Polygon', coordinates: Coordinate }, properties: any }] */\n  data?: any[];\n\n  /* Boolean stating if the data is in Geo-JSON format */\n  isGeoJsonFormat?: boolean;\n\n  /* Method - If data is not in Geo-JSON format, returns data in Geo-JSON format */\n  geoJsonMappingConfig?: any;\n\n  /* Allows zoom */\n  enableZoom?: boolean;\n\n  /* Default map zoom */\n  mapZoom?: number;\n\n  /* Default map center */\n  mapCenter?: any;\n\n  /* Map height */\n  mapHeight?: string;\n\n  /* Coordinate reference system used */\n  crs?: any;\n\n  /* Map feature projection used */\n  mapProjection?: string;\n\n  /* Map data projection used */\n  mapDataProjection?: string;\n\n  /* Method - Custom filter for map features */\n  getFilteredMapData?: any;\n\n  /* Method - Returns custom styles for features */\n  getFeatureStyles?: any;\n\n  /* Method - Returns custom styles for selected features */\n  getSelectedFeatureStyles?: any;\n\n  /* Custom filter panel */\n  filterPanel?: string;\n\n  /* Method - Callback to filter features from custom filter panel */\n  filterPanelCallback?: any;\n\n  /* Allows selecting tile layer */\n  enableTileSelection?: boolean;\n\n  /* List of tile layers visible on the map */\n  tileLayersOptions?: any[];\n\n  /* Default tile layer name */\n  defaultTileOptionName?: string;\n\n  /* List of options for vector layers */\n  layerOptions?: any[];\n\n  /* Vector layers selected in the layer filter on initial map load */\n  initialSelectedLayers?: any[];\n\n  /* Callback to return layers that are selected */\n  handleSelectLayersCallback: any;\n\n  /* Custom action panel for selected features */\n  bulkSelectedFeaturesActionPanel?: string;\n\n  /* Method - Retrieves selected features when bulk selected */\n  handleSetSelectedFeaturesOnBulkSelect: any;\n\n  /* Method - Retrieves selected feature when individually selected */\n  handleSetSelectedFeatureOnSelect: any;\n\n  /* Enables filtering layers by role */\n  filterLayersByRole: boolean;\n\n  /* Layer keys to get the current feature layer when adding layers with features to the map */\n  layerKeys?: string[];\n\n  /* Layer key separator to get the current feature layer when adding layers with features to the map */\n  layerKeySeparator?: string;\n\n  /* Authenticated user from Unity - used to filter layers by role */\n  user?: any;\n\n  /* Layers assigned to roles */\n  layerRoles?: any;\n\n  /* Callback method to refresh map */\n  handleRefresh?: any;\n\n  /* Custom tooltip message on refresh button */\n  refreshButtonTooltip?: string;\n\n  /* Map is read-only (setting true removes the add, edit, delete functionality) */\n  readOnlyMap: boolean;\n\n  /* Enables adding a new feature by drawing on the map */\n  enableAdd: boolean;\n\n  /* When adding features on the map by drawing, this callback method returns the newly added features */\n  handleAddNewFeatures: any;\n\n  /* When adding features by drawing, add multiple features */\n  addMultipleFeatures: boolean;\n\n  /* Enables splitting line strings on the map */\n  enableSplitFeature: boolean;\n\n  /* Callback function to return split feature */\n  handleSplitFeature: any;\n\n  /* Enables viewing a selected feature */\n  enableViewFeature: boolean;\n\n  /* Method to enable viewing a selected feature */\n  handleViewFeature: any;\n\n  /* Enables deleting a selected feature */\n  enableDeleteFeature: boolean;\n\n  /* Callback method to handle deleting a selected feature */\n  handleDeleteFeature?: any;\n\n  /* Enables editing a selected feature */\n  enableEditFeature: boolean;\n\n  /* Callback method to handle editing a selected feature */\n  handleEditFeature?: any;\n\n  /* Callback method to return map zoom and extent when the resolution changes */\n  handleGetZoomExtent?: any;\n\n  /* Configuration object for customizing the popover card's appearance or behavior */\n  cardConfig?: any;\n\n  /* Array of primary action configurations for the popover (e.g., buttons) */\n  popoverPrimaryActions?: { id?: string; name: string; iconName: string; onClick: (data: any) => void }[];\n\n  /* Array of additional actions for the popover's \"more\" icon button (e.g., menu items) */\n  popoverMoreIconButtonActions?: { id?: string; name: string; iconName: string; onClick: (data: any) => void }[];\n\n  /* Function to get the message text to display in the popover, based on feature data */\n  getMessagePopover?: (data: any) => string;\n\n  /* Function to get the icon to display in the popover, based on feature data */\n  getMessageIconPopover?: (data: any) => any;\n\n  /* Boolean to control whether the message icon in the popover should be hidden */\n  hideMessageIconPopover?: boolean;\n\n  /* List of layers that are read only */\n  readOnlyLayers?: string[];\n\n  minZoom?: number;\n  maxZoom?: number\n}\n\nexport const UdpMap: React.FC<UdpMapProps> = (props: UdpMapProps) => {\n  return <Map {...props} />;\n};\n"],"mappings":";;;;AAuKA,MAAaA,YAAiC,UAAuB;AACnE,QAAO,oCAACC,QAAQ,MAAS"}