ywana-core8 0.0.554 → 0.0.555

package/package.json

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

package/src/domain/ContentViewer.js

@@ -52,7 +52,7 @@ const FieldViewer = (props) => {
 
     switch (type) {
         case TYPES.STRING:
-            return <Property label={label} value={value} />
+            return <Property label={label} value={value} options={field.options}/>
         case TYPES.ENTITY:
             return <EntityViewer field={field} value={value} />
         case TYPES.ARRAY:

package/src/html/property.js

@@ -7,7 +7,7 @@ import './property.css'
  */
 export const Property = (props) => {
 
-    const { id, className, label, name, initial, value, editable = false, onChange } = props
+    const { id, className, label, name, initial, value, editable = false, onChange, options } = props
 
     function change(event) {
         if (onChange) {
@@ -20,13 +20,19 @@ export const Property = (props) => {
         if (onChange) onChange(id, "")
     }
 
+    let value2 = value || initial
+
+    if (options) {
+        const opt = options.find(option => option.value == value2)
+        if (opt) value2 = opt.label
+    }
+
     return (
         <div className={`property property-${id} ${className}`}>
             <div className="property-name">{name || label}</div>
-            { initial ? <div className='property-value'>{initial}</div> : null}
             <div className="property-value">
-                {editable ? <input type="text" value={value} onChange={change}/> : value}
-                {editable && value.length > 0 ? <Icon icon="close" size="small" clickable action={clear} /> : null }
+                {editable ? <input type="text" value={value2} onChange={change}/> : value2}
+                {editable && value2.length > 0 ? <Icon icon="close" size="small" clickable action={clear} /> : null }
             </div>
         </div>
     )