ywana-core8 0.0.139 → 0.0.140

package/package.json

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

package/src/html/textfield.js

@@ -96,23 +96,23 @@ export const DropDown = (props) => {
         setOpen(false)
     }
 
-    const items = (open == true && Array.isArray(options)) ?
-        options
-            .filter(option => canFilter === false || filter.toUpperCase().indexOf(option.label.toUpperCase()) >= 0 )
-            .map(option => <li key={option.value} value={option.value}>{option.label}</li>)
-            : null
+    function renderOptions() {
+        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 lis = items.map(option => <li key={option.value} value={option.value}>{option.label}</li>)
+            return <menu><ul onClick={select}>{lis}</ul></menu>
+        } else {
+            return null
+        }
+    }
 
     return (
         <div className="dropdown">
             <TextField {...props} onClick={toggle} value={label} onChange={change} />
             <Icon icon="expand_more" clickable size="small" action={toggle} />
-            {open == true ? (
-                <menu>
-                    <ul onClick={select}>
-                        {items}
-                    </ul>
-                </menu>
-            ) : null}
+            {renderOptions()}
         </div>
     )
 }