ywana-core8 0.0.85 → 0.0.89

package/package.json

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

package/src/domain/ContentEditor.js

@@ -15,25 +15,26 @@ export const ContentEditor = ({ content, filter, onChange }) => {
   }
 
   const sections = content.sections()
-  console.log('ContentEditor:sections', sections)
 
   return (
     <div className='content-editor'>
       {sections
-        .filter(section => section.fields && section.fields.length > 0)
         .map((section) => {
           const { title, fields } = section
-          return (
+
+          const filtered = fields
+            .filter(field => field.id !== 'id')
+            .filter(field => filter ? filter(field, content) : true)
+
+          return filtered.length > 0 ? (
             <section key={title}>
               <header>{title}</header>
               <main>
-                {fields
-                  .filter(field => field.id !== 'id')
-                  .filter(field => filter ? filter(field, content) : true)
-                  .map((field) => <FieldEditor key={field.id} field={field} onChange={change} outlined={true} />)}
+                {filtered.map((field) => <FieldEditor key={field.id} field={field} onChange={change} outlined={true} />)}
               </main>
             </section>
-          )
+          ) : null
+
         })}
     </div>
   )
@@ -416,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,9 @@
 
   .menu-item>.meta {
     color: var(--text-color-lighter)
+}
+
+.menu-separator {
+  height: 1px;
+  border: 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>
     )
 }