@ember-eui/core 4.2.5 → 4.4.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 ### Master
 
+### 4.4.0
+🚀 Enhancements
+`@ember-eui/changeset-form`
+- Pass disabled to all form components
+
+### 4.3.0
+🚀 Enhancements
+`@ember-eui/flatpickr`
+- New addon plug in, @ember-eui/flatpickr!
+
+### 4.2.6
+🐛 Bug / Fixes
+`@ember-eui/core`
+- `<EuiComboBox />` fix css and html issues for amsterdam theme
+- `{{use-state}}` schedule changes for afterRender
+
 ### 4.2.5
 🐛 Bug / Fixes
 `@ember-eui/core`

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

@@ -1,5 +1,18 @@
-<EuiText class="pa-8 euiComboBoxOption" {{on "click" @onCreateOption}}>
-  {{this.formattedString}}
-  <span class="flex-1"></span>
-  <EuiIcon @type="returnKey" />
-</EuiText>
+<div
+  role="button"
+  class="euiComboBoxOptionsList__rowWrap"
+  {{on "click" @onCreateOption}}
+>
+  <EuiText class="euiComboBoxOptionsList__empty" @size="xs">
+    <div class="euiComboBoxOption__contentWrapper">
+      <p class="euiComboBoxOption__emptyStateText">
+        {{this.formattedString}}
+      </p>
+      <EuiBadge
+        @iconType="returnKey"
+        class="euiComboBoxOption__enterBadge"
+        @color="hollow"
+      />
+    </div>
+  </EuiText>
+</div>

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

@@ -20,7 +20,7 @@
     "eui-combo-box/trigger"
     fullWidth=@fullWidth
     compressed=@compressed
-    disabled=@disabled
+    disabled=@isDisabled
     isInvalid=@isInvalid
     singleSelection=@singleSelection
     onClose=@removeTag
@@ -42,7 +42,7 @@
   @preventScroll={{@preventScroll}}
   @renderInPlace={{@renderInPlace}}
   @verticalPosition={{@verticalPosition}}
-  @disabled={{@disabled}}
+  @disabled={{@isDisabled}}
   @calculatePosition={{@calculatePosition}}
   @eventType={{@eventType}}
   @ariaLabel={{@ariaLabel}}
@@ -52,7 +52,7 @@
   @triggerId={{@triggerId}}
   @allowClear={{and
     (arg-or-default @isClearable true)
-    (not (or @isDisabled @disabled))
+    (not @isDisabled)
   }}
   @loadingMessage={{@loadingMessage}}
   @selectedItemComponent={{@selectedItemComponent}}
@@ -66,7 +66,7 @@
     "euiComboBox"
     (if @compressed "euiComboBox--compressed")
     (if @fullWidth "euiComboBox--fullWidth")
-    (if (or @isDisabled @disabled) "euiComboBox-isDisabled")
+    (if @isDisabled "euiComboBox-isDisabled")
     (if @isInvalid "euiComboBox--isInvalid")
     (if this.select.isOpen "euiComboBox-isOpen")
   }}
@@ -80,7 +80,7 @@
     )
     (component "eui-combo-box/no-matches-message")
   }}
-  @dropdownClass="euiComboBoxOptionsList euiPanel euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen euiComboBoxOptionsList__rowWrap {{@dropdownClass}}"
+  @dropdownClass="euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel euiPopover__panel--bottom euiPopover__panel-isAttached  euiPopover__panel-isOpen euiPopover__panel-noArrow {{@dropdownClass}}"
   as |option i|
 >
   {{yield option i}}

package/addon/helpers/use-state.ts

@@ -1,6 +1,7 @@
 import { helper } from '@ember/component/helper';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
+import { scheduleOnce } from '@ember/runloop';
 
 /**
  * @param value - initial value to use, undefined if not provided.
@@ -17,7 +18,10 @@ class SingleUseState<T> {
 
   @action
   setState(value: T): T {
-    this.value = value;
+    const updater = () => {
+      this.value = value;
+    };
+    scheduleOnce('afterRender', this, updater);
     return value;
   }
 }

package/docs/forms/form-controls/combo-box-demo/demo3.md

@@ -7,17 +7,18 @@ order: 2
 Using on create options for bubbling new option and handling in onCreateOption function, you may want to provide a customOptionText, you can assume {searchText} will be interpolated, be sure sanitize your string!
 
 ```hbs template
-	<EuiComboBox
-		@onChange={{this.onChange}}
-		@options={{this.remainingOptions}}
-    @onCreateOption={{this.onCreateOption}}
-		@selectedOptions={{this.selected}}
-		@searchEnabled={{true}}
-    @customOptionText="Do you want to add&nbsp;{searchText}&nbsp;to your list?"
-    @searchField="label"
-	as |option item|>
-		{{option.label}}
-	</EuiComboBox>
+<EuiComboBox
+  @onChange={{this.onChange}}
+  @options={{this.remainingOptions}}
+  @onCreateOption={{this.onCreateOption}}
+  @selectedOptions={{this.selected}}
+  @searchEnabled={{true}}
+  @customOptionText='Do you want to add&nbsp;<strong>{searchText}</strong>&nbsp;to your list?'
+  @searchField='label'
+  as |option item|
+>
+  {{option.label}}
+</EuiComboBox>
 ```
 
 ```javascript component
@@ -59,10 +60,13 @@ export default class Demo1 extends Component {
     const newOptionStructure = {
       value: `${newOption}`,
       label: `${newOption}`
-    }
-    if(this.options.filter( opt => opt.value == newOptionStructure.value).length == 0){
-      this.options.addObject(newOptionStructure)
-      this.selected.addObject(newOptionStructure)
+    };
+    if (
+      this.options.filter((opt) => opt.value == newOptionStructure.value)
+        .length == 0
+    ) {
+      this.options.addObject(newOptionStructure);
+      this.selected.addObject(newOptionStructure);
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "4.2.5",
+  "version": "4.4.0",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -95,8 +95,8 @@
   "devDependencies": {
     "@ember/optional-features": "^2.0.0",
     "@ember/test-helpers": "^2.6.0",
-    "@embroider/test-setup": "^1.0.0",
-    "@embroider/util": "^1.3.0",
+    "@embroider/test-setup": "^1.5.0",
+    "@embroider/util": "^1.5.0",
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",
     "@types/ember": "^3.16.0",
@@ -176,5 +176,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "734349b17f552bf40db786c1b38270abcdce3952"
+  "gitHead": "37fb2ed8242e7f7243bbf6e5a17aa9361e82e7ae"
 }