ywana-core8 0.0.544 → 0.0.545

package/package.json

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

package/src/domain/CollectionPage.js

@@ -238,7 +238,7 @@ 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 => <TreeItem icon={icon} key={item.id} id={item.id} label={item.name} onSelect={select} selected={item.id === pageContext.selected}>item</TreeItem>)}
                 </TreeNode>
             )
         })

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>