ywana-core8 0.0.706 → 0.0.707

package/package.json

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

package/src/domain2/CollectionContext.js

@@ -39,7 +39,7 @@ export const CollectionContextProvider = (props) => {
 
     async function select(id) {
         if (fetching) {
-            const result = await this.fetch(id)
+            const result = await fetch(id)
             setSelected(result)
         } else {
             const result = this.all.find(item => item.id === id);
@@ -56,13 +56,7 @@ export const CollectionContextProvider = (props) => {
         delete next[id]
         setCustomFilters(next)
     }
-
-/*
-    async function reloadSelection() {
-        const result = await this.fetch(this.selected.id)
-        this.selected = result
-    }
-
+    
     async function fetch(id) {
         try {
             const result = await API.find(id)
@@ -71,6 +65,13 @@ export const CollectionContextProvider = (props) => {
             console.log(error)
         }
     }
+    
+    /*
+    async function reloadSelection() {
+        const result = await this.fetch(this.selected.id)
+        this.selected = result
+    }
+
 
     function clear() {
         this.selected = null

package/src/domain2/CollectionEditor.js

@@ -1,17 +1,15 @@
 import React, { useContext } from 'react'
-import { CollectionContext } from './CollectionContext'
 
 /**
  * Collection Editor
  */
  export const CollectionEditor = (props) => {
 
-    const context = useContext(CollectionContext)
-    const { selected } = context
+    const { customEditor } = props
 
     return (
         <div className="collection-editor">
-            editor
+            {customEditor}
         </div>
     )
 }

package/src/domain2/CollectionFilters.css

@@ -29,6 +29,7 @@
     padding: 0.5rem;
     font-size: .8rem;
     font-weight: 300;
+    text-transform: uppercase;
 }
 
 .collection-filter-resume-label {

package/src/domain2/CollectionFilters.js

@@ -20,7 +20,7 @@ export const CollectionFilters = (props) => {
     }, [schema])
 
     function change(id, value) {
-        context.setFilters({ ...filters, [id]: value })
+        if (filters) context.setFilters({ ...filters, [id]: value })
     }
 
     function toggle() {

package/src/domain2/CollectionList.js

@@ -14,8 +14,13 @@ export const CollectionList = (props) => {
         context.load()
     }, [filters, customFilters])
 
+    function select(id) {
+        context.select(id)
+    }
+
     const items = all.map(item => {
         return {
+            id: item.id,
             icon: "folder",
             line1: item.name,
             meta: item.state,
@@ -24,7 +29,7 @@ export const CollectionList = (props) => {
 
     return (
         <div className="collection-list">
-            <List items={items} />
+            <List items={items} onSelect={select} />
         </div>
     )
 }

package/src/domain2/CollectionPage.js

@@ -13,17 +13,19 @@ export const CollectionPage = (props) => {
 
     const {
         host, url, schema,
-        layout,
-        canFilter, customFilters
+        layout, 
+        title,
+        canFilter, customFilters,
+        customEditor
     } = props
 
     return (
         <div className={`collection-page ${layout}`}>
             <CollectionContextProvider host={host} url={url}>
-                <Header title="CollectionPage" />
+                <Header title={title} />
                 {canFilter ? <CollectionFilters schema={schema} >{customFilters}</CollectionFilters> : null}
                 <CollectionList />
-                <CollectionEditor />
+                <CollectionEditor customEditor={customEditor}/>
             </CollectionContextProvider>
         </div>
 

package/src/domain2/CollectionPage.test.js

@@ -16,14 +16,15 @@ const CollectionPageTest = (prop) => {
         }
     }
 
-
     const props = {
         host: "http://localhost:3000",
         url: "/references",
         schema,
         layout: "ide",
+        title: <CustomTitle />,
         canFilter: true,
-        customFilters: [<CustomFilter1 />, <CustomFilter2 />]
+        customFilters: [<CustomFilter1 />, <CustomFilter2 />],
+        customEditor: <CustomEditor />
     }
 
     return (
@@ -33,6 +34,29 @@ const CollectionPageTest = (prop) => {
     )
 }
 
+const CustomTitle = (props) => {
+    return (
+        <h1>Custom Title</h1>
+    )
+}
+
+const CustomEditor = () => {
+
+    const context = useContext(CollectionContext)
+    const { all, selected } = context
+
+    return (
+        <div>
+            <header>
+                CUSTOM EDITOR {all.length} 
+                </header>
+                <main>
+                    ID: {selected ? selected.id : null}
+                </main>
+        </div>
+    )
+}
+
 const CustomFilter1 = (props) => {
 
     const context = useContext(CollectionContext)