ywana-core8 0.0.856 → 0.0.858

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.856",
+  "version": "0.0.858",
   "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, editorTitle, editorActions, editValidator,
+        editor, editorTitle, editorActions, editValidator, grouped = false,
         listItemRenderer,
         filters,
         footer,
@@ -84,7 +84,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} itemRenderer={listItemRenderer} sorter={sorter} />}
             </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} title={editorTitle} validator={editValidator} />
+                <CollectionEditor icon={icon} schema={schema} layout={editor} grouped={grouped} autosave={autosave} delay={delay} canDelete={canDelete} onReload={reloadSelection} patch={patch} onChange={onChange} actions={editorActions} title={editorTitle} validator={editValidator} />
                 {children ? <article>{children}</article> : null}
                 <footer>
                     {footer}

package/src/domain2/DynamicForm.js

@@ -19,8 +19,9 @@ export const DynamicForm = (props) => {
         <div className="dynamic-form">
             {fields.map(field => {
                 const { id, label, type } = field
+                const value = values[id] || field.default
                 return (
-                    <DynamicFormField key={id} field={field} value={values[id]} onChange={change} />
+                    <DynamicFormField key={id} field={field} value={value} onChange={change} />
                 )
             })}
         </div>

package/src/widgets/image/ImageViewer.css

@@ -1,3 +1,5 @@
-.image-viewer {
-    border: solid 2px red;
+.image-viewer   {
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }