@ember-eui/core 5.2.1 → 5.4.2

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

@@ -5,7 +5,7 @@
       componentName="EuiButtonIcon"
       display=(arg-or-default @display "empty")
       color=(arg-or-default @color "primary")
-      size=(arg-or-default @size "xs")
+      size=(arg-or-default @size "xs" configKey="euiButtonIcon.size")
     }}
     href={{@href}}
     target={{@target}}
@@ -30,7 +30,7 @@
       componentName="EuiButtonIcon"
       display=(arg-or-default @display "empty")
       color=(arg-or-default @color "primary")
-      size=(arg-or-default @size "xs")
+      size=(arg-or-default @size "xs" configKey="euiButtonIcon.size")
     }}
     disabled={{or @isDisabled @disabled}}
     aria-pressed={{if @isSelected "true" "false"}}
@@ -41,7 +41,7 @@
       <EuiIcon
         @iconClasses="euiButtonIcon__icon {{@iconClasses}}"
         @type={{@iconType}}
-        @size={{@iconSize}}
+        @size={{arg-or-default @iconSize "m"}}
         @useSvg={{@useSvg}}
         @color="inherit"
         @useComponent={{@useComponent}}

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

@@ -1,4 +1,6 @@
-{{#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">
@@ -15,7 +17,7 @@
     <VerticalCollection
       @items={{this.flattedOptions}}
       @tagName="div"
-      @estimateHeight={{arg-or-default @rowHeight 29}}
+      @estimateHeight={{this.rowHeight}}
       @staticHeight={{true}}
       @bufferSize={{3}}
       style="max-height: 200px; overflow-y: auto;"
@@ -34,14 +36,14 @@
           @select={{@select}}
           @extra={{@extra}}
           style={{html-safe
-            (concat "height:" (arg-or-default @rowHeight 29) "px;")
+            (concat "height:" this.rowHeight "px;")
           }}
           data-option-index="{{index}}"
         />
       {{else}}
         <li
           style={{html-safe
-            (concat "height:" (arg-or-default @rowHeight 29) "px;")
+            (concat "height:" this.rowHeight "px;")
           }}
           class="euiFilterSelectItem
             {{if

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

@@ -1,7 +1,9 @@
 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 = [];
@@ -34,4 +36,8 @@ export default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions
     }
     return option;
   }
+
+  get rowHeight() {
+    return this.args.rowHeight ?? rowHeight
+  }
 }

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

@@ -117,7 +117,7 @@ export default class EuiIcon extends Component<EuiIconArgs> {
   }
 
   getEuiIconSvgPath(type: EuiIconType): string {
-    return typeToPathMap[type].replace('tokens/', '');
+    return typeToPathMap[type];
   }
 
   get isAppIcon(): string | boolean {

package/addon/components/eui-notification-event-meta/index.hbs

@@ -65,7 +65,7 @@ as |hasDefaultBlock|}}
                 @iconType="boxesVertical"
                 @color="text"
                 data-test-subj={{concat @id '-notificationEventMetaButton'}}
-                {{on 'click' (fn isPopoverOpen.setState true)}}
+                {{on 'click' (if isPopoverOpen.value (fn isPopoverOpen.setState false) (fn isPopoverOpen.setState true))}}
               />
             </:button>
 

package/addon/helpers/arg-or-default.ts

@@ -1,5 +1,7 @@
 import { helper } from '@ember/component/helper';
 import { assert } from '@ember/debug';
+//@ts-ignore
+import config from 'ember-get-config';
 
 /**
  * Helper that returns a default value if the passed argument is undefined
@@ -8,21 +10,29 @@ import { assert } from '@ember/debug';
  * @property {unknown} 0 - value to be returned if it's defined
  * @property {unknown} 1 - default value to be returned if value is undefined
  */
-export function argOrDefault([value, defaultValue]: [
-  unknown,
-  unknown
-]): unknown {
+export function argOrDefault(
+  [value, defaultValue]: [unknown, unknown],
+  { configKey }: { configKey?: string }
+): unknown {
   assert('`defaultValue` must be provided', defaultValue !== undefined);
-  return value !== undefined ? value : defaultValue;
+  let configValue;
+  if (configKey) {
+    configValue = config['@ember-eui/core']?.[configKey];
+  }
+  return value !== undefined ? value : configValue || defaultValue;
 }
 
 //eslint-disable-next-line
-export function argOrDefaultDecorator<T>(defaultValue: T): Function {
+export function argOrDefaultDecorator<T>(
+  defaultValue: T,
+  configKey?: string
+): any {
   return function (_target: any, key: string) {
     return {
       get(this: { args: Record<string, T> }): T {
-        const value = this.args[key];
-        return value !== undefined ? value : defaultValue;
+        return argOrDefault([this.args[key], defaultValue], {
+          configKey: configKey
+        }) as T;
       }
     };
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "5.2.1",
+  "version": "5.4.2",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -182,5 +182,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "cc647f4d348a453cb10765f4d4df2b95511a2d70"
+  "gitHead": "510ff775f572f0c8b4f573980effd770ef016c94"
 }