ywana-core8 0.0.157 → 0.0.161

package/package.json

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

package/src/domain/ContentEditor.js

@@ -1,6 +1,6 @@
 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 { CHECK, Content, TYPES } from './ContentType';
 import './ContentEditor.css';
 import { FORMATS } from './ContentType';
 
@@ -28,7 +28,7 @@ export const ContentEditor = ({ content, filter, onChange }) => {
 
           return filtered.length > 0 ? (
             <section key={title}>
-              { title && title.length > 0 ? <header>{title}</header> : null }
+              {title && title.length > 0 ? <header>{title}</header> : null}
               <main>
                 {filtered.map((field) => <FieldEditor key={field.id} field={field} onChange={change} outlined={true} />)}
               </main>
@@ -168,7 +168,7 @@ export const TreededContentEditor = ({ content, filter, onChange }) => {
  * FieldEditor
  */
 export const FieldEditor = ({ field, onChange, content, outlined = false }) => {
-  const { id, type, item, label, editable, options } = field
+  const { id, type, item, label, editable, options, hidden = false } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -176,21 +176,26 @@ export const FieldEditor = ({ field, onChange, content, outlined = false }) => {
 
   function renderField() {
     const value1 = field.value ? field.value : field.default
-    switch (type) {
-      case TYPES.ENTITY:
-        return <EntityEditor field={field} value={value1} onChange={change} />
-      case TYPES.STRING:
-        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.NUMBER:
-        return <NumberEditor outlined={outlined} field={field} value={value1} onChange={change} />
-      case TYPES.ARRAY:
-        return item === TYPES.STRING ?
-          options ? <MultiSelectionEditor content={content} field={field} value={value1} onChange={change} /> : <ListEditor field={field} value={value1} onChange={change} />
-          : <CollectionEditor field={field} value={value1} onChange={change} />
-      default:
-        return <div>{label}</div>
+    const isHidden = CHECK['isFunction'](hidden) ? hidden(field, value1) : hidden
+    if (isHidden) {
+      return null
+    } else {
+      switch (type) {
+        case TYPES.ENTITY:
+          return <EntityEditor field={field} value={value1} onChange={change} />
+        case TYPES.STRING:
+          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.NUMBER:
+          return <NumberEditor outlined={outlined} field={field} value={value1} onChange={change} />
+        case TYPES.ARRAY:
+          return item === TYPES.STRING ?
+            options ? <MultiSelectionEditor content={content} field={field} value={value1} onChange={change} /> : <ListEditor field={field} value={value1} onChange={change} />
+            : <CollectionEditor field={field} value={value1} onChange={change} />
+        default:
+          return <div>{label}</div>
+      }
     }
   }
   return renderField()
@@ -229,7 +234,7 @@ const EntityEditor = ({ field, value = {}, onChange }) => {
  * String Editor
  */
 export const StringEditor = ({ field, value = '', onChange, content, outlined }) => {
-  const { id, format, label, options, editable = true } = field
+  const { id, format, label, options, editable = true, predictive = false } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -244,7 +249,7 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
     <div className='field-editor string-editor'>
       {
         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} canFilter={false}/> :
+          options ? <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} canFilter={predictive} /> :
             <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={!editable} />
       }
     </div>

package/src/domain/TablePage.js

@@ -161,7 +161,10 @@ const TableSelector = (props) => {
         rows: rows || []
     }
     const buttons = actions.map(({ label, action }) => {
-        return <Button label={label} raised action={() => action(checked)} />
+        return <Button label={label} raised action={() => action(checked, pageContext, async () => {
+            await pageContext.load()
+            setPageContext(Object.assign({}, pageContext))
+        })} />
     })
 
     return (