ywana-core8 0.0.562 → 0.0.565

package/package.json

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

package/src/domain/CollectionPage.js

@@ -40,6 +40,11 @@ export const CollectionPage = (props) => {
         setPageContext(Object.assign({}, pageContext))
     }
 
+    async function reloadSelection() {
+        await pageContext.reloadSelection()
+        setPageContext(Object.assign({}, pageContext))
+    }
+
     function add() {
         const onOK = async (form) => {
             await pageContext.create(form);
@@ -71,7 +76,7 @@ export const CollectionPage = (props) => {
                 {levels ? <CollectionTree icon={icon} levels={levels} onSelect={onSelect} sorter={sorter} searchBy={searchBy} /> : <CollectionList groupBy={groupBy} onSelect={onSelect} searchBy={searchBy} />}
             </menu>
             <main key={id} className={`collection-page ${className}`}>
-                <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} canDelete={canDelete} canEdit={canEdit} onReload={reload}/>
+                <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} canDelete={canDelete} canEdit={canEdit} onReload={reloadSelection} />
                 {children ? <article>{children}</article> : null}
             </main>
         </Fragment>
@@ -133,7 +138,7 @@ export const CollectionFilters = (props) => {
  */
 const CollectionList = (props) => {
 
-    const { groupBy, onSelect, searchBy=[] } = props
+    const { groupBy, onSelect, searchBy = [] } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [] } = pageContext
     const [filter, setFilter] = useState()
@@ -192,7 +197,7 @@ const CollectionList = (props) => {
  */
 export const CollectionTree = (props) => {
 
-    const { icon = "description", levels, onSelect, sorter, searchBy=[] } = props
+    const { icon = "description", levels, onSelect, sorter, searchBy = [] } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [] } = pageContext
     const [filter, setFilter] = useState()
@@ -328,9 +333,9 @@ const CollectionEditor = (props) => {
     function renderEditor() {
         const content = new Content(schema, form)
         switch (layout) {
-            case 'TABBED': return <TabbedContentEditor {...props} content={content} onChange={change} onReload={onReload}/>
-            case 'TREEDED': return <TreededContentEditor {...props} content={content} onChange={change} onReload={onReload}/>
-            default: return <ContentEditor {...props} content={content} onChange={change} onReload={onReload}/>
+            case 'TABBED': return <TabbedContentEditor {...props} content={content} onChange={change} onReload={onReload} />
+            case 'TREEDED': return <TreededContentEditor {...props} content={content} onChange={change} onReload={onReload} />
+            default: return <ContentEditor {...props} content={content} onChange={change} onReload={onReload} />
         }
     }
 
@@ -340,7 +345,7 @@ const CollectionEditor = (props) => {
                 <Icon icon="close" clickable action={clear} />
                 <MenuIcon align="alignRight">
                     <Menu>
-                        { canDelete ? <MenuItem label="Eliminar" onSelect={remove} /> : null }
+                        {canDelete ? <MenuItem label="Eliminar" onSelect={remove} /> : null}
                     </Menu>
                 </MenuIcon>
                 {autosave === true ? null : <Button icon="save" label="Guardar Cambios" raised disabled={!canSave()} action={save} />}
@@ -382,6 +387,11 @@ export const CollectionContext = (url, field, host, page, fetching) => {
             }
         },
 
+        async reloadSelection() {
+            const result = await this.fetch(this.selected.id)
+            this.selected = result
+        },
+
         async fetch(id) {
             try {
                 const result = await API.find(id)

package/src/domain/ContentEditor.js

@@ -429,7 +429,7 @@ export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
     <div className='collection-editor'>
       {
         Renderer ?
-          <Renderer field={field} value={value} onRemove={remove} onChange={onChange} />
+          <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}/>