ywana-core8 0.0.87 → 0.0.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.87",
+  "version": "0.0.91",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/ContentEditor.js

@@ -15,7 +15,6 @@ export const ContentEditor = ({ content, filter, onChange }) => {
   }
 
   const sections = content.sections()
-  console.log('ContentEditor:sections', sections)
 
   return (
     <div className='content-editor'>
@@ -29,13 +28,13 @@ export const ContentEditor = ({ content, filter, onChange }) => {
 
           return filtered.length > 0 ? (
             <section key={title}>
-              <header>{title}</header>
+              { title && title.length > 0 ? <header>{title}</header> : null }
               <main>
                 {filtered.map((field) => <FieldEditor key={field.id} field={field} onChange={change} outlined={true} />)}
               </main>
             </section>
           ) : null
-          
+
         })}
     </div>
   )
@@ -418,7 +417,7 @@ const CollectionAdder = ({ item, onAdd }) => {
 
   return (
     <div className="collection-adder">
-      {edit ? <DataTable {...table} editable={true} /> : <Button icon='add' label='Add' action={toggle} />}
+      {edit ? <DataTable {...table} editable={true} /> : <Button icon='add' label='Añadir' action={toggle} />}
     </div>
   )
 }

package/src/html/list.js

@@ -31,9 +31,9 @@ const GroupedList = (props) => {
     const { items = [], children, onSelect, groupBy } = props
 
     const groups = items.reduce((groups, item) => {
-        let group = groups.find(g => g.name === item.content[groupBy])
+        let group = groups.find(g => g.name === item[groupBy])
         if (!group) {
-            group = { name: item.content[groupBy], items: []}
+            group = { name: item[groupBy], items: []}
             groups.push(group)
         } 
         group.items.push(item)

package/src/html/menu.css

@@ -73,4 +73,10 @@
 
   .menu-item>.meta {
     color: var(--text-color-lighter)
+}
+
+.menu-separator {
+  min-height: 0px !important;
+  height: 1px;
+  border-top: solid 1px var(--divider-color);
 }

package/src/html/menu.js

@@ -73,8 +73,7 @@ export const MenuItem = (props) => {
  */
 export const MenuSeparator = (props) => {
     return (
-        <li>
-            menuSeparator
+        <li className="menu-separator">
         </li>
     )
 }