ywana-core8 0.0.855 → 0.0.857

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.855",
+  "version": "0.0.857",
   "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/domain/TablePage.js

@@ -17,7 +17,7 @@ export const TablePage = (props) => {
 
     const site = useContext(SiteContext)
     const { id = "table",
-        icon, title, name,
+        icon, title, name, className,
         schema, url, field, host, params = "",
         autosave = true, delay = 1000,
         editable,
@@ -136,7 +136,7 @@ export const TablePage = (props) => {
     const title2 = <><span className="size">{total}</span> {title}</>
     return (
         <Fragment>
-            <Header className="table-page" title={<Text>{title2}</Text>}>
+            <Header className={`table-page ${className}`} title={<Text>{title2}</Text>}>
                 {canAdd ? <Button icon="add" label="Añadir" action={add} raised /> : null}
                 &nbsp;
                 <Button icon="refresh" label="Reload" action={reload} />
@@ -148,12 +148,12 @@ export const TablePage = (props) => {
                 {renderActions()}
             </Header>
             {canQuery || canFilter ? (
-                <menu className="table-page">
+                <menu className={`table-page ${className}`}>
                     {canQuery ? <TableQueries schema={schema} url={url} user={user} /> : null}
                     {canFilter ? <TableFilters schema={schema} onSave={canQuery ? saveQuery : null} /> : null}
                 </menu>
             ) : null}
-            <main key={id} className="table-page">
+            <main key={id} className={`table-page ${className}`}>
                 <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} className={tableClassName}/>
                 {children ? <article>{children}</article> : null}
             </main>

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;
 }