@longline/aqua-ui 1.0.113 → 1.0.114

package/containers/List/ListRow.d.ts

@@ -9,7 +9,7 @@ interface IProps {
     /** An `active` row will be highlighted. */
     active?: boolean;
     /** Triggered when row is clicked. */
-    onClick?: () => void;
+    onClick?: (e?: React.MouseEvent) => void;
 }
 declare const ListRow: (props: IProps) => React.JSX.Element;
 export { ListRow };

package/containers/List/ListRow.js

@@ -16,7 +16,7 @@ var __assign = (this && this.__assign) || function () {
 import * as React from 'react';
 import styled, { css } from 'styled-components';
 var ListRowBase = function (props) {
-    return (React.createElement("div", { className: props.className, onClick: props.onClick }, props.children));
+    return (React.createElement("div", { className: props.className, onClick: function (e) { return props.onClick(e); } }, props.children));
 };
 var ListRowStyled = styled(ListRowBase)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: 16px;\n  padding-right: 16px;\n  min-height: 42px;\n  user-select: none;\n  outline: none;\n  color: ", ";\n\n  // Entire row is clickable:\n  cursor: ", ";\n\n  // Cells are flex-aligned:\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  gap: ", "px;\n\n  // Background color on hover:\n  &:hover {\n    background-color: ", ";\n  }\n\n  // Background color on pressed:\n  ", "\n\n  ", "\n"], ["\n  padding-left: 16px;\n  padding-right: 16px;\n  min-height: 42px;\n  user-select: none;\n  outline: none;\n  color: ", ";\n\n  // Entire row is clickable:\n  cursor: ", ";\n\n  // Cells are flex-aligned:\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  gap: ", "px;\n\n  // Background color on hover:\n  &:hover {\n    background-color: ", ";\n  }\n\n  // Background color on pressed:\n  ", "\n\n  ", "\n"])), function (p) { return p.theme.colors.neutral[30]; }, function (p) { return p.onClick ? 'pointer' : 'auto'; }, function (p) { return p.gap; }, function (p) { return p.theme.colors.neutral[95]; }, function (p) { return p.onClick && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &:active {\n      background-color: rgb(from ", " r g b / 65%) !important;\n      color: ", ";\n    }\n  "], ["\n    &:active {\n      background-color: rgb(from ", " r g b / 65%) !important;\n      color: ", ";\n    }\n  "])), function (p) { return p.theme.colors.primary[2]; }, function (p) { return p.theme.colors.neutral[100]; }); }, function (p) { return p.active && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: rgb(from ", " r g b / 45%) !important;\n    color: ", ";\n  "], ["\n    background-color: rgb(from ", " r g b / 45%) !important;\n    color: ", ";\n  "])), function (p) { return p.theme.colors.primary[2]; }, function (p) { return p.theme.colors.neutral[100]; }); });
 var ListRow = function (props) { return React.createElement(ListRowStyled, __assign({}, props)); };

package/inputs/Dropdown/Dropdown.js

@@ -199,7 +199,7 @@ var DropdownBase = function (props) {
         });
         // Was a matching row found?
         if (idx != -1) {
-            handleClick((props.data || [])[idx]);
+            handleClick(null, (props.data || [])[idx]);
         }
     };
     var selectPreviousItem = function () {
@@ -278,7 +278,9 @@ var DropdownBase = function (props) {
         updateValue(item);
     };
     // An item was clicked. Close Dropdown and call onChange.
-    var handleClick = function (item) {
+    var handleClick = function (e, item) {
+        if (e)
+            e.stopPropagation();
         // Is this a multiple-selection dropdown?
         if (props.multiple) {
             var array = value;
@@ -342,7 +344,7 @@ var DropdownBase = function (props) {
         });
         var activeIndex = (props.data || []).indexOf(value);
         return (props.data || []).map(function (row, index) {
-            return (React.createElement(ListRow, { active: index == activeIndex, key: index + 1, gap: props.gap, onClick: function () { return handleClick(row); } }, columns.map(function (child, index) {
+            return (React.createElement(ListRow, { active: index == activeIndex, key: index + 1, gap: props.gap, onClick: function (e) { return handleClick(e, row); } }, columns.map(function (child, index) {
                 return (React.createElement(ListCell, { key: index, width: child.props.width, align: child.props.align }, row !== null && child.props.children(row)));
             })));
         });

package/package.json

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