ywana-core8 0.0.569 → 0.0.570

package/package.json

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

package/src/html/textfield.js

@@ -150,12 +150,13 @@ export const DropDown = (props) => {
         if (!readOnly) setOpen(!open)
     }
 
-    function select(event) {
-        const next = event.target.getAttribute("value")
+    function select(value) {
+        const next = value
         const option = options.find(option => option.value === next)
         setOpen(false)
         const label = verbose ? option.label : ""
         setLabel(label)
+        console.log("dd.select", value)
         if (onChange) onChange(id, next)
     }
 
@@ -168,8 +169,8 @@ export const DropDown = (props) => {
         if (canShow) {
             const filterActive = predictive === true && label && label.length > 0
             const items = filterActive ? options.filter(option => option.label.toUpperCase().indexOf(label.toUpperCase()) >= 0) : options
-            const lis = items.map(option => <li key={option.value} value={option.value}><Text>{option.label}</Text></li>)
-            return <menu><ul onMouseDown={select}>{lis}</ul></menu>
+            const lis = items.map(option => <li key={option.value} value={option.value} onClick={() => select(option.value)}><Text>{option.label}</Text></li>)
+            return <menu><ul>{lis}</ul></menu>
         } else {
             return null
         }

package/src/html/textfield.test.js

@@ -30,6 +30,7 @@ const TextFieldTest = (prop) => {
         <>
             <DropDown id="b1" label="Boolean1" onChange={change} options={options2} value={form.b1} />
             <TokenField id="token1" label="Tokens" onChange={change} />
+            <TokenField id="token2" label="Tokens DropDown" onChange={change} options={options} tokens={form.token2}/>
             <TextField id="name" label="Name" value={form.name} onChange={change} />
             <DropDown id="gender1" label="Dropdown 1" value={form.gender1} onChange={change} options={options} predictive={false}/>
             <DropDown id="gender2" label="Dropdown 2" value={form.gender2} onChange={change} options={options} predictive={true}/>

package/src/html/tokenfield.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react'
+import React, { useState } from 'react'
 import { Icon } from './icon';
 import { Text } from './text';
 import { DropDown } from './textfield';
@@ -24,6 +24,7 @@ export const TokenField = ({ id, label, tokens = [], readOnly, options, onChange
 
   function changeDropDown(fid, value) {
     const next = Array.isArray(tokens) ? tokens.concat(value) : [value]
+    console.log("next", next)
     if (onChange) onChange(id, next)
     setValue('')
   }
@@ -47,7 +48,7 @@ export const TokenField = ({ id, label, tokens = [], readOnly, options, onChange
   }
 
   const tks = Array.isArray(tokens) ? tokens : []
-
+  console.log("render", tks)
   return (
     <div className='tokenField'>
       <label>{label}</label>