@terraware/web-components 3.5.7 → 3.5.9

package/components/Map/MapBox.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { MapMouseEvent } from 'mapbox-gl';
+import 'mapbox-gl/dist/mapbox-gl.css';
+import { MapFillComponentStyle, MapIconComponentStyle } from './types';
+export type MapViewStyle = 'Outdoors' | 'Satellite' | 'Light' | 'Dark' | 'Streets';
+export declare const MapViewStyles: MapViewStyle[];
+export declare const stylesUrl: Record<MapViewStyle, string>;
+export type MapMarker = {
+    featureId?: string;
+    id: string;
+    longitude: number;
+    latitude: number;
+    style: MapIconComponentStyle | MapFillComponentStyle;
+    onClick?: () => void;
+    selected?: boolean;
+};
+export type MapBoxProps = {
+    containerId?: string;
+    disableZoom?: boolean;
+    hideFullScreenControl?: boolean;
+    hideMapViewStyleControl?: boolean;
+    hideZoomControl?: boolean;
+    mapId: string;
+    mapViewStyle: MapViewStyle;
+    markers?: MapMarker[];
+    onClick?: (event: MapMouseEvent) => void;
+    setMapViewStyle: (style: MapViewStyle) => void;
+    token: string;
+};
+declare const MapBox: (props: MapBoxProps) => JSX.Element;
+export default MapBox;
+//# sourceMappingURL=MapBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapBox.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAKtC,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEvE,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;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WA+FpC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/components/Map/MapBox.js

@@ -0,0 +1,111 @@
+"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.stylesUrl = exports.default = exports.MapViewStyles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mapbox = _interopRequireWildcard(require("react-map-gl/mapbox"));
+var _material = require("@mui/material");
+require("mapbox-gl/dist/mapbox-gl.css");
+var _utils = require("../../utils");
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+var _MapViewStyleControl = _interopRequireDefault(require("./MapViewStyleControl"));
+const MapViewStyles = exports.MapViewStyles = ['Outdoors', 'Satellite', 'Light', 'Dark', 'Streets'];
+const stylesUrl = exports.stylesUrl = {
+  Outdoors: 'mapbox://styles/mapbox/outdoors-v12?optimize=true',
+  Satellite: 'mapbox://styles/mapbox/satellite-streets-v12?optimize=true',
+  Streets: 'mapbox://styles/mapbox/streets-v12?optimize=true',
+  Light: 'mapbox://styles/mapbox/light-v11?optimize=true',
+  Dark: 'mapbox://styles/mapbox/dark-v11?optimize=true'
+};
+const MapBox = props => {
+  const {
+    containerId,
+    disableZoom,
+    hideFullScreenControl,
+    hideMapViewStyleControl,
+    hideZoomControl,
+    mapId,
+    mapViewStyle,
+    markers,
+    onClick,
+    setMapViewStyle,
+    token
+  } = props;
+  const theme = (0, _material.useTheme)();
+  const mapRef = (0, _react.useRef)(null);
+  const {
+    isDesktop
+  } = (0, _utils.useDeviceInfo)();
+  const mapRefCallback = (0, _react.useCallback)(map => {
+    if (map !== null) {
+      mapRef.current = map;
+    }
+  }, []);
+  const markersComponents = (0, _react.useMemo)(() => {
+    return markers === null || markers === void 0 ? void 0 : markers.map(marker => {
+      // TODO: implement clustering
+      const fillStyle = marker.style.type === 'fill' ? {
+        border: "2px solid ".concat(marker.style.borderColor),
+        backgroundColor: marker.style.fillColor,
+        backgroundImage: marker.style.fillPatternUrl ? "url('".concat(marker.style.fillPatternUrl, "')") : undefined,
+        backgroundRepeat: 'repeat',
+        opacity: marker.style.opacity
+      } : undefined;
+      return /*#__PURE__*/_react.default.createElement(_mapbox.Marker, {
+        className: "map-marker",
+        key: marker.id,
+        longitude: marker.longitude,
+        latitude: marker.latitude,
+        anchor: "center",
+        onClick: marker.onClick,
+        style: fillStyle
+      }, marker.style.type === 'icon' && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        fillColor: marker.style.iconColor,
+        name: marker.style.iconName,
+        size: 'small',
+        style: {
+          opacity: marker.style.iconOpacity
+        }
+      }));
+    });
+  }, [markers]);
+  return /*#__PURE__*/_react.default.createElement(_mapbox.default, {
+    key: mapId,
+    attributionControl: false,
+    mapboxAccessToken: token,
+    ref: mapRefCallback,
+    mapStyle: stylesUrl[mapViewStyle],
+    initialViewState: {
+      longitude: -122.4,
+      latitude: 37.8,
+      zoom: 14
+    },
+    style: {
+      width: 'fill',
+      height: isDesktop ? 'fill' : '80vh',
+      flexGrow: isDesktop ? 1 : undefined
+    },
+    scrollZoom: !disableZoom,
+    doubleClickZoom: !disableZoom,
+    onClick: onClick
+  }, isDesktop && !hideFullScreenControl && /*#__PURE__*/_react.default.createElement(_mapbox.FullscreenControl, {
+    position: "top-left",
+    containerId: containerId
+  }), !hideZoomControl && /*#__PURE__*/_react.default.createElement(_mapbox.NavigationControl, {
+    showCompass: false,
+    style: {
+      marginRight: theme.spacing(2),
+      marginBottom: theme.spacing(2)
+    },
+    position: "bottom-right"
+  }), !hideMapViewStyleControl && /*#__PURE__*/_react.default.createElement(_MapViewStyleControl.default, {
+    containerId: containerId,
+    mapViewStyle: mapViewStyle,
+    setMapViewStyle: setMapViewStyle
+  }), markersComponents);
+};
+var _default = exports.default = MapBox;

package/components/Map/MapContainer.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
+import './styles.scss';
 type MapContainerProps = {
+    containerId?: string;
     drawer?: ReactNode;
     drawerOpen?: boolean;
     legend?: ReactNode;

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,EAAW,MAAM,OAAO,CAAC;AAMlD,KAAK,iBAAiB,GAAG;IACvB,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,4CAqC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"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"}

package/components/Map/MapContainer.js

@@ -1,15 +1,16 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../utils");
+require("./styles.scss");
 const MapContainer = props => {
   const {
+    containerId,
     drawer,
     drawerOpen,
     legend,
@@ -18,30 +19,9 @@ const MapContainer = props => {
   const {
     isDesktop
   } = (0, _utils.useDeviceInfo)();
-  const theme = (0, _material.useTheme)();
-  const border = (0, _react.useMemo)(() => {
-    if (!isDesktop && drawerOpen) {
-      return undefined;
-    }
-    return "1px solid ".concat(theme.palette.TwClrBrdrTertiary);
-  }, [drawerOpen, isDesktop, theme]);
-  const borderRadius = (0, _react.useMemo)(() => {
-    if (!isDesktop && drawerOpen) {
-      return undefined;
-    }
-    return '8px';
-  }, [drawerOpen, isDesktop]);
-  return /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      marginTop: '30px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    border: border,
-    borderRadius: borderRadius,
-    display: 'flex',
-    flexDirection: isDesktop ? 'row' : 'column',
-    maxHeight: isDesktop ? '700px' : undefined,
-    overflow: 'hidden'
-  }, (isDesktop || !drawerOpen) && map, drawerOpen && drawer, (isDesktop || !drawerOpen) && legend));
+  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);
 };
 var _default = exports.default = MapContainer;

package/components/Map/MapLegend.d.ts

@@ -1,15 +1,10 @@
 /// <reference types="react" />
-import { IconName } from '../Icon/icons';
+import { MapFillComponentStyle, MapIconComponentStyle } from './types';
 export type MapLayerItem = {
     disabled?: boolean;
     id: string;
     label: string;
-    style: {
-        borderColor: string;
-        fillColor?: string;
-        fillPatternUrl?: string;
-        opacity?: number;
-    };
+    style: MapIconComponentStyle | MapFillComponentStyle;
 };
 export type MapLayerGroup = {
     type: 'layer';
@@ -17,28 +12,21 @@ export type MapLayerGroup = {
     setSelectedLayer: (id: string) => void;
     selectedLayer: string;
 };
-export type MapFeatureItem = {
+export type MapMarkerItem = {
     disabled?: boolean;
-    icon: IconName;
-    iconColor: string;
-    iconOpacity?: number;
     id: string;
     label: string;
+    style: MapIconComponentStyle | MapFillComponentStyle;
     setVisible?: (visible: boolean) => void;
     visible: boolean;
 };
-export type MapFeatureGroup = {
-    type: 'feature';
-    items: MapFeatureItem[];
+export type MapMarkerGroup = {
+    type: 'marker';
+    items: MapMarkerItem[];
 };
 export type MapHighlightItem = {
     label: string;
-    style: {
-        borderColor: string;
-        fillColor?: string;
-        fillPatternUrl?: string;
-        opacity?: number;
-    };
+    style: MapIconComponentStyle | MapFillComponentStyle;
 };
 export type MapHighlightGroup = {
     type: 'highlight';
@@ -50,7 +38,7 @@ export type MapLegendGroup = {
     disabled?: boolean;
     tooltip?: string;
     title: string;
-} & (MapFeatureGroup | MapLayerGroup | MapHighlightGroup);
+} & (MapMarkerGroup | MapLayerGroup | MapHighlightGroup);
 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,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,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,eAAe,GAAG,aAAa,GAAG,iBAAiB,CAAC,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,gBAAiB,cAAc,KAAG,WA4LhD,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,YAAY,GAAG;IACzB,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,aAAa,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;IACrD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,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,cAAc,GAAG,aAAa,GAAG,iBAAiB,CAAC,CAAC;AAEzD,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"}

package/components/Map/MapLegend.js

@@ -48,48 +48,44 @@ const MapLegend = _ref => {
       size: "small"
     }))));
     const itemComponents = legend.items.map((item, itemIndex) => {
-      const onClick = legend.disabled ? undefined : legend.type === 'layer' ? item.disabled ? undefined : () => legend.setSelectedLayer(item.id) : legend.type === 'feature' ? item.disabled ? undefined : () => {
+      const onClick = legend.disabled ? undefined : legend.type === 'layer' ? item.disabled ? undefined : () => legend.setSelectedLayer(item.id) : legend.type === 'marker' ? item.disabled ? undefined : () => {
         var _setVisible, _ref2;
         return (_setVisible = (_ref2 = item).setVisible) === null || _setVisible === void 0 ? void 0 : _setVisible.call(_ref2, !item.visible);
       } : undefined;
-      const disabled = legend.disabled || (legend.type === 'layer' ? item.disabled : legend.type === 'feature' ? item.disabled : false) || false;
-      const selected = legend.type === 'layer' ? item.id === legend.selectedLayer : legend.type === 'feature' ? item.visible : false;
+      const disabled = legend.disabled || (legend.type === 'layer' ? item.disabled : legend.type === 'marker' ? item.disabled : false) || false;
+      const selected = legend.type === 'layer' ? item.id === legend.selectedLayer : legend.type === 'marker' ? item.visible : false;
       const logoComponent = () => {
-        var _layerItem$style$opac;
-        switch (legend.type) {
-          case 'feature':
-            const featureItem = item;
-            return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-              name: featureItem.icon,
-              fillColor: featureItem.iconColor,
-              style: {
-                marginRight: theme.spacing(1),
-                opacity: featureItem.iconOpacity
-              },
-              size: 'small'
-            });
-          case 'layer':
-          case 'highlight':
-            const layerItem = item;
-            const opacity = (_layerItem$style$opac = layerItem.style.opacity) !== null && _layerItem$style$opac !== void 0 ? _layerItem$style$opac : 1.0;
-            return /*#__PURE__*/_react.default.createElement(_material.Box, {
-              sx: {
-                border: "2px solid ".concat(layerItem.style.borderColor),
-                backgroundColor: layerItem.style.fillColor,
-                backgroundImage: layerItem.style.fillPatternUrl ? "url('".concat(layerItem.style.fillPatternUrl, "')") : undefined,
-                backgroundRepeat: 'repeat',
-                opacity: disabled ? 0.7 * opacity : opacity,
-                height: '16px',
-                width: '24px',
-                minWidth: '24px',
-                marginRight: theme.spacing(1)
-              }
-            });
+        if (item.style.type === 'icon') {
+          return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+            name: item.style.iconName,
+            fillColor: item.style.iconColor,
+            style: {
+              marginRight: theme.spacing(1),
+              opacity: item.style.iconOpacity
+            },
+            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 : 1.0;
+          return /*#__PURE__*/_react.default.createElement(_material.Box, {
+            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,
+              height: '16px',
+              width: '24px',
+              minWidth: '24px',
+              marginRight: theme.spacing(1)
+            }
+          });
         }
       };
       const visibleComponent = () => {
         switch (legend.type) {
-          case 'feature':
+          case 'marker':
             const featureItem = item;
             const visibleIcon = featureItem.visible ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
               name: "iconEye"

package/components/Map/MapViewStyleControl.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { MapViewStyle } from './MapBox';
+type MapViewStyleControlProps = {
+    containerId?: string;
+    mapViewStyle: MapViewStyle;
+    mapViewStyleNames?: (style: MapViewStyle) => string;
+    setMapViewStyle: (style: MapViewStyle) => void;
+};
+declare const MapViewStyleControl: ({ containerId, mapViewStyle, mapViewStyleNames, setMapViewStyle, }: MapViewStyleControlProps) => JSX.Element | undefined;
+export default MapViewStyleControl;
+//# sourceMappingURL=MapViewStyleControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapViewStyleControl.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapViewStyleControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,YAAY,EAAiB,MAAM,UAAU,CAAC;AAEvD,KAAK,wBAAwB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;IACpD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,mBAAmB,uEAKtB,wBAAwB,KAAG,WAAW,GAAG,SA8D3C,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/components/Map/MapViewStyleControl.js

@@ -0,0 +1,74 @@
+"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 _material = require("@mui/material");
+var _PopoverMenu = _interopRequireDefault(require("../PopoverMenu"));
+var _MapBox = require("./MapBox");
+const MapViewStyleControl = _ref => {
+  var _mapViewStyleNames2;
+  let {
+    containerId,
+    mapViewStyle,
+    mapViewStyleNames,
+    setMapViewStyle
+  } = _ref;
+  const theme = (0, _material.useTheme)();
+  const viewOptions = (0, _react.useMemo)(() => {
+    return _MapBox.MapViewStyles.map(style => {
+      var _mapViewStyleNames;
+      return {
+        label: (_mapViewStyleNames = mapViewStyleNames === null || mapViewStyleNames === void 0 ? void 0 : mapViewStyleNames(style)) !== null && _mapViewStyleNames !== void 0 ? _mapViewStyleNames : style,
+        value: style
+      };
+    });
+  }, [mapViewStyleNames]);
+  const onSelectMapViewStyle = (0, _react.useCallback)(item => {
+    setMapViewStyle(item.value);
+  }, []);
+  const container = (0, _react.useMemo)(() => {
+    if (containerId) {
+      return document.getElementById(containerId);
+    }
+  }, [containerId]);
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      position: 'absolute',
+      top: '10px',
+      left: '45px',
+      zIndex: 10,
+      height: 28,
+      backgroundColor: "".concat(theme.palette.TwClrBaseWhite),
+      borderRadius: '4px',
+      display: 'flex',
+      alignItems: 'center',
+      '& .MuiButtonBase-root': {
+        padding: 0
+      },
+      '& .MuiButtonBase-root.MuiMenuItem-root': {
+        fontSize: '12px'
+      },
+      '& svg': {
+        marginLeft: 0
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PopoverMenu.default, {
+    anchor: /*#__PURE__*/_react.default.createElement(_material.Box, {
+      component: "span",
+      sx: {
+        fontSize: '12px',
+        paddingLeft: theme.spacing(0.5),
+        color: theme.palette.TwClrTxt
+      }
+    }, (_mapViewStyleNames2 = mapViewStyleNames === null || mapViewStyleNames === void 0 ? void 0 : mapViewStyleNames(mapViewStyle)) !== null && _mapViewStyleNames2 !== void 0 ? _mapViewStyleNames2 : mapViewStyle),
+    container: container,
+    menuSections: [viewOptions],
+    onClick: onSelectMapViewStyle
+  }));
+};
+var _default = exports.default = MapViewStyleControl;

package/components/Map/styles.scss

@@ -1,5 +1,30 @@
 @import '../../style-dictionary-dist/terraware.scss';
 
+.map-container {
+  border: 1px solid $tw-clr-brdr-tertiary;
+  border-radius: 8px;
+  display: flex;
+  overflow: hidden;
+
+  &--desktop {
+    flex-direction: row;
+    max-height: 700px;
+
+    :fullscreen {
+      max-height: none;
+    }
+  }
+
+  &--mobile {
+    flex-direction: column;
+  }
+
+  &--mobile-drawer-open {
+    border: none;
+    border-radius: none;
+  }
+}
+
 .map-drawer {
   display: flex;
   flex-direction: column;
@@ -62,3 +87,15 @@
     text-align: start;
   }
 }
+
+.map-marker {
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  background-color: white;
+  border: 1px solid black;
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+}

package/components/Map/types.d.ts

@@ -0,0 +1,15 @@
+import { IconName } from '../Icon/icons';
+export type MapIconComponentStyle = {
+    iconColor: string;
+    iconName: IconName;
+    iconOpacity?: number;
+    type: 'icon';
+};
+export type MapFillComponentStyle = {
+    borderColor?: string;
+    fillColor?: string;
+    fillPatternUrl?: string;
+    opacity?: number;
+    type: 'fill';
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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"}

package/components/Map/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/PopoverMenu/Popover.d.ts

@@ -10,6 +10,7 @@ export type PopoverProps = {
     menuAlign?: 'left' | 'center' | 'right';
     selectedValue?: any;
     onClose?: () => void;
+    container?: HTMLElement | null;
 };
 export default function PopoverDropdown(props: PopoverProps): JSX.Element;
 //# sourceMappingURL=Popover.d.ts.map

package/components/PopoverMenu/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAkFxE"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA4FxE"}

package/components/PopoverMenu/Popover.js

@@ -16,7 +16,8 @@ function PopoverDropdown(props) {
     itemRenderer,
     menuAlign,
     selectedValue,
-    onClose
+    onClose,
+    container
   } = props;
   const theme = (0, _material.useTheme)();
   const handleClose = () => {
@@ -42,6 +43,7 @@ function PopoverDropdown(props) {
   });
   return /*#__PURE__*/_react.default.createElement(_material.Popover, {
     id: "simple-popover",
+    container: container,
     open: Boolean(anchorElement),
     anchorEl: anchorElement,
     onClose: handleClose,

package/components/PopoverMenu/index.d.ts

@@ -3,10 +3,11 @@ import { DropdownItem } from '../types';
 import { Section } from './Popover';
 export type PopoverMenuProps = {
     anchor: React.ReactNode;
+    container?: HTMLElement | null;
     menuSections: Section[];
     onClick?: (selected: DropdownItem) => void;
     showChevron?: boolean;
     selectedValue?: any;
 };
-export default function PopoverMenu({ anchor, menuSections, onClick, showChevron, selectedValue, }: PopoverMenuProps): JSX.Element;
+export default function PopoverMenu({ anchor, container, menuSections, onClick, showChevron, selectedValue, }: PopoverMenuProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,OAAO,EACP,WAAkB,EAClB,aAAa,GACd,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkDhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,SAAS,EACT,YAAY,EACZ,OAAO,EACP,WAAkB,EAClB,aAAa,GACd,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAmDhC"}

package/components/PopoverMenu/index.js

@@ -13,6 +13,7 @@ var _Popover = _interopRequireDefault(require("./Popover"));
 function PopoverMenu(_ref) {
   let {
     anchor,
+    container,
     menuSections,
     onClick,
     showChevron = true,
@@ -52,6 +53,7 @@ function PopoverMenu(_ref) {
     handleClick: onItemClick,
     anchorElement: anchorEl,
     setAnchorElement: setAnchorEl,
-    selectedValue: selectedValue
+    selectedValue: selectedValue,
+    container: container
   }));
 }

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">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">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-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.89.2</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">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">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.7",
+  "version": "3.5.9",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -24,9 +24,11 @@
     "@mui/x-date-pickers": "^7.22.0",
     "classnames": "^2.3.2",
     "luxon": "^3.3.0",
+    "mapbox-gl": "^3.13.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.5.2",
+    "react-map-gl": "^8.0.4",
     "react-multi-carousel": "^2.8.2",
     "react-responsive": "^9.0.2",
     "react-sortable-hoc": "^2.0.0",

package/stories/MapBox.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapBox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapBox.stories.tsx"],"names":[],"mappings":";AAKA,OAAe,EAAE,WAAW,EAAgB,MAAM,0BAA0B,CAAC;;;;;AAI7E,wBAGE;AA+BF,eAAO,MAAM,OAAO,oGAAoB,CAAC"}

package/stories/MapLegend.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapLegend.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapLegend.stories.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAkB,cAAc,EAAE,MAAM,6BAA6B,CAAC;;;;;AAExF,wBAGE;AA2KF,eAAO,MAAM,OAAO,uGAAoB,CAAC"}
+{"version":3,"file":"MapLegend.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapLegend.stories.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAkB,cAAc,EAAE,MAAM,6BAA6B,CAAC;;;;;AAExF,wBAGE;AA8LF,eAAO,MAAM,OAAO,uGAAoB,CAAC"}

package/stories/MapMarker.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: (props: import("../components/Map/MapBox").MapBoxProps) => JSX.Element;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    token: string;
+}>;
+//# sourceMappingURL=MapMarker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapMarker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MapMarker.stories.tsx"],"names":[],"mappings":";;;;;AAgBA,wBAGE;AAoIF,eAAO,MAAM,OAAO;WAlIW,MAAM;EAkIG,CAAC"}