fix: use appendChild instead of append for IE/Edge (#73)

Should work in IE/Edge now

.eslintrc.js

@@ -13,6 +13,9 @@ module.exports = {
     node: true,
     browser: true,
   },
+  rules: {
+    'unicorn/prefer-node-append': false,
+  },
   overrides: [
     {
       files: ['src/**/*.{story,test}.js'],

src/ec/packages/ec-component-accordion/accordion.story.js

@@ -35,7 +35,7 @@ storiesOf('Components/Accordion', module)
 
       const htmlElement = document.createElement('div');
       htmlElement.innerHTML = html.trim();
-      demo.append(htmlElement.firstChild);
+      demo.appendChild(htmlElement.firstChild);
 
       const scriptElement = document.createElement('script');
       scriptElement.innerHTML = `
@@ -44,9 +44,9 @@ storiesOf('Components/Accordion', module)
         for (var i = 0; i < elements.length; i += 1) {
           var accordion = new ECL.Accordion(elements[i]);
           accordion.init();
-        }        
+        }
       `;
-      demo.append(scriptElement);
+      demo.appendChild(scriptElement);
 
       return demo;
     },

src/ec/packages/ec-component-breadcrumb/breadcrumb.story.js

@@ -52,15 +52,15 @@ storiesOf('Components/Breadcrumb', module)
 
       const htmlElement = document.createElement('div');
       htmlElement.innerHTML = html.trim();
-      demo.append(htmlElement.firstChild);
+      demo.appendChild(htmlElement.firstChild);
 
       const scriptElement = document.createElement('script');
       scriptElement.innerHTML = `
       var breadcrumbElement = document.querySelector("[data-ecl-breadcrumb]");
       var breadcrumb = new ECL.Breadcrumb(breadcrumbElement);
       breadcrumb.init();
       `;
-      demo.append(scriptElement);
+      demo.appendChild(scriptElement);
 
       return demo;
     },

src/ec/packages/ec-component-contextual-navigation/contextual-navigation.story.js

@@ -35,15 +35,15 @@ storiesOf('Components/Contextual Navigation', module)
 
       const htmlElement = document.createElement('div');
       htmlElement.innerHTML = html.trim();
-      demo.append(htmlElement.firstChild);
+      demo.appendChild(htmlElement.firstChild);
 
       const scriptElement = document.createElement('script');
       scriptElement.innerHTML = `
         var element = document.querySelector('[data-ecl-contextual-navigation]');
         var contextualNavigation = new ECL.ContextualNavigation(element);
         contextualNavigation.init();
       `;
-      demo.append(scriptElement);
+      demo.appendChild(scriptElement);
 
       return demo;
     },

src/ec/packages/ec-component-expandable/expandable.story.js

@@ -30,15 +30,15 @@ storiesOf('Components/Expandable', module)
 
       const htmlElement = document.createElement('div');
       htmlElement.innerHTML = html.trim();
-      demo.append(htmlElement.firstChild);
+      demo.appendChild(htmlElement.firstChild);
 
       const scriptElement = document.createElement('script');
       scriptElement.innerHTML = `
         var expandableElement = document.querySelector('[data-ecl-expandable]');
         var expandable = new ECL.Expandable(expandableElement);
         expandable.init();
       `;
-      demo.append(scriptElement);
+      demo.appendChild(scriptElement);
 
       return demo;
     },

src/ec/packages/ec-component-file/file.story.js

@@ -33,15 +33,15 @@ storiesOf('Components/File', module)
 
       const htmlElement = document.createElement('div');
       htmlElement.innerHTML = html.trim();
-      demo.append(htmlElement.firstChild);
+      demo.appendChild(htmlElement.firstChild);
 
       const scriptElement = document.createElement('script');
       scriptElement.innerHTML = `
       var fileElement = document.querySelector("[data-ecl-file]");
       var file = new ECL.FileDownload(fileElement);
       file.init();
       `;
-      demo.append(scriptElement);
+      demo.appendChild(scriptElement);
 
       return demo;
     },

utils/storybook-addon-code/src/index.js

@@ -11,7 +11,7 @@ const withCode = makeDecorator({
       code = story;
     } else if (story instanceof DocumentFragment) {
       const htmlElement = document.createElement('div');
-      htmlElement.append(story.cloneNode(true));
+      htmlElement.appendChild(story.cloneNode(true));
       code = htmlElement.innerHTML;
     } else if (story instanceof Node) {
       code = story.outerHTML;