ywana-core8 0.0.528 → 0.0.531

package/package.json

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

package/src/domain/CollectionPage.js

@@ -64,13 +64,13 @@ export const CollectionPage = (props) => {
                 <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

@@ -270,10 +270,17 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
 
   function renderFormat(format, options) {
     switch (format) {
+      case FORMATS.IMG:
+        return (
+          <div className='img-field'>
+            <img src={value} />
+            <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={!editable} />
+          </div>
+        )
       case FORMATS.COLOR: return <ColorField id={id} onChange={change} value={value} />
       case FORMATS.HTML: return <Editor id={id} value={value} onChange={change} content={content} />
       case FORMATS.DATE: return <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} />
-      case FORMATS.DATERANGE: return <DateRange id={id} label={label} value={value} onChange={change} readOnly={!editable}/>
+      case FORMATS.DATERANGE: return <DateRange id={id} label={label} value={value} onChange={change} readOnly={!editable} />
       case FORMATS.TOKENS:
         return <TokenField id={id} label={label} onChange={change} options={buildOptions()} tokens={value} />
       default: