ywana-core8 0.0.132 → 0.0.136

package/package.json

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

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,
+        actions, dev = false, tableActions, selectionActions = [],
         editable, canFilter = false, canQuery = false, canAdd = true, canDelete = true,
         autosave = true, delay = 1000,
         groupBy, validator, scenario,
@@ -96,7 +96,7 @@ export const TablePage = (props) => {
             return (
                 <aside className="table-page">
                     { rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} /> : null }
-                    { rowChecked ? <TableSelector schema={schema} onClose={closeAside} /> : null }
+                    { rowChecked ? <TableSelector schema={schema} actions={selectionActions} /> : null }
                 </aside>
             )
         }
@@ -153,14 +153,16 @@ const TableSelector = (props) => {
     const { all, checked} = pageContext
 
     const count = `${checked.size}/${all.length}`
-    const rows = [...checked].map(id => all.find(item => item.id === id))
-    console.log(count, rows)
+    const rows = all.filter(item => checked.has(item.id))
     const table = {
         columns: [
             { id:"idMatricula", label: "ID Matricula" }
         ],
-        rows: []
+        rows: rows || []
     }
+    const buttons = actions.map(({label, action }) => {
+        return <Button label={label} raised action={() => action(rows)} />
+    })
 
     return (
         <div className="table-selector">
@@ -171,7 +173,7 @@ const TableSelector = (props) => {
                 <DataTable {...table} />
             </main>
             <footer>
-                { actions }
+                { buttons }
             </footer>
         </div>
     )