ywana-core8 0.0.223 → 0.0.227

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.223",
+  "version": "0.0.227",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",
@@ -35,6 +35,7 @@
     "react-error-overlay": "^6.0.10",
     "react-notifications": "^1.7.3",
     "react-switch": "^6.0.0",
+    "react-tooltip": "^4.2.21",
     "resumablejs": "^1.1.0"
   }
 }

package/src/domain/CollectionPage.js

@@ -40,12 +40,20 @@ export const CollectionPage = (props) => {
         site.openDialog(<CreateContentDialog label={`${name}`} type={schema} onOK={onOK} />);
     }
 
+    function renderActions() {
+        return actions.map(element => {
+            const action = () => element.props.action(pageContext)
+            const clone = React.cloneElement(element, { action })
+            return clone
+        })
+    }
+    
     return (
         <Fragment>
             <Header className="collection-page" title={<Text>{title}</Text>}>
                 <Button icon="add" label="Add" action={add} />
                 <Button icon="refresh" label="Reload" action={reload} />
-                {actions}
+                {renderActions()}
             </Header>
             <menu className="collection-page">
                 <Header title={<Text>Lista de {name}</Text>} >

package/src/domain/TablePage.css

@@ -17,7 +17,7 @@ main.table-page>header {
 }
 
 aside.table-page {
-    width: 25rem;
+    min-width: 25rem;
 }
 
 main.table-editor {

package/src/domain/TablePage.js

@@ -20,9 +20,10 @@ export const TablePage = (props) => {
     const { id = "table",
         icon, title, name,
         schema, url, field,
-        actions = [], dev = false, tableActions, selectionActions = [],
-        editable, canFilter = false, canQuery = false, canAdd = true, canDelete = true,
         autosave = true, delay = 1000,
+        editable, 
+        actions = [], dev = false, tableActions, selectionActions = [],
+        canFilter = false, canQuery = false, canAdd = true, canDelete = true, canEdit = true,
         groupBy, validator, scenario,
         formFilter, tableFilter, editorFilter = false
     } = props
@@ -96,7 +97,7 @@ export const TablePage = (props) => {
         if (rowSelected || rowChecked) {
             return (
                 <aside className="table-page">
-                    {rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} editable={editable}/> : null}
+                    {rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} editable={canEdit}/> : null}
                     {rowChecked ? <TableSelector schema={schema} actions={selectionActions} /> : null}
                 </aside>
             )

package/src/html/index.js

@@ -16,4 +16,5 @@ export { Text } from './text'
 export { TextField, DropDown } from './textfield'
 export { TokenField } from './tokenfield'
 export { Tree, TreeNode, TreeItem } from './tree'
-export { Switch } from './switch'
+export { Switch } from './switch'
+export { Tooltip } from './tooltip'

package/src/html/tooltip.css

@@ -0,0 +1,3 @@
+.tooltip {
+    
+}

package/src/html/tooltip.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import './tooltip.css'
+
+/**
+ * Tooltip
+ */
+export const Tooltip = (props) => {
+
+    const { text = "..." } = props
+
+    return (
+        <ReactTooltip id="filters" effect="solid" className="tooltip">
+            <Text use="body2">{text}</Text>
+        </ReactTooltip>
+    )
+
+}