ywana-core8 0.0.571 → 0.0.574

package/package.json

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

package/src/domain/CollectionPage.css

@@ -47,3 +47,4 @@ main.collection-page>.content-editor {
     flex: 1;
 }
 
+

package/src/domain/ContentEditor.js

@@ -1,5 +1,5 @@
 import React, { Fragment, useState } from 'react';
-import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, Tree, TreeNode, TreeItem, TokenField, Header } from '../html';
+import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, Tree, TreeNode, TreeItem, TokenField, Header, Accordion } from '../html';
 import { CHECK, Content, TYPES, FORMATS } from './ContentType';
 import { DateRange } from '../html/textfield';
 import { ColorField } from '../html/color';
@@ -44,6 +44,17 @@ export const ContentEditor = ({ content, filter, outlined = true, className, onC
   )
 }
 
+
+export const GroupedContentEditor = ({ content, filter, className }) => {
+
+  const sections = content.sections()
+
+  return (
+    <Accordion sections={sections} />
+  )
+}
+
+
 /**
  * Tabbed Content Editor
  */
@@ -382,7 +393,7 @@ export const MultiSelectionEditor = ({ field, value = [], content, onChange }) =
  */
 export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
 
-  const { id, item, label, Feeder, Renderer, Adder = true, editable = true } = field
+  const { id, item, label, groupBy="field1", Feeder, Renderer, Adder = true, editable = true } = field
 
   function add(rows) {
     if (onChange) {
@@ -410,7 +421,7 @@ export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
     if (onReload) onReload()
   }
 
-  const columns = Object.values(item)
+ /* const columns = Object.values(item)
     .filter(field => field.column === true)
     .map((item) => ({ ...item, onChange: change }))
   columns.push({ id: 'actions', label: 'Actions' })
@@ -424,6 +435,7 @@ export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
   }))
 
   const table = { columns, rows }
+*/
 
   return (
     <div className='collection-editor'>
@@ -431,7 +443,7 @@ export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
         Renderer ?
           <Renderer field={field} value={value} onRemove={remove} onChange={onChange} onReload={reload} />
           // : <DataTable {...table} editable={editable} />
-          : <TableEditor icon={"info"} title={label} data={value} schema={item} groupBy={"field1"} canDelete={true} remove={remove}/>
+          : <TableEditor icon={"info"} title={label} data={value} schema={item} groupBy={groupBy} canDelete={true} remove={remove}/>
 
       }
       <footer>

package/src/domain/TablePage.js

@@ -3,7 +3,7 @@ import React, { Fragment, useContext, useEffect, useMemo, useRef, useState } fro
 import { Button, DataTable, DropDown, Header, Icon, MenuIcon, MenuItem, Text } from '../html'
 import { HTTPClient, Session } from '../http'
 import { PageContext, SiteContext } from '../site'
-import { ContentEditor } from './ContentEditor'
+import { ContentEditor, GroupedContentEditor } from './ContentEditor'
 import { CHECK, Content, TYPES } from './ContentType'
 import { ContentViewer } from './ContentViewer'
 import { CreateContentDialog } from './CreateContentDialog'
@@ -200,10 +200,12 @@ const TableSelector = (props) => {
         columns,
         rows: rows || []
     }
+
     const buttons = actions.map(({ label, action, validate }) => {
         return <Button 
                     label={label} raised 
                     action={() => action(checked, pageContext, async () => {
+                        await pageContext.clearChecks()
                         await pageContext.load()
                         setPageContext(Object.assign({}, pageContext))
                         }, rows)}
@@ -485,6 +487,7 @@ export const TableEditor = (props) => {
             </Header>
             <main className="table-editor">
                 {renderGroups()}
+
             </main>
         </Fragment>
     )
@@ -539,6 +542,10 @@ const TableContext = (url, field, host, urlQuery, params) => {
             }
         },
 
+        clearChecks() {
+            this.checked = new Set([])
+        },
+
         select(id) {
             const result = this.all.find(item => item.id === id);
             this.selected = result;