ywana-core8 0.0.285 → 0.0.288

package/package.json

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

package/src/domain/CollectionPage.js

@@ -5,7 +5,7 @@ import { PageContext } from '../site'
 import { Button, Header, Icon, List, Menu, MenuIcon, MenuItem, Text, Tree, TreeItem, TreeNode } from '../html'
 import { Content } from './ContentType'
 import { ContentEditor, TabbedContentEditor, TreededContentEditor } from './ContentEditor'
-import { CreateContentDialog } from './CreateContentDialog_old'
+import { CreateContentDialog } from './CreateContentDialog'
 import { SiteContext } from '../site/siteContext'
 import "./CollectionPage.css"
 

package/src/html/checkbox.js

@@ -10,6 +10,8 @@ export const CheckBox = (props) => {
     const { id, label, placeholder, value, onChange } = props
 
     function change(event) {
+        event.stopPropagation()
+        event.preventDefault()
         const value = event.target.checked
         if (onChange) onChange(id, value)
     }

package/src/html/table.js

@@ -54,7 +54,9 @@ export const DataTable = (props) => {
     }
 
     function select(row, event) {
-        if (onRowSelection) onRowSelection(row, event)
+        if (event.target.id !== "checked") {
+            if (onRowSelection) onRowSelection(row, event)
+        }
     }
 
     function sort(dragged, dropped) {

package/src/html/table.test.js

@@ -0,0 +1,31 @@
+import React, { useState } from 'react'
+import { DataTable } from './table'
+
+const TableTest = (prop) => {
+
+    function select(row) {
+        console.log('select',row)
+    }
+
+    function check(id,checked, c) {
+        console.log('check', id, checked, c)
+    }
+
+    const table = {
+        columns : [
+            { id: "checked", onChange: check },
+            { id: "name", label: "Name" },
+
+        ],
+        rows: [
+            { checked: true, name: "John Smith"},
+            { checked: false, name: "Ann Martin"},
+        ]
+    }
+
+    return (
+        <>
+           <DataTable {...table} onRowSelection={select}/>
+        </>
+    )
+}