ywana-core8 0.0.359 → 0.0.362

package/package.json

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

package/src/domain/ContentEditor.js

@@ -232,7 +232,7 @@ const EntityEditor = ({ field, value = {}, onChange }) => {
  * String Editor
  */
 export const StringEditor = ({ field, value = '', onChange, content, outlined }) => {
-  const { id, format, label, options, editable = true, predictive = false, Editor } = field
+  const { id, format, label, options, editable = true, predictive = false, multivalue = false, Editor } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -250,6 +250,8 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
       default:
         return options ? (
           <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} predictive={predictive} />
+        ) : multivalue ? (
+          <TokenField id={id} label={label} onChange={change} readOnly={!editable}/>
         ) : (
           <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={!editable} />
         )

package/src/domain/ContentEditor.test.js

@@ -5,7 +5,7 @@ import './ContentEditor.test.css'
 
 const schema = {
     name: { id: "name", type: TYPES.STRING, required: true, label: "Name" },
-    field1: { id: "field1", type: TYPES.STRING, required: true, label: "field1" },
+    field1: { id: "field1", type: TYPES.STRING, required: true, label: "field1", multivalue: true },
     field2: { id: "field2", type: TYPES.STRING, required: true, label: "field2" },
     field3: { id: "field3", type: TYPES.STRING, required: true, label: "field3" },
 }

package/src/domain/ContentViewer.js

@@ -45,8 +45,10 @@ export const ContentViewer = (props) => {
 const FieldViewer = (props) => {
 
     const { field, value } = props
-    const { id, type, item, label } = field
+    const { id, type, item, label, visible =t rue } = field
     
+    if (!visible) return null
+
     switch(type) {
         case TYPES.STRING:
             return <Property label={label} value={value} />

package/src/domain/TablePage.js

@@ -271,22 +271,18 @@ const TableFilters = (props) => {
     }, [schema])
 
     useEffect(() => {
-        console.log("TableFilters onFiltersChange", filters)
         if (filters) setForm(filters)
     }, [filters])
 
     useEffect(() => {
-        console.log("TableFilters onFormChanged", filters)
         reload()
     }, [form])
 
     async function change(next) {
-        console.log("TableFilters.change()", next)
         setForm(next)
     }
 
     async function reload() {
-        console.log("TableFilters.reload()", form)
         await pageContext.load(form)
         setPageContext(Object.assign({}, pageContext))
     }

package/src/html/tokenfield.js

@@ -6,7 +6,7 @@ import './tokenfield.css'
 /**
  * Token Field
  */
-export const TokenField = ({ id, label, init = [], onChange }) => {
+export const TokenField = ({ id, label, init = [], readOnly, onChange }) => {
   const mounted = useRef(false)
   const [value, setValue] = useState()
   const [tokens, setTokens] = useState(init)
@@ -54,7 +54,7 @@ export const TokenField = ({ id, label, init = [], onChange }) => {
       {tokens.map((text, index) => (
         <Token text={text} onDelete={() => remove(index)} />
       ))}
-      <input type='text' value={value} onChange={change} onKeyDown={onEnter} />
+      <input type='text' value={value} onChange={change} onKeyDown={onEnter} readOnly={readOnly}/>
     </div>
   )
 }