@longline/aqua-ui 1.0.215 → 1.0.216
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/map/Map/Map.d.ts +6 -2
- package/map/Map/Map.js +3 -3
- package/package.json +1 -1
package/map/Map/Map.d.ts
CHANGED
|
@@ -72,7 +72,7 @@ interface IMapProps {
|
|
|
72
72
|
* IDs of interactive layers.
|
|
73
73
|
* @default []
|
|
74
74
|
*/
|
|
75
|
-
|
|
75
|
+
interactiveLayerIds?: string[];
|
|
76
76
|
/**
|
|
77
77
|
* If set, map cannot be rotated using dragging or touch gestures.
|
|
78
78
|
* @default false
|
|
@@ -97,10 +97,14 @@ interface IMapProps {
|
|
|
97
97
|
* Fired when map is clicked.
|
|
98
98
|
*/
|
|
99
99
|
onClick?: (e: MapMouseEvent) => void;
|
|
100
|
+
/**
|
|
101
|
+
* Fired when mouse moves over map.
|
|
102
|
+
*/
|
|
103
|
+
onMouseMove?: (e: MapMouseEvent) => void;
|
|
100
104
|
}
|
|
101
105
|
declare const useViewState: () => ViewState;
|
|
102
106
|
declare const Map: {
|
|
103
|
-
({ longitude, latitude, zoom, pitch, bearing, logoPosition,
|
|
107
|
+
({ longitude, latitude, zoom, pitch, bearing, logoPosition, interactiveLayerIds, noRotate, preserveDrawingBuffer, minZoom, maxZoom, fadeDuration, ...props }: IMapProps): React.JSX.Element;
|
|
104
108
|
displayName: string;
|
|
105
109
|
};
|
|
106
110
|
export { Map, IMapProps, useViewState };
|
package/map/Map/Map.js
CHANGED
|
@@ -216,7 +216,7 @@ var MapBase = function (props) {
|
|
|
216
216
|
var handleMove = function (e) {
|
|
217
217
|
setViewState(e.viewState);
|
|
218
218
|
};
|
|
219
|
-
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.
|
|
219
|
+
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, preserveDrawingBuffer: props.preserveDrawingBuffer, fadeDuration: props.fadeDuration, onMove: handleMove, onMouseMove: props.onMouseMove, onLoad: handleLoad, onClick: props.onClick }),
|
|
220
220
|
props.clipped && React.createElement(React.Fragment, null,
|
|
221
221
|
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)] },
|
|
222
222
|
React.createElement(Layer, { id: "overlay", type: "raster" })),
|
|
@@ -227,8 +227,8 @@ var MapBase = function (props) {
|
|
|
227
227
|
};
|
|
228
228
|
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; });
|
|
229
229
|
var Map = function (_a) {
|
|
230
|
-
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.logoPosition, logoPosition = _g === void 0 ? 'top-right' : _g, _h = _a.
|
|
231
|
-
return React.createElement(MapBase, __assign({ longitude: longitude, latitude: latitude, zoom: zoom, pitch: pitch, bearing: bearing, logoPosition: logoPosition,
|
|
230
|
+
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.logoPosition, logoPosition = _g === void 0 ? 'top-right' : _g, _h = _a.interactiveLayerIds, interactiveLayerIds = _h === void 0 ? [] : _h, _j = _a.noRotate, noRotate = _j === void 0 ? false : _j, _k = _a.preserveDrawingBuffer, preserveDrawingBuffer = _k === void 0 ? false : _k, _l = _a.minZoom, minZoom = _l === void 0 ? 1 : _l, _m = _a.maxZoom, maxZoom = _m === void 0 ? 20 : _m, _o = _a.fadeDuration, fadeDuration = _o === void 0 ? 300 : _o, props = __rest(_a, ["longitude", "latitude", "zoom", "pitch", "bearing", "logoPosition", "interactiveLayerIds", "noRotate", "preserveDrawingBuffer", "minZoom", "maxZoom", "fadeDuration"]);
|
|
231
|
+
return React.createElement(MapBase, __assign({ longitude: longitude, latitude: latitude, zoom: zoom, pitch: pitch, bearing: bearing, logoPosition: logoPosition, interactiveLayerIds: interactiveLayerIds, noRotate: noRotate, preserveDrawingBuffer: preserveDrawingBuffer, minZoom: minZoom, maxZoom: maxZoom, fadeDuration: fadeDuration }, props));
|
|
232
232
|
};
|
|
233
233
|
Map.displayName = 'Map';
|
|
234
234
|
export { Map, useViewState };
|