feature(package) add @cloudcmd/create-element

Author: coderaiser

lib/smalltalk.js

@@ -4,6 +4,7 @@ require('../css/smalltalk.css');
 
 const currify = require('currify/legacy');
 const store = require('fullstore/legacy');
+const createElement = require('@cloudcmd/create-element');
 
 const keyDown = currify(keyDown_);
 const remove = bind(removeEl, '.smalltalk');
@@ -90,7 +91,6 @@ function showDialog(title, msg, value, buttons, options) {
     const ok = store();
     const cancel = store();
 
-    const dialog = document.createElement('div');
     const closeButtons = [
         'cancel',
         'close',
@@ -105,12 +105,12 @@ function showDialog(title, msg, value, buttons, options) {
         cancel(noCancel ? empty : reject);
     });
 
-    const tmpl = getTemplate(title, msg, value, buttons);
+    const innerHTML = getTemplate(title, msg, value, buttons);
 
-    dialog.innerHTML = tmpl;
-    dialog.className = 'smalltalk';
-    
-    document.body.appendChild(dialog);
+    const dialog = createElement('div', {
+        innerHTML,
+        className: 'smalltalk',
+    });
 
     find(dialog, ['ok', 'input']).forEach((el) =>
         el.focus()

package.json

@@ -69,6 +69,7 @@
     "wraptile": "^2.0.0"
   },
   "dependencies": {
+    "@cloudcmd/create-element": "^1.0.0",
     "currify": "^2.0.3",
     "fullstore": "^1.0.0"
   }

test/smalltalk.js

@@ -1058,6 +1058,8 @@ function getCreateElement(el = {}) {
     const querySelector = sinon.stub();
     const addEventListener = sinon.stub();
 
+    el.dataset = {};
+    
     if (!el.querySelector)
         el.querySelector = querySelector;