ywana-core8 0.0.584 → 0.0.585

package/package.json

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

package/src/html/accordion.js

@@ -2,6 +2,9 @@ import React, {useState, useEffect} from 'react'
 import { Icon } from './icon'
 import './accordion.css'
 
+/**
+ * Accordion
+ */
 export const Accordion = (props) => {
 
     const { className, sections = [], onCheck } = props
@@ -41,6 +44,9 @@ export const Accordion = (props) => {
     )
 }
 
+/**
+ * AccordionSection
+ */
 const AccordionSection = (props) => {
 
     const { checked, icon, title, subtitle, open = false, onToggle, onCheck, toolbar, info, children } = props
@@ -48,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/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;