@longline/aqua-ui 1.0.61 → 1.0.63

package/inputs/Slider/Slider.js

@@ -31,8 +31,8 @@ var SliderBase = function (props) {
     // while the knob is being dragged. Upon release, this value is called back
     // with onChange. Or continuously, if `immediate` is set.
     var value = React.useRef(props.value);
-    // Reference: slider body
-    var sliderRef = React.useRef(null);
+    // Reference: track body
+    var trackRef = React.useRef(null);
     // Reference: track fill.
     var trackFillRef = React.useRef(null);
     // Reference: knob
@@ -98,9 +98,9 @@ var SliderBase = function (props) {
         };
     });
     var handleMouseEvent = function (clientX) {
-        var rect = sliderRef.current.getBoundingClientRect();
+        var rect = trackRef.current.getBoundingClientRect();
         // Calculate x-position in range 0..1:
-        var x = clamp((clientX - rect.left) / sliderRef.current.offsetWidth, 0, 1);
+        var x = clamp((clientX - rect.left) / trackRef.current.offsetWidth, 0, 1);
         // Derive value from x-position:
         var v = Math.round((props.max - props.min) * x + props.min);
         // Set new value. If props.immediate, then call onChange immediately.
@@ -154,8 +154,8 @@ var SliderBase = function (props) {
         // Create a number of ticks and return them.
         return Array(props.ticks).fill(0).map(function (t, idx) { return React.createElement(Tick, { key: idx }); });
     };
-    return (React.createElement("div", { className: props.className, ref: sliderRef, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, tabIndex: 0 },
-        React.createElement(Track, null,
+    return (React.createElement("div", { className: props.className, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, tabIndex: 0 },
+        React.createElement(Track, { ref: trackRef },
             React.createElement(TrackFill, { "$disabled": props.disabled, "$error": props.error, ref: trackFillRef }),
             props.ticks && renderTicks(),
             React.createElement(KnobPosition, { ref: knobRef },
@@ -183,7 +183,7 @@ var SliderStyled = styled(SliderBase)(templateObject_21 || (templateObject_21 =
      * They're ideal for adjusting settings such as volume and brightness, or for
      * applying image filters.
      */
-])), function (p) { return p.fluid == true ? '100%' : '200px'; }, function (p) { return p.padded && css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    margin-left: 20px;   // Must use margin; padding throws off mousedown calculations.\n    margin-right: 20px;\n  "], ["\n    margin-left: 20px;   // Must use margin; padding throws off mousedown calculations.\n    margin-right: 20px;\n  "]))); }, function (p) { return p.disabled ? 'auto' : 'pointer'; }, function (p) { return p.disabled && css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    pointer-events: none;\n  "], ["\n    pointer-events: none;\n  "]))); }, function (p) { return !p.disabled && css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n    // Focus ring:\n    &:focus ", ":before {\n      animation: ", " 2s linear infinite;\n    }\n\n    &:hover ", ":before {\n      animation: none;\n      opacity: 0.7;\n    }    \n\n    // Active focus ring:\n    &:active ", ":before {\n      animation: none;\n      opacity: 1;\n    }\n  "], ["\n    // Focus ring:\n    &:focus ", ":before {\n      animation: ", " 2s linear infinite;\n    }\n\n    &:hover ", ":before {\n      animation: none;\n      opacity: 0.7;\n    }    \n\n    // Active focus ring:\n    &:active ", ":before {\n      animation: none;\n      opacity: 1;\n    }\n  "])), Knob, Pulse, Knob, Knob); });
+])), function (p) { return p.fluid == true ? '100%' : '200px'; }, function (p) { return p.padded && css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    padding-left: 20px;\n    padding-right: 20px;\n  "], ["\n    padding-left: 20px;\n    padding-right: 20px;\n  "]))); }, function (p) { return p.disabled ? 'auto' : 'pointer'; }, function (p) { return p.disabled && css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    pointer-events: none;\n  "], ["\n    pointer-events: none;\n  "]))); }, function (p) { return !p.disabled && css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n    // Focus ring:\n    &:focus ", ":before {\n      animation: ", " 2s linear infinite;\n    }\n\n    &:hover ", ":before {\n      animation: none;\n      opacity: 0.7;\n    }    \n\n    // Active focus ring:\n    &:active ", ":before {\n      animation: none;\n      opacity: 1;\n    }\n  "], ["\n    // Focus ring:\n    &:focus ", ":before {\n      animation: ", " 2s linear infinite;\n    }\n\n    &:hover ", ":before {\n      animation: none;\n      opacity: 0.7;\n    }    \n\n    // Active focus ring:\n    &:active ", ":before {\n      animation: none;\n      opacity: 1;\n    }\n  "])), Knob, Pulse, Knob, Knob); });
 /**
  * Sliders allow users to view and select a value (or range) along a track.
  * They're ideal for adjusting settings such as volume and brightness, or for

package/map/controls/Geocoder/Geocoder.js

@@ -145,7 +145,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 }),
-            React.createElement(GeocoderList, null, features.map(function (f, idx) {
+            features.length > 0 && React.createElement(GeocoderList, null, features.map(function (f, idx) {
                 return React.createElement(GeocoderEntry, { key: idx, feature: f, selected: idx == selectedIndex, onClick: function () { return handleClick(f); } });
             })))));
 };

package/package.json

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