ywana-core8 0.0.159 → 0.0.163

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.159",
+  "version": "0.0.163",
   "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';
 
@@ -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, hidden } = field
+  const { id, type, item, label, editable, options, hidden = false } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -176,7 +176,8 @@ export const FieldEditor = ({ field, onChange, content, outlined = false }) => {
 
   function renderField() {
     const value1 = field.value ? field.value : field.default
-    if (hidden(field, value1)) {
+    const isHidden = CHECK['isFunction'](hidden) ? hidden(field, value1) : hidden
+    if (isHidden) {
       return null
     } else {
       switch (type) {
@@ -233,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)
@@ -248,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

@@ -19,7 +19,7 @@ export const TablePage = (props) => {
     const { id = "table",
         icon, title, name,
         schema, url, field,
-        actions, dev = false, tableActions, selectionActions = [],
+        actions = [], dev = false, tableActions, selectionActions = [],
         editable, canFilter = false, canQuery = false, canAdd = true, canDelete = true,
         autosave = true, delay = 1000,
         groupBy, validator, scenario,
@@ -103,6 +103,14 @@ export const TablePage = (props) => {
         return null;
     }
 
+    function renderActions() {
+        return actions.map(element => {
+            const action = () => element.props.action(pageContext)
+            const clone = React.cloneElement(element, [ action ])
+            return clone
+        })
+    }
+
     return (
         <Fragment>
             <Header className="table-page" title={<Text>{title}</Text>}>
@@ -113,6 +121,7 @@ export const TablePage = (props) => {
                     </MenuIcon>
                 ) : null}
                 {actions}
+                {renderActions()}
             </Header>
             <menu className="table-page">
                 {canQuery ? <TableQueries schema={schema} /> : null}