ywana-core8 0.0.582 → 0.0.583

package/package.json

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

package/src/domain/TablePage.js

@@ -299,6 +299,14 @@ const TableFilters = (props) => {
         return filterSchema
     }, [schema])
 
+    const likes = useMemo(() => {
+        const fields = Object.values(schema)
+        return fields.reduce((likes, field) => {
+            if (field.like === true) likes.push(field.id)
+            return likes
+        }, [])
+    }, [schema])
+
     useEffect(() => {
         if (filters) setForm(filters)
     }, [filters])
@@ -312,7 +320,7 @@ const TableFilters = (props) => {
     }
 
     async function reload() {
-        await pageContext.load(form)
+        await pageContext.load(form, likes)
         setPageContext(Object.assign({}, pageContext))
     }
 
@@ -508,11 +516,10 @@ const TableContext = (url, field, host, urlQuery, params) => {
         filters: {},
         queries: [],
 
-        async load(filter) {
+        async load(filter, like=[]) {
             try {
                 const filters = filter ? Object.keys(filter).reduce((filters, key) => {
                     const field = filter[key];
-
                     if (field) {
                         if (CHECK['isObject'](field)) {
                             Object.keys(field).forEach(key2 => {
@@ -526,7 +533,7 @@ const TableContext = (url, field, host, urlQuery, params) => {
 
                     return filters;
                 }, {}) : []
-                const data = await API.all(filters);
+                const data = await API.all(filters, like);
                 this.all = field ? data[field] : data;
             } catch (error) {
                 console.log(error)
@@ -627,7 +634,7 @@ const TableAPI = (url, host, params = "") => {
     const http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
 
     return {
-        all(filters) {
+        all(filters, like = []) {
             let queryParams = "?" + params
             if (filters) {
                 const filterQuery = Object.keys(filters).reduce((query, key) => {
@@ -641,7 +648,7 @@ const TableAPI = (url, host, params = "") => {
                         }, "")
                         return query.concat(param)
                     } else {
-                        return query.concat(`${key}=%${filters[key]}%&`)
+                        return like.includes(key) ? query.concat(`${key}=%${filters[key]}%&`) : query.concat(`${key}=${filters[key]}&`)
                     }
                 }, "")
                 queryParams = queryParams.concat(filterQuery)

package/src/html/accordion.css

@@ -12,6 +12,10 @@
     align-items: center;
 }
 
+.accordion-section>header:hover {
+    background-color: rgba(250,250,250,0.5);
+}
+
 .accordion-section>main {
 }
 

package/src/html/accordion.js

@@ -5,7 +5,6 @@ import './accordion.css'
 export const Accordion = (props) => {
 
     const { className, sections = [], onCheck } = props
-
     const [openSections, setOpenSections] = useState([])
     const [checkedSections, setCheckedSections] = useState([])