ywana-core8 0.0.44 → 0.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.44",
+  "version": "0.0.48",
   "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] = []
@@ -250,7 +251,8 @@ const TableEditor = (props) => {
             )
         })
     }
-
+    
+/*  DUPLIDCADO
     const table = {
         columns: Object.values(schema)
             .filter(field => field.column === true)
@@ -275,6 +277,7 @@ const TableEditor = (props) => {
     }
 
     table.columns.push({ id: "actions" })
+*/
 
     function buildGroupOptions(schema) {
         return Object.values(schema)

package/src/html/button.css

@@ -9,9 +9,9 @@
     transition: background-color .3s;
     display: flex;
     color: var(--primary-color);
+    background-color: var(--paper-color);
     min-height: 2.5rem;
   }
-
   
   .btn.outlined {
     color: var(--primary-color);

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>

package/src/html/textfield.css

@@ -21,6 +21,8 @@
   border-bottom: 1px solid var(--divider-color);
   overflow: hidden;
   font-size: 1rem;
+  color: var(--text-color);
+  background-color: var(--paper-color);
 }
 
 .textfield > input:focus {
@@ -104,6 +106,7 @@ input:read-only ~ label,
   right: 0px;
   margin: 0;
   border: solid 1px var(--divider-color);
+  color: var(--text-color);
   background-color: var(--paper-color);
   padding: 0;
   max-height: 20rem;