ywana-core8 0.0.213 → 0.0.217

package/dist/index.modern.js

@@ -1331,9 +1331,10 @@ var DataTable = function DataTable(props) {
     var id = _ref.id,
         label = _ref.label,
         type = _ref.type,
+        item = _ref.item,
         sortable = _ref.sortable;
 
-    var _ref2 = type === TYPES.ENTITY ? [1, 3] : [2, 1],
+    var _ref2 = type === TYPES.ENTITY ? [1, Object.keys(item).length] : [2, 1],
         rowspan = _ref2[0],
         colspan = _ref2[1];
 
@@ -1359,7 +1360,7 @@ var DataTable = function DataTable(props) {
     var item = column.item;
     var fields = item ? Object.values(item) : [];
     return fields.filter(function (field) {
-      return !field.column;
+      return field.column === true;
     }).map(function (field) {
       return /*#__PURE__*/React.createElement("th", null, field.label);
     });
@@ -1556,36 +1557,42 @@ var DataTableCell = function DataTableCell(_ref4) {
             options: options
           });
 
-        case TYPES.ENTITY:
-          return /*#__PURE__*/React.createElement(EntityCellViewer, {
-            id: id,
-            value: cell
-          });
-
         default:
           return cell;
       }
     }
   };
 
-  return /*#__PURE__*/React.createElement("td", {
+  return column.type === TYPES.ENTITY ? /*#__PURE__*/React.createElement(EntityCellViewer, {
+    id: column.id,
+    item: column.item,
+    value: cell
+  }) : /*#__PURE__*/React.createElement("td", {
     key: column.id,
     className: column.id
   }, render(column.type));
 };
+/**
+ * Entity Cell Viewer
+ * @param {*} param0 
+ * @returns 
+ */
+
 
 var EntityCellViewer = function EntityCellViewer(_ref5) {
   var id = _ref5.id,
+      item = _ref5.item,
       value = _ref5.value;
-  console.log(id, value);
-  var subcells = value ? Object.values(value) : [1, 2, 3];
-  return /*#__PURE__*/React.createElement("div", {
-    className: "entity-cell-viewer"
-  }, subcells.filter(function (v) {
-    return !v;
-  }).map(function (v) {
-    return /*#__PURE__*/React.createElement("div", null, v);
-  }));
+  console.log(id, item, value);
+  var fields = Object.values(item).filter(function (field) {
+    return field.column === true;
+  });
+  return fields.map(function (field) {
+    return /*#__PURE__*/React.createElement("td", {
+      key: column.id,
+      className: "entity-cell " + column.id
+    }, value[field.id]);
+  });
 };
 /**
  * Boolean Cell Viewer