ywana-core8 0.0.578 → 0.0.581

package/package.json

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

package/src/domain/TabbedTablePage.js

@@ -38,13 +38,14 @@ export const TabbedTablePage = (props) => {
     const [tabs, setTabs] = useState([])
 
     useEffect(async () => {
+        if (canQuery) await context.loadQueries(user)
         const field = Object.values(schema).find(field => field.tab && field.tab === true)
         const tabs = field.options.map(option => Object.assign({}, option, { field: field.id }))
         setTabs(tabs)
         context.changeTab(tabs[0])
         setPageContext(context)
     }, [])
-
+    
     useEffect(async () => {
         if (tab) {
             const filter = { [tab.field]: tab.value }
@@ -333,20 +334,22 @@ const TableFilters = (props) => {
     }, [schema])
 
     useEffect(() => {
-        if (filters && !equal(filters, form)) setForm(filters)
+        if (filters) setForm(filters)
     }, [filters])
 
     useEffect(() => {
-        if (pageContext.changeFilters && !equal(filters,form)) {
-            pageContext.changeFilters(form)
-            setPageContext(Object.assign({}, pageContext))
-        }
+        reload()
     }, [form])
 
     async function change(next) {
         setForm(next)
     }
 
+    async function reload() {
+        await pageContext.load(form, likes)
+        setPageContext(Object.assign({}, pageContext))
+    }
+
     function clear() {
         change({})
     }
@@ -382,13 +385,6 @@ export const TableEditor = (props) => {
     const { icon, title, schema, editable, canDelete, filter, actions, tabs, className } = props
     const [groupBy, setGroupBy] = useState(props.groupBy)
 
-    useEffect(async () => {
-        if (filters) {
-           await  pageContext.load(filters)
-            setPageContext(Object.assign({}, pageContext))
-        }
-    }, [filters])
-
     function changeGroup(id, value) {
         setGroupBy(value)
     }

package/src/html/accordion.js

@@ -1,4 +1,4 @@
-import React, {useState} from 'react'
+import React, {useState, useEffect} from 'react'
 import { Icon } from './icon'
 import './accordion.css'
 
@@ -6,8 +6,15 @@ export const Accordion = (props) => {
 
     const { className, sections = [], onCheck } = props
 
-    const [openSections, setOpenSections] = useState(sections.map(section => section.open))
-    const [checkedSections, setCheckedSections] = useState(sections.map(section => section.checked))
+    const [openSections, setOpenSections] = useState([])
+    const [checkedSections, setCheckedSections] = useState([])
+
+    useEffect(() => {
+        const openSections = sections.map(section => section.open)
+        const checkedSections = sections.map(section => section.checked)
+        setOpenSections(openSections)
+        setCheckedSections(checkedSections)
+    }, [sections])
 
     function toggle(index) {
         const next = openSections.map((open, i) => i === index ? !open : open)