ywana-core8 0.0.714 → 0.0.716

package/package.json

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

package/src/domain2/CollectionContext.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import { CollectionAPI } from "./CollectionAPI";
 
 export const CollectionContext = React.createContext()
@@ -8,16 +8,21 @@ export const CollectionContext = React.createContext()
  */
 export const CollectionContextProvider = (props) => {
 
-    const { host, url, page, fetching=true, field, versioning = false, children } = props
+    const { host, url, page, fetching=true, field, versioning = false, children, filtersValue } = props
     const API = CollectionAPI(url, host)
 
     const [all, setAll] = useState([])
-    const [filters, setFilters] = useState({})
+    const [filters, setFilters] = useState(filtersValue)
     const [likes, setLikes] = useState([])
     const [customFilters, setCustomFilters] = useState({})
     const [queries, setQueries] = useState([])
     const [selected, setSelected] = useState(null)
 
+    useEffect(() => {
+        console.log("CONTEXT LOAD", filters, customFilters)
+        load()
+    }, [filters, customFilters])
+
     async function load() {
 
         const runCustomFilters = (all) => {

package/src/domain2/CollectionFilters.js

@@ -9,13 +9,12 @@ import './CollectionFilters.css'
  */
 export const CollectionFilters = (props) => {
 
-    const { schema, children, value } = props
+    const { schema, children } = props
     const context = useContext(CollectionContext)
     const { filters } = context
     const [open, setOpen] = useState(false)
 
     useEffect(() => {
-        context.setFilters(value)
         const likes = Object.keys(schema).filter(id => schema[id].like === true)
         context.setLikes(likes)
     }, [schema])
@@ -54,13 +53,17 @@ export const CollectionFilters = (props) => {
     )
 }
 
+/**
+ * Collection Filters Resume
+ */
 const CollectionFiltersResume = (props) => {
 
     const { schema } = props
     const context = useContext(CollectionContext)
     const { filters } = context
-    const fields = Object.keys(filters)
 
+    if (!filters) return null
+    const fields = Object.keys(filters)
     if (!fields.length) return null
 
     return (

package/src/domain2/CollectionList.js

@@ -13,9 +13,7 @@ export const CollectionList = (props) => {
     const { all = [], selected, filters, customFilters } = context
     const [search, setSearch] = useState('')
 
-    useEffect(() => {
-        context.load()
-    }, [filters, customFilters])
+
 
     function changeSearch(id, value) {
         setSearch(value)

package/src/domain2/CollectionPage.js

@@ -22,11 +22,11 @@ export const CollectionPage = (props) => {
 
     return (
         <div className={`collection-page ${layout}`}>
-            <CollectionContextProvider host={host} url={url}>
+            <CollectionContextProvider host={host} url={url} filtersValue={filtersValue}>
                 <Header title={title} >
                     {actions}
                 </Header>
-                {canFilter ? <CollectionFilters schema={schema} value={filtersValue} >{customFilters}</CollectionFilters> : null}
+                {canFilter ? <CollectionFilters schema={schema} >{customFilters}</CollectionFilters> : null}
                 <CollectionList itemRenderer={listItemRenderer} groupBy={listGroupBy} searchBy={listSearchBy} />
                 <CollectionEditor customEditor={customEditor} />
             </CollectionContextProvider>

package/src/domain2/CollectionPage.test.js

@@ -34,7 +34,7 @@ const CollectionPageTest = (prop) => {
         title: <CustomTitle />,
         canFilter: true,
         customFilters: [<CustomFilter1 />, <CustomFilter2 />],
-        filtersValue: { name: "111111"},
+        filtersValue: { name: "333"},
         listSearchBy: ["name"],
         listGroupBy: "name",
         listItemRenderer,