ywana-core8 0.0.691 → 0.0.693

package/package.json

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

package/src/domain/CollectionPage.js

@@ -23,7 +23,7 @@ export const CollectionPage = (props) => {
         canFilter = false, canAdd = false, canDelete = false, searchBy, addValidator,
         autosave = false, delay = 1000, patch = false, versioning = false,
         groupBy, levels, sorter, namer,
-        editor, editorActions,
+        editor, editorTitle, editorActions,
         footer,
         children
     } = props
@@ -45,6 +45,7 @@ export const CollectionPage = (props) => {
     async function reloadSelection() {
         await pageContext.reloadSelection()
         setPageContext(Object.assign({}, pageContext))
+        return
     }
 
     function add() {
@@ -81,7 +82,7 @@ export const CollectionPage = (props) => {
                 {levels ? <CollectionTree schema={schema} icon={icon} levels={levels} onSelect={onSelect} sorter={sorter} searchBy={searchBy} namer={namer} /> : <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} onReload={reloadSelection} patch={patch} onChange={onChange} actions={editorActions}/>
+                <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} canDelete={canDelete} onReload={reloadSelection} patch={patch} onChange={onChange} actions={editorActions} title={editorTitle}/>
                 {children ? <article>{children}</article> : null}
                 <footer>
                     {footer}
@@ -344,7 +345,7 @@ export const CollectionTree = (props) => {
 const CollectionEditor = (props) => {
     const [pageContext, setPageContext] = useContext(PageContext)
     const { selected } = pageContext
-    const { icon, schema, layout, autosave = false, delay = 1000, canDelete, onReload, onChange, patch = false, actions } = props
+    const { icon, title, schema, layout, autosave = false, delay = 1000, canDelete, onReload, onChange, patch = false, actions } = props
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
 
@@ -392,6 +393,24 @@ const CollectionEditor = (props) => {
         setPageContext(Object.assign({}, pageContext))
     }
 
+    function renderTitle() {
+        if (title) {
+            return typeof title === 'function' ?  title(form) : title
+        } else {
+            return selected ? selected.name : "New"
+        }
+    }
+
+    function renderActions() {
+        if (actions) {
+            return actions.map(action => {
+               // clone React action
+                const action2 = React.cloneElement(action, { form })
+                return action2
+            })
+        }
+    }
+
     function renderEditor() {
         const content = new Content(schema, form)
         switch (layout) {
@@ -403,7 +422,7 @@ const CollectionEditor = (props) => {
 
     return selected && form ? (
         <Fragment>
-            <Header icon={icon} title={<Text>{selected.name}</Text>}>
+            <Header icon={icon} title={renderTitle()}>
                 <Icon icon="close" clickable action={clear} />
                 <MenuIcon align="alignRight">
                     <Menu>
@@ -411,7 +430,7 @@ const CollectionEditor = (props) => {
                     </Menu>
                 </MenuIcon>
                 {autosave === true ? null : <Button icon="save" label="Guardar Cambios" raised disabled={!canSave()} action={save} />}
-                {actions ? actions : null}
+                {renderActions()}
             </Header>
             {renderEditor()}
         </Fragment>