ywana-core8 0.0.140 → 0.0.144

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.140",
+  "version": "0.0.144",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/html/table.js

@@ -173,9 +173,10 @@ const BooleanCellViewer = ({ id, value = false }) => {
  * String Cell Viewer
  */
 const StringCellViewer = ({ id, value, options }) => {
+    console.log('string-cell-viewer', id, value, options)
     const option = options ? options.find(o => o.value === value) : null
     const text = option ? option.label : value
-    return (<div className="field-editor string-editor">{text}</div>)
+    return (<div className="field-editor string-viewer">{text}</div>)
 }
 
 /**

package/src/html/textfield.js

@@ -59,7 +59,6 @@ export const DropDown = (props) => {
     const { id, options = [], value, onChange, canFilter = false } = props
     const [open, setOpen] = useState(false)
     const [label, setLabel] = useState()
-    const [filter, setFilter] = useState()
 
     useEffect(() => {
         if (Array.isArray(options)) {
@@ -71,7 +70,7 @@ export const DropDown = (props) => {
     function change(id, value) {
         console.log('dropdown change > canFilter:', canFilter, id, value)
         if (canFilter) {
-            setFilter(value)
+            setLabel(value)
         } else {
             if (onChange) onChange(id, value)
         }
@@ -100,7 +99,8 @@ export const DropDown = (props) => {
         const canShow = open == true && Array.isArray(options)
         if (canShow) {
             const filterActive = canFilter && label && label.length > 0
-            const items = filterActive ? options.filter(option => canFilter === false || filter.toUpperCase().indexOf(option.label.toUpperCase()) >= 0) : options
+            const items = filterActive ? options.filter(option => option.label.toUpperCase().indexOf(label.toUpperCase()) >= 0) : options
+            console.log('filterActive: ',filterActive, label, items.length)
             const lis = items.map(option => <li key={option.value} value={option.value}>{option.label}</li>)
             return <menu><ul onClick={select}>{lis}</ul></menu>
         } else {