@longline/aqua-ui 1.0.133 → 1.0.135

package/controls/LinearChart/LinearChart.js

@@ -36,7 +36,7 @@ var LinearChartBase = function (props) {
 var Label = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 120px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  height: 18px;\n  line-height: 18px; // If not, will chop accents of \u00C3 and \u00C7.\n  font-weight: 700; // TODO: Needs to use theme font weight\n"], ["\n  width: 120px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  height: 18px;\n  line-height: 18px; // If not, will chop accents of \u00C3 and \u00C7.\n  font-weight: 700; // TODO: Needs to use theme font weight\n"])));
 var Number = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 40px;\n  text-align: right;\n  height: 18px;     // If not, will chop accents of \u00C3 and \u00C7.\n  line-height: 18px;\n"], ["\n  width: 40px;\n  text-align: right;\n  height: 18px;     // If not, will chop accents of \u00C3 and \u00C7.\n  line-height: 18px;\n"])));
 var Bar = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative; \n  box-sizing: border-box;\n  flex: 1;\n  height: 14px;\n\n  background-color: ", ";\n  border-radius: 7px;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    box-sizing: border-box;\n    transition: width ", "ms ease;\n    border-radius: 7px;\n  }  \n"], ["\n  position: relative; \n  box-sizing: border-box;\n  flex: 1;\n  height: 14px;\n\n  background-color: ", ";\n  border-radius: 7px;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    box-sizing: border-box;\n    transition: width ", "ms ease;\n    border-radius: 7px;\n  }  \n"])), function (p) { return p.theme.colors.primary[4]; }, function (p) { return p.theme.animation.duration * 2; });
-var LinearChartStyled = styled(LinearChartBase)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: space-between;\n  height: 18px;\n  gap: 8px;\n  margin: 8px 0 8px 0;\n  min-width: 200px;\n\n  font: ", ";\n  color: ", ";\n  line-height: 0;\n  text-transform: uppercase;\n\n  ", " {\n    &:before {\n      width: ", "%;\n      background-color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: space-between;\n  height: 18px;\n  gap: 8px;\n  margin: 8px 0 8px 0;\n  min-width: 200px;\n\n  font: ", ";\n  color: ", ";\n  line-height: 0;\n  text-transform: uppercase;\n\n  ", " {\n    &:before {\n      width: ", "%;\n      background-color: ", ";\n    }\n  }\n"
+var LinearChartStyled = styled(LinearChartBase)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: space-between;\n  height: 18px;\n  gap: 8px;\n  min-width: 200px;\n\n  font: ", ";\n  color: ", ";\n  line-height: 0;\n  text-transform: uppercase;\n\n  ", " {\n    &:before {\n      width: ", "%;\n      background-color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: space-between;\n  height: 18px;\n  gap: 8px;\n  min-width: 200px;\n\n  font: ", ";\n  color: ", ";\n  line-height: 0;\n  text-transform: uppercase;\n\n  ", " {\n    &:before {\n      width: ", "%;\n      background-color: ", ";\n    }\n  }\n"
     /**
      * Data visualization element.
      *

package/controls/ListView/Body.js

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { Selector } from '../../inputs/Selector';
 var Body = React.forwardRef(function (props, ref) {
-    return (React.createElement("tbody", null, Array.isArray(props.data) && props.data.map(function (row, index) {
-        return React.createElement(React.Fragment, null,
-            React.createElement("tr", { key: index, 
+    var getRows = function () {
+        var trs = [];
+        props.data.forEach(function (row, index) {
+            trs.push(React.createElement("tr", { key: index, 
                 // Set classnames for tr; styles are in Table.
                 className: [
                     props.active == row ? 'active' : null,
@@ -22,10 +23,14 @@ var Body = React.forwardRef(function (props, ref) {
                         index == props.columns.length - 1 &&
                             React.createElement("div", { style: { position: 'absolute', top: 0, right: 0 }, ref: (props.active == row ? ref : null) }));
                 }),
-                props.columnsEditable && React.createElement("td", null)),
-            props.expanded && props.active == row &&
-                React.createElement("tr", { key: "".concat(index, "_expand") },
+                props.columnsEditable && React.createElement("td", null)));
+            if (props.expanded && props.active == row) {
+                trs.push(React.createElement("tr", { key: "".concat(index, "_expand") },
                     React.createElement("td", { style: { gridColumnStart: 0, gridColumnEnd: "span ".concat(props.columns.length + (props.onCheck ? 1 : 0) + (props.columnsEditable ? 1 : 0)) } }, props.expansion)));
-    })));
+            }
+        });
+        return trs;
+    };
+    return (React.createElement("tbody", null, Array.isArray(props.data) && getRows()));
 });
 export { Body };

package/package.json

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