@ember-eui/core 5.8.1 → 5.8.4

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

@@ -1,4 +1,3 @@
-
 {{#if (and (or @onClick @href) (not @iconType))}}
   {{#if @onClick}}
     <button
@@ -10,6 +9,7 @@
         color=(arg-or-default @color "default")
       }}
       aria-label={{if @onClick @onClickAriaLabel}}
+      disabled={{@isDisabled}}
       ...attributes
       {{simple-style
         (inline-styles
@@ -36,6 +36,7 @@
       target={{@target}}
       href={{@href}}
       aria-label={{if @onClick @onClickAriaLabel}}
+      disabled={{@isDisabled}}
       ...attributes
       {{simple-style
         (inline-styles
@@ -73,12 +74,17 @@
           <button
             class="euiBadge__childButton"
             type="button"
+            disabled={{@isDisabled}}
             {{on "click" (optional @onClick)}}
           >
             {{yield}}
           </button>
         {{else if @href}}
-          <a class="euiBadge__childButton" href={{@href}}>
+          <a
+            class="euiBadge__childButton"
+            href={{@href}}
+            disabled={{@isDisabled}}
+          >
             {{yield}}
           </a>
         {{else}}
@@ -142,4 +148,4 @@
       </span>
     </span>
   </span>
-{{/if}}
+{{/if}}

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

@@ -29,6 +29,7 @@
     )
     isLoading=@isLoading
     autoFocus=(and (not @isDisabled) @autoFocus)
+    icon=@triggerIcon
   }}
   @matcher={{@matcher}}
   @initiallyOpen={{@initiallyOpen}}
@@ -70,7 +71,7 @@
     (if @compressed "euiComboBox--compressed")
     (if @fullWidth "euiComboBox--fullWidth")
     (if @isDisabled "euiComboBox-isDisabled")
-    (if @isInvalid "euiComboBox--isInvalid")
+    (if @isInvalid "euiComboBox-isInvalid")
     (if this.select.isOpen "euiComboBox-isOpen")
   }}
   @noMatchesMessageComponent={{if

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

@@ -1,9 +1,11 @@
-{{#let
-  (component (ensure-safe-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">
+      <EuiFlexGroup
+        @gutterSize="s"
+        @justifyContent="center"
+        @responsive={{false}}
+      >
         <EuiFlexItem @grow={{false}}>
           <EuiLoadingSpinner @size="m" />
         </EuiFlexItem>
@@ -35,16 +37,12 @@ as |Group|}}
           @group={{opt}}
           @select={{@select}}
           @extra={{@extra}}
-          style={{html-safe
-            (concat "height:" this.rowHeight "px;")
-          }}
+          style={{html-safe (concat "height:" this.rowHeight "px;")}}
           data-option-index="{{index}}"
         />
       {{else}}
         <li
-          style={{html-safe
-            (concat "height:" this.rowHeight "px;")
-          }}
+          style={{html-safe (concat "height:" this.rowHeight "px;")}}
           class="euiFilterSelectItem
             {{if
               (eq opt @select.highlighted)

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

@@ -1,16 +1,15 @@
 import EmberPowerSelectOptions from 'ember-power-select/components/power-select/options';
 import { emberPowerSelectIsGroup } from 'ember-power-select/helpers/ember-power-select-is-group';
-import { tracked } from '@glimmer/tracking';
 import config from 'ember-get-config';
 
 const rowHeight = config['@ember-eui/core']?.euiComboBoxOptionsHeight || 29;
 export default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {
-  @tracked flattedOptions = [];
   _optionsCache = [];
 
-  setFlattedOptions = () => {
+  get flattedOptions() {
     if (this._optionsCache !== this.args.options) {
-      this.flattedOptions = this.args.options?.reduce((acc, curr) => {
+      this._optionsCache = this.args.options;
+      return this.args.options?.reduce((acc, curr) => {
         if (emberPowerSelectIsGroup([curr])) {
           acc.push(curr, ...curr.options);
         } else {
@@ -18,14 +17,8 @@ export default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions
         }
         return acc;
       }, []);
-      this._optionsCache = this.args.options;
     }
-  };
-
-  constructor() {
-    super(...arguments);
-    this.setFlattedOptions();
-    this._optionsCache = this.args.options;
+    return this._optionsCache;
   }
 
   _optionFromIndex(index) {
@@ -38,6 +31,6 @@ export default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions
   }
 
   get rowHeight() {
-    return this.args.rowHeight ?? rowHeight
+    return this.args.rowHeight ?? rowHeight;
   }
 }

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

@@ -1,5 +1,5 @@
 <EuiFormControlLayout
-  @icon="arrowDown"
+  @icon={{arg-or-default @icon "arrowDown"}}
   @iconSide="right"
   @fullWidth={{@fullWidth}}
   @compressed={{@compressed}}

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

@@ -10,6 +10,7 @@
   {{#let
     (class-names
       (if @compressed "euiSwitch--compressed") "euiSwitch"
+      @containerClass
     ) as |classes|
   }}
     <div class={{classes}}>

package/addon/utils/css-mappings/eui-description-list.ts

@@ -13,7 +13,7 @@ export const alignMapping = {
 };
 
 export const textStyleMapping = {
-  center: `${baseClass}--reverse`,
+  reverse: `${baseClass}--reverse`,
   normal: ''
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "5.8.1",
+  "version": "5.8.4",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -182,5 +182,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "e057d6d6b01d895b7e338923bc5d390b8654e4b4"
+  "gitHead": "1ede8e1164b3d4443bdf549330581710dfc09b6f"
 }