ywana-core8 0.0.53 → 0.0.57

package/package.json

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

package/src/domain/CollectionPage.css

@@ -11,6 +11,10 @@ menu.collection-page>header {
     border-bottom: dotted 1px var(--divider-color);
 }
 
+menu.collection-page>.list {
+    overflow:auto;
+}
+
 menu.collection-page>main {
     flex: 1;
     overflow:auto;

package/src/domain/TablePage.js

@@ -203,6 +203,12 @@ const TableEditor = (props) => {
         setPageContext(Object.assign({}, pageContext))
     }
 
+    async function run(action) {
+        await action.action(item.id, pageContext)
+        await pageContext.load()
+        setPageContext(Object.assign({}, pageContext))
+    }
+
     function renderGroups() {
 
         const items = filter ? filter(all) : all
@@ -236,7 +242,7 @@ const TableEditor = (props) => {
                     }),
                 rows: groups[groupName]
                     .map(item => {
-                        item.actions =  actions ? actions.map(action => <Icon icon={action.icon} clickable size="small" action={() => { action.action(item.id, pageContext) }}/>) : []
+                        item.actions =  actions ? actions.map(action => <Icon icon={action.icon} clickable size="small" action={() => run(action) }/>) : []
                         item.actions.push(<Icon icon="delete" size="small" clickable action={() => remove(item.id)} />)
                         return item
                     })

package/src/html/button.js

@@ -19,7 +19,7 @@ export const Button = ({ label, icon, action, disabled = false, outlined, raised
     if (disabled) style = `${style} disabled`
     return (
         <button className={`btn ${style}`} onClick={click}>
-            { icon ? <Icon icon={icon} size="small" /> : null }
+            { icon ? <Icon icon={icon} size="small" clickable action={click} /> : null }
             <span>{ label }</span>
         </button>
     )

package/src/html/icon.js

@@ -9,7 +9,7 @@ export const Icon = ({ icon, size = "normal", clickable = false, action }) => {
     function click (event) {
         event.stopPropagation()
         event.preventDefault();
-        if (action) action()
+        if (action) action(event)
     }
 
     const clicker = clickable ? "clickable" : ""