ywana-core8 0.0.19 → 0.0.20

package/package.json

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

package/src/domain/TablePage.js

@@ -2,8 +2,6 @@ import equal from 'deep-equal'
 import React, { Fragment, useContext, useEffect, useMemo, useRef, useState } from 'react'
 import { EditContentDialog } from '.'
 import { Content, ContentEditor, HTTPClient, PageContext, Session, SiteContext } from '..'
-import { SCENARIO1 } from '../../dev/scenario1'
-import { BuildGroupOptions } from '../../pages/kinds/options'
 import { Button, DataTable, DropDown, Header, Icon, MenuIcon, MenuItem, Text } from '../html'
 import "./TablePage.css"
 
@@ -15,7 +13,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 = true, autosave = true, groupBy, validator, scenario } = 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 } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const { selected } = pageContext
     const timer = useRef(null)
@@ -66,7 +64,7 @@ export const TablePage = (props) => {
     async function playScenario() {
         const promises1 = pageContext.all.map(async item => await pageContext.remove(item.id))
         Promise.all(promises1).then(async () => {
-            const promises2 = SCENARIO1.map(async (item) => await pageContext.create(item))
+            const promises2 = scenario.map(async (item) => await pageContext.create(item))
             Promise.all(promises2).then(async () => {
                 await pageContext.load()
                 setPageContext(Object.assign({}, pageContext))
@@ -266,10 +264,16 @@ const TableEditor = (props) => {
 
     table.columns.push({ id: "actions" })
 
+    function buildGroupOptions(schema) {
+        return Object.values(schema)
+            .filter(field => field.grouper === true)
+            .map(field => ({ label: field.label, value: field.id }))
+    }
+
     return (
         <Fragment>
             <Header icon={icon} title={<Text>{title}</Text>}>
-                <DropDown id="groupBy" label="Agrupar Por" value={groupBy} options={BuildGroupOptions(schema)} onChange={changeGroup} />
+                <DropDown id="groupBy" label="Agrupar Por" value={groupBy} options={buildGroupOptions(schema)} onChange={changeGroup} />
             </Header>
             <main className="table-editor">
                 {renderGroups()}