@ember-eui/core 5.15.1 → 5.16.0

package/addon/components/eui-global-toast-list/index.hbs

@@ -17,6 +17,7 @@
         (if (get this.toastIdToDismissedMap toast.id) "euiGlobalToastListItem-isDismissed")
       }}
       @title={{toast.title}}
+      @useMarkdownFormat={{toast.useMarkdownFormat}}
       @body={{toast.body}}
       @color={{toast.color}}
       @iconType={{toast.iconType}}

package/addon/components/eui-toast/index.hbs

@@ -1,20 +1,17 @@
-<div  
+<div
   class={{class-names
     componentName="EuiToast"
     color=(arg-or-default @color "none")
-  }} 
+  }}
   ...attributes
 >
-  {{!-- TODO: Translate strings when EuiI18n is available --}}
+  {{! TODO: Translate strings when EuiI18n is available }}
   <p {{screen-reader-only}}>
     A new notification appears
   </p>
 
   <div
-    class={{class-names
-      "euiToastHeader"
-      (if @body "euiToastHeader--withBody")
-    }}
+    class={{class-names "euiToastHeader" (if @body "euiToastHeader--withBody")}}
     aria-label="Notification"
     data-test-subj="euiToastHeader"
   >
@@ -45,8 +42,12 @@
   {{/if}}
 
   {{#if @body}}
-    <EuiText @size="s" class="euiToastBody">
-      {{@body}}
-    </EuiText>
+    {{#if @useMarkdownFormat}}
+      <EuiMarkdownFormat @value={{@body}} />
+    {{else}}
+      <EuiText @size="s" class="euiToastBody">
+        {{@body}}
+      </EuiText>
+    {{/if}}
   {{/if}}
 </div>

package/addon/services/eui-toaster.ts

@@ -11,6 +11,7 @@ export interface EuiToastProps {
   color?: ToastColor;
   iconType?: string;
   toastLifeTimeMs?: number;
+  useMarkdownFormat?: boolean;
   onClose?: () => void;
 }
 

package/docs/display/toast/demo/d01-toast.md

@@ -28,6 +28,23 @@ export default class DemoToastListComponent extends Component {
   }
 
   toasts = [
+    {
+      title: 'You can use markdown for body too!',
+      useMarkdownFormat: true,
+      body: `
+  ##### This tooltip is using markdown!
+
+  You can pass \`useMarkdownFormat: true\`
+
+  [click here](https://www.google.com)
+
+  \`\`\`typescript
+    class Hello {
+      @tracked count = 1;
+    }
+  \`\`\`
+      `
+    },
     {
       title: `Long toast`,
       body: 'This toast overrides the default toastLifeTimeMs value and will be around for 15 seconds.',

package/package.json

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