ywana-core8 0.0.46 → 0.0.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.46",
+  "version": "0.0.50",
   "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 } = 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 } = 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} />
+                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} />
             </main>
             {renderAside()}
         </Fragment>
@@ -152,7 +152,6 @@ const TableFilters = (props) => {
     }
 
     const content = new Content(filterSchema, form)
-    console.log(filterSchema, content)
     return (
         <Fragment>
             <Header title={<Text>Filtros</Text>} >
@@ -172,7 +171,7 @@ const TableEditor = (props) => {
 
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [], filters } = pageContext
-    const { icon, title, schema, editable } = props
+    const { icon, title, schema, editable, filter } = props
     const [groupBy, setGroupBy] = useState(props.groupBy)
 
     function changeGroup(id, value) {
@@ -206,7 +205,9 @@ const TableEditor = (props) => {
 
     function renderGroups() {
 
-        const groups = all.reduce((groups, filter) => {
+        const items = filter ? filter(all) : all
+
+        const groups = items.reduce((groups, filter) => {
             const groupName = filter[groupBy]
             const group = groups[groupName]
             if (!group) groups[groupName] = []

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>