ywana-core8 0.0.527 → 0.0.530

package/package.json

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

package/src/domain/CollectionPage.js

@@ -17,7 +17,7 @@ export const CollectionPage = (props) => {
     const site = useContext(SiteContext)
     const { 
         id = "collection", 
-        icon, title, name = "Collection 1", 
+        icon, title, name = "Collection 1", className,
         schema, url, field, host, page, fetching= false, 
         actions = [], onSelect,
         canFilter = false, canAdd = false, canDelete = false, canEdit = false,
@@ -58,19 +58,19 @@ export const CollectionPage = (props) => {
     
     return (
         <Fragment>
-            <Header className="collection-page" title={<Text>{title}</Text>}>
+            <Header className={`collection-page ${className}`} title={<Text>{title}</Text>}>
                 { canAdd ? <Button icon="add" label="Add" action={add} /> : false }
                 &nbsp;
                 <Button icon="refresh" label="Reload" action={reload} />
                 {renderActions()}
             </Header>
-            <menu className="collection-page">
+            <menu className={`collection-page ${className}`}>
                 <Header title={<Text>Lista de {name}</Text>} >
                 </Header>
                 {canFilter ? <CollectionFilters schema={schema}/> : null }
                 {levels ? <CollectionTree icon={icon} levels={levels} onSelect={onSelect} sorter={sorter}/> : <CollectionList groupBy={groupBy} onSelect={onSelect}/>}
             </menu>
-            <main key={id} className="collection-page">
+            <main key={id} className={`collection-page ${className}`}>
                 <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} />
                 {children ? <article>{children}</article> : null}
             </main>

package/src/domain/ContentEditor.js

@@ -181,6 +181,8 @@ export const FieldEditor = ({ field, onChange, content, outlined = false }) => {
       return null
     } else {
       switch (type) {
+        case TYPES.IMAGE: 
+          return <div className='photo'><img url={value} /></div>
         case TYPES.ENTITY:
           return <EntityEditor field={field} value={value1} onChange={change} />
         case TYPES.STRING: