ywana-core8 0.0.318 → 0.0.321

package/package.json

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

package/src/domain/CollectionPage.css

@@ -20,8 +20,15 @@ menu.collection-page>main {
     overflow:auto;
 }
 
-.collection-page .content-editor .selected {
-    /*background-color: #FBFBFB !important;*/
+main.collection-page {
+    display: flex;
+    flex-direction: column;
+}
+
+main.collection-page > article {
+    padding: 1rem;
+    display: flex;
+    resize: vertical;
 }
 
 .collection-page .content-editor>section {
@@ -35,4 +42,6 @@ menu.collection-page>main {
     border-width: 0 1px 1px 1px;
     background-color: var(--paper-color);
     padding: 0 1rem 1rem 1rem;
-}
+}
+
+

package/src/domain/CollectionPage.js

@@ -15,7 +15,7 @@ import "./CollectionPage.css"
 export const CollectionPage = (props) => {
 
     const site = useContext(SiteContext)
-    const { id = "collection", icon, title, name = "Collection 1", schema, url, host, groupBy, editor, field, autosave = false, delay = 1000, actions, levels, onSelect } = props
+    const { id = "collection", icon, title, name = "Collection 1", schema, url, host, groupBy, editor, field, autosave = false, delay = 1000, actions, levels, onSelect, children } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const context = CollectionContext(url, field, host)
 
@@ -59,6 +59,7 @@ export const CollectionPage = (props) => {
             </menu>
             <main key={id} className="collection-page">
                 <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} />
+                {children ? <article>{children}</article> : null}
             </main>
         </Fragment>
     )
@@ -100,7 +101,7 @@ const CollectionList = (props) => {
 /**
  * Collection Tree
  */
-const CollectionTree = (props) => {
+export const CollectionTree = (props) => {
 
     const { levels, onSelect } = props
     const [pageContext, setPageContext] = useContext(PageContext)

package/src/domain/TablePage.css

@@ -18,9 +18,8 @@ main.table-page>header {
 
 main.table-page > article {
     padding: 1rem;
-    height: 50%;
     display: flex;
-    resize: vertical;
+    max-height: 50%;
 }
 
 aside.table-page {

package/src/domain/TablePage.js

@@ -145,8 +145,8 @@ export const TablePage = (props) => {
                 </menu>
             ) : null}
             <main key={id} className="table-page">
-                {children ? <article>{children}</article> : null}
                 <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} />
+                {children ? <article>{children}</article> : null}
             </main>
             {renderAside()}
         </Fragment>

package/src/domain/index.js

@@ -3,5 +3,5 @@ export { ContentForm } from './ContentForm'
 export { ContentEditor, TabbedContentEditor, CollectionEditor, TreededContentEditor, FieldEditor, ListEditor } from './ContentEditor'
 export { CreateContentDialog } from './CreateContentDialog'
 export { EditContentDialog } from './EditContentDialog'
-export { CollectionPage, CollectionContext } from './CollectionPage'
+export { CollectionPage, CollectionContext, CollectionTree } from './CollectionPage'
 export { TablePage, TableEditor } from './TablePage'