Allow setting arbitrary attributes on display sheets.

This can be used to e.g. set event handlers or such for the faux-modals
we use for confirmation dialogs and such.

Author: black-puppydog

lib/depject/sheet/display.js

@@ -5,9 +5,13 @@ exports.gives = nest('sheet.display')
 
 exports.create = function () {
   return nest('sheet.display', function (handler) {
-    const { content, footer, classList, onMount } = handler(done)
+    const { content, footer, classList, onMount, attributes } = handler(done)
 
-    const container = h('div', { className: 'Sheet', classList }, [
+    let fullAttributes = { className: 'Sheet', classList }
+    if (attributes !== undefined) {
+      fullAttributes = { ...attributes, ...fullAttributes }
+    }
+    const container = h('div', fullAttributes, [
       h('section', [content]),
       h('footer', [footer])
     ])