@ember-eui/core 5.0.0 → 5.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/addon/components/eui-notification-event/index.hbs +21 -8
  2. package/addon/components/eui-notification-event-meta/index.hbs +82 -75
  3. package/addon/components/eui-page-header-content/index.hbs +10 -12
  4. package/addon/components/eui-step-horizontal/index.hbs +11 -6
  5. package/docs/navigation/steps-demo/demo3.md +0 -1
  6. package/package.json +2 -2
package/addon/components/eui-notification-event/index.hbs CHANGED
@@ -1,5 +1,16 @@
1
- {{#let (unique-id) as |id|}}
2
- <article
1
+ {{#let
2
+ (unique-id)
3
+ (element (arg-or-default @tagName 'article'))
4
+ (and
5
+ (arg-or-default @hasContextMenuBlock true)
6
+ (has-block 'contextMenu')
7
+ )
8
+ (and
9
+ (arg-or-default @hasPrimaryActionBlock true)
10
+ (has-block 'primaryAction')
11
+ )
12
+ as |id Element hasContextMenuBlock hasPrimaryActionBlock|}}
13
+ <Element
3
14
  aria-labelledby={{id}}
4
15
  key={{@id}}
5
16
  class={{class-names
@@ -41,7 +52,7 @@
41
52
  @time={{@time}}
42
53
  @onOpenContextMenu={{@onOpenContextMenu}}
43
54
  @eventName={{@title}}
44
- @hasContextMenu={{has-block 'contextMenu'}}
55
+ @hasDefaultBlock={{hasContextMenuBlock}}
45
56
  @iconColor={{@iconColor}}
46
57
  >
47
58
  {{yield to='contextMenu'}}
@@ -59,15 +70,17 @@
59
70
  as |classNames headingLevel|}}
60
71
  {{#if (or @href @onClickTitle)}}
61
72
  <EuiLink
62
- @onClick={{@onClickTitle}}
73
+ class={{classNames}}
74
+ id={{id}}
63
75
  @href={{@href}}
76
+ {{on 'click' (optional @onClickTitle)}}
64
77
  >
65
- <TextBlock @tagName={{headingLevel}} id={{id}} class={{classNames}}>
78
+ <TextBlock @tagName={{headingLevel}}>
66
79
  {{@title}}
67
80
  </TextBlock>
68
81
  </EuiLink>
69
82
  {{else if @title}}
70
- <TextBlock @tagName={{headingLevel}} id={{id}} class={{classNames}}>
83
+ <TextBlock id={{id}} class={{classNames}} @tagName={{headingLevel}}>
71
84
  {{@title}}
72
85
  </TextBlock>
73
86
  {{/if}}
@@ -80,7 +93,7 @@
80
93
  @accordionHideText={{@accordionHideText}}
81
94
  />
82
95
 
83
- {{#if (has-block 'primaryAction')}}
96
+ {{#if hasPrimaryActionBlock}}
84
97
  <div class="euiNotificationEvent__primaryAction">
85
98
  {{yield to='primaryAction'}}
86
99
  </div>
@@ -88,5 +101,5 @@
88
101
 
89
102
  </div>
90
103
 
91
- </article>
104
+ </Element>
92
105
  {{/let}}
package/addon/components/eui-notification-event-meta/index.hbs CHANGED
@@ -1,84 +1,91 @@
1
- <div
2
- class={{class-names
3
- 'euiNotificationEventMeta'
4
- (if @hasContextMenu 'euiNotificationEventMeta--hasContextMenu')
5
- }}
6
- ...attributes
7
- >
8
- <div class="euiNotificationEventMeta__section">
1
+ {{#let
2
+ (and
3
+ (arg-or-default @hasDefaultBlock true)
4
+ (has-block)
5
+ )
6
+ as |hasDefaultBlock|}}
7
+ <div
8
+ class={{class-names
9
+ 'euiNotificationEventMeta'
10
+ (if hasDefaultBlock 'euiNotificationEventMeta--hasContextMenu')
11
+ }}
12
+ ...attributes
13
+ >
14
+ <div class="euiNotificationEventMeta__section">
9
15
 
10
- {{#if @iconType}}
11
- <EuiIcon
12
- @iconClasses="euiNotificationEventMeta__icon"
13
- @type={{@iconType}}
14
- @color={{@iconColor}}
15
- {{!-- TODO only add one of the following html attributes --}}
16
- aria-label={{@iconAriaLabel}}
17
- aria-hidden={{if @iconAriaLabel false true}}
18
- />
19
- {{/if}}
16
+ {{#if @iconType}}
17
+ <EuiIcon
18
+ @iconClasses="euiNotificationEventMeta__icon"
19
+ @type={{@iconType}}
20
+ @color={{@iconColor}}
21
+ {{!-- TODO only add one of the following html attributes --}}
22
+ aria-label={{@iconAriaLabel}}
23
+ aria-hidden={{if @iconAriaLabel false true}}
24
+ />
25
+ {{/if}}
20
26
 
21
- {{#if @type}}
22
- <EuiBadge
23
- class="euiNotificationEventMeta__badge"
24
- @color={{@badgeColor}}
25
- >
26
- {{#if @severity}}
27
- {{@type}}: {{@severity}}
28
- {{else}}
29
- {{@type}}
30
- {{/if}}
31
- </EuiBadge>
32
- {{/if}}
27
+ {{#if @type}}
28
+ <EuiBadge
29
+ class="euiNotificationEventMeta__badge"
30
+ @color={{@badgeColor}}
31
+ >
32
+ {{#if @severity}}
33
+ {{@type}}: {{@severity}}
34
+ {{else}}
35
+ {{@type}}
36
+ {{/if}}
37
+ </EuiBadge>
38
+ {{/if}}
33
39
 
34
- </div>
40
+ </div>
35
41
 
36
- <div class="euiNotificationEventMeta__section">
37
- <span class="euiNotificationEventMeta__time">{{@time}}</span>
38
- </div>
42
+ <div class="euiNotificationEventMeta__section">
43
+ <span class="euiNotificationEventMeta__time">{{@time}}</span>
44
+ </div>
39
45
 
40
- {{#if @hasContextMenu}}
41
- {{#let (unique-id) (use-state false) as |randomPopoverId isPopoverOpen|}}
42
- <div class="euiNotificationEventMeta__contextMenuWrapper">
43
- <EuiPopover
44
- id={{randomPopoverId}}
45
- @ownFocus={{true}}
46
- @repositionOnScroll={{true}}
47
- @isOpen={{isPopoverOpen.value}}
48
- @panelPaddingSize="none"
49
- @anchorPosition="leftUp"
50
- @closePopover={{fn isPopoverOpen.setState false}}
51
- >
46
+ {{#if hasDefaultBlock}}
47
+ {{#let (unique-id) (use-state false) as |randomPopoverId isPopoverOpen|}}
48
+ <div class="euiNotificationEventMeta__contextMenuWrapper">
49
+ <EuiPopover
50
+ id={{randomPopoverId}}
51
+ @ownFocus={{true}}
52
+ @repositionOnScroll={{true}}
53
+ @isOpen={{isPopoverOpen.value}}
54
+ @panelPaddingSize="none"
55
+ @anchorPosition="leftUp"
56
+ @closePopover={{fn isPopoverOpen.setState false}}
57
+ >
52
58
 
53
- <:button>
54
- <EuiButtonIcon
55
- {{!-- aria-label={contextMenuButton} --}}
56
- aria-controls={{randomPopoverId}}
57
- aria-expanded={{this.isPopoverOpen}}
58
- aria-haspopup="true"
59
- @iconType="boxesVertical"
60
- @color="text"
61
- data-test-subj={{concat @id '-notificationEventMetaButton'}}
62
- {{on 'click' (fn isPopoverOpen.setState true)}}
63
- />
64
- </:button>
59
+ <:button>
60
+ <EuiButtonIcon
61
+ {{!-- aria-label={contextMenuButton} --}}
62
+ aria-controls={{randomPopoverId}}
63
+ aria-expanded={{this.isPopoverOpen}}
64
+ aria-haspopup="true"
65
+ @iconType="boxesVertical"
66
+ @color="text"
67
+ data-test-subj={{concat @id '-notificationEventMetaButton'}}
68
+ {{on 'click' (fn isPopoverOpen.setState true)}}
69
+ />
70
+ </:button>
65
71
 
66
- {{!-- The EuiContextMenu is wrapped with a div so it closes after an item is clicked --}}
67
- <:content>
68
- <div
69
- {{on 'click' (queue
70
- (optional @onOpenContextMenu)
71
- (fn isPopoverOpen.setState false)
72
- )}}
73
- role="button"
74
- >
75
- {{yield}}
76
- </div>
77
- </:content>
72
+ {{!-- The EuiContextMenu is wrapped with a div so it closes after an item is clicked --}}
73
+ <:content>
74
+ <div
75
+ {{on 'click' (queue
76
+ (optional @onOpenContextMenu)
77
+ (fn isPopoverOpen.setState false)
78
+ )}}
79
+ role="button"
80
+ >
81
+ {{yield}}
82
+ </div>
83
+ </:content>
78
84
 
79
- </EuiPopover>
80
- </div>
81
- {{/let}}
82
- {{/if}}
85
+ </EuiPopover>
86
+ </div>
87
+ {{/let}}
88
+ {{/if}}
83
89
 
84
- </div>
90
+ </div>
91
+ {{/let}}
package/addon/components/eui-page-header-content/index.hbs CHANGED
@@ -88,10 +88,10 @@
88
88
  }}
89
89
  />
90
90
  {{/if}}
91
- {{#if @pageTitle}}
92
- {{@pageTitle}}
93
- {{yield to="pageTitle"}}
94
- {{/if}}
91
+
92
+ {{@pageTitle}}
93
+ {{yield to="pageTitle"}}
94
+
95
95
  </EuiTitle>
96
96
  {{/if}}
97
97
 
@@ -135,10 +135,9 @@
135
135
  }}
136
136
  />
137
137
  {{/if}}
138
- {{#if @pageTitle}}
139
- {{@pageTitle}}
140
- {{yield to="pageTitle"}}
141
- {{/if}}
138
+
139
+ {{@pageTitle}}
140
+ {{yield to="pageTitle"}}
142
141
  </EuiTitle>
143
142
  {{/if}}
144
143
 
@@ -226,10 +225,9 @@
226
225
  }}
227
226
  />
228
227
  {{/if}}
229
- {{#if @pageTitle}}
230
- {{@pageTitle}}
231
- {{yield to="pageTitle"}}
232
- {{/if}}
228
+
229
+ {{@pageTitle}}
230
+ {{yield to="pageTitle"}}
233
231
  </EuiTitle>
234
232
  {{/if}}
235
233
 
package/addon/components/eui-step-horizontal/index.hbs CHANGED
@@ -2,18 +2,23 @@
2
2
  (if
3
3
  @disabled
4
4
  "disabled"
5
- (if @isComplete "complete" (if @isSelected @status (unless @status "incomplete")))
6
- ) as |status|
5
+ (if
6
+ @isComplete
7
+ "complete"
8
+ (if @isSelected "current" (arg-or-default @status "incomplete"))
9
+ )
10
+ )
11
+ as |status|
7
12
  }}
8
13
  <li class="euiStepHorizontal__item" aria-current={{if @isSelected "step"}}>
9
14
  <button
10
15
  type="button"
11
16
  class={{class-names
12
17
  "euiStepHorizontal"
13
- (if @isSelected "euiStepHorizontal-isSelected")
14
- (if @isDisabled "isDisabled")
15
- (if @isComplete "euiStepHorizontal-isComplete")
16
- (if (and (not @isSelected) (not @isComplete)) "euiStepHorizontal-isIncomplete")
18
+ (if (eq status "current") "euiStepHorizontal-isSelected")
19
+ (if (eq status "complete") "euiStepHorizontal-isComplete")
20
+ (if (eq status "incomplete") "euiStepHorizontal-isIncomplete")
21
+ (if (eq status "disabled") "euiStepHorizontal-isDisabled")
17
22
  }}
18
23
  title={{@title}}
19
24
  disabled={{@disabled}}
package/docs/navigation/steps-demo/demo3.md CHANGED
@@ -13,7 +13,6 @@ order: 5
13
13
  <EuiStepsHorizontal>
14
14
  <EuiStepHorizontal
15
15
  @title='Completed step 1'
16
- @status='complete'
17
16
  @step={{1}}
18
17
  @isComplete={{true}}
19
18
  />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ember-eui/core",
3
- "version": "5.0.0",
3
+ "version": "5.0.3",
4
4
  "description": "Ember Components for Elastic UI",
5
5
  "keywords": [
6
6
  "ember-addon",
@@ -182,5 +182,5 @@
182
182
  "volta": {
183
183
  "extends": "../../package.json"
184
184
  },
185
- "gitHead": "7f66980612ec6a1d56c3ce7e6087b71b4a07be97"
185
+ "gitHead": "125731a38b5519cfd5d247663633d7ec8867dcc3"
186
186
  }