ywana-core8 0.0.535 → 0.0.536

package/package.json

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

package/src/domain/CollectionPage.js

@@ -136,6 +136,7 @@ const CollectionList = (props) => {
     const { groupBy, onSelect } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [] } = pageContext
+    const [filter, setFilter] = useState()
 
     function clear() {
         pageContext.clear()
@@ -149,15 +150,29 @@ const CollectionList = (props) => {
         if (onSelect) onSelect(id)
     }
 
-    const items = all ? all.map(content => ({
+    function search(id, value) {
+        setFilter(value)
+    }
+
+    const items = filter ? all.filter(item => item.name.toUpperCase().indexOf(filter.toUpperCase()) >= 0) : all
+    const items2 = items.map(content => ({
         id: content.id,
         line1: content.name || content.centre || content.tag, // centre: Signflow legacy
         line2: content.description,
         content
-    })) : []
+    }))
 
     return (
-        <List items={items} onSelect={select} groupBy={groupBy} />
+        <>
+            <main>
+                <List items={items2} onSelect={select} groupBy={groupBy} />
+            </main>
+            <footer>
+                <div className='search-box'>
+                    <TextField icon="search" label="Search" onChange={search} outlined className="search-box" />
+                </div>
+            </footer>
+        </>
     )
 }
 

package/src/site/site.test.js

@@ -214,7 +214,7 @@ const Page5 = (props) => {
 
     return (
         <Fragment>
-            <CollectionPage title="Referencias" schema={schema} host="http://localhost:3000" url="/references" levels={["color"]} canAdd={true} />
+            <CollectionPage title="Referencias" schema={schema} host="http://localhost:3000" url="/references"  canAdd={true} />
         </Fragment>
     )
 }