ywana-core8 0.0.481 → 0.0.482

package/package.json

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

package/src/domain/TabbedTablePage.js

@@ -26,6 +26,7 @@ export const TabbedTablePage = (props) => {
         canQuery = false, urlQuery, user,
         groupBy, validator, scenario,
         formFilter, tableFilter, editorFilter = false,
+        tableClassName,
         children
     } = props
 
@@ -178,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} />
+                <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()}
@@ -380,7 +381,7 @@ export const TableEditor = (props) => {
     const site = useContext(SiteContext)
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [], filters } = pageContext
-    const { icon, title, schema, editable, canDelete, filter, actions, tabs } = props
+    const { icon, title, schema, editable, canDelete, filter, actions, tabs, className } = props
     const [groupBy, setGroupBy] = useState(props.groupBy)
 
     function changeGroup(id, value) {
@@ -491,7 +492,7 @@ export const TableEditor = (props) => {
                     <Header title={title} >
                         <span className="size">{groupSize}</span>
                     </Header>
-                    <DataTable {...table} onRowSelection={select} editable={editable} onCheckAll={check} />
+                    <DataTable {...table} onRowSelection={select} editable={editable} onCheckAll={check} className={className}/>
                 </Fragment>
             )
         })

package/src/site/site.test.js

@@ -128,7 +128,7 @@ const Page3 = (props) => {
 
     return (
         <Fragment>
-            <TablePage title="Referencias" schema={schema} host="http://localhost:3000" url="/references" canFilter={true} tableClassName="condensed"/>
+            <TabbedTablePage title="Referencias" schema={schema} host="http://localhost:3000" url="/references" canFilter={true} tableClassName="condensed"/>
         </Fragment>
     )
 }