native-document 1.0.142 → 1.0.143

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

@@ -14253,6 +14253,11 @@ var NativeComponents = (function (exports) {
         return this;
     };
 
+    Column.prototype.props = function(props = {}) {
+        this.$description.props = props;
+        return this;
+    };
+
     Column.prototype.pinned = function(orientation) {
         this.$description.pinned = orientation;
         return this;
@@ -14381,6 +14386,7 @@ var NativeComponents = (function (exports) {
             noHeader:    null,
             cellProps:   null,
             headerProps: null,
+            props
         };
     }
 

package/package.json

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

package/src/components/table/Column.js

@@ -39,6 +39,11 @@ Column.prototype.hidden = function() {
     return this;
 };
 
+Column.prototype.props = function(props = {}) {
+    this.$description.props = props;
+    return this;
+};
+
 Column.prototype.pinned = function(orientation) {
     this.$description.pinned = orientation;
     return this;

package/src/components/table/SimpleTable.js

@@ -20,6 +20,7 @@ export default function SimpleTable(props = {}) {
         noHeader:    null,
         cellProps:   null,
         headerProps: null,
+        props
     };
 }
 

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

@@ -1,5 +1,6 @@
 import {Table, THead, TBody, TRow, THeadCell, TBodyCell, Div, Span, ShowIf} from '../../../../../elements';
 import './simple-table.css';
+import {classPropertyAccumulator} from "../../../../../utils";
 
 export default function SimpleTableRender($desc, instance) {
     const props = instance.getEditableProps();
@@ -151,8 +152,10 @@ const buildRow = ($desc, visibleColumns, row) => {
             ? column.$description.render(value, row)
             : value ?? '';
 
-        const extraProps = $desc.cellProps?.(value, row, column) || {};
-        const cell = TBodyCell({ class: column.$description.align ? `is-${column.$description.align}` : null, ...extraProps,},
+        const extraProps = column.$description.props || $desc.cellProps?.(value, row, column) || {};
+        const classProperty = classPropertyAccumulator(extraProps.class || {});
+        classProperty.add(column.$description.align ? `is-${column.$description.align}` : null)
+        const cell = TBodyCell({ ...extraProps, class: classProperty.value() },
             content
         );
         if(column.$description.onClick) {
@@ -162,8 +165,10 @@ const buildRow = ($desc, visibleColumns, row) => {
     }
 
     const rowExtraProps = $desc.rowProps?.(row) || {};
+    const classProperty = classPropertyAccumulator(rowExtraProps.class || {});
+    classProperty.add('has-click', !!$desc.onRowClick)
 
-    const tr = TRow({ class: { 'has-click': !!$desc.onRowClick}, ...rowExtraProps,}, cells);
+    const tr = TRow({ ...rowExtraProps, class: classProperty.value()}, cells);
 
     if($desc.onRowClick) {
         tr.nd.onClick(() => $desc.onRowClick(row));