ywana-core8 0.0.50 → 0.0.51

package/package.json

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

package/src/domain/TablePage.js

@@ -16,7 +16,7 @@ const http = HTTPClient(window.API || process.env.REACT_APP_API, Session);
 export const TablePage = (props) => {
 
     const site = useContext(SiteContext)
-    const { id = "table", icon, title, name = "table 1", schema, url, field, delay = 1000, actions, editable, canAdd = true, dev = false, autosave = true, groupBy, validator, scenario, formFilter, tableFilter } = props
+    const { id = "table", icon, title, name = "table 1", schema, url, field, delay = 1000, actions, editable, canAdd = true, dev = false, autosave = true, groupBy, validator, scenario, formFilter, tableFilter, tableActions } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const { selected } = pageContext
     const timer = useRef(null)
@@ -111,7 +111,7 @@ export const TablePage = (props) => {
                 <TableFilters schema={schema} />
             </menu>
             <main key={id} className="table-page">
-                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} />
+                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} />
             </main>
             {renderAside()}
         </Fragment>
@@ -171,7 +171,7 @@ const TableEditor = (props) => {
 
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [], filters } = pageContext
-    const { icon, title, schema, editable, filter } = props
+    const { icon, title, schema, editable, filter, actions } = props
     const [groupBy, setGroupBy] = useState(props.groupBy)
 
     function changeGroup(id, value) {
@@ -236,7 +236,8 @@ const TableEditor = (props) => {
                     }),
                 rows: groups[groupName]
                     .map(item => {
-                        item.actions = [<Icon icon="delete" size="small" clickable action={() => remove(item.id)} />]
+                        item.actions =  actions ? actions.map(action => <Icon icon={action.icon} clickable size="small" action={() => { action.action(item.id) }}/>) : []
+                        item.actions.push(<Icon icon="delete" size="small" clickable action={() => remove(item.id)} />)
                         return item
                     })
             }