ywana-core8 0.0.756 → 0.0.758

package/package.json

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

package/src/html/table.js

@@ -13,7 +13,7 @@ const isFunction = value => value && (Object.prototype.toString.call(value) ===
  */
 export const DataTable = (props) => {
 
-    const { columns = [], rows = [], onRowSelection, onSort, onCheckAll, editable, outlined, expanded = false, className } = props
+    const { columns = [], rows = [], onRowSelection, onSort, onCheckAll, editable, outlined, expanded = false, className, emptyMessage = "No Results Found" } = props
     const [sortDir, setSortDir] = useState({})
     const [allChecked, setAllChecked] = useState(false)
 
@@ -118,7 +118,7 @@ export const DataTable = (props) => {
                                 <td colSpan={1000}>
                                     <div className='empty-message'>
                                         <Icon icon="search_off" />
-                                        <Text>No Result Found</Text>
+                                        <Text>{emptyMessage}</Text>
                                     </div>
                                 </td>
                             </tr>
@@ -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)