ywana-core8 0.0.17 → 0.0.21

package/package.json

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

package/src/domain/CollectionPage.js

@@ -5,7 +5,7 @@ import { PageContext } from '../site'
 import { Button, Header, Icon, List, Menu, MenuIcon, MenuItem, Text, Tree, TreeItem, TreeNode } from '../html'
 import { Content } from './ContentType'
 import { ContentEditor, TabbedContentEditor, TreededContentEditor } from './ContentEditor'
-import { EditContentDialog } from './EditContentDialog'
+import { CreateContentDialog } from './CreateContentDialog_old'
 import { SiteContext } from '../site/siteContext'
 import "./CollectionPage.css"
 
@@ -37,7 +37,7 @@ export const CollectionPage = (props) => {
             await pageContext.create(form);
             setPageContext(Object.assign({}, pageContext))
         }
-        site.openDialog(<EditContentDialog label={`Crear ${name}`} type={schema} onOK={onOK} />);
+        site.openDialog(<CreateContentDialog label={`${name}`} type={schema} onOK={onOK} />);
     }
 
     return (

package/src/domain/TablePage.js

@@ -1,9 +1,10 @@
 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 { EditContentDialog } from './EditContentDialog'
+import { Content } from './ContentType'
+import { ContentEditor } from './ContentEditor'
+import { HTTPClient, Session } from '../http'
+import { SiteContext, PageContext } from '../site'
 import { Button, DataTable, DropDown, Header, Icon, MenuIcon, MenuItem, Text } from '../html'
 import "./TablePage.css"
 
@@ -15,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 = 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 +67,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 +267,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()}

package/src/domain/index.js

@@ -4,3 +4,4 @@ export { ContentEditor, TabbedContentEditor, CollectionEditor, TreededContentEdi
 export { CreateContentDialog } from './CreateContentDialog'
 export { EditContentDialog } from './EditContentDialog'
 export { CollectionPage, CollectionContext } from './CollectionPage'
+export { TablePage } from './TablePage'