ywana-core8 0.0.571 → 0.0.572

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ywana-core8",
3
- "version": "0.0.571",
3
+ "version": "0.0.572",
4
4
  "description": "ywana-core8",
5
5
  "homepage": "https://ywana.github.io/workspace",
6
6
  "author": "Ernesto Roldan Garcia",
@@ -1,5 +1,5 @@
1
1
  import React, { Fragment, useState } from 'react';
2
- import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, Tree, TreeNode, TreeItem, TokenField, Header } from '../html';
2
+ import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, Tree, TreeNode, TreeItem, TokenField, Header, Accordion } from '../html';
3
3
  import { CHECK, Content, TYPES, FORMATS } from './ContentType';
4
4
  import { DateRange } from '../html/textfield';
5
5
  import { ColorField } from '../html/color';
@@ -44,6 +44,17 @@ export const ContentEditor = ({ content, filter, outlined = true, className, onC
44
44
  )
45
45
  }
46
46
 
47
+
48
+ export const GroupedContentEditor = ({ content, filter, className }) => {
49
+
50
+ const sections = content.sections()
51
+
52
+ return (
53
+ <Accordion sections={sections} />
54
+ )
55
+ }
56
+
57
+
47
58
  /**
48
59
  * Tabbed Content Editor
49
60
  */
@@ -3,7 +3,7 @@ import React, { Fragment, useContext, useEffect, useMemo, useRef, useState } fro
3
3
  import { Button, DataTable, DropDown, Header, Icon, MenuIcon, MenuItem, Text } from '../html'
4
4
  import { HTTPClient, Session } from '../http'
5
5
  import { PageContext, SiteContext } from '../site'
6
- import { ContentEditor } from './ContentEditor'
6
+ import { ContentEditor, GroupedContentEditor } from './ContentEditor'
7
7
  import { CHECK, Content, TYPES } from './ContentType'
8
8
  import { ContentViewer } from './ContentViewer'
9
9
  import { CreateContentDialog } from './CreateContentDialog'
@@ -485,6 +485,7 @@ export const TableEditor = (props) => {
485
485
  </Header>
486
486
  <main className="table-editor">
487
487
  {renderGroups()}
488
+
488
489
  </main>
489
490
  </Fragment>
490
491
  )