@ember-eui/core 5.4.2 → 5.5.0

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" configKey="euiButtonIcon.size")
+      size=(arg-or-default @size "xs" configKey="@ember-eui/core.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" configKey="euiButtonIcon.size")
+      size=(arg-or-default @size "xs" configKey="@ember-eui/core.euiButtonIcon.size")
     }}
     disabled={{or @isDisabled @disabled}}
     aria-pressed={{if @isSelected "true" "false"}}

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

@@ -28,26 +28,31 @@
     @paddingSize={{@paddingSize}}
     ...attributes
   >
-    <div class="euiCard__top">
-      {{#if (has-block "icon")}}
-        {{yield "euiCard__icon" to="icon"}}
-      {{else}}
-        {{#if (or @image @icon)}}
-          {{#if (and @image (not-eq layout "horizontal"))}}
-            <div class="euiCard__image">
-              <img src={{@image}} alt="card-top" />
-            </div>
-          {{/if}}
-          {{#if @icon}}
-            <EuiIcon
-              @iconClasses="euiCard__icon"
-              @type={{@icon}}
-              @size={{@iconSize}}
-            />
+
+    {{#if (or (has-block "icon") (or @image @icon))}}
+      <div class="euiCard__top">
+        {{#if (has-block "icon")}}
+          {{yield "euiCard__icon" to="icon"}}
+        {{else}}
+          {{#if (or @image @icon)}}
+            {{#if (and @image (not-eq layout "horizontal"))}}
+              <div class="euiCard__image">
+                <img src={{@image}} alt="card-top" />
+              </div>
+            {{/if}}
+            {{#if @icon}}
+              <EuiIcon
+                @iconClasses="euiCard__icon"
+                @type={{@icon}}
+                @size={{@iconSize}}
+              />
+            {{/if}}
           {{/if}}
         {{/if}}
-      {{/if}}
-    </div>
+      </div>
+    {{/if}}
+
+
     <div class="euiCard__content">
       <EuiTitle class="euiCard__title" @size={{arg-or-default @titleSize "s"}}>
         {{#if (has-block "title")}}

package/addon/components/eui-confirm-modal/index.hbs

@@ -1,22 +1,27 @@
-<EuiModal class="euiModal--confirmation" @onClose={{@onCancel}} ...attributes>
-  {{#if @title}}
+<EuiModal
+  class="euiModal--confirmation"
+  @onClose={{@onCancel}}
+  ...attributes
+>
+  
+  {{#if (or @title (has-block 'title'))}}
     <EuiModalHeader>
       <EuiModalHeaderTitle>
         {{@title}}
+        {{yield to='title'}}
       </EuiModalHeaderTitle>
     </EuiModalHeader>
   {{/if}}
-  {{#if (has-block)}}
-    <EuiModalBody>
-      {{yield}}
-    </EuiModalBody>
-  {{else if @message}}
+
+  {{#if (or @message (has-block))}}
     <EuiModalBody>
       <EuiText>
         {{@message}}
+        {{yield}}
       </EuiText>
     </EuiModalBody>
   {{/if}}
+
   <EuiModalFooter>
     <EuiButtonEmpty {{on "click" @onCancel}}>
       {{@cancelButtonText}}
@@ -31,4 +36,5 @@
       {{@confirmButtonText}}
     </EuiButton>
   </EuiModalFooter>
+
 </EuiModal>

package/addon/components/eui-loading-content/index.hbs

@@ -12,7 +12,12 @@
       )
     )
   }}
-    <span class="euiLoadingContent__singleLine">
+    <span
+      class={{class-names
+        "euiLoadingContent__singleLine"
+        @singleLineClasses
+      }}
+    >
       <span class="euiLoadingContent__singleLineBackground" />
     </span>
   {{/each}}

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

@@ -25,13 +25,13 @@
         isPaused=(arg-or-default @isFocusTrapPaused false)
         focusTrapOptions=(arg-or-default @focusTrapOptions (hash))
       }}
-      {{on-key "Escape" (prevent-default (stop-propagation @onClose))}}
+      {{on-key "Escape" (prevent-default (stop-propagation (optional @onClose)))}}
     >
       <EuiButtonIcon
         class="euiModal__closeIcon"
         @iconType="cross"
         @color="text"
-        {{on "click" @onClose}}
+        {{on "click" (optional @onClose)}}
       />
       <div class="euiModal__flex">
         {{yield}}

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

@@ -0,0 +1,24 @@
+{{!-- TODO: not fully implemented --}}
+
+<li
+  role="option"
+  aria-selected={{and (not @disabled) (eq (type-of @checked) 'string')}}
+  class={{class-names
+    componentName='EuiSelectableListItem'
+    isFocused=@isFocused
+  }}
+  aria-disabled={{@disabled}}
+  ...attributes
+>
+  <span class="euiSelectableListItem__content">
+    {{!-- {{optionIcon}} --}}
+    {{!-- {{prependNode}} --}}
+    <span class="euiSelectableListItem__text">
+      {{yield}}
+      {{!-- {{state}} --}}
+      {{!-- {{children}} --}}
+      {{!-- {{instruction}} --}}
+    </span>
+    {{!-- {{appendNode}} --}}
+  </span>
+</li>

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

@@ -2,6 +2,7 @@ import { helper } from '@ember/component/helper';
 import { assert } from '@ember/debug';
 //@ts-ignore
 import config from 'ember-get-config';
+import { get } from '@ember/object';
 
 /**
  * Helper that returns a default value if the passed argument is undefined
@@ -17,7 +18,7 @@ export function argOrDefault(
   assert('`defaultValue` must be provided', defaultValue !== undefined);
   let configValue;
   if (configKey) {
-    configValue = config['@ember-eui/core']?.[configKey];
+    configValue = get(config, configKey);
   }
   return value !== undefined ? value : configValue || defaultValue;
 }

package/addon/utils/css-mappings/eui-selectable-list-item.ts

@@ -0,0 +1,14 @@
+export const baseClass = 'euiSelectableListItem';
+
+export const isFocusedMapping = {
+  true: `${baseClass}--isFocused`
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    isFocused: isFocusedMapping
+  }
+};
+
+export default mapping;

package/addon/utils/css-mappings/index.ts

@@ -54,6 +54,7 @@ import EuiProgressData from './eui-progress-data';
 import EuiRangeHighlight from './eui-range-highlight';
 import EuiRangeInput from './eui-range-input';
 import EuiRangeLevels from './eui-range-levels';
+import EuiSelectableListItem from './eui-selectable-list-item';
 import EuiSpacer from './eui-spacer';
 import EuiStat from './eui-stat';
 import EuiStepNumber from './eui-step-number';
@@ -123,6 +124,7 @@ const mapping: Mapping = {
   EuiRangeHighlight,
   EuiRangeInput,
   EuiRangeLevels,
+  EuiSelectableListItem,
   EuiSpacer,
   EuiStat,
   EuiStepNumber,

package/app/components/eui-selectable-list-item/index.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-selectable-list-item';

package/package.json

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