@ember-eui/core 3.0.2 → 3.1.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 ### Master
 
+### 3.1.0
+🚀 Enhancements
+`@ember-eui/*`
+- Embroider ready, in order to use staticComponents you need to have `@embroider` > 1.2.0
+
+🐛 Bug / Fixes
+`@ember-eui/core`
+- `<EuiMarkdownFormat />` and `<EuiMarkdownEditor />` styling bugs and double render issues fixed
+
 ### 3.0.2
 `@ember-eui/core`
 🐛 Bug / Fixes

package/addon/components/eui-combo-box/index.hbs

@@ -54,11 +54,7 @@
   @allowClear={{@isClearable}}
   @loadingMessage={{@loadingMessage}}
   @selectedItemComponent={{@selectedItemComponent}}
-  @beforeOptionsComponent={{if
-    @beforeOptionsComponent
-    @beforeOptionsComponent
-    null
-  }}
+  @beforeOptionsComponent={{@beforeOptionsComponent}}
   @placeholder={{@placeholder}}
   @searchPlaceholder={{@searchPlaceholder}}
   @optionsComponent={{component "eui-combo-box/options" rowHeight=@rowHeight}}

package/addon/components/eui-combo-box/options/index.hbs

@@ -1,4 +1,4 @@
-{{#let (component @groupComponent) as |Group|}}
+{{#let (component (ensure-safe-component @groupComponent)) as |Group|}}
   {{#if @select.loading}}
     <EuiText @size="xs" class="euiComboBoxOptionsList__empty">
       <EuiFlexGroup @gutterSize="s" @justifyContent="center">
@@ -23,7 +23,8 @@
       aria-controls="ember-power-select-trigger-{{@select.uniqueId}}"
       ...attributes
       {{did-insert this.addHandlers}}
-      {{will-destroy this.removeHandlers}} as |opt index|
+      {{will-destroy this.removeHandlers}}
+      as |opt index|
     >
       {{! template-lint-enable }}
       {{#if (ember-power-select-is-group opt)}}
@@ -31,10 +32,14 @@
       {{else}}
         <li
           class="euiFilterSelectItem
-            {{if (eq opt @select.highlighted) " euiFilterSelectItem-isFocused"
-            }}"
-          aria-selected="{{ember-power-select-is-selected opt @select.selected
+            {{if
+              (eq opt @select.highlighted)
+              ' euiFilterSelectItem-isFocused'
             }}"
+          aria-selected="{{ember-power-select-is-selected
+            opt
+            @select.selected
+          }}"
           aria-disabled={{if opt.disabled "true"}}
           aria-current="{{eq opt @select.highlighted}}"
           data-option-index="{{index}}"

package/addon/components/eui-combo-box/trigger/index.hbs

@@ -38,7 +38,7 @@
           {{#each @select.selected as |opt idx|}}
             {{#if @selectedItemComponent}}
               {{component
-                @selectedItemComponent
+                (ensure-safe-component @selectedItemComponent)
                 extra=@extra
                 option=opt
                 select=@select
@@ -48,7 +48,7 @@
                 class="ember-power-select-multiple-option
                   {{if
                     opt.disabled
-                    "ember-power-select-multiple-option--disabled"
+                    'ember-power-select-multiple-option--disabled'
                   }}"
                 @option={{opt}}
                 @onClose={{if

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

@@ -1,6 +1,6 @@
 {{#if @useComponent}}
   {{! has the shape of a curried component }}
-  {{#let (component this.icon) as |IconComponent|}}
+  {{#let (component (ensure-safe-component this.icon)) as |IconComponent|}}
     {{!template-lint-disable}}
     <IconComponent
       class={{class-names

package/addon/components/eui-list-group-item/index.hbs

@@ -62,6 +62,6 @@
     </span>
   {{/if}}
   {{#if @extraAction}}
-    {{component @extraAction}}
+    {{component (ensure-safe-component @extraAction)}}
   {{/if}}
 </li>

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

@@ -20,6 +20,7 @@ import {
   EuiMarkdownAstNode
 } from '../../utils/markdown/markdown-types';
 import { Processor } from 'unified';
+import { scheduleOnce } from '@ember/runloop';
 
 export interface EuiMarkdownEditorArgs {
   initialViewMode?: string;
@@ -119,7 +120,11 @@ export default class EuiMarkdownEditorComponent extends Component<EuiMarkdownEdi
       const resizedTextareaHeight =
         this.textareaRef.offsetHeight + this.editorFooterHeight;
 
-      this.currentHeight = resizedTextareaHeight;
+      const update = () => {
+        this.currentHeight = resizedTextareaHeight;
+      };
+
+      scheduleOnce('afterRender', this, update);
     }
   }
 
@@ -144,7 +149,13 @@ export default class EuiMarkdownEditorComponent extends Component<EuiMarkdownEdi
         // then add an extra pixel for safety and because the scrollHeight value is rounded
         const extraHeight = borderWidth + marginWidth + 1;
 
-        this.currentHeight = previewRef.scrollHeight + extraHeight;
+        const update = () => {
+          if (previewRef) {
+            this.currentHeight = previewRef.scrollHeight + extraHeight;
+          }
+        };
+
+        scheduleOnce('afterRender', this, update);
       }
     }
   }

package/addon/components/eui-markdown-editor-toolbar/index.hbs

@@ -20,7 +20,7 @@
           {{on "click" (fn this.handleMdButtonClick item.id)}}
           @iconType={{if
             item.iconType.component
-            (component item.iconType.component)
+            (component (ensure-safe-component item.iconType.component))
             item.iconType
           }}
           @useComponent={{item.iconType.component}}

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

@@ -1,9 +1,19 @@
 {{! This hbs was inspired by https://github.com/ampatspell/ember-cli-remark-static/blob/v3.0.5/addon/components/remark.hbs }}
-<div class="euiMarkdownFormat">
+<EuiText
+  class="euiMarkdownFormat"
+  @color={{@color}}
+  @grow={{@grow}}
+  @size={{@textSize}}
+  @textAlign={{@textAlign}}
+  ...attributes
+>
   {{this.result.element}}
   {{#each this.result.components as |CompNode|}}
     {{#in-element CompNode.element}}
-      {{#let (component CompNode.componentName) as |DynamicComponent|}}
+      {{#let
+        (component (ensure-safe-component CompNode.componentName))
+        as |DynamicComponent|
+      }}
         <DynamicComponent
           @replaceNode={{optional @replaceNode}}
           @node={{CompNode}}
@@ -11,4 +21,4 @@
       {{/let}}
     {{/in-element}}
   {{/each}}
-</div>
+</EuiText>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -95,6 +95,7 @@
     "@ember/optional-features": "^2.0.0",
     "@ember/test-helpers": "^2.6.0",
     "@embroider/test-setup": "^1.0.0",
+    "@embroider/util": "^1.2.0",
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",
     "@types/ember": "^3.16.0",
@@ -172,5 +173,5 @@
   "volta": {
     "node": "12.22.1"
   },
-  "gitHead": "4954f174f17915ab6fa301a875071705ef3a6d0b"
+  "gitHead": "f8ceacd6404b806669edf7bbd1eb2d79aac1f4bf"
 }

package/app/components/eui-text-field/index.js

@@ -1 +0,0 @@
-export { default } from '@ember-eui/core/components/eui-text-field';