@ember-eui/core 5.14.6 → 5.15.1

package/addon/components/eui-markdown-format/index.hbs

@@ -5,9 +5,9 @@
   @grow={{@grow}}
   @size={{@textSize}}
   @textAlign={{@textAlign}}
+  {{did-insert this.setRootNode}}
   ...attributes
 >
-  {{this.result.element}}
   {{#each this.result.components as |CompNode|}}
     {{#in-element CompNode.element}}
       {{#let

package/addon/components/eui-markdown-format/index.ts

@@ -3,7 +3,7 @@ import {
   defaultParsingPlugins,
   defaultProcessingPlugins
 } from '../../utils/markdown/plugins/markdown-default-plugins';
-import { cached } from '@glimmer/tracking';
+import { cached, tracked } from '@glimmer/tracking';
 import unified, { Processor } from 'unified';
 import { toDOM } from '../../utils/markdown/plugins/to-dom';
 import type { RehypeNode } from '../../utils/markdown/markdown-types';
@@ -17,6 +17,8 @@ export interface EuiMarkdownEditorToolbarArgs {
 }
 
 export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownEditorToolbarArgs> {
+  @tracked rootNode?: HTMLDivElement;
+
   get parsingPluginList() {
     return this.args.parsingPluginList || defaultParsingPlugins;
   }
@@ -25,6 +27,10 @@ export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMark
     return this.args.processingPluginList || defaultProcessingPlugins;
   }
 
+  setRootNode = (node: HTMLDivElement) => {
+    this.rootNode = node;
+  };
+
   @cached
   get processor() {
     const Compiler = (tree: any) => {
@@ -43,12 +49,15 @@ export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMark
 
   @cached
   get result() {
-    try {
-      const processed = this.processor.processSync(this.args.value);
-      return toDOM(processed.result as RehypeNode);
-      //eslint-disable-next-line
-    } catch (e) {
-      return this.args.value;
+    if (this.rootNode) {
+      try {
+        const processed = this.processor.processSync(this.args.value);
+        return toDOM(processed.result as RehypeNode, this.rootNode);
+        //eslint-disable-next-line
+      } catch (e) {
+        return this.args.value;
+      }
     }
+    return this.args.value;
   }
 }

package/addon/utils/markdown/plugins/to-dom.ts

@@ -13,7 +13,7 @@ const createDocument = () => {
 
 export interface DynamicComponent {}
 
-export const toDOM = (tree: RehypeNode) => {
+export const toDOM = (tree: RehypeNode, rootNode?: HTMLDivElement) => {
   let document = createDocument();
   let components: DynamicComponent[] = [];
 
@@ -64,6 +64,9 @@ export const toDOM = (tree: RehypeNode) => {
     if (node) {
       let { type } = node;
       if (type === 'root') {
+        if (rootNode) {
+          return toElements(rootNode, node.children);
+        }
         let element = createElement('div', node, 'root');
         return toElements(element, node.children);
       } else if (type === 'element') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "5.14.6",
+  "version": "5.15.1",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -186,5 +186,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "d74a23ab1b964183e3680df90c98f073cf05e87b"
+  "gitHead": "557764dea53e6451c9b229f0dca78ada9c76507c"
 }