@ember-eui/core 5.16.0 → 5.16.1

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

@@ -6,6 +6,7 @@
   @size={{@textSize}}
   @textAlign={{@textAlign}}
   {{did-insert this.setRootNode}}
+  {{did-update this.update @value}}
   ...attributes
 >
   {{#each this.result.components as |CompNode|}}

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

@@ -5,7 +5,7 @@ import {
 } from '../../utils/markdown/plugins/markdown-default-plugins';
 import { cached, tracked } from '@glimmer/tracking';
 import unified, { Processor } from 'unified';
-import { toDOM } from '../../utils/markdown/plugins/to-dom';
+import { DynamicComponent, toDOM } from '../../utils/markdown/plugins/to-dom';
 import type { RehypeNode } from '../../utils/markdown/markdown-types';
 import type EuiMarkdownEditorComponent from '../eui-markdown-editor';
 
@@ -18,6 +18,14 @@ export interface EuiMarkdownEditorToolbarArgs {
 
 export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownEditorToolbarArgs> {
   @tracked rootNode?: HTMLDivElement;
+  @tracked result?:
+    | {
+        element: Node | undefined;
+        components: DynamicComponent[];
+      }
+    | string;
+
+  _lastValue?: string;
 
   get parsingPluginList() {
     return this.args.parsingPluginList || defaultParsingPlugins;
@@ -29,6 +37,7 @@ export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMark
 
   setRootNode = (node: HTMLDivElement) => {
     this.rootNode = node;
+    this.update();
   };
 
   @cached
@@ -47,17 +56,19 @@ export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMark
       .use(identityCompiler);
   }
 
-  @cached
-  get result() {
+  update = () => {
     if (this.rootNode) {
+      if (this.args.value === this._lastValue) return;
+      this._lastValue = this.args.value;
+      this.rootNode.innerHTML = '';
       try {
         const processed = this.processor.processSync(this.args.value);
-        return toDOM(processed.result as RehypeNode, this.rootNode);
+        this.result = toDOM(processed.result as RehypeNode, this.rootNode);
         //eslint-disable-next-line
       } catch (e) {
-        return this.args.value;
+        this.result = this.args.value;
       }
     }
-    return this.args.value;
-  }
+    this.result = this.args.value;
+  };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "5.16.0",
+  "version": "5.16.1",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -186,5 +186,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "935bd04cef925daf9e98960727a40e96ea895d3f"
+  "gitHead": "f415ac77a1e3db648b96f9c4f077230c97b84673"
 }