ywana-core8 0.0.476 → 0.0.477

package/package.json

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

package/src/domain/CollectionPage.js

@@ -15,9 +15,9 @@ import "./CollectionPage.css"
 export const CollectionPage = (props) => {
 
     const site = useContext(SiteContext)
-    const { id = "collection", icon, title, name = "Collection 1", schema, url, page, host, groupBy, editor, field, autosave = false, delay = 1000, actions, levels, onSelect, children } = props
+    const { id = "collection", icon, title, name = "Collection 1", schema, url, field, host, page, fetching= false, groupBy, editor, autosave = false, delay = 1000, actions, levels, onSelect, children } = props
     const [pageContext, setPageContext] = useContext(PageContext)
-    const context = CollectionContext(url, field, host, page)
+    const context = CollectionContext(url, field, host, page, fetching)
 
     useEffect(async () => {
         await context.load()
@@ -237,7 +237,7 @@ const CollectionEditor = (props) => {
 /**
  * Collection Context
  */
-export const CollectionContext = (url, field, host, page) => {
+export const CollectionContext = (url, field, host, page, fetching) => {
 
     const API = CollectionAPI(url, host)
 
@@ -256,9 +256,23 @@ export const CollectionContext = (url, field, host, page) => {
             return
         },
 
-        select(id) {
-            const result = this.all.find(item => item.id === id);
-            this.selected = result;
+        async select(id) {
+            if (fetching) {
+                const result = await this.fetch(id)
+                this.selected = result
+            } else {
+                const result = this.all.find(item => item.id === id);
+                this.selected = result;
+            }
+        },
+
+        async fetch(id) {
+            try {
+                const result = await API.find(id)
+                return result
+            } catch (error) {
+                console.log(error)
+            }
         },
 
         clear() {