@longline/aqua-ui 1.0.38 → 1.0.40

package/controls/Fab/Fab.d.ts

@@ -49,7 +49,7 @@ interface IProps {
     /**
      * Fired when the button is clicked.
      */
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent) => void;
 }
 /**
  * Floating action buttons (FABs) help people take primary ations and are used

package/controls/Fab/Fab.js

@@ -28,11 +28,11 @@ import * as React from 'react';
 import styled, { css } from 'styled-components';
 import { Icon } from '../Icon';
 var FabBase = function (props) {
-    var handleClick = function () {
+    var handleClick = function (e) {
         if (props.disabled)
             return;
         if (props.onClick)
-            props.onClick();
+            props.onClick(e);
     };
     return (React.createElement("button", { tabIndex: props.disabled ? -1 : 0, className: props.className, onClick: handleClick, title: props.title },
         typeof props.icon == "string" && React.createElement(Icon, { url: props.icon }),

package/controls/PrimaryButton/PrimaryButton.d.ts

@@ -41,7 +41,7 @@ interface IProps {
     /**
      * Fired when the button is clicked.
      */
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent) => void;
 }
 /**
  * Primary buttons denote the primary action. They may have icons or not and

package/controls/PrimaryButton/PrimaryButton.js

@@ -29,11 +29,11 @@ import styled, { css } from 'styled-components';
 import { darken } from '../../helper/darken';
 import { Icon } from '../Icon';
 var PrimaryButtonBase = function (props) {
-    var handleClick = function () {
+    var handleClick = function (e) {
         if (props.disabled)
             return;
         if (props.onClick)
-            props.onClick();
+            props.onClick(e);
     };
     return (React.createElement("button", { tabIndex: props.disabled ? -1 : 0, className: props.className, onClick: handleClick, title: props.title },
         props.icon && typeof props.icon == "string" && React.createElement(Icon, { url: props.icon }),

package/controls/SecondaryButton/SecondaryButton.d.ts

@@ -39,7 +39,7 @@ interface IProps {
     /**
      * Fired when the button is clicked.
      */
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent) => void;
 }
 /**
  * The `SecondaryButton` is a small button that holds only an icon. It has no

package/controls/SecondaryButton/SecondaryButton.js

@@ -28,11 +28,11 @@ import * as React from 'react';
 import styled, { css } from 'styled-components';
 import { Icon } from '../Icon';
 var SecondaryButtonBase = function (props) {
-    var handleClick = function () {
+    var handleClick = function (e) {
         if (props.disabled)
             return;
         if (props.onClick)
-            props.onClick();
+            props.onClick(e);
     };
     return (React.createElement("button", { tabIndex: props.disabled ? -1 : 0, className: props.className, onClick: handleClick, title: props.title },
         typeof props.icon == "string" && React.createElement(Icon, { url: props.icon }),

package/controls/TertiaryButton/TertiaryButton.d.ts

@@ -12,7 +12,7 @@ interface IProps {
     /**
      * Fired when the button is clicked.
      */
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent) => void;
 }
 /**
  * The `TertiaryButton` is connected to a specific area or component such as

package/controls/TertiaryButton/TertiaryButton.js

@@ -27,11 +27,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import * as React from 'react';
 import styled, { css } from 'styled-components';
 var TertiaryButtonBase = function (props) {
-    var handleClick = function () {
+    var handleClick = function (e) {
         if (props.disabled)
             return;
         if (props.onClick)
-            props.onClick();
+            props.onClick(e);
     };
     return (React.createElement("button", { className: props.className, onClick: handleClick }, props.children));
 };

package/map/Map/Map.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Map as OriginalMap } from 'mapbox-gl';
 import { ViewState } from 'react-map-gl';
+import { MapLayerMouseEvent } from 'mapbox-gl';
 interface IProps {
     /** @ignore */
     children?: React.ReactNode;
@@ -61,6 +62,10 @@ interface IProps {
      * Fired when map is loaded.
      */
     onLoad?: (map: OriginalMap) => void;
+    /**
+     * Fired when map is clicked.
+     */
+    onClick?: (e: MapLayerMouseEvent) => void;
 }
 declare const useViewState: () => ViewState;
 declare const Map: ({ longitude, latitude, zoom, pitch, bearing, clipped, logoPosition, minZoom, maxZoom, ...props }: IProps) => React.JSX.Element;

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, 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" })),

package/map/controls/base/MapButton/MapButton.d.ts

@@ -33,7 +33,7 @@ interface IProps {
     /**
      * Fired when the map button is clicked.
      */
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent) => void;
 }
 /**
  * A `MapButton` is a square button to be used on a Mapbox map. It must

package/map/controls/base/MapButton/MapButton.js

@@ -29,11 +29,11 @@ import styled, { css } from 'styled-components';
 import { Hint } from './Hint';
 import { MapControl } from '../MapControl';
 var MapButtonBase = function (props) {
-    var handleClick = function () {
+    var handleClick = function (e) {
         if (props.disabled)
             return;
         if (props.onClick)
-            props.onClick();
+            props.onClick(e);
     };
     var renderButton = function () {
         return React.createElement("div", { className: props.className, tabIndex: props.disabled ? -1 : 0, onClick: handleClick },

package/package.json

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