native-document 1.0.140 → 1.0.141

package/dist/native-document.components.min.js

@@ -14225,6 +14225,7 @@ var NativeComponents = (function (exports) {
             pinned: null,
             rowspan: null,
             sortable: null,
+            onClick: null,
             props
         };
     }
@@ -14315,6 +14316,11 @@ var NativeComponents = (function (exports) {
         return this;
     };
 
+    Column.prototype.onClick = function(handler) {
+        this.$description.onClick = handler;
+        return this;
+    };
+
     function ColumnGroup(title, props = {}) {
         this.$description = {
             header: title,
@@ -14372,6 +14378,7 @@ var NativeComponents = (function (exports) {
             empty:       null,
             onRowClick:  null,
             rowProps:    null,
+            noHeader:    null,
             cellProps:   null,
             headerProps: null,
         };
@@ -14417,6 +14424,11 @@ var NativeComponents = (function (exports) {
         return this;
     };
 
+    SimpleTable.prototype.noHeader = function() {
+        this.$description.noHeader = true;
+        return this;
+    };
+
     SimpleTable.prototype.onRowClick = function(handler) {
         this.$description.onRowClick = handler;
         return this;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.140",
+  "version": "1.0.141",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/src/components/table/Column.js

@@ -11,6 +11,7 @@ export default function Column(key, props = {}) {
         pinned: null,
         rowspan: null,
         sortable: null,
+        onClick: null,
         props
     };
 }
@@ -100,3 +101,8 @@ Column.prototype.value = function(value) {
     this.$description.value = value;
     return this;
 };
+
+Column.prototype.onClick = function(handler) {
+    this.$description.onClick = handler;
+    return this;
+};

package/src/components/table/SimpleTable.js

@@ -17,6 +17,7 @@ export default function SimpleTable(props = {}) {
         empty:       null,
         onRowClick:  null,
         rowProps:    null,
+        noHeader:    null,
         cellProps:   null,
         headerProps: null,
     };
@@ -62,6 +63,11 @@ SimpleTable.prototype.empty = function(content) {
     return this;
 };
 
+SimpleTable.prototype.noHeader = function() {
+    this.$description.noHeader = true;
+    return this;
+};
+
 SimpleTable.prototype.onRowClick = function(handler) {
     this.$description.onRowClick = handler;
     return this;

package/src/ui/components/table/data-table/tables.js

@@ -15,7 +15,7 @@ import {
 import { $ } from "../../../../../index";
 
 export const buildTable = ($desc, instance, visibleColumns) => {
-    const thead = buildTHead($desc, instance, visibleColumns);
+    const thead = $desc.noHeader ? null : buildTHead($desc, instance, visibleColumns);
     const tbody = buildTBody($desc, instance, visibleColumns);
 
     return Div({class: 'data-table-wrapper'}, [
@@ -313,7 +313,11 @@ export const buildRow = ($desc, instance, visibleColumns, row) => {
             }
         }
 
-        return TBodyCell({ class: classes, }, content)
+        const cell = TBodyCell({ class: classes, }, content);
+        if($descCol.onClick) {
+            cell.nd.onClick((event) => {$descCol.onClick(row, event);});
+        }
+        return cell;
     });
 
     cells.push(dynamicCells);

package/src/ui/components/table/simple-table/SimpleTableRender.js

@@ -10,7 +10,7 @@ export default function SimpleTableRender($desc, instance) {
     );
 
     return Table(instance.resolveProps(), [
-        buildHead($desc, visibleColumns),
+        $desc.noHeader ? null : buildHead($desc, visibleColumns),
         buildBody($desc, instance, visibleColumns),
     ]);
 }
@@ -155,6 +155,9 @@ const buildRow = ($desc, visibleColumns, row) => {
         const cell = TBodyCell({ class: column.$description.align ? `is-${column.$description.align}` : null, ...extraProps,},
             content
         );
+        if(column.$description.onClick) {
+            cell.nd.onClick((event) => column.$description.onClick(row, event));
+        }
         cells.push(cell);
     }