ywana-core8 0.0.757 → 0.0.758

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.757",
+  "version": "0.0.758",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/table.js

@@ -163,7 +163,7 @@ const DataTableRow = (props) => {
 const DataTableCell = ({ index, row, column, cell, editable }) => {
 
     const render = (type) => {
-        const { id, disabled = false, min, max, onChange, format, options, item } = column
+        const { id, disabled = false, min, max, onChange, format, options, item, action } = column
 
         
         if (id === "checked") {
@@ -186,7 +186,7 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
                 case "INDEX": return <span>{index}</span>
                 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 "String": return <StringCellViewer id={id} value={cell} format={format} options={options} action={action} />
                 default: return cell
             }
         }
@@ -247,13 +247,17 @@ const BooleanCellViewer = ({ id, value = false }) => {
 /**
  * String Cell Viewer
  */
-const StringCellViewer = ({ id, value, format, options }) => {
+const StringCellViewer = ({ id, value, format, options, action }) => {
 
     function buildOptions() {
         const opts = typeof options === 'function' ? options() : options
         return opts
     }
 
+    function onClick() {
+        if (action) action(id, value, format, options)
+    }
+
     const option = options ? buildOptions().find(o => o.value === value) : null
     let text = option ? option.label : value
     const className = option ? option.className : ''
@@ -265,7 +269,7 @@ const StringCellViewer = ({ id, value, format, options }) => {
             text = <a href={text} target="download" download >{text}</a>
             break;
         case FORMATS.IMG:
-            text = <img src={text} />
+            text = <img src={text} onClick={onClick}/>
             break;
         case FORMATS.DATE:
             let fecha = new Date(text)