@longline/aqua-ui 1.0.20 → 1.0.22

package/controls/ListView/Column.d.ts

@@ -4,6 +4,10 @@ interface IColumnProps {
      * Column name, e.g. "Number of Users"
      */
     name: string;
+    /**
+     * Optional label. `name` will be used if not specified.
+     */
+    label?: React.ReactNode;
     /**
      * Column width. If a number, e.g. `1`, then it is the column's weight,
      * relative to other columns. If it is a string, e.g. `50px`, then it is

package/controls/ListView/Ghost.js

@@ -19,9 +19,9 @@ var GhostBase = function (props) {
     return (React.createElement("div", { className: props.className },
         React.createElement("div", { className: "mask1" }),
         React.createElement("div", { className: "mask2" }),
-        props.onCheck && React.createElement(Cell, { "$dark": props.dark, "$shadow": props.shadow, "$content": false }),
-        props.columns.filter(function (c) { return c.active; }).map(function (c, idx) { return React.createElement(Cell, { "$dark": props.dark, "$shadow": props.shadow, "$content": true, key: idx }); }),
-        props.columnsEditable && React.createElement(Cell, { "$dark": props.dark, "$shadow": props.shadow, "$content": false })));
+        !props.noheader && props.onCheck && React.createElement(Cell, { "$dark": props.dark, "$shadow": props.shadow, "$content": false }),
+        !props.noheader && props.columns.filter(function (c) { return c.active; }).map(function (c, idx) { return React.createElement(Cell, { "$dark": props.dark, "$shadow": props.shadow, "$content": true, key: idx }); }),
+        !props.noheader && props.columnsEditable && React.createElement(Cell, { "$dark": props.dark, "$shadow": props.shadow, "$content": false })));
 };
 var Pulse = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    background-position-x: 0px;\n  }\n  100% {\n    background-position-x: 250px;\n  }\n"], ["\n  0% {\n    background-position-x: 0px;\n  }\n  100% {\n    background-position-x: 250px;\n  }\n"])));
 var Pulse2 = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    background-position-x: 125px;\n  }\n  50% {\n    background-position-x: 250px; \n  }\n  50.1% {\n    background-position-x: 0px; \n  }  \n  100% {\n    background-position-x: 125px;\n  }\n"], ["\n  0% {\n    background-position-x: 125px;\n  }\n  50% {\n    background-position-x: 250px; \n  }\n  50.1% {\n    background-position-x: 0px; \n  }  \n  100% {\n    background-position-x: 125px;\n  }\n"])));

package/controls/ListView/HeaderCell.js

@@ -17,6 +17,7 @@ import * as React from 'react';
 import styled from 'styled-components';
 import { SortButton } from './SortButton';
 var HeaderCellBase = function (props) {
+    var _a;
     var sorted = props.sort == props.column.sort;
     return (React.createElement("th", { 
         // Sorted column gets .sorted class:
@@ -24,8 +25,8 @@ var HeaderCellBase = function (props) {
             // Sortable column has pointer cursor:
             cursor: props.column.sort ? 'pointer' : 'auto'
         }, onClick: (props.column.sort && props.onSortClick) ? function () { return props.onSortClick(props.column); } : null },
-        React.createElement("span", null, props.column.name),
-        React.createElement(SortButton, { dark: props.dark, active: sorted, 
+        React.createElement("div", { style: { width: '100%' } }, (_a = props.column.label) !== null && _a !== void 0 ? _a : props.column.name),
+        props.column.sort && React.createElement(SortButton, { dark: props.dark, active: sorted, 
             // If currently sorted, show sort direction.
             // If not currently sorted, show default sort direction.
             reverse: sorted ? props.reverse : props.column.reverse })));

package/controls/ListView/IListViewProps.d.ts

@@ -3,6 +3,11 @@ interface IListViewProps {
      * Array of data to show in the table
      */
     data: any[];
+    /**
+     * If set, show no header.
+     * @default false
+     */
+    noheader?: boolean;
     /**
      * Does this `ListView` use the `dark` style?
      * @default false

package/controls/ListView/ListView.d.ts

@@ -11,7 +11,7 @@ interface IProps extends IListViewProps {
     children?: React.ReactElement<IColumnProps> | React.ReactElement<IColumnProps>[];
 }
 declare const ListView: {
-    ({ dark, hover, striped, grid, total, singular, plural, narrow, shadow, ghost, columnsEditable, ...props }: IProps): React.JSX.Element;
+    ({ dark, noheader, hover, striped, grid, total, singular, plural, narrow, shadow, ghost, columnsEditable, ...props }: IProps): React.JSX.Element;
     Column: {
         (_: IColumnProps): null;
         displayName: string;

package/controls/ListView/ListView.js

@@ -90,8 +90,8 @@ var ListViewBase = function (props) {
 };
 // Wrapper for default values:
 var ListView = function (_a) {
-    var _b = _a.dark, dark = _b === void 0 ? false : _b, _c = _a.hover, hover = _c === void 0 ? false : _c, _d = _a.striped, striped = _d === void 0 ? false : _d, _e = _a.grid, grid = _e === void 0 ? false : _e, _f = _a.total, total = _f === void 0 ? false : _f, _g = _a.singular, singular = _g === void 0 ? "record" : _g, _h = _a.plural, plural = _h === void 0 ? "records" : _h, _j = _a.narrow, narrow = _j === void 0 ? false : _j, _k = _a.shadow, shadow = _k === void 0 ? false : _k, _l = _a.ghost, ghost = _l === void 0 ? false : _l, _m = _a.columnsEditable, columnsEditable = _m === void 0 ? false : _m, props = __rest(_a, ["dark", "hover", "striped", "grid", "total", "singular", "plural", "narrow", "shadow", "ghost", "columnsEditable"]);
-    return React.createElement(ListViewBase, __assign({ dark: dark, hover: hover, striped: striped, grid: grid, total: total, singular: singular, plural: plural, narrow: narrow, shadow: shadow, ghost: ghost, columnsEditable: columnsEditable }, props));
+    var _b = _a.dark, dark = _b === void 0 ? false : _b, _c = _a.noheader, noheader = _c === void 0 ? false : _c, _d = _a.hover, hover = _d === void 0 ? false : _d, _e = _a.striped, striped = _e === void 0 ? false : _e, _f = _a.grid, grid = _f === void 0 ? false : _f, _g = _a.total, total = _g === void 0 ? false : _g, _h = _a.singular, singular = _h === void 0 ? "record" : _h, _j = _a.plural, plural = _j === void 0 ? "records" : _j, _k = _a.narrow, narrow = _k === void 0 ? false : _k, _l = _a.shadow, shadow = _l === void 0 ? false : _l, _m = _a.ghost, ghost = _m === void 0 ? false : _m, _o = _a.columnsEditable, columnsEditable = _o === void 0 ? false : _o, props = __rest(_a, ["dark", "noheader", "hover", "striped", "grid", "total", "singular", "plural", "narrow", "shadow", "ghost", "columnsEditable"]);
+    return React.createElement(ListViewBase, __assign({ dark: dark, noheader: noheader, hover: hover, striped: striped, grid: grid, total: total, singular: singular, plural: plural, narrow: narrow, shadow: shadow, ghost: ghost, columnsEditable: columnsEditable }, props));
 };
 ListView.Column = Column;
 export { ListView };

package/controls/ListView/Table.js

@@ -71,7 +71,7 @@ var TableBase = function (_a) {
         React.createElement(AuxHolder, { ref: auxRef, style: { visibility: (props.active && props.aux && props.data.includes(props.active)) ? 'visible' : 'hidden' } }, (props.active && props.aux && props.data.includes(props.active)) && React.cloneElement(props.aux, { value: props.active })),
         React.createElement(Inner, { onScroll: handleScroll, ref: innerRef },
             React.createElement("table", { className: className },
-                React.createElement(Header, __assign({}, props, { columns: activeColumns, onOpenColumns: props.onOpenColumns })),
+                props.noheader != true && React.createElement(Header, __assign({}, props, { columns: activeColumns, onOpenColumns: props.onOpenColumns })),
                 React.createElement(Body, __assign({}, props, { columns: activeColumns })))),
         props.total && React.createElement(Total, { value: props.data.length, singular: props.singular, plural: props.plural })));
 };

package/controls/ListView/index.d.ts

@@ -0,0 +1 @@
+export { ListView } from './ListView';

package/controls/ListView/index.js

@@ -0,0 +1 @@
+export { ListView } from './ListView';

package/package.json

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