ywana-core8 0.0.214 → 0.0.215

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.214",
+  "version": "0.0.215",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/html/table.js

@@ -145,7 +145,7 @@ const DataTableRow = (props) => {
 const DataTableCell = ({ row, column, cell, editable }) => {
 
     const render = (type) => {
-        const { id, disabled = false, min, max, onChange, format, options } = column
+        const { id, disabled = false, min, max, onChange, format, options, item } = column
         if (id === "checked") {
             return <CheckBox id={id} value={cell} onChange={(id, value) => onChange(row.id, id, value)} />
         } else if (editable && onChange) {
@@ -166,25 +166,27 @@ const DataTableCell = ({ row, column, cell, editable }) => {
                 case "ICON": return <Icon icon={cell} />
                 case "Boolean": return <BooleanCellViewer id={id} value={cell} />
                 case "String": return <StringCellViewer id={id} value={cell} format={format} options={options} />
-                case TYPES.ENTITY: return <EntityCellViewer id={id} value={cell} />
                 default: return cell
             }
         }
     }
 
-    return (
+    return column.type === TYPES.ENTITY ? <EntityCellViewer id={id} item={item} value={cell} /> : (
         <td key={column.id} className={column.id}>{render(column.type)}</td>
     )
 }
 
-const EntityCellViewer = ({ id, value }) => {
-    console.log(id, value)
-    const subcells = value ? Object.values(value) : [1, 2, 3]
-    return (
-        <div className='entity-cell-viewer'>
-            {subcells.filter(v => !v).map(v => <div>{v}</div>)}
-        </div>
-    )
+/**
+ * Entity Cell Viewer
+ * @param {*} param0 
+ * @returns 
+ */
+const EntityCellViewer = ({ id, item, value }) => {
+    console.log(id, item, value)
+    const fields = Object.values(item).filter(field => field.column === true)
+    return fields.map( field => {
+        return (<td>{value[field.id]}</td>)
+    })
 }
 
 /**

package/src/test.js

@@ -6,7 +6,7 @@ const Test = (props) => {
 
         <div>
 
-            <table>
+            <table border="1">
                 <thead>
                     <tr>
                         <th rowspan="2" colspan="1"><div class="checkbox"><input type="checkbox" value=""/><span class="checkmark"></span><label></label></div></th>
@@ -14,8 +14,7 @@ const Test = (props) => {
                         <th rowspan="2" colspan="1"><span>Fecha de Entrada</span></th>
                         <th rowspan="2" colspan="1"><span>Circuito</span></th>
                         <th rowspan="2" colspan="1"><span>Clase de Muestra</span></th>
-                        <th rowspan="2" colspan="3"><span>Referencia</span></th>
-                        <th rowspan="2" colspan="1"></th>
+                        <th colspan="3"><span>Referencia</span></th>
                         <th></th>
                     </tr>
                     <tr>