ywana-core8 0.0.232 → 0.0.236

package/package.json

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

package/src/domain/TablePage.js

@@ -4,7 +4,7 @@ import { Button, DataTable, DropDown, Header, Icon, MenuIcon, MenuItem, Text } f
 import { HTTPClient, Session } from '../http'
 import { PageContext, SiteContext } from '../site'
 import { ContentEditor } from './ContentEditor'
-import { Content } from './ContentType'
+import { CHECK, Content } from './ContentType'
 import { ContentViewer } from './ContentViewer'
 import { CreateContentDialog } from './CreateContentDialog'
 import "./TablePage.css"
@@ -310,15 +310,27 @@ const TableEditor = (props) => {
         })
     }
 
+    function renderGroupLabel(groupName) {
+        const grouper = schema[groupBy]
+        if (grouper.options) {
+            const options = CHECK['isFunction'](grouper.options) ? grouper.options() : grouper.options
+            const option = options.find(option => option.value === groupName)
+            console.log(groupName, options, option )
+            return option.label ? option.label : groupName+"LABEL NOT FOUND "
+        } else {
+            return groupName
+        }
+    }
+
     function renderGroups() {
 
         const items = filter ? filter(all) : all
 
-        const groups = items.reduce((groups, filter) => {
-            const groupName = filter[groupBy]
+        const groups = items.reduce((groups, item) => {
+            const groupName = item[groupBy]
             const group = groups[groupName]
             if (!group) groups[groupName] = []
-            groups[groupName].push(filter)
+            groups[groupName].push(item)
             return groups
         }, {})
 
@@ -361,6 +373,7 @@ const TableEditor = (props) => {
             return (
                 <Fragment key={groupName}>
                     <Header title={groupName} >
+                        {renderGroupLabel(groupName)}
                         <span className="size">{groupSize}</span>
                     </Header>
                     <DataTable {...table} onRowSelection={select} editable={editable} onCheckAll={check} />