Merge branch 'fix-power-select'

Author: betocantu93

packages/core/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)

packages/core/addon/components/eui-combo-box/options/index.js

@@ -1,31 +1,24 @@
 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 {
           acc.push(curr);
         }
         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;
   }
 }