ywana-core8 0.0.72 → 0.0.73

package/package.json

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

package/src/domain/ContentEditor.js

@@ -2,6 +2,7 @@ import React, { Fragment, useState } from 'react';
 import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, Tree, TreeNode, TreeItem, TokenField, Property } from '../html';
 import { Content, TYPES } from './ContentType';
 import './ContentEditor.css';
+import { FORMATS } from '.';
 
 /**
  * Content Editor
@@ -25,7 +26,7 @@ export const ContentEditor = ({ content, filter, onChange }) => {
               {fields
                 .filter(field => field.id !== 'id')
                 .filter(field => filter ? filter(field, content) : true)
-                .map((field) => <FieldEditor key={field.id} field={field} onChange={change} outlined={true}/>)}
+                .map((field) => <FieldEditor key={field.id} field={field} onChange={change} outlined={true} />)}
             </main>
           </section>
         )
@@ -177,8 +178,6 @@ export const FieldEditor = ({ field, onChange, content, outlined = false }) => {
         return <StringEditor outlined={outlined} field={field} value={value1} onChange={change} content={content} />
       case TYPES.BOOLEAN:
         return <CheckBox outlined id={id} label={label} value={value1} onChange={change} />
-      case TYPES.DATE:
-        return <TextField outlined={outlined} id={id} type='date' label={label} value={value1} onChange={change} disabled={editable} />
       case TYPES.NUMBER:
         return <NumberEditor outlined={outlined} field={field} value={value1} onChange={change} />
       case TYPES.ARRAY:
@@ -225,7 +224,7 @@ const EntityEditor = ({ field, value = {}, onChange }) => {
  * String Editor
  */
 export const StringEditor = ({ field, value = '', onChange, content, outlined }) => {
-  const { id, label, options, editable = true, filter } = field
+  const { id, format, label, options, editable = true, filter } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -239,14 +238,9 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
   return (
     <div className='field-editor string-editor'>
       {
-        editable ?
-          options ? (
-            <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} />
-          ) : (
-            <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} />
-          ) : (
-            <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={true} />
-          )
+        format === FORMATS.DATE ? <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} /> :
+          options ? <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} /> :
+            <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={!editable} />
       }
     </div>
   )