ywana-core8 0.0.480 → 0.0.481

package/package.json

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

package/src/domain/TablePage.js

@@ -26,6 +26,7 @@ export const TablePage = (props) => {
         canQuery = false, urlQuery, user,
         groupBy, validator, scenario,
         formFilter, tableFilter, editorFilter = false,
+        tableClassName,
         children
     } = props
 
@@ -152,7 +153,7 @@ export const TablePage = (props) => {
                 </menu>
             ) : null}
             <main key={id} className="table-page">
-                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} />
+                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} className={tableClassName}/>
                 {children ? <article>{children}</article> : null}
             </main>
             {renderAside()}
@@ -346,7 +347,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 } = props
+    const { icon, title, schema, editable, canDelete, filter, actions, className } = props
     const [groupBy, setGroupBy] = useState(props.groupBy)
 
     function changeGroup(id, value) {
@@ -457,7 +458,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

@@ -9,6 +9,7 @@ import { Button, DropDown, TextField, TextArea } from '../html'
 import { UploadDialog } from '../widgets/upload/UploadDialog'
 import { Uploader } from '../widgets/upload/Uploader'
 import { TabbedTablePage } from '../domain/TabbedTablePage'
+import { TablePage } from '../domain/TablePage'
 import { FORMATS, TYPES } from '../domain/ContentType'
 
 const SiteTest = (prop) => {
@@ -115,19 +116,19 @@ const Page2 = (props) => {
 const Page3 = (props) => {
 
     const schema = {
-        name  : { id: "name"  , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true , like: true, label: "Name"   },
-        state : { id: "state" , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: true , column: true , filter: false            , label: "State" , options: [
+        name  : { id: "name"  , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true , like: true, label: "Name"   },
+        state : { id: "state" , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: true , grouper: true , column: true , filter: false            , label: "State" , options: [
             { label: "Pendiente", value: "NOT_CLASSIFIED" },
             { label: "Clasificada", value: "CLASSIFIED"}, 
         ]},
-        field1: { id: "field1", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true             , label: "field1" },
-        field2: { id: "field2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true             , label: "field2" },
-        field4: { id: "field4", type: TYPES.STRING, format: FORMATS.COLOR, required: true, tab: false, column: true , filter: true             , label: "Color"  },
+        field1: { id: "field1", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "field1" },
+        field2: { id: "field2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "field2" },
+        field4: { id: "field4", type: TYPES.STRING, format: FORMATS.COLOR, required: true, tab: false, grouper: true , column: true , filter: true             , label: "Color"  },
     }
 
     return (
         <Fragment>
-            <TabbedTablePage title="Referencias" schema={schema} host="http://localhost:3000" url="/references" canFilter={true} />
+            <TablePage title="Referencias" schema={schema} host="http://localhost:3000" url="/references" canFilter={true} tableClassName="condensed"/>
         </Fragment>
     )
 }