@longline/aqua-ui 1.0.304 → 1.0.309

package/map/Map/Map.d.ts

@@ -127,9 +127,10 @@ interface IMapProps {
      */
     onMouseLeave?: (e: MapMouseEvent) => void;
 }
+declare const ViewStateContext: React.Context<ViewState>;
 declare const useViewState: () => ViewState;
 declare const Map: {
     ({ longitude, latitude, zoom, pitch, bearing, logoPosition, interactiveLayerIds, noRotate, preserveDrawingBuffer, minZoom, maxZoom, fadeDuration, doubleClickZoom, ...props }: IMapProps): React.JSX.Element;
     displayName: string;
 };
-export { Map, IMapProps, useViewState };
+export { Map, IMapProps, useViewState, ViewStateContext };

package/map/Map/Map.js

@@ -233,5 +233,5 @@ var Map = function (_a) {
     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, doubleClickZoom: doubleClickZoom }, props));
 };
 Map.displayName = 'Map';
-export { Map, useViewState };
+export { Map, useViewState, ViewStateContext };
 var templateObject_1;

package/package.json

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

package/services/Dialog/DialogContent.js

@@ -25,17 +25,27 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import styled, { css } from 'styled-components';
+import styled from 'styled-components';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
 var DialogContentBase = function (props) {
-    return React.createElement("div", { className: props.className }, props.children);
+    return React.createElement("div", { className: props.className },
+        React.createElement(OverlayScrollbarsComponent, { defer: true, options: { scrollbars: { theme: 'os-theme-light', autoHide: 'leave' } }, style: {
+                position: "absolute",
+                left: 0,
+                top: 0,
+                right: 0,
+                bottom: 0,
+                padding: props.nopadding ? 0 : "0 20px 24px 20px",
+                overflowY: "auto",
+            } }, props.children));
 };
-var DialogContentStyled = styled(DialogContentBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position:   relative;\n  ", "\n  max-height: ", "vh;\n  overflow-y: auto;\n"], ["\n  position:   relative;\n  ", "\n  max-height: ", "vh;\n  overflow-y: auto;\n"
+var DialogContentStyled = styled(DialogContentBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position:   relative;\n  max-height: ", "vh;\n"], ["\n  position:   relative;\n  max-height: ", "vh;\n"
     /**
      * `Dialog.Content` is a content block for a `Dialog` component. The content
      * will auto-scroll when it is taller than 70% of the viewport. This percentage
      * can be adjusted with the `maxHeight` prop.
      */
-])), function (p) { return !p.nopadding && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["padding: 0 20px 24px 20px;"], ["padding: 0 20px 24px 20px;"]))); }, function (p) { return p.maxHeight; });
+])), function (p) { return p.maxHeight; });
 /**
  * `Dialog.Content` is a content block for a `Dialog` component. The content
  * will auto-scroll when it is taller than 70% of the viewport. This percentage
@@ -47,4 +57,4 @@ var DialogContent = function (_a) {
 };
 DialogContent.displayName = "Dialog.Content";
 export { DialogContent };
-var templateObject_1, templateObject_2;
+var templateObject_1;