ywana-core8 0.0.171 → 0.0.175

package/package.json

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

package/src/domain/ContentEditor.js

@@ -245,8 +245,6 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
     return opts
   }
 
-  console.log('StringEditor: ', label, value, content )
-  
   return (
     <div className='field-editor string-editor'>
       {
@@ -273,9 +271,11 @@ const NumberEditor = ({ field, value, onChange }) => {
   const max = field.max
   const disabled = !editable
 
+  console.log('NumberEditor: ', label, val, value )
+
   return (
     <div className='field-editor number-editor'>
-      <TextField outlined id={id} label={label} type='NUMBER' value={val} max={max} min={min} onChange={change} disabled={disabled} />
+      <TextField outlined={outlined} id={id} label={label} type='NUMBER' value={val} max={max} min={min} onChange={change} disabled={disabled} />
     </div>
   )
 }

package/src/html/textfield.js

@@ -45,10 +45,11 @@ export const TextField = (props) => {
     const labelStyle = label ? "" : "no-label"
     const style = `${labelStyle} ${borderStyle}`
     const labelTxt = <Text>{label}</Text>
+
     return (
         <div className={`${style}`} onClick={onClick}>
             <input id={id} type={type} placeholder={placeholder} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} readOnly={readOnly} />
-            {canClear ? <Icon icon="close" clickable size="small" action={clear} /> : null }
+            {canClear && value && value.length > 0 ? <Icon icon="close" clickable size="small" action={clear} /> : null }
             <span className="bar"></span>
             {label ? <label>{labelTxt}</label> : null}
         </div>
@@ -68,12 +69,12 @@ export const DropDown = (props) => {
     useEffect(() => {
         if (Array.isArray(options)) {
             const option = options.find(option => option.value === value)
-            if (option) setLabel(option.label)
+            const label = option ? option.label : ""
+            setLabel(label)
         }
     }, [value])
 
     function change(id, value) {
-        console.log('dropdown change > canFilter:', canFilter, id, value)
         if (canFilter) {
             setLabel(value)
         } else {
@@ -104,7 +105,6 @@ export const DropDown = (props) => {
         const canShow = open == true && Array.isArray(options)
         if (canShow) {
             const filterActive = canFilter === true && label && label.length > 0
-            console.log('Dropdown filterActive', filterActive, canFilter, label )
             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}>{option.label}</li>)
             return <menu><ul onClick={select}>{lis}</ul></menu>