@longline/aqua-ui 1.0.117 → 1.0.119

package/map/controls/Geocoder/Geocoder.d.ts

@@ -34,6 +34,11 @@ interface IGeocoderProps extends IMapControlProps {
      * @default true
      */
     proximityIP?: boolean;
+    /**
+     * If set, `Geocoder` will open upwards.
+     * @default false
+     */
+    upwards?: boolean;
 }
 /**
  * The `Geocoder` control displays an input box. Typing into it sends requests
@@ -45,5 +50,5 @@ interface IGeocoderProps extends IMapControlProps {
  *
  * Mapbox geocoding playground: https://docs.mapbox.com/playground/geocoding/
  */
-declare const Geocoder: ({ width, searchIcon, placeholder, pointZoom, proximityIP, ...props }: IGeocoderProps) => React.JSX.Element;
+declare const Geocoder: ({ width, searchIcon, placeholder, pointZoom, proximityIP, upwards, ...props }: IGeocoderProps) => React.JSX.Element;
 export { Geocoder, IGeocoderProps };

package/map/controls/Geocoder/Geocoder.js

@@ -58,8 +58,10 @@ var GeocoderBase = function (props) {
     // Call mapbox geocoder API, and store results in state.
     //
     var lookup = function (q) {
-        if (q == "")
+        if (q == "") {
+            clear();
             return;
+        }
         var options = {
             proximityIP: props.proximityIP
         };
@@ -90,12 +92,6 @@ var GeocoderBase = function (props) {
         }
     };
     var handleChange = function (newq) {
-        // When clearing, we want immediate result:
-        if (newq == "") {
-            clear();
-            return;
-        }
-        // Non-clearing needs a debounce.
         setQ(newq);
         lookupDebounced(newq);
     };
@@ -145,7 +141,7 @@ var GeocoderBase = function (props) {
     return (React.createElement(MapControl, { x: props.x, y: props.y },
         React.createElement("div", { className: props.className, onKeyDown: function (e) { return handleKeyDown(e); }, ref: wrapperRef },
             React.createElement(GeocoderSelector, { placeholder: props.placeholder, searchIcon: props.searchIcon, value: q, onChange: handleChange }),
-            features.length > 0 && React.createElement(GeocoderList, null, features.map(function (f, idx) {
+            features.length > 0 && React.createElement(GeocoderList, { upwards: props.upwards }, features.map(function (f, idx) {
                 return React.createElement(GeocoderEntry, { key: idx, feature: f, selected: idx == selectedIndex, onClick: function () { return handleClick(f); } });
             })))));
 };
@@ -172,8 +168,8 @@ var GeocoderStyled = styled(GeocoderBase)(templateObject_1 || (templateObject_1
  * Mapbox geocoding playground: https://docs.mapbox.com/playground/geocoding/
  */
 var Geocoder = function (_a) {
-    var _b = _a.width, width = _b === void 0 ? 300 : _b, _c = _a.searchIcon, searchIcon = _c === void 0 ? false : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "Type to search places" : _d, _e = _a.pointZoom, pointZoom = _e === void 0 ? 15 : _e, _f = _a.proximityIP, proximityIP = _f === void 0 ? true : _f, props = __rest(_a, ["width", "searchIcon", "placeholder", "pointZoom", "proximityIP"]);
-    return React.createElement(GeocoderStyled, __assign({ width: width, searchIcon: searchIcon, placeholder: placeholder, pointZoom: pointZoom, proximityIP: proximityIP }, props));
+    var _b = _a.width, width = _b === void 0 ? 300 : _b, _c = _a.searchIcon, searchIcon = _c === void 0 ? false : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "Type to search places" : _d, _e = _a.pointZoom, pointZoom = _e === void 0 ? 15 : _e, _f = _a.proximityIP, proximityIP = _f === void 0 ? true : _f, _g = _a.upwards, upwards = _g === void 0 ? false : _g, props = __rest(_a, ["width", "searchIcon", "placeholder", "pointZoom", "proximityIP", "upwards"]);
+    return React.createElement(GeocoderStyled, __assign({ width: width, searchIcon: searchIcon, placeholder: placeholder, pointZoom: pointZoom, proximityIP: proximityIP, upwards: upwards }, props));
 };
 export { Geocoder };
 var templateObject_1;

package/map/controls/Geocoder/GeocoderList.d.ts

@@ -5,6 +5,10 @@ interface IProps {
     className?: string;
     /** @ignore */
     children?: React.ReactNode;
+    /**
+     * If set, `Geocoder` will open upwards.
+     */
+    upwards: boolean;
 }
 declare const GeocoderList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<IProps, never>> & string & Omit<(props: IProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
 export { GeocoderList };

package/map/controls/Geocoder/GeocoderList.js

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 /** @module @ignore */
 import * as React from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { List } from '../../../containers/List';
 /**
  * Animated list of fixed-height items.
@@ -13,6 +13,6 @@ var GeocoderListBase = function (props) {
     return React.createElement("div", { className: props.className },
         React.createElement(List, { tall: true, maxItems: 5, contract: true }, props.children));
 };
-var GeocoderList = styled(GeocoderListBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 42px;\n"], ["\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 42px;\n"])));
+var GeocoderList = styled(GeocoderListBase)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  left: 0;\n  ", "\n  ", "\n  \n"], ["\n  position: absolute;\n  width: 100%;\n  left: 0;\n  ", "\n  ", "\n  \n"])), function (p) { return !p.upwards && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    top: 42px;\n  "], ["\n    top: 42px;\n  "]))); }, function (p) { return p.upwards && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    bottom: 42px;\n  "], ["\n    bottom: 42px;\n  "]))); });
 export { GeocoderList };
-var templateObject_1;
+var templateObject_1, templateObject_2, templateObject_3;

package/modules/Filter/Filter.js

@@ -73,8 +73,7 @@ var FilterBase = function (props) {
     };
     return (React.createElement("div", { className: props.className },
         React.createElement(FilterButton, { ref: buttonRef, active: props.active, open: open, onClick: toggleOpen }),
-        createPortal(React.createElement(Pane, __assign({ "$open": open, "$width": props.width, style: styles.popper }, attributes.popper, { ref: paneRef }),
-            React.createElement(GlassPane, { padded: true, bordered: true }, props.children)), document.body)));
+        createPortal(React.createElement(Pane, __assign({ "$open": open, "$width": props.width, style: styles.popper }, attributes.popper, { ref: paneRef }), open && React.createElement(GlassPane, { padded: true, bordered: true }, props.children)), document.body)));
 };
 var Pane = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n  width: ", "px;\n  z-index: 2500;\n"], ["\n  display: ", ";\n  width: ", "px;\n  z-index: 2500;\n"
     /**

package/package.json

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