@terraware/web-components 3.5.11 → 3.5.12-rc.0

package/components/Map/MapBox.d.ts

@@ -1,48 +1,8 @@
 import React from 'react';
-import { MultiPolygon } from 'geojson';
 import { MapMouseEvent } from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
-import { MapCursor, MapFillComponentStyle, MapIconComponentStyle, MapViewStyle } from './types';
-export type MapFeature = {
-    featureId: string;
-    geometry: MultiPolygon;
-    label?: string;
-    onClick?: () => void;
-    priority?: number;
-    selected?: boolean;
-};
-export type MapFeatureGroup = {
-    groupId: string;
-    hidden?: boolean;
-    features: MapFeature[];
-    style: MapFillComponentStyle;
-};
-export type MapHighlight = {
-    featureIds: {
-        featureGroupId: string;
-        featureId: string;
-    }[];
-    highlightId: string;
-    style: MapFillComponentStyle;
-};
-export type MapHighlightGroup = {
-    hidden?: boolean;
-    highlights: MapHighlight[];
-};
-export type MapMarker = {
-    id: string;
-    longitude: number;
-    latitude: number;
-    onClick?: () => void;
-    selected?: boolean;
-};
-export type MapMarkerGroup = {
-    hidden?: boolean;
-    markers: MapMarker[];
-    style: MapIconComponentStyle;
-};
+import { MapCursor, MapHighlightGroup, MapLayer, MapMarkerGroup, MapViewStyle } from './types';
 export type MapBoxProps = {
-    children?: React.ReactNode;
     clusterRadius?: number;
     containerId?: string;
     controlBottomLeft?: React.ReactNode;
@@ -51,7 +11,7 @@ export type MapBoxProps = {
     cursorMap?: MapCursor;
     disableDoubleClickZoom?: boolean;
     disableZoom?: boolean;
-    featureGroups?: MapFeatureGroup[];
+    drawerOpen?: boolean;
     hideFullScreenControl?: boolean;
     hideMapViewStyleControl?: boolean;
     hideZoomControl?: boolean;
@@ -61,6 +21,7 @@ export type MapBoxProps = {
         longitude?: number;
         zoom?: number;
     };
+    layers?: MapLayer[];
     mapId: string;
     mapImageUrls?: string[];
     mapViewStyle: MapViewStyle;

package/components/Map/MapBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapBox.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MapBox.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,EAAuB,aAAa,EAAS,MAAM,WAAW,CAAC;AACtE,OAAO,8BAA8B,CAAC;AAKtC,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,QAAQ,EAER,cAAc,EAEd,YAAY,EAEb,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,WAAW,GAAG;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WA4jBpC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/components/Map/MapBox.js

@@ -14,15 +14,9 @@ var _utils = require("../../utils");
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _MapViewStyleControl = _interopRequireDefault(require("./MapViewStyleControl"));
 var _types = require("./types");
-// Each layer item will become a feature, with a property of id.
-
-// Each layer will become a set of features that have the same type.
-
-// Additional shading/annotations for map entities
-
+var _useMaintainLayerOrder = require("./useMaintainLayerOrder");
 const MapBox = props => {
   const {
-    children,
     clusterRadius,
     containerId,
     controlBottomLeft,
@@ -31,7 +25,8 @@ const MapBox = props => {
     cursorMap,
     disableDoubleClickZoom,
     disableZoom,
-    featureGroups,
+    drawerOpen,
+    layers: featureGroups,
     hideFullScreenControl,
     hideMapViewStyleControl,
     hideZoomControl,
@@ -113,7 +108,7 @@ const MapBox = props => {
   // Find all layers with at least some clickable elements
   const interactiveLayerIds = (0, _react.useMemo)(() => {
     var _featureGroups$filter;
-    return featureGroups === null || featureGroups === void 0 ? void 0 : (_featureGroups$filter = featureGroups.filter(group => group.features.some(feature => feature.onClick !== undefined))) === null || _featureGroups$filter === void 0 ? void 0 : _featureGroups$filter.map(group => group.groupId);
+    return featureGroups === null || featureGroups === void 0 ? void 0 : (_featureGroups$filter = featureGroups.filter(group => group.features.some(feature => feature.onClick !== undefined))) === null || _featureGroups$filter === void 0 ? void 0 : _featureGroups$filter.map(group => group.layerId);
   }, [featureGroups]);
   const geojson = (0, _react.useMemo)(() => {
     const features = featureGroups === null || featureGroups === void 0 ? void 0 : featureGroups.flatMap(group => {
@@ -123,8 +118,8 @@ const MapBox = props => {
           id: feature.featureId,
           clickable: feature.onClick !== undefined,
           label: feature.label,
-          layerFeatureId: "".concat(group.groupId, "/").concat(feature.featureId),
-          layerId: group.groupId,
+          layerFeatureId: "".concat(group.layerId, "/").concat(feature.featureId),
+          layerId: group.layerId,
           priority: (_feature$priority = feature.priority) !== null && _feature$priority !== void 0 ? _feature$priority : 0,
           selected: (_feature$selected = feature.selected) !== null && _feature$selected !== void 0 ? _feature$selected : false
         };
@@ -145,43 +140,43 @@ const MapBox = props => {
     fillLayers,
     textLayers
   } = (0, _react.useMemo)(() => {
-    const visibleGroups = featureGroups === null || featureGroups === void 0 ? void 0 : featureGroups.filter(group => !group.hidden);
-    const _borderLayers = visibleGroups === null || visibleGroups === void 0 ? void 0 : visibleGroups.map(group => {
+    const _borderLayers = featureGroups === null || featureGroups === void 0 ? void 0 : featureGroups.map(group => {
       return /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-        key: "".concat(group.groupId, "-border"),
-        id: "".concat(group.groupId, "-border"),
+        key: "".concat(group.layerId, "-border"),
+        id: "".concat(group.layerId, "-border"),
         source: 'mapData',
         type: "line",
         paint: {
           'line-color': group.style.borderColor,
           'line-width': 2
         },
-        filter: ['==', ['get', 'layerId'], group.groupId]
+        filter: ['==', ['get', 'layerId'], group.layerId]
       });
     });
-    const _fillLayers = visibleGroups === null || visibleGroups === void 0 ? void 0 : visibleGroups.map(group => {
+    const _fillLayers = featureGroups === null || featureGroups === void 0 ? void 0 : featureGroups.map(group => {
       var _group$style$opacity;
       const opacity = Math.min(0.4, (_group$style$opacity = group.style.opacity) !== null && _group$style$opacity !== void 0 ? _group$style$opacity : 0.2);
       const selectedOpacity = opacity * 2;
       const hoverOpacity = opacity * 1.5;
       const hoverAndSelectedOpacity = opacity * 2.5;
-      const groupFilter = ['==', ['get', 'layerId'], group.groupId];
+      const groupFilter = ['==', ['get', 'layerId'], group.layerId];
+      const clickableFilter = ['==', ['get', 'clickable'], true];
       const selectedFilter = ['==', ['get', 'selected'], true];
       const notSelectedFilter = ['==', ['get', 'selected'], false];
       const hoverFilter = ['==', ['get', 'id'], hoverFeatureId !== null && hoverFeatureId !== void 0 ? hoverFeatureId : null];
       const notHoverFilter = ['!=', ['get', 'id'], hoverFeatureId !== null && hoverFeatureId !== void 0 ? hoverFeatureId : null];
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-        key: group.groupId,
-        id: group.groupId,
+        key: group.layerId,
+        id: group.layerId,
         source: 'mapData',
         type: 'fill',
         paint: {
           'fill-opacity': 0
         },
-        filter: groupFilter
+        filter: ['all', groupFilter, clickableFilter]
       }), /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-        key: "".concat(group.groupId, "-unselected"),
-        id: "".concat(group.groupId, "-unselected"),
+        key: "".concat(group.layerId, "-unselected"),
+        id: "".concat(group.layerId, "-unselected"),
         source: 'mapData',
         type: 'fill',
         paint: group.style.fillPatternUrl ? {
@@ -193,8 +188,9 @@ const MapBox = props => {
         },
         filter: ['all', groupFilter, notSelectedFilter, notHoverFilter]
       }), /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-        key: "".concat(group.groupId, "-selected"),
-        id: "".concat(group.groupId, "-selected"),
+        key: "".concat(group.layerId, "-selected"),
+        id: "".concat(group.layerId, "-selected"),
+        slot: 'bottom',
         source: 'mapData',
         type: 'fill',
         paint: group.style.fillPatternUrl ? {
@@ -206,8 +202,8 @@ const MapBox = props => {
         },
         filter: ['all', groupFilter, selectedFilter, notHoverFilter]
       }), /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-        key: "".concat(group.groupId, "-hover"),
-        id: "".concat(group.groupId, "-hover"),
+        key: "".concat(group.layerId, "-hover"),
+        id: "".concat(group.layerId, "-hover"),
         source: 'mapData',
         type: 'fill',
         paint: group.style.fillPatternUrl ? {
@@ -219,8 +215,8 @@ const MapBox = props => {
         },
         filter: ['all', groupFilter, hoverFilter, notSelectedFilter]
       }), /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-        key: "".concat(group.groupId, "-selected-hover"),
-        id: "".concat(group.groupId, "-selected-hover"),
+        key: "".concat(group.layerId, "-selected-hover"),
+        id: "".concat(group.layerId, "-selected-hover"),
         source: 'mapData',
         type: 'fill',
         paint: group.style.fillPatternUrl ? {
@@ -233,12 +229,12 @@ const MapBox = props => {
         filter: ['all', groupFilter, hoverFilter, selectedFilter]
       }));
     });
-    const _textLayers = visibleGroups === null || visibleGroups === void 0 ? void 0 : visibleGroups.map(group => {
-      const groupFilter = ['==', ['get', 'layerId'], group.groupId];
+    const _textLayers = featureGroups === null || featureGroups === void 0 ? void 0 : featureGroups.map(group => {
+      const groupFilter = ['==', ['get', 'layerId'], group.layerId];
       const labelFilter = ['has', 'label'];
       return /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-        key: "".concat(group.groupId, "-label"),
-        id: "".concat(group.groupId, "-label"),
+        key: "".concat(group.layerId, "-label"),
+        id: "".concat(group.layerId, "-label"),
         source: 'mapData',
         type: 'symbol',
         layout: {
@@ -256,27 +252,26 @@ const MapBox = props => {
       });
     });
     return {
-      borderLayers: _borderLayers,
-      fillLayers: _fillLayers,
-      textLayers: _textLayers
+      borderLayers: _borderLayers !== null && _borderLayers !== void 0 ? _borderLayers : [],
+      fillLayers: _fillLayers !== null && _fillLayers !== void 0 ? _fillLayers : [],
+      textLayers: _textLayers !== null && _textLayers !== void 0 ? _textLayers : []
     };
   }, [featureGroups, hoverFeatureId]);
   const highlightLayers = (0, _react.useMemo)(() => {
-    var _visibleGroups$flatMa;
-    const visibleGroups = highlightGroups === null || highlightGroups === void 0 ? void 0 : highlightGroups.filter(group => !group.hidden);
-    return (_visibleGroups$flatMa = visibleGroups === null || visibleGroups === void 0 ? void 0 : visibleGroups.flatMap(group => {
-      return group.highlights.map(highlight => {
+    var _highlightGroups$flat;
+    return (_highlightGroups$flat = highlightGroups === null || highlightGroups === void 0 ? void 0 : highlightGroups.flatMap(group => {
+      return group.highlights.map((highlight, index) => {
         var _highlight$style$opac, _highlight$style$opac2;
         const highlightFeatureIds = highlight.featureIds.map(_ref => {
           let {
-            featureGroupId,
+            layerId,
             featureId
           } = _ref;
-          return "".concat(featureGroupId, "/").concat(featureId);
+          return "".concat(layerId, "/").concat(featureId);
         });
         return /*#__PURE__*/_react.default.createElement(_mapbox.Layer, {
-          key: "highlight-".concat(highlight.highlightId),
-          id: "highlight-".concat(highlight.highlightId),
+          key: "highlight-".concat(group.highlightId, "-").concat(index),
+          id: "highlight-".concat(group.highlightId, "-").concat(index),
           source: 'mapData',
           type: 'fill',
           paint: highlight.style.fillPatternUrl ? {
@@ -289,11 +284,10 @@ const MapBox = props => {
           filter: ['all', ['has', 'layerFeatureId'], ['match', ['get', 'layerFeatureId'], highlightFeatureIds, true, false]]
         });
       });
-    })) !== null && _visibleGroups$flatMa !== void 0 ? _visibleGroups$flatMa : [];
+    })) !== null && _highlightGroups$flat !== void 0 ? _highlightGroups$flat : [];
   }, [highlightGroups]);
   const markersComponents = (0, _react.useMemo)(() => {
-    var _markerGroups$filter;
-    return markerGroups === null || markerGroups === void 0 ? void 0 : (_markerGroups$filter = markerGroups.filter(markerGroup => !markerGroup.hidden)) === null || _markerGroups$filter === void 0 ? void 0 : _markerGroups$filter.flatMap(markerGroup => {
+    return markerGroups === null || markerGroups === void 0 ? void 0 : markerGroups.flatMap(markerGroup => {
       // cluster markers here
       const clusteredMarkers = clusterMarkers(mapRef.current, markerGroup.markers);
       return clusteredMarkers.map((markers, i) => {
@@ -346,7 +340,7 @@ const MapBox = props => {
               backgroundColor: selected ? markerGroup.style.iconColor : theme.palette.TwClrBg
             }
           }, /*#__PURE__*/_react.default.createElement("p", {
-            className: "title"
+            className: "count"
           }, markers.length), /*#__PURE__*/_react.default.createElement(_Icon.default, {
             fillColor: selected ? theme.palette.TwClrBg : markerGroup.style.iconColor,
             name: markerGroup.style.iconName,
@@ -369,18 +363,26 @@ const MapBox = props => {
     }
     setHoverFeatureId(undefined);
   }, []);
+  (0, _react.useEffect)(() => {
+    if (!mapRef.current) {
+      return;
+    }
+    const observer = new ResizeObserver(() => {
+      var _mapRef$current2;
+      (_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.resize();
+    });
+    observer.observe(mapRef.current.getContainer());
+    return () => observer.disconnect();
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!mapRef.current) {
+      return;
+    }
+    mapRef.current.resize();
+  }, [drawerOpen]);
 
   // Hovering interactive layers
-  const onMouseEnter = (0, _react.useCallback)(event => {
-    if (event.features && event.features.some(feature => {
-      var _feature$properties;
-      return (_feature$properties = feature.properties) === null || _feature$properties === void 0 ? void 0 : _feature$properties.clickable;
-    })) {
-      setCursor(cursorInteract !== null && cursorInteract !== void 0 ? cursorInteract : 'auto');
-    } else {
-      setCursor('auto');
-    }
-  }, [cursorInteract]);
+  const onMouseEnter = (0, _react.useCallback)(() => setCursor(cursorInteract !== null && cursorInteract !== void 0 ? cursorInteract : 'pointer'), [cursorInteract]);
   const onMouseLeave = (0, _react.useCallback)(() => setCursor('auto'), []);
 
   // Entering and exiting canvases
@@ -408,6 +410,10 @@ const MapBox = props => {
       onClickCanvas(event);
     }
   }, [featureGroups, onClickCanvas]);
+  const orderedLayerIds = (0, _react.useMemo)(() => {
+    return [...fillLayers.map(layer => layer.props.id), ...highlightLayers.map(layer => layer.props.id), ...borderLayers.map(layer => layer.props.id), ...textLayers.map(layer => layer.props.id)];
+  }, [borderLayers, fillLayers, highlightLayers, textLayers]);
+  (0, _useMaintainLayerOrder.useMaintainLayerOrder)(mapRef, orderedLayerIds);
   return /*#__PURE__*/_react.default.createElement(_mapbox.default, {
     key: mapId,
     attributionControl: false,
@@ -420,8 +426,8 @@ const MapBox = props => {
     ref: mapRefCallback,
     scrollZoom: !disableZoom,
     style: {
-      width: 'fill',
-      height: isDesktop ? 'fill' : '80vh',
+      width: 'auto',
+      height: isDesktop ? 'auto' : '80vh',
       flexGrow: isDesktop ? 1 : undefined
     },
     onClick: onMapClick,
@@ -467,6 +473,6 @@ const MapBox = props => {
     id: "mapData",
     type: "geojson",
     data: geojson
-  }, borderLayers, fillLayers, highlightLayers, textLayers), markersComponents, children);
+  }, fillLayers, highlightLayers, borderLayers, textLayers), markersComponents);
 };
 var _default = exports.default = MapBox;

package/components/Map/MapContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,eAAe,CAAC;AAEvB,KAAK,iBAAiB,GAAG;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,SAAS,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAgB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MapContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAGlD,OAAO,eAAe,CAAC;AAEvB,KAAK,iBAAiB,GAAG;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,SAAS,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAiB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/Map/MapContainer.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
 require("./styles.scss");
 const MapContainer = props => {
@@ -19,9 +19,12 @@ const MapContainer = props => {
   const {
     isDesktop
   } = (0, _utils.useDeviceInfo)();
+  const drawerOnly = (0, _react.useMemo)(() => !isDesktop && drawerOpen, [drawerOpen, isDesktop]);
   return /*#__PURE__*/_react.default.createElement("div", {
     id: containerId,
     className: "map-container map-container".concat(isDesktop ? '--desktop' : "--mobile".concat(drawerOpen ? '-drawer-open' : ''))
-  }, (isDesktop || !drawerOpen) && map, drawerOpen && drawer, (isDesktop || !drawerOpen) && legend);
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "map-holder".concat(drawerOnly ? ' map-holder--hidden' : '')
+  }, map), drawerOpen && drawer, !drawerOnly && legend);
 };
 var _default = exports.default = MapContainer;

package/components/Map/MapDrawer.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import './styles.scss';
-type MapDrawerSize = 'small' | 'medium';
+export type MapDrawerSize = 'small' | 'medium';
 export type MapDrawerProp = {
     children?: ReactNode;
     onClose?: () => void;

package/components/Map/MapDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapDrawer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,eAAe,CAAC;AAEvB,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,aAAa,mDAqBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MapDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapDrawer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,aAAa,mDAqBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Map/MapLegend.d.ts

@@ -7,10 +7,13 @@ export type MapLayerLegendItem = {
     style: MapIconComponentStyle | MapFillComponentStyle;
 };
 export type MapLayerLegendGroup = {
+    disabled?: boolean;
+    tooltip?: string;
+    title: string;
     type: 'layer';
     items: MapLayerLegendItem[];
-    setSelectedLayer: (id: string) => void;
-    selectedLayer: string;
+    setSelectedLayer: (id: string | undefined) => void;
+    selectedLayer?: string;
 };
 export type MapMarkerLegendItem = {
     disabled?: boolean;
@@ -21,24 +24,26 @@ export type MapMarkerLegendItem = {
     visible: boolean;
 };
 export type MapMarkerLegendGroup = {
+    disabled?: boolean;
+    tooltip?: string;
+    title: string;
     type: 'marker';
     items: MapMarkerLegendItem[];
 };
 export type MapHighlightLegendItem = {
     label: string;
-    style: MapIconComponentStyle | MapFillComponentStyle;
+    style: MapFillComponentStyle;
 };
 export type MapHighlightLegendGroup = {
+    disabled?: boolean;
+    tooltip?: string;
+    title: string;
     type: 'highlight';
     items: MapHighlightLegendItem[];
     setVisible?: (visible: boolean) => void;
     visible: boolean;
 };
-export type MapLegendGroup = {
-    disabled?: boolean;
-    tooltip?: string;
-    title: string;
-} & (MapMarkerLegendGroup | MapLayerLegendGroup | MapHighlightLegendGroup);
+export type MapLegendGroup = MapMarkerLegendGroup | MapLayerLegendGroup | MapHighlightLegendGroup;
 export type MapLegendProps = {
     legends: MapLegendGroup[];
 };

package/components/Map/MapLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapLegend.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,sBAAsB,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CAAC,oBAAoB,GAAG,mBAAmB,GAAG,uBAAuB,CAAC,CAAC;AAE3E,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,gBAAiB,cAAc,KAAG,WAqLhD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MapLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapLegend.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,sBAAsB,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAElG,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,gBAAiB,cAAc,KAAG,WA0LhD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Map/MapLegend.js

@@ -65,21 +65,27 @@ const MapLegend = _ref => {
             size: 'small'
           });
         } else {
-          var _item$style$opacity, _item$style$borderCol;
-          const opacity = (_item$style$opacity = item.style.opacity) !== null && _item$style$opacity !== void 0 ? _item$style$opacity : 0.2;
+          var _item$style$borderCol, _item$style$opacity;
           return /*#__PURE__*/_react.default.createElement(_material.Box, {
+            display: 'flex',
             sx: {
-              border: "2px solid ".concat((_item$style$borderCol = item.style.borderColor) !== null && _item$style$borderCol !== void 0 ? _item$style$borderCol : theme.palette.TwClrBrdr),
-              backgroundColor: item.style.fillColor,
-              backgroundImage: item.style.fillPatternUrl ? "url('".concat(item.style.fillPatternUrl, "')") : undefined,
-              backgroundRepeat: 'repeat',
-              opacity: disabled ? 0.7 * opacity : opacity,
+              border: "2px solid ".concat((_item$style$borderCol = item.style.borderColor) !== null && _item$style$borderCol !== void 0 ? _item$style$borderCol : theme.palette.TwClrBaseGreen300),
+              opacity: disabled ? 0.7 : 1.0,
               height: '16px',
               width: '24px',
               minWidth: '24px',
               marginRight: theme.spacing(1)
             }
-          });
+          }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+            height: '16px',
+            width: '24px',
+            sx: {
+              backgroundColor: item.style.fillColor,
+              backgroundImage: item.style.fillPatternUrl ? "url('".concat(item.style.fillPatternUrl, "')") : undefined,
+              backgroundRepeat: 'repeat',
+              opacity: (_item$style$opacity = item.style.opacity) !== null && _item$style$opacity !== void 0 ? _item$style$opacity : 0.2
+            }
+          }));
         }
       };
       const visibleComponent = () => {
@@ -95,12 +101,11 @@ const MapLegend = _ref => {
               display: "flex"
             }, visibleIcon);
           case 'layer':
-            const layerLegend = legend;
             const layerItem = item;
             return /*#__PURE__*/_react.default.createElement(_material.Box, {
               display: "flex",
               sx: {
-                visibility: layerItem.id === layerLegend.selectedLayer ? 'visible' : 'hidden'
+                visibility: layerItem.id === legend.selectedLayer ? 'visible' : 'hidden'
               }
             }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
               name: "checkmark",
@@ -158,8 +163,10 @@ const MapLegend = _ref => {
     padding: theme.spacing(2, 1),
     flexDirection: 'column',
     maxWidth: isDesktop ? '184px' : 'fill',
+    minWidth: isDesktop ? '160px' : undefined,
     width: isDesktop ? 'auto' : 'fill',
-    margin: 0
+    margin: 0,
+    overflow: 'scroll'
   }, legendComponents);
 };
 var _default = exports.default = MapLegend;

package/components/Map/index.d.ts

@@ -0,0 +1,59 @@
+import React, { ReactNode } from 'react';
+import { MapMouseEvent } from 'mapbox-gl';
+import { MapDrawerSize } from './MapDrawer';
+import { MapHighlightLegendItem } from './MapLegend';
+import { MapCursor, MapHighlightGroup, MapLayer, MapMarkerGroup, MapViewStyle } from './types';
+export type MapHighlightFeatureSection = {
+    highlight: MapHighlightGroup;
+    legendItems: MapHighlightLegendItem[];
+    sectionDisabled?: boolean;
+    sectionTitle: string;
+    sectionTooltip?: string;
+    type: 'highlight';
+};
+export type MapLayerFeatureSection = {
+    layers: MapLayer[];
+    sectionDisabled?: boolean;
+    sectionTitle: string;
+    sectionTooltip?: string;
+    type: 'layer';
+};
+export type MapMarkerFeatureSection = {
+    groups: MapMarkerGroup[];
+    sectionDisabled?: boolean;
+    sectionTitle: string;
+    sectionTooltip?: string;
+    type: 'marker';
+};
+export type MapFeatureSection = MapHighlightFeatureSection | MapLayerFeatureSection | MapMarkerFeatureSection;
+export type MapComponentProps = {
+    clusterRadius?: number;
+    controlBottomLeft?: React.ReactNode;
+    controlTopRight?: React.ReactNode;
+    cursorInteract?: MapCursor;
+    cursorMap?: MapCursor;
+    disableDoubleClickZoom?: boolean;
+    disableZoom?: boolean;
+    drawerChildren?: ReactNode;
+    drawerOpen?: boolean;
+    drawerSize?: MapDrawerSize;
+    drawerTitle?: string;
+    features?: MapFeatureSection[];
+    hideFullScreenControl?: boolean;
+    hideLegend?: boolean;
+    hideMapViewStyleControl?: boolean;
+    hideZoomControl?: boolean;
+    initialSelectedLayerId?: string;
+    initialMapViewStyle?: MapViewStyle;
+    initialViewState?: {
+        latitude?: number;
+        longitude?: number;
+        zoom?: number;
+    };
+    onClickCanvas?: (event: MapMouseEvent) => void;
+    setDrawerOpen?: (open: boolean) => void;
+    token: string;
+};
+declare const MapComponent: (props: MapComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default MapComponent;
+//# sourceMappingURL=index.d.ts.map

package/components/Map/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Map/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAKzE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,OAAkB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACvD,OAAkB,EAAE,sBAAsB,EAAkB,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/F,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,WAAW,EAAE,sBAAsB,EAAE,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,0BAA0B,GAAG,sBAAsB,GAAG,uBAAuB,CAAC;AAE9G,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC,gBAAgB,CAAC,EAAE;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAgO7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/Map/index.js

@@ -0,0 +1,190 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _centroid = _interopRequireDefault(require("@turf/centroid"));
+var _helpers = require("@turf/helpers");
+var _union = _interopRequireDefault(require("@turf/union"));
+var _MapBox = _interopRequireDefault(require("./MapBox"));
+var _MapContainer = _interopRequireDefault(require("./MapContainer"));
+var _MapDrawer = _interopRequireDefault(require("./MapDrawer"));
+var _MapLegend = _interopRequireDefault(require("./MapLegend"));
+const MapComponent = props => {
+  const {
+    clusterRadius,
+    controlBottomLeft,
+    controlTopRight,
+    cursorInteract,
+    cursorMap,
+    disableDoubleClickZoom,
+    disableZoom,
+    drawerChildren,
+    drawerOpen,
+    drawerSize,
+    drawerTitle,
+    features,
+    hideFullScreenControl,
+    hideLegend,
+    hideMapViewStyleControl,
+    hideZoomControl,
+    initialSelectedLayerId,
+    initialMapViewStyle,
+    initialViewState,
+    onClickCanvas,
+    setDrawerOpen,
+    token
+  } = props;
+  const [mapViewStyle, setMapViewStyle] = (0, _react.useState)(initialMapViewStyle !== null && initialMapViewStyle !== void 0 ? initialMapViewStyle : 'Streets');
+  const [visibleHighlights, setVisibleHighlights] = (0, _react.useState)([]);
+  const setHighlightVisible = (0, _react.useCallback)(highlightId => visible => {
+    if (visible) {
+      setVisibleHighlights(_visibleHighlights => [..._visibleHighlights, highlightId]);
+    } else {
+      setVisibleHighlights(_visibleHighlights => _visibleHighlights.filter(_highlightId => _highlightId !== highlightId));
+    }
+  }, []);
+  const [visibleMarkers, setVisibleMarkers] = (0, _react.useState)([]);
+  const setMarkerVisible = (0, _react.useCallback)(markerGroupId => visible => {
+    if (visible) {
+      setVisibleMarkers(_visibleMarkers => [..._visibleMarkers, markerGroupId]);
+    } else {
+      setVisibleMarkers(_visibleMarkers => _visibleMarkers.filter(_markerGroupId => _markerGroupId !== markerGroupId));
+    }
+  }, []);
+  const [selectedLayer, setSelectedLayer] = (0, _react.useState)(initialSelectedLayerId);
+  const legends = (0, _react.useMemo)(() => {
+    return features === null || features === void 0 ? void 0 : features.map(feature => {
+      const baseLegendGroup = {
+        disabled: feature.sectionDisabled,
+        title: feature.sectionTitle,
+        tooltip: feature.sectionTooltip
+      };
+      switch (feature.type) {
+        case 'highlight':
+          return {
+            ...baseLegendGroup,
+            items: feature.legendItems,
+            type: 'highlight',
+            visible: visibleHighlights.findIndex(highlightId => highlightId === feature.highlight.highlightId) >= 0,
+            setVisible: setHighlightVisible(feature.highlight.highlightId)
+          };
+        case 'layer':
+          return {
+            ...baseLegendGroup,
+            items: feature.layers.map(layer => ({
+              disabled: layer.disabled,
+              id: layer.layerId,
+              label: layer.label,
+              style: layer.style
+            })),
+            selectedLayer,
+            setSelectedLayer,
+            type: 'layer'
+          };
+        case 'marker':
+          return {
+            ...baseLegendGroup,
+            items: feature.groups.map(group => ({
+              disabled: group.disabled,
+              id: group.markerGroupId,
+              label: group.label,
+              style: group.style,
+              setVisible: setMarkerVisible(group.markerGroupId),
+              visible: visibleMarkers.findIndex(markerId => markerId === group.markerGroupId) >= 0
+            })),
+            type: 'marker'
+          };
+      }
+    });
+  }, [features, selectedLayer, visibleHighlights, visibleMarkers]);
+  const layers = (0, _react.useMemo)(() => {
+    var _features$filter, _features$filter$flat;
+    return features === null || features === void 0 ? void 0 : (_features$filter = features.filter(feature => feature.type === 'layer')) === null || _features$filter === void 0 ? void 0 : (_features$filter$flat = _features$filter.flatMap(feature => feature.layers)) === null || _features$filter$flat === void 0 ? void 0 : _features$filter$flat.filter(layer => layer.layerId === selectedLayer);
+  }, [features, selectedLayer]);
+  const highlightGroups = (0, _react.useMemo)(() => {
+    var _features$filter2, _features$filter2$map;
+    return features === null || features === void 0 ? void 0 : (_features$filter2 = features.filter(feature => feature.type === 'highlight')) === null || _features$filter2 === void 0 ? void 0 : (_features$filter2$map = _features$filter2.map(feature => feature.highlight)) === null || _features$filter2$map === void 0 ? void 0 : _features$filter2$map.filter(highlight => visibleHighlights.findIndex(_highlightId => _highlightId === highlight.highlightId) >= 0);
+  }, [features, visibleHighlights]);
+  const markerGroups = (0, _react.useMemo)(() => {
+    var _features$filter3;
+    return features === null || features === void 0 ? void 0 : (_features$filter3 = features.filter(feature => feature.type === 'marker')) === null || _features$filter3 === void 0 ? void 0 : _features$filter3.flatMap(feature => feature.groups).filter(group => visibleMarkers.findIndex(_markerId => _markerId === group.markerGroupId) >= 0);
+  }, [features, visibleMarkers]);
+  const mapViewState = (0, _react.useMemo)(() => {
+    if (initialViewState) {
+      return initialViewState;
+    } else if (features) {
+      const boundaries = features.filter(feature => feature.type === 'layer').flatMap(feature => feature.layers).flatMap(layer => layer.features).map(geoFeature => (0, _helpers.multiPolygon)(geoFeature.geometry.coordinates));
+      if (boundaries.length === 1) {
+        const center = (0, _centroid.default)(boundaries[0]);
+        return {
+          latitude: center.geometry.coordinates[1],
+          longitude: center.geometry.coordinates[0],
+          zoom: 12
+        };
+      } else if (boundaries.length > 1) {
+        const unionBoundaries = (0, _union.default)((0, _helpers.featureCollection)(boundaries));
+        if (unionBoundaries) {
+          const center = (0, _centroid.default)(unionBoundaries);
+          return {
+            latitude: center.geometry.coordinates[1],
+            longitude: center.geometry.coordinates[0],
+            zoom: 12 // TODO: Calculate default zoom level
+          };
+        }
+      }
+    }
+  }, [initialViewState]);
+  const mapImageUrls = (0, _react.useMemo)(() => {
+    var _features$filter4, _features$filter5;
+    const layerFeatures = (_features$filter4 = features === null || features === void 0 ? void 0 : features.filter(feature => feature.type === 'layer')) !== null && _features$filter4 !== void 0 ? _features$filter4 : [];
+    const highlightFeatures = (_features$filter5 = features === null || features === void 0 ? void 0 : features.filter(feature => feature.type === 'highlight')) !== null && _features$filter5 !== void 0 ? _features$filter5 : [];
+    const layerImageUrls = layerFeatures.flatMap(feature => feature.layers).map(layer => layer.style.fillPatternUrl).filter(url => url !== undefined);
+    const highlightImageUrls = highlightFeatures.flatMap(feature => feature.highlight.highlights).map(highlight => highlight.style.fillPatternUrl).filter(url => url !== undefined);
+    const imageUrls = new Set(layerImageUrls);
+    highlightImageUrls.forEach(url => imageUrls.add(url));
+    return Array.from(imageUrls);
+  }, [features]);
+  return /*#__PURE__*/_react.default.createElement(_MapContainer.default, {
+    containerId: 'map-container',
+    map: /*#__PURE__*/_react.default.createElement(_MapBox.default, {
+      clusterRadius: clusterRadius,
+      containerId: 'map-container',
+      controlBottomLeft: controlBottomLeft,
+      controlTopRight: controlTopRight,
+      cursorInteract: cursorInteract,
+      cursorMap: cursorMap,
+      disableDoubleClickZoom: disableDoubleClickZoom,
+      disableZoom: disableZoom,
+      drawerOpen: drawerOpen,
+      hideFullScreenControl: hideFullScreenControl,
+      hideMapViewStyleControl: hideMapViewStyleControl,
+      hideZoomControl: hideZoomControl,
+      highlightGroups: highlightGroups,
+      initialViewState: mapViewState,
+      layers: layers,
+      mapId: 'mapId',
+      mapImageUrls: mapImageUrls,
+      mapViewStyle: mapViewStyle,
+      markerGroups: markerGroups,
+      onClickCanvas: onClickCanvas,
+      setMapViewStyle: setMapViewStyle,
+      token: token
+    }),
+    drawer: /*#__PURE__*/_react.default.createElement(_MapDrawer.default, {
+      open: drawerOpen !== null && drawerOpen !== void 0 ? drawerOpen : false,
+      onClose: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(false),
+      size: drawerSize !== null && drawerSize !== void 0 ? drawerSize : 'small',
+      title: drawerTitle !== null && drawerTitle !== void 0 ? drawerTitle : ''
+    }, drawerChildren),
+    drawerOpen: drawerOpen,
+    legend: !hideLegend && legends && /*#__PURE__*/_react.default.createElement(_MapLegend.default, {
+      legends: legends
+    })
+  });
+};
+var _default = exports.default = MapComponent;

package/components/Map/styles.scss

@@ -8,6 +8,7 @@
 
   &--desktop {
     flex-direction: row;
+    height: 700px;
     max-height: 700px;
 
     :fullscreen {
@@ -23,6 +24,17 @@
     border: none;
     border-radius: none;
   }
+
+  .map-holder {
+    display: flex;
+    flex-direction: column;
+    height: auto;
+    width: 100%;
+
+    &--hidden {
+      display: none;
+    }
+  }
 }
 
 .map-drawer {

package/components/Map/types.d.ts

@@ -1,3 +1,4 @@
+import { MultiPolygon } from 'geojson';
 import { IconName } from '../Icon/icons';
 /**
  * Properties class for GeoJson, with a few reserved object defined.
@@ -23,6 +24,46 @@ export type MapFillComponentStyle = {
     opacity?: number;
     type: 'fill';
 };
+export type MapLayerFeature = {
+    featureId: string;
+    geometry: MultiPolygon;
+    label?: string;
+    onClick?: () => void;
+    priority?: number;
+    selected?: boolean;
+};
+export type MapLayer = {
+    disabled?: boolean;
+    features: MapLayerFeature[];
+    label: string;
+    layerId: string;
+    style: MapFillComponentStyle;
+};
+export type MapHighlight = {
+    featureIds: {
+        layerId: string;
+        featureId: string;
+    }[];
+    style: MapFillComponentStyle;
+};
+export type MapHighlightGroup = {
+    highlightId: string;
+    highlights: MapHighlight[];
+};
+export type MapMarker = {
+    id: string;
+    longitude: number;
+    latitude: number;
+    onClick?: () => void;
+    selected?: boolean;
+};
+export type MapMarkerGroup = {
+    disabled?: boolean;
+    label: string;
+    markers: MapMarker[];
+    markerGroupId: string;
+    style: MapIconComponentStyle;
+};
 export type MapViewStyle = 'Outdoors' | 'Satellite' | 'Light' | 'Dark' | 'Streets';
 export declare const MapViewStyles: MapViewStyle[];
 export declare const stylesUrl: Record<MapViewStyle, string>;

package/components/Map/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Map/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9E,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACnF,eAAO,MAAM,aAAa,EAAE,YAAY,EAA0D,CAAC;AAEnG,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMlD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Map/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9E,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACnF,eAAO,MAAM,aAAa,EAAE,YAAY,EAA0D,CAAC;AAEnG,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMlD,CAAC"}

package/components/Map/types.js

@@ -8,6 +8,12 @@ exports.stylesUrl = exports.MapViewStyles = void 0;
  * Properties class for GeoJson, with a few reserved object defined.
  */
 
+// Each layer item will become a feature, with a property of id.
+
+// Each layer will become a set of features that have the same type.
+
+// Additional shading/annotations for map entities
+
 const MapViewStyles = exports.MapViewStyles = ['Outdoors', 'Satellite', 'Light', 'Dark', 'Streets'];
 const stylesUrl = exports.stylesUrl = {
   Outdoors: 'mapbox://styles/mapbox/outdoors-v12?optimize=true',

package/components/Map/useMaintainLayerOrder.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+import { MapRef } from 'react-map-gl/mapbox';
+/**
+ * Ensures that all given layers maintain strict order in the Mapbox layer stack.
+ */
+export declare const useMaintainLayerOrder: (mapRef: MutableRefObject<MapRef | null>, orderedLayerIds: string[]) => void;
+//# sourceMappingURL=useMaintainLayerOrder.d.ts.map

package/components/Map/useMaintainLayerOrder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaintainLayerOrder.d.ts","sourceRoot":"","sources":["../../../src/components/Map/useMaintainLayerOrder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,qBAAqB,WAAY,iBAAiB,MAAM,GAAG,IAAI,CAAC,mBAAmB,MAAM,EAAE,SAoBvG,CAAC"}

package/components/Map/useMaintainLayerOrder.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMaintainLayerOrder = void 0;
+var _react = require("react");
+/**
+ * Ensures that all given layers maintain strict order in the Mapbox layer stack.
+ */
+const useMaintainLayerOrder = (mapRef, orderedLayerIds) => {
+  (0, _react.useEffect)(() => {
+    const map = mapRef.current;
+    if (!map) {
+      return;
+    }
+
+    // Only move layers that exist
+    const existingLayerIds = orderedLayerIds.filter(id => map.getLayer(id));
+
+    // Reverse iterate so first in array ends up lowest
+    for (let i = existingLayerIds.length - 1; i >= 0; i--) {
+      const layerId = existingLayerIds[i];
+      try {
+        map.moveLayer(layerId, i < existingLayerIds.length - 1 ? existingLayerIds[i + 1] : undefined);
+      } catch (e) {
+        // moveLayer will throw if layer doesn't exist in current style
+      }
+    }
+  }, [mapRef, orderedLayerIds]);
+};
+exports.useMaintainLayerOrder = useMaintainLayerOrder;

package/index.d.ts

@@ -15,6 +15,7 @@ import FormBottomBar from './components/FormBottomBar';
 import Icon from './components/Icon/Icon';
 import icons from './components/Icon/icons';
 import IconTooltip from './components/IconTooltip';
+import MapComponent from './components/Map';
 import Message from './components/Message/Message';
 import MultiSelect from './components/MultiSelect';
 import NavFooter from './components/Navbar/NavFooter';
@@ -62,5 +63,5 @@ export type { Tab, TabsProps } from './components/Tabs';
 export type { ConfirmProps } from './components/Confirm';
 export type { DatePickerDateType, Props as DatePickerProps } from './components/DatePicker/DatePicker';
 export type { DateType } from './utils/date';
-export { AntSwitch, Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, PhotoChooser, PlacementWrapper, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, theme, Tooltip, ViewPhotosDialog, };
+export { AntSwitch, Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, MapComponent, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, PhotoChooser, PlacementWrapper, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, theme, Tooltip, ViewPhotosDialog, };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -119,6 +119,12 @@ Object.defineProperty(exports, "IconTooltip", {
     return _IconTooltip.default;
   }
 });
+Object.defineProperty(exports, "MapComponent", {
+  enumerable: true,
+  get: function () {
+    return _Map.default;
+  }
+});
 Object.defineProperty(exports, "Message", {
   enumerable: true,
   get: function () {
@@ -335,6 +341,7 @@ var _FormBottomBar = _interopRequireDefault(require("./components/FormBottomBar"
 var _Icon = _interopRequireDefault(require("./components/Icon/Icon"));
 var _icons = _interopRequireDefault(require("./components/Icon/icons"));
 var _IconTooltip = _interopRequireDefault(require("./components/IconTooltip"));
+var _Map = _interopRequireDefault(require("./components/Map"));
 var _Message = _interopRequireDefault(require("./components/Message/Message"));
 var _MultiSelect = _interopRequireDefault(require("./components/MultiSelect"));
 var _NavFooter = _interopRequireDefault(require("./components/Navbar/NavFooter"));

package/license-report.html

@@ -45,6 +45,6 @@ th, td {
     padding: 15px;
 }
 </style>
-<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.3.1</td><td class="string">6.1.0</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.11.4</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.1</td><td class="string">11.11.5</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">7.29.4</td><td class="string">7.22.0</td><td class="string">^7.22.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.5.1</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.7.1</td><td class="string">3.4.4</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">mapbox-gl</td><td class="string">perpetual</td><td class="string">material</td><td class="string">SEE LICENSE IN LICENSE.txt</td><td class="string">git://github.com/mapbox/mapbox-gl-js.git</td><td class="string">3.14.0</td><td class="string">3.13.0</td><td class="string">^3.13.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.16.0</td><td class="string">9.10.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-map-gl</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">https://github.com/visgl/react-map-gl.git</td><td class="string">8.0.4</td><td class="string">8.0.4</td><td class="string">^8.0.4</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.6</td><td class="string">2.8.5</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.90.0</td><td class="string">1.77.2</td><td class="string">^1.75.0</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tslint</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">https://github.com/palantir/tslint.git</td><td class="string">6.1.3</td><td class="string">6.1.3</td><td class="string">^6.1.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.5.2</td><td class="string">^3.5.2</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
+<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.3.1</td><td class="string">6.1.0</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.11.4</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.1</td><td class="string">11.11.5</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">7.29.4</td><td class="string">7.22.0</td><td class="string">^7.22.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@turf/bbox</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/Turfjs/turf.git</td><td class="string">7.2.0</td><td class="string">7.2.0</td><td class="string">^7.2.0</td><td class="string">Turf Authors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@turf/centroid</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/Turfjs/turf.git</td><td class="string">7.2.0</td><td class="string">7.2.0</td><td class="string">^7.2.0</td><td class="string">Turf Authors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@turf/helpers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/Turfjs/turf.git</td><td class="string">7.2.0</td><td class="string">7.2.0</td><td class="string">^7.2.0</td><td class="string">Turf Authors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@turf/union</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/Turfjs/turf.git</td><td class="string">7.2.0</td><td class="string">7.2.0</td><td class="string">^7.2.0</td><td class="string">Turf Authors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.5.1</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.7.1</td><td class="string">3.4.4</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">mapbox-gl</td><td class="string">perpetual</td><td class="string">material</td><td class="string">SEE LICENSE IN LICENSE.txt</td><td class="string">git://github.com/mapbox/mapbox-gl-js.git</td><td class="string">3.14.0</td><td class="string">3.13.0</td><td class="string">^3.13.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.16.0</td><td class="string">9.10.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-map-gl</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">https://github.com/visgl/react-map-gl.git</td><td class="string">8.0.4</td><td class="string">8.0.4</td><td class="string">^8.0.4</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.6</td><td class="string">2.8.5</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.90.0</td><td class="string">1.77.2</td><td class="string">^1.75.0</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tslint</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">https://github.com/palantir/tslint.git</td><td class="string">6.1.3</td><td class="string">6.1.3</td><td class="string">^6.1.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.5.2</td><td class="string">^3.5.2</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "3.5.11",
+  "version": "3.5.12-rc.0",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -22,6 +22,10 @@
     "@mui/lab": "^6.0.1-beta.36",
     "@mui/material": "^6.0.0",
     "@mui/x-date-pickers": "^7.22.0",
+    "@turf/bbox": "^7.2.0",
+    "@turf/centroid": "^7.2.0",
+    "@turf/helpers": "^7.2.0",
+    "@turf/union": "^7.2.0",
     "classnames": "^2.3.2",
     "geojson": "^0.5.0",
     "luxon": "^3.3.0",

package/stories/MapBox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapBox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapBox.stories.tsx"],"names":[],"mappings":";AAMA,OAAe,EAAE,WAAW,EAAsC,MAAM,0BAA0B,CAAC;;;;;AAMnG,wBAGE;AA0MF,eAAO,MAAM,OAAO,oGAAoB,CAAC"}
+{"version":3,"file":"MapBox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapBox.stories.tsx"],"names":[],"mappings":";AAMA,OAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;;;;;AAM/D,wBAGE;AA6MF,eAAO,MAAM,OAAO,oGAAoB,CAAC"}

package/stories/MapComponent.stories.d.ts

@@ -0,0 +1,8 @@
+import { MapComponentProps } from '../components/Map';
+declare const _default: {
+    title: string;
+    component: (props: MapComponentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MapComponentProps>;
+//# sourceMappingURL=MapComponent.stories.d.ts.map

package/stories/MapComponent.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapComponent.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapComponent.stories.tsx"],"names":[],"mappings":"AAMA,OAAqB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;;;;AAEpE,wBAGE;AAaF,eAAO,MAAM,OAAO,0GAAoB,CAAC"}

package/stories/MapMarker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapMarker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapMarker.stories.tsx"],"names":[],"mappings":";;;;;AAcA,wBAGE;AAmHF,eAAO,MAAM,OAAO;mBAjHmB,MAAM;WAAS,MAAM;EAiHpB,CAAC"}
+{"version":3,"file":"MapMarker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapMarker.stories.tsx"],"names":[],"mappings":";;;;;AAcA,wBAGE;AAqHF,eAAO,MAAM,OAAO;mBAnHmB,MAAM;WAAS,MAAM;EAmHpB,CAAC"}