ywana-core8 0.0.47 → 0.0.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.47",
+  "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
                     })
             }

package/src/html/property.css

@@ -8,6 +8,8 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    padding: .5rem 0 .5rem .5rem;
+
 }
 
 .property-value {
@@ -15,4 +17,5 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    padding: .5rem .5rem .5rem 0
 }

package/src/html/property.js

@@ -6,11 +6,11 @@ import './property.css'
  */
 export const Property = (props) => {
 
-    const { name, value} = props
+    const { label, name, value} = props
 
     return (
         <div className="property">
-            <div className="property-name">{name}</div>
+            <div className="property-name">{name || label}</div>
             <div className="property-value">{value}</div>
         </div>
     )

package/src/html/section.js

@@ -21,7 +21,7 @@ export const Section = (props) => {
 
     return (
         <section className={`section2 ${className}`}>
-            <Header icon={{ icon }} title={title}>
+            <Header icon={icon}  title={title}>
                 {actions}
                 {canCollapse ? <Icon icon="expand_more" onIcon="expand_less" clickable action={toggle} /> : ''}
             </Header>