cellery 1.4.1 → 1.4.3

package/lib/cells.js

@@ -13,6 +13,7 @@ class Cell {
     this.size = opts.size
     this.events = opts.events
     this.style = opts.style
+    this.class = opts.class
 
     this._eventsRegistered = false
   }
@@ -155,11 +156,27 @@ class Input extends Cell {
   }
 }
 
+class Details extends Cell {
+  constructor(opts = {}) {
+    super(opts)
+    this.value = opts.value || this.children.filter((c) => typeof c === 'string').join('') || ''
+  }
+}
+
+class Summary extends Cell {
+  constructor(opts = {}) {
+    super(opts)
+    this.value = opts.value || this.children.filter((c) => typeof c === 'string').join('') || ''
+  }
+}
+
 module.exports = {
   Cell,
   Container,
   Fragment,
   Text,
   Input,
+  Details,
+  Summary,
   Style
 }

package/lib/compat.js

@@ -1,4 +1,4 @@
-const { Text, Input, Container, Fragment, Style } = require('./cells')
+const { Text, Input, Container, Fragment, Style, Details, Summary } = require('./cells')
 
 module.exports = {
   '': Fragment,
@@ -14,5 +14,7 @@ module.exports = {
   span: Text,
   button: Container.Styled({ events: ['click'] }),
   p: Text.Styled({ paragraph: true }),
+  details: Details,
+  summary: Summary,
   style: Style
 }

package/lib/template.js

@@ -1,17 +1,11 @@
-const { Cell, Container, Fragment, Text, Paragraph, Input, Style } = require('./cells')
+const cells = require('./cells')
 const compat = require('./compat')
 
 const SENTINEL = '\x00'
 
 const registry = {
   ...compat,
-  Cell,
-  Container,
-  Fragment,
-  Text,
-  Paragraph,
-  Input,
-  Style
+  ...cells
 }
 
 function register(cells) {
@@ -178,9 +172,12 @@ function build(node, slots) {
 
   let style = null
   const children = node.children
-    .map((c) => build(c, slots))
+    .flatMap((c) => {
+      const built = build(c, slots)
+      return Array.isArray(built) ? built : [built]
+    })
     .filter((c) => {
-      if (c instanceof Style) {
+      if (c instanceof cells.Style) {
         style = c
         return false
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cellery",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "cellery",
   "exports": {
     "./package": "./package.json",