@longline/aqua-ui 1.0.39 → 1.0.42

package/map/Map/Map.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Map as OriginalMap } from 'mapbox-gl';
+import { MapMouseEvent, Map as OriginalMap } from 'mapbox-gl';
 import { ViewState } from 'react-map-gl';
 interface IProps {
     /** @ignore */
@@ -57,11 +57,20 @@ interface IProps {
      * @default 20
      */
     maxZoom?: number;
+    /**
+     * IDs of interactive layers.
+     * @default []
+     */
+    interactiveLayerIDs?: string[];
     /**
      * Fired when map is loaded.
      */
     onLoad?: (map: OriginalMap) => void;
+    /**
+     * Fired when map is clicked.
+     */
+    onClick?: (e: MapMouseEvent) => void;
 }
 declare const useViewState: () => ViewState;
-declare const Map: ({ longitude, latitude, zoom, pitch, bearing, clipped, logoPosition, minZoom, maxZoom, ...props }: IProps) => React.JSX.Element;
+declare const Map: ({ longitude, latitude, zoom, pitch, bearing, clipped, logoPosition, interactiveLayerIDs, minZoom, maxZoom, ...props }: IProps) => React.JSX.Element;
 export { Map, useViewState };

package/map/Map/Map.js

@@ -207,7 +207,7 @@ var MapBase = function (props) {
     var handleMove = function (e) {
         setViewState(e.viewState);
     };
-    return (React.createElement(GLMap, __assign({}, viewState, { mapboxAccessToken: props.token, style: { width: '100%', height: '100%', minHeight: '300px', font: theme.font.bodyMedium }, logoPosition: props.logoPosition, mapStyle: props.style, minZoom: 1, maxZoom: 20, doubleClickZoom: true, onMove: handleMove, onLoad: handleLoad }),
+    return (React.createElement(GLMap, __assign({}, viewState, { mapboxAccessToken: props.token, style: { width: '100%', height: '100%', minHeight: '300px', font: theme.font.bodyMedium }, logoPosition: props.logoPosition, mapStyle: props.style, minZoom: props.minZoom, maxZoom: props.maxZoom, interactiveLayerIds: props.interactiveLayerIDs, doubleClickZoom: true, onMove: handleMove, onLoad: handleLoad, onClick: props.onClick }),
         props.clipped && React.createElement(React.Fragment, null,
             React.createElement(Source, { type: "raster", tiles: ["https://api.mapbox.com/raster/v1/mapbox.mapbox-terrain-dem-v1/{z}/{x}/{y}.webp?access_token=".concat(props.token)] },
                 React.createElement(Layer, { id: "overlay", type: "raster" })),
@@ -218,8 +218,8 @@ var MapBase = function (props) {
 };
 var Controls = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  & > * {\n    pointer-events: all;\n  }\n\n  ", ";\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  & > * {\n    pointer-events: all;\n  }\n\n  ", ";\n"])), function (p) { return p.theme.font.bodyMedium; });
 var Map = function (_a) {
-    var _b = _a.longitude, longitude = _b === void 0 ? -64.6 : _b, _c = _a.latitude, latitude = _c === void 0 ? 44.02 : _c, _d = _a.zoom, zoom = _d === void 0 ? 11 : _d, _e = _a.pitch, pitch = _e === void 0 ? 0 : _e, _f = _a.bearing, bearing = _f === void 0 ? 0 : _f, _g = _a.clipped, clipped = _g === void 0 ? false : _g, _h = _a.logoPosition, logoPosition = _h === void 0 ? 'top-right' : _h, _j = _a.minZoom, minZoom = _j === void 0 ? 1 : _j, _k = _a.maxZoom, maxZoom = _k === void 0 ? 20 : _k, props = __rest(_a, ["longitude", "latitude", "zoom", "pitch", "bearing", "clipped", "logoPosition", "minZoom", "maxZoom"]);
-    return React.createElement(MapBase, __assign({ longitude: longitude, latitude: latitude, zoom: zoom, pitch: pitch, bearing: bearing, clipped: clipped, logoPosition: logoPosition, minZoom: minZoom, maxZoom: maxZoom }, props));
+    var _b = _a.longitude, longitude = _b === void 0 ? -64.6 : _b, _c = _a.latitude, latitude = _c === void 0 ? 44.02 : _c, _d = _a.zoom, zoom = _d === void 0 ? 11 : _d, _e = _a.pitch, pitch = _e === void 0 ? 0 : _e, _f = _a.bearing, bearing = _f === void 0 ? 0 : _f, _g = _a.clipped, clipped = _g === void 0 ? false : _g, _h = _a.logoPosition, logoPosition = _h === void 0 ? 'top-right' : _h, _j = _a.interactiveLayerIDs, interactiveLayerIDs = _j === void 0 ? [] : _j, _k = _a.minZoom, minZoom = _k === void 0 ? 1 : _k, _l = _a.maxZoom, maxZoom = _l === void 0 ? 20 : _l, props = __rest(_a, ["longitude", "latitude", "zoom", "pitch", "bearing", "clipped", "logoPosition", "interactiveLayerIDs", "minZoom", "maxZoom"]);
+    return React.createElement(MapBase, __assign({ longitude: longitude, latitude: latitude, zoom: zoom, pitch: pitch, bearing: bearing, clipped: clipped, logoPosition: logoPosition, interactiveLayerIDs: interactiveLayerIDs, minZoom: minZoom, maxZoom: maxZoom }, props));
 };
 export { Map, useViewState };
 var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.39",
+  "version": "1.0.42",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",