ywana-core8 0.0.582 → 0.0.585

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.582",
+  "version": "0.0.585",
   "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

@@ -2,10 +2,12 @@ import React, {useState, useEffect} from 'react'
 import { Icon } from './icon'
 import './accordion.css'
 
+/**
+ * Accordion
+ */
 export const Accordion = (props) => {
 
     const { className, sections = [], onCheck } = props
-
     const [openSections, setOpenSections] = useState([])
     const [checkedSections, setCheckedSections] = useState([])
 
@@ -42,6 +44,9 @@ export const Accordion = (props) => {
     )
 }
 
+/**
+ * AccordionSection
+ */
 const AccordionSection = (props) => {
 
     const { checked, icon, title, subtitle, open = false, onToggle, onCheck, toolbar, info, children } = props
@@ -49,7 +54,7 @@ const AccordionSection = (props) => {
     const checkedIcon = checked === undefined || checked === null ?  null :  checked === false ? "check_box_outline_blank" : "check_box"
 
     return (
-        <section className={`accordion-section`}>
+        <section key={title} className={`accordion-section`}>
             <header>
                 { checkedIcon ? <Icon className="accordion-section-checker" icon={checkedIcon} clickable action={onCheck}/> : '' }
                 { icon ? <Icon className="accordion-section-icon" icon={icon} /> : '' }

package/src/html/table.js

@@ -111,7 +111,7 @@ export const DataTable = (props) => {
                 </thead>
                 <tbody>
                     {rows.length > 0 ?
-                        multiSort(rows, sortDir).map((row,index) => (
+                        multiSort(rows, sortDir).map((row, index) => (
                             <DataTableRow key={row.id} index={index} row={row} columns={columns} onSelect={select} onDrop={moveRow} editable={editable} expanded={expanded} />
                         )) : (
                             <tr>
@@ -138,7 +138,7 @@ const DataTableRow = (props) => {
     const { className } = row
     const [isInfoOpen, toggleInfo] = useState(expanded)
     const infoIcon = isInfoOpen ? 'expand_more' : 'expand_less'
-    const style = isInfoOpen ? "expanded" : "" 
+    const style = isInfoOpen ? "expanded" : ""
     return (
         <Fragment>
             <tr className={`${style} ${className}`} onClick={ev => onSelect(row, ev)}>

package/src/http/client.js

@@ -27,7 +27,7 @@ async function fetchAsync(method, URL, body = null, token, headers) {
     const json = await error.json()
     throw {
       success: false,
-      message: json.message
+      message: json.message || json.err
     }
   }
 }

package/src/http/token.test.js

@@ -7,9 +7,8 @@ import { useEffect } from 'react/cjs/react.production.min';
 const Token = () => {
 
     const [encrypted, setEncrypted] = useState("")
-    const [decrypted, setDecrypted] = useState("")
+    const [decrypted, setDecrypted] = useState("1")
 
-    
     function decryptData(encrypted, secret) {
         const bytes = CryptoJS.AES.decrypt(encrypted, secret);
         const originalText = bytes.toString(CryptoJS.enc.Utf8);
@@ -21,7 +20,7 @@ const Token = () => {
     }
     
     function change(id, value) {
-        const secret = '12345678';
+        const secret = 'BCDF956E21C79A36';
         const e = encryptData(value, secret)
         setEncrypted(e)
         const d = decryptData(e, secret)

package/src/widgets/planner/Planner.js

@@ -137,7 +137,7 @@ export const Planner = ({ title, events = [], lanes = [], navigation = true, onS
                             const isThisMonday = (date.moment.isSame(weekStart))
 
                             return (
-                                <div className="column-header" ref={isThisMonday ? thisMondayElement : null}>
+                                <div key={`column-${date.moment.dayOfYear}`} className="column-header" ref={isThisMonday ? thisMondayElement : null}>
                                     <div className={`date-header ${weekend} ${thisWeek}`}>
                                         <Text use="headline6">{date.moment.format("DD")}</Text>
                                         &nbsp;