@longline/aqua-ui 1.0.46 → 1.0.47

package/map/Map/Map.d.ts

@@ -62,6 +62,11 @@ interface IProps {
      * @default []
      */
     interactiveLayerIDs?: string[];
+    /**
+     * If set, map cannot be rotated using dragging or touch gestures.
+     * @default false
+     */
+    noRotate?: boolean;
     /**
      * Fired when map is loaded.
      */
@@ -72,5 +77,5 @@ interface IProps {
     onClick?: (e: MapMouseEvent) => void;
 }
 declare const useViewState: () => ViewState;
-declare const Map: ({ longitude, latitude, zoom, pitch, bearing, clipped, logoPosition, interactiveLayerIDs, minZoom, maxZoom, ...props }: IProps) => React.JSX.Element;
+declare const Map: ({ longitude, latitude, zoom, pitch, bearing, clipped, logoPosition, interactiveLayerIDs, noRotate, minZoom, maxZoom, ...props }: IProps) => React.JSX.Element;
 export { Map, useViewState };

package/map/Map/Map.js

@@ -201,8 +201,15 @@ var MapBase = function (props) {
         };
     }, []);
     var handleLoad = function (e) {
+        var map = e.target;
+        if (props.noRotate) {
+            // disable map rotation using right click + drag
+            map.dragRotate.disable();
+            // disable map rotation using touch rotation gesture
+            map.touchZoomRotate.disableRotation();
+        }
         if (props.onLoad)
-            props.onLoad(e.target);
+            props.onLoad(map);
     };
     var handleMove = function (e) {
         setViewState(e.viewState);
@@ -218,8 +225,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.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));
+    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.noRotate, noRotate = _k === void 0 ? false : _k, _l = _a.minZoom, minZoom = _l === void 0 ? 1 : _l, _m = _a.maxZoom, maxZoom = _m === void 0 ? 20 : _m, props = __rest(_a, ["longitude", "latitude", "zoom", "pitch", "bearing", "clipped", "logoPosition", "interactiveLayerIDs", "noRotate", "minZoom", "maxZoom"]);
+    return React.createElement(MapBase, __assign({ longitude: longitude, latitude: latitude, zoom: zoom, pitch: pitch, bearing: bearing, clipped: clipped, logoPosition: logoPosition, interactiveLayerIDs: interactiveLayerIDs, noRotate: noRotate, 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.46",
+  "version": "1.0.47",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",