@longline/aqua-ui 1.0.79 → 1.0.81

package/controls/ListView/Table.js

@@ -42,7 +42,6 @@ var TableBase = function (_a) {
     var auxRef = React.useRef(null);
     var activeColumns = props.columns.filter(function (c) { return c.active; });
     var setAuxPosition = function (offset) {
-        console.log(wrapperRef.current, auxRef.current, props.active);
         if (wrapperRef.current == null || auxRef.current == null)
             return;
         if (!offset) {
@@ -53,7 +52,6 @@ var TableBase = function (_a) {
         }
         var pos = props.active ? props.data.indexOf(props.active) : 0;
         var ROWHEIGHT = props.rowHeight;
-        console.log(wrapperRef.current.clientHeight, auxRef.current.clientHeight);
         var top = Math.min(wrapperRef.current.clientHeight - auxRef.current.clientHeight - 16, Math.max(HEADER_HEIGHT, -offset + HEADER_HEIGHT + pos * ROWHEIGHT)) + "px";
         auxRef.current.style.top = top;
     };
@@ -65,7 +63,6 @@ var TableBase = function (_a) {
     // When a resize is detected, we reposition the aux.
     React.useEffect(function () {
         var resizeObserver = new ResizeObserver(function () {
-            console.log("ListView: Resize detected.");
             setAuxPosition();
         });
         resizeObserver.observe(auxRef.current);
@@ -89,8 +86,8 @@ var TableBase = function (_a) {
                 React.createElement(Body, __assign({}, props, { columns: activeColumns })))),
         props.total && React.createElement(Total, { value: props.data.length, singular: props.singular, plural: props.plural })));
 };
-var AuxHolder = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  // The AuxHolder is 16px right of the table. Its \"top\" position will\n  // be set by the table scroll handler.\n  left: calc(100% + 16px);\n  z-index: 1;\n  background: green;\n"], ["\n  position: absolute;\n  // The AuxHolder is 16px right of the table. Its \"top\" position will\n  // be set by the table scroll handler.\n  left: calc(100% + 16px);\n  z-index: 1;\n  background: green;\n"])));
-var Wrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // Size and position. A table fills its container.\n  position:    relative;\n  width:       100%;\n  height:      100%;\n  border:      solid 3px red;\n  background-color: ", ";\n"], ["\n  // Size and position. A table fills its container.\n  position:    relative;\n  width:       100%;\n  height:      100%;\n  border:      solid 3px red;\n  background-color: ", ";\n"])), function (p) { return p.$dark ? p.theme.colors.primary[3] : p.theme.colors.neutral[100]; });
+var AuxHolder = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  // The AuxHolder is 16px right of the table. Its \"top\" position will\n  // be set by the table scroll handler.\n  left: calc(100% + 16px);\n  z-index: 1;\n"], ["\n  position: absolute;\n  // The AuxHolder is 16px right of the table. Its \"top\" position will\n  // be set by the table scroll handler.\n  left: calc(100% + 16px);\n  z-index: 1;\n"])));
+var Wrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // Size and position. A table fills its container.\n  position:    relative;\n  width:       100%;\n  height:      100%;\n  background-color: ", ";\n"], ["\n  // Size and position. A table fills its container.\n  position:    relative;\n  width:       100%;\n  height:      100%;\n  background-color: ", ";\n"])), function (p) { return p.$dark ? p.theme.colors.primary[3] : p.theme.colors.neutral[100]; });
 var Inner = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position:  absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  overflow-y: auto;\n"], ["\n  position:  absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  overflow-y: auto;\n"])));
 var TableStyled = styled(TableBase)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: absolute;\n  box-sizing: border-box;\n  left: 0;\n  top: 0;\n  width: 100%;\n  border-collapse: collapse; \n  table-layout: fixed;  \n  padding-bottom: 48px;\n\n  // Grid:\n  display: grid;\n  grid-template-rows: ", "px;\n  grid-auto-rows: ", "px;\n\n  // Convert column widths a string suitable for grid template:\n  grid-template-columns: ", ";\n\n  // Appearance:\n  font: ", ";\n  color: ", ";\n  background-color: ", ";\n\n  // <thead>, <tbody> and <tr> must not participate in CSS grid:\n  tr, tbody, thead { display: contents; }\n\n  // <tr>,<th>,<td> must be styled here, once, because otherwise \n  // styled-components would create too many classes.\n  tr {\n    position: relative;\n  }\n  tr.clickable {\n    cursor: pointer;\n  }\n\n  // Optional row hover effect:\n  ", "\n\n  // Striped rows:\n  ", "\n\n  // General styles for both TD and TH:\n  th, td {\n    position:       relative;\n    box-sizing:     border-box;\n    white-space:    nowrap;\n    text-align:     left;\n    user-select:    none;\n    outline:        none;\n    padding-left: 16px;\n    padding-right: 16px;    \n\n    // th, td use flexbox to vertical-align content:\n    display: flex;\n    align-items: center;\n    justify-content: left;\n\n    // Underline.\n    &:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      height: 1px;\n      transition: background-color ", "ms ease-in-out;\n    }    \n  }\n\n  th {\n    // Position and size:\n    position:  sticky;\n    top:       0;\n    z-index:   100;\n    gap: 8px;\n    justify-content: space-between;\n    // Appearance\n    background: ", ";\n    &.sort {\n      background: ", ";\n    }\n    &:after { \n      background-color: ", "; \n    }\n    // Header shadow:\n    ", "\n  }\n  // td bottom border color:\n  td {\n    &:after {\n      background-color: ", ";\n    }            \n  }\n  // Active row TDs:\n  tr.active td {\n    background-color: ", ";\n  }\n  // Last column has double right margin:\n  td:last-child {\n    padding-right: 32px;\n  }\n  // Last row has no bottom border:\n  tr:last-child td {\n    &:after {\n      visibility: hidden;\n    }    \n  }\n  // Spans in td/th are ellipsized:\n  td > span, th > span {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  // Grid:\n  ", "\n\n  // If onColumns is present, remove last column header's hover underline:\n  // Also remove last gridline.\n  ", "\n\n  // Change styles for table to be vertically oriented:\n  ", "\n"], ["\n  position: absolute;\n  box-sizing: border-box;\n  left: 0;\n  top: 0;\n  width: 100%;\n  border-collapse: collapse; \n  table-layout: fixed;  \n  padding-bottom: 48px;\n\n  // Grid:\n  display: grid;\n  grid-template-rows: ", "px;\n  grid-auto-rows: ", "px;\n\n  // Convert column widths a string suitable for grid template:\n  grid-template-columns: ", ";\n\n  // Appearance:\n  font: ", ";\n  color: ", ";\n  background-color: ", ";\n\n  // <thead>, <tbody> and <tr> must not participate in CSS grid:\n  tr, tbody, thead { display: contents; }\n\n  // <tr>,<th>,<td> must be styled here, once, because otherwise \n  // styled-components would create too many classes.\n  tr {\n    position: relative;\n  }\n  tr.clickable {\n    cursor: pointer;\n  }\n\n  // Optional row hover effect:\n  ", "\n\n  // Striped rows:\n  ", "\n\n  // General styles for both TD and TH:\n  th, td {\n    position:       relative;\n    box-sizing:     border-box;\n    white-space:    nowrap;\n    text-align:     left;\n    user-select:    none;\n    outline:        none;\n    padding-left: 16px;\n    padding-right: 16px;    \n\n    // th, td use flexbox to vertical-align content:\n    display: flex;\n    align-items: center;\n    justify-content: left;\n\n    // Underline.\n    &:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      height: 1px;\n      transition: background-color ", "ms ease-in-out;\n    }    \n  }\n\n  th {\n    // Position and size:\n    position:  sticky;\n    top:       0;\n    z-index:   100;\n    gap: 8px;\n    justify-content: space-between;\n    // Appearance\n    background: ", ";\n    &.sort {\n      background: ", ";\n    }\n    &:after { \n      background-color: ", "; \n    }\n    // Header shadow:\n    ", "\n  }\n  // td bottom border color:\n  td {\n    &:after {\n      background-color: ", ";\n    }            \n  }\n  // Active row TDs:\n  tr.active td {\n    background-color: ", ";\n  }\n  // Last column has double right margin:\n  td:last-child {\n    padding-right: 32px;\n  }\n  // Last row has no bottom border:\n  tr:last-child td {\n    &:after {\n      visibility: hidden;\n    }    \n  }\n  // Spans in td/th are ellipsized:\n  td > span, th > span {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  // Grid:\n  ", "\n\n  // If onColumns is present, remove last column header's hover underline:\n  // Also remove last gridline.\n  ", "\n\n  // Change styles for table to be vertically oriented:\n  ", "\n"])), HEADER_HEIGHT, function (p) { return p.rowHeight; }, function (p) {
     // Prefix a check column?

package/package.json

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

package/services/Dialog/XhrDialog.js

@@ -306,13 +306,7 @@ var XhrDialog = function (_a) {
             props.error && props.error.response && props.error.response.status === 422 && props.error.response.data &&
                 React.createElement(React.Fragment, null,
                     React.createElement("div", null, "Details"),
-                    React.createElement("div", null, Object.keys(props.error.response.data).map(function (key) {
-                        return React.createElement("div", { key: key },
-                            React.createElement("span", null, key),
-                            React.createElement("div", null, props.error.response.data[key].map(function (error, index) {
-                                return React.createElement("div", { key: index }, error);
-                            })));
-                    })))),
+                    React.createElement("div", null, props.error.response.data.message))),
         React.createElement(Dialog.Footer, null,
             props.onRetry && React.createElement(PrimaryButton, { onClick: props.onRetry }, "Retry"),
             React.createElement(PrimaryButton, { onClick: props.onClose }, "OK"))));