ywana-core8 0.0.543 → 0.0.546

package/package.json

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

package/src/domain/CollectionPage.js

@@ -238,7 +238,10 @@ export const CollectionTree = (props) => {
             const title = typeof node.name === 'boolean' ? `${node.field} = ${node.name}` : node.name
             return (
                 <TreeNode key={node.name} icon={null} label={title} open={true}>
-                    {node.nodes ? renderNodes(node.nodes) : node.items.map(item => <TreeItem icon={icon} key={item.id} id={item.id} label={item.name} onSelect={select}>item</TreeItem>)}
+                    {node.nodes ? renderNodes(node.nodes) : node.items.map(item => {
+                        const selected = pageContext.selected && item.id === pageContext.selected.id
+                        return <TreeItem icon={icon} key={item.id} id={item.id} label={item.name} onSelect={select} selected={selected}>item</TreeItem>
+                    })}
                 </TreeNode>
             )
         })

package/src/domain/TablePage.js

@@ -18,7 +18,7 @@ export const TablePage = (props) => {
     const site = useContext(SiteContext)
     const { id = "table",
         icon, title, name,
-        schema, url, field, host, params,
+        schema, url, field, host, params = "",
         autosave = true, delay = 1000,
         editable,
         actions = [], dev = false, tableActions, selectionActions = [],
@@ -615,7 +615,7 @@ const TableContext = (url, field, host, urlQuery, params) => {
 /**
  * table API
  */
-const TableAPI = (url, host, params) => {
+const TableAPI = (url, host, params = "") => {
 
     const http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
 

package/src/html/tree.js

@@ -33,14 +33,16 @@ export const TreeNode = ({ icon = 'folder', label, tooltip, open=false, children
 /**
  * Tree Item
  */
-export const TreeItem = ({ id, icon = 'description', label, actions, onSelect }) => {
+export const TreeItem = ({ id, icon = 'description', label, actions, onSelect, selected = false }) => {
 
     function select() {
         if (onSelect) onSelect(id)
     }
 
+    const style = selected ? "selected" : ""
+
     return (
-        <div className="tree-item final" onClick={select}>
+        <div className={`tree-item final ${style}`} onClick={select}>
             <Icon icon={icon} size="small" small />
             <div className="label">{label}</div>
             <div className="actions">{actions}</div>