ywana-core8 0.0.665 → 0.0.667

package/package.json

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

package/src/domain/CollectionPage.js

@@ -20,9 +20,9 @@ export const CollectionPage = (props) => {
         icon, title, name = "Collection 1", className,
         schema, url, field, host, page, fetching = false,
         actions = [], onSelect,
-        canFilter = false, canAdd = false, canDelete = false, canEdit = false, searchBy, addValidator,
+        canFilter = false, canAdd = false, canDelete = false, searchBy, addValidator,
         autosave = false, delay = 1000, patch = false,
-        groupBy, levels, sorter,
+        groupBy, levels, sorter, namer,
         editor,
         footer,
         children
@@ -38,8 +38,6 @@ export const CollectionPage = (props) => {
         setPageContext(context)
     }, [])
 
-
-
     async function reload() {
         await pageContext.load()
         setPageContext(Object.assign({}, pageContext))
@@ -78,10 +76,10 @@ export const CollectionPage = (props) => {
             </Header>
             <menu className={`collection-page ${className}`}>
                 {canFilter ? <CollectionFilters schema={schema} /> : null}
-                {levels ? <CollectionTree schema={schema} icon={icon} levels={levels} onSelect={onSelect} sorter={sorter} searchBy={searchBy} /> : <CollectionList groupBy={groupBy} onSelect={onSelect} searchBy={searchBy} />}
+                {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} canEdit={canEdit} onReload={reloadSelection} patch={patch} />
+                <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} canDelete={canDelete} onReload={reloadSelection} patch={patch} />
                 {children ? <article>{children}</article> : null}
                 <footer>
                     {footer}
@@ -220,7 +218,7 @@ const CollectionList = (props) => {
  */
 export const CollectionTree = (props) => {
 
-    const { icon = "description", levels, onSelect, sorter, searchBy = [], schema } = props
+    const { icon = "description", levels, onSelect, sorter, namer, searchBy = [], schema } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [] } = pageContext
     const [filter, setFilter] = useState()
@@ -277,7 +275,7 @@ export const CollectionTree = (props) => {
                     {node.nodes ? renderNodes(node.nodes) : node.items.map(item => {
                         const selected = pageContext.selected && item.id === pageContext.selected.id
                         const actions = []
-                        return <TreeItem icon={icon} key={item.id} id={item.id} label={item.name} onSelect={select} selected={selected} actions={actions} />
+                        return <TreeItem icon={icon} key={item.id} id={item.id} label={namer ? namer(item) : item.name} onSelect={select} selected={selected} actions={actions} />
                     })}
                 </TreeNode>
             )
@@ -320,7 +318,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, canEdit, onReload, patch = false } = props
+    const { icon, schema, layout, autosave = false, delay = 1000, canDelete, onReload, patch = false } = props
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
 

package/src/domain/TablePage2.js

@@ -28,7 +28,8 @@ export const TablePage2 = (props) => {
         formFilter, tableFilter, editorFilter = false,
         tabbedBy,
         tableClassName,
-        children
+        children,
+        onSelect,
     } = props
 
     const [pageContext, setPageContext] = useContext(PageContext)
@@ -45,6 +46,7 @@ export const TablePage2 = (props) => {
 
     useEffect(() => {
         setForm(selected)
+        if (onSelect) onSelect(selected)
     }, [selected])
 
     useEffect(() => {