ywana-core8 0.0.542 → 0.0.545

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.542",
+  "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/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,
+        schema, url, field, host, params = "",
         autosave = true, delay = 1000,
         editable,
         actions = [], dev = false, tableActions, selectionActions = [],
@@ -31,7 +31,7 @@ export const TablePage = (props) => {
     } = props
 
     const [pageContext, setPageContext] = useContext(PageContext)
-    const context = TableContext(url, field, host, urlQuery)
+    const context = TableContext(url, field, host, urlQuery, params)
     const { selected } = pageContext
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
@@ -493,9 +493,9 @@ export const TableEditor = (props) => {
 /**
  * Table Context
  */
-const TableContext = (url, field, host, urlQuery) => {
+const TableContext = (url, field, host, urlQuery, params) => {
 
-    const API = TableAPI(url, host)
+    const API = TableAPI(url, host, params)
 
     return {
 
@@ -615,13 +615,13 @@ const TableContext = (url, field, host, urlQuery) => {
 /**
  * table API
  */
-const TableAPI = (url, host) => {
+const TableAPI = (url, host, params = "") => {
 
     const http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
 
     return {
         all(filters) {
-            let queryParams = "?"
+            let queryParams = "?" + params
             if (filters) {
                 const filterQuery = Object.keys(filters).reduce((query, key) => {
                     const value = filters[key]
@@ -639,7 +639,7 @@ const TableAPI = (url, host) => {
                 }, "")
                 queryParams = queryParams.concat(filterQuery)
             }
-            return http.GET(url + queryParams)
+            return http.GET(url + queryParams )
         },
 
         find(id) {

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>