ywana-core8 0.0.748 → 0.0.749

package/package.json

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

package/src/html/textfield.js

@@ -120,7 +120,7 @@ export const TextArea = (props) => {
 export const DropDown = (props) => {
 
     const site = useContext(SiteContext)
-    const { id, options = [], value, onChange, predictive = false, readOnly = false, verbose = true, editable = false, onBlur } = props
+    const { id, icon, options = [], value, onChange, predictive = false, readOnly = false, verbose = true, editable = false, onBlur } = props
     const [open, setOpen] = useState(false)
     const [label, setLabel] = useState()
 
@@ -180,7 +180,12 @@ 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} onClick={() => select(option.value)}><Text>{option.label}</Text></li>)
+            const lis = items.map(option => (
+                <li key={option.value} value={option.value} onClick={() => select(option.value)}>
+                    {icon ? <Icon icon={icon} size="small" /> : ''}
+                    <Text>{option.label}</Text>
+                </li>
+            ))
             return <menu><ul>{lis}</ul></menu>
         } else {
             return null