ywana-core8 0.0.519 → 0.0.522

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.519",
+  "version": "0.0.522",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/domain/TabbedTablePage.js

@@ -36,16 +36,16 @@ export const TabbedTablePage = (props) => {
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
     const [tabs, setTabs] = useState([])
-    
+
     useEffect(async () => {
         const field = Object.values(schema).find(field => field.tab && field.tab === true)
-        const tabs = field.options.map(option => Object.assign({}, option, { field: field.id}))
+        const tabs = field.options.map(option => Object.assign({}, option, { field: field.id }))
         setTabs(tabs)
         context.changeTab(tabs[0])
         setPageContext(context)
     }, [])
-    
-    useEffect( async () => {
+
+    useEffect(async () => {
         if (tab) {
             const filter = { [tab.field]: tab.value }
             await pageContext.load(filter, [])
@@ -151,7 +151,7 @@ export const TabbedTablePage = (props) => {
     }
 
     function renderTabs() {
-        const selected = tab ? tab.value : null 
+        const selected = tab ? tab.value : null
         return (
             <Tabs selected={selected} onChange={changeTab} fillRight={true} fillLeft={false}>
                 {tabs.map(tab => <Tab id={tab.value} label={tab.label} />)}
@@ -179,7 +179,7 @@ export const TabbedTablePage = (props) => {
                 </menu>
             ) : null}
             <main key={id} className="table-page">
-                <TableEditor icon={icon} title={name} tabs={renderTabs()} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} className={tableClassName}/>
+                <TableEditor icon={icon} title={name} tabs={renderTabs()} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} className={tableClassName} />
                 {children ? <article>{children}</article> : null}
             </main>
             {renderAside()}
@@ -326,10 +326,10 @@ const TableFilters = (props) => {
 
     const likes = useMemo(() => {
         const fields = Object.values(schema)
-            return fields.reduce((likes, field) => {
-                if (field.like === true) likes.push(field.id)
-                return likes
-            }, [])
+        return fields.reduce((likes, field) => {
+            if (field.like === true) likes.push(field.id)
+            return likes
+        }, [])
     }, [schema])
 
     useEffect(() => {
@@ -446,6 +446,14 @@ export const TableEditor = (props) => {
 
     function renderGroups() {
         const items = filter ? filter(all) : all
+
+        if (items.length === 0) return (
+            <div className='empty-message'>
+                <Icon icon="search_off" />
+                <Text>No Result Found</Text>
+            </div>
+        )
+
         const groups = items.reduce((groups, item) => {
             const groupName = item[groupBy]
             const group = groups[groupName]
@@ -453,6 +461,7 @@ export const TableEditor = (props) => {
             groups[groupName].push(item)
             return groups
         }, {})
+
         return Object.keys(groups).map(groupName => {
             const table = {
                 columns: Object.values(schema)
@@ -492,7 +501,7 @@ export const TableEditor = (props) => {
                     <Header title={title} >
                         <span className="size">{groupSize}</span>
                     </Header>
-                    <DataTable {...table} onRowSelection={select} editable={editable} onCheckAll={check} className={className}/>
+                    <DataTable {...table} onRowSelection={select} editable={editable} onCheckAll={check} className={className} />
                 </Fragment>
             )
         })
@@ -550,7 +559,7 @@ const TableContext = (url, field, host, urlQuery) => {
 
                     return filters;
                 }, {}) : []
-                
+
                 if (this.tab) {
                     filters[this.tab.field] = this.tab.value
                 }
@@ -670,7 +679,7 @@ const TableAPI = (url, host) => {
                         }, "")
                         return query.concat(param)
                     } else {
-                        return like.includes(key) ? query.concat(`${key}=%${filters[key]}%&`) :  query.concat(`${key}=${filters[key]}&`)
+                        return like.includes(key) ? query.concat(`${key}=%${filters[key]}%&`) : query.concat(`${key}=${filters[key]}&`)
                     }
                 }, "")
                 queryParams = queryParams.concat(filterQuery)

package/src/domain/TablePage.js

@@ -90,7 +90,6 @@ export const TablePage = (props) => {
     }
 
     async function save() {
-        console.log('saving.....')
         await pageContext.update(form)
         setPageContext(Object.assign({}, pageContext))
     }
@@ -412,6 +411,14 @@ export const TableEditor = (props) => {
 
     function renderGroups() {
         const items = filter ? filter(all) : all
+
+        if (items.length === 0) return (
+            <div className='empty-message'>
+                <Icon icon="search_off" />
+                <Text>No Result Found</Text>
+            </div>
+        )
+        
         const groups = items.reduce((groups, item) => {
             const groupName = item[groupBy]
             const group = groups[groupName]