@ember-eui/core 4.1.1 → 4.2.3

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 ### Master
 
+### 4.2.3
+🐛 Bug / Fixes
+`@ember-eui/core`
+- Cherry pick 1.6.x fix commit hash https://github.com/prysmex/ember-eui/commit/c4b8a4a259f6b86c2be516fd7427f5e48b28cecd
+- Use next for updating the attachTo for `<EuiToolTip />`
+
+### 4.2.2
+🐛 Bug / Fixes
+`@ember-eui/core`
+- fix typing issues
+
+### 4.2.1
+🐛 Bug / Fixes
+`@ember-eui/core`
+- fix markdown editor components
+
+### 4.2.0
+🚀 Enhancements
+`@ember-eui/core`
+- Remove blueprint, inspired by https://github.com/mikkopaderes/ember-cloud-firestore-adapter README.md we should teach users to install peerDependencies manually, which is now required.
+- Update docs for this change.
+
+🐛 Bug / Fixes
+`@ember-eui/core`
+- fix markdown editor icons
+
 ### 4.1.1
 🐛 Bug / Fixes
 `@ember-eui/core`
@@ -99,6 +125,11 @@ bump @embroider 1.3.0 regenerating yarn.lock, this finally enables staticCompone
 💥 Breaking change
 `@ember-eui/core`
 - Deprecate `ember-svg-jar` `hbs` strategy for now, just use stock `ember-svg-jar`
+
+### 1.6.10
+🐛 Bug / Fixes
+`@ember-eui/core`
+- `<EuiComboBox />` fixes to `onCreateOption`
 ### 1.6.7
 🐛 Bug / Fixes
 `@ember-eui/core`

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

@@ -25,7 +25,7 @@
     singleSelection=@singleSelection
     onClose=@removeTag
     onCreateOption=(if
-      @onCreateOption (pipe this.onCreateOption @onCreateOption)
+      @onCreateOption this.onCreateOption
     )
   }}
   @matcher={{@matcher}}
@@ -75,7 +75,7 @@
     (component
       "eui-combo-box/create-option"
       customOptionText=@customOptionText
-      onCreateOption=(pipe this.onCreateOption @onCreateOption)
+      onCreateOption=this.onCreateOption
       select=this.select
     )
     (component "eui-combo-box/no-matches-message")

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

@@ -7,6 +7,7 @@ import { isEqual } from '@ember/utils';
 
 interface EuiComboBoxArgs {
   singleSelection: boolean;
+  onCreateOption?: (search: string) => boolean | undefined;
 }
 
 interface Select {
@@ -64,9 +65,19 @@ export default class EuiComboBoxComponent extends Component<EuiComboBoxArgs> {
 
   @action
   onCreateOption() {
-    let search = this.select.searchText;
+    let option;
+    if (
+      this.args.onCreateOption &&
+      typeof this.args.onCreateOption === 'function'
+    ) {
+      // The `onCreateOption` function can be used to sanitize the input or explicitly return `false` to reject the input
+      option = this.args.onCreateOption(this.select.searchText);
+      if (option === false) {
+        return;
+      }
+    }
+    let search = option || this.select.searchText;
     this.select.actions.search('');
-    this.select.actions.select(search);
     this.select.actions.close();
     return search;
   }

package/addon/components/eui-markdown-editor-toolbar/icons/markdown-checkmark/index.ts

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class EuiMarkdownEditorToolbarComponent extends Component {}

package/addon/components/eui-markdown-editor-toolbar/index.hbs

@@ -18,11 +18,7 @@
         <EuiButtonIcon
           @color="text"
           {{on "click" (fn this.handleMdButtonClick item.id)}}
-          @iconType={{if
-            item.iconType.component
-            (component (ensure-safe-component item.iconType.component))
-            item.iconType
-          }}
+          @iconType={{or item.iconType.component item.iconType}}
           @useComponent={{item.iconType.component}}
           aria-label={{item.label}}
           @useSvg={{item.useSvg}}

package/addon/components/eui-markdown-editor-toolbar/index.ts

@@ -3,7 +3,7 @@ import { action } from '@ember/object';
 import type MarkdownActions from '../../utils/markdown/markdown-actions';
 import { MODE_VIEWING } from '../../utils/markdown/markdown-modes';
 import { cached } from '@glimmer/tracking';
-
+import MarkdownCheckmark from './icons/markdown-checkmark';
 import { Plugin } from 'unified';
 
 export interface EuiMarkdownEditorToolbarArgs {
@@ -14,7 +14,7 @@ export interface EuiMarkdownEditorToolbarArgs {
 }
 
 export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownEditorToolbarArgs> {
-  boldItalicButtons = [
+  boldItalicsButtons = [
     {
       id: 'mdBold',
       label: 'Bold',
@@ -50,8 +50,7 @@ export default class EuiMarkdownEditorToolbarComponent extends Component<EuiMark
         name: 'tl',
         useSvg: true,
         iconType: {
-          // this should't be needed when we drop support for 3.24.0
-          component: 'eui-markdown-editor-toolbar/icons/markdown-checkmark'
+          component: MarkdownCheckmark
         }
       }
     ];

package/addon/components/eui-markdown-format/markdown-code/index.d.ts

@@ -0,0 +1,3 @@
+import templateOnlyComponent from '@ember/component/template-only';
+
+export type EuiMarkdownFormatMarkdownCode = typeof templateOnlyComponent;

package/addon/components/eui-markdown-format/markdown-code-block/index.d.ts

@@ -0,0 +1,3 @@
+import templateOnlyComponent from '@ember/component/template-only';
+
+export type EuiMarkdownFormatMarkdownCodeBlock = typeof templateOnlyComponent;

package/addon/components/eui-markdown-format/markdown-tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import templateOnlyComponent from '@ember/component/template-only';
+
+export type EuiMarkdownFormatMarkdownTooltip = typeof templateOnlyComponent;

package/addon/components/eui-tool-tip/index.ts

@@ -5,7 +5,7 @@ import { uniqueId } from '../../helpers/unique-id';
 import { tracked, cached } from '@glimmer/tracking';
 import { findPopoverPosition } from '../../utils/popover';
 import { keys } from '../../utils/keys';
-import { later, cancel, scheduleOnce } from '@ember/runloop';
+import { later, cancel, scheduleOnce, next } from '@ember/runloop';
 
 export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
 
@@ -113,9 +113,11 @@ export default class EuiToolTip extends Component<EuiTooltipArgs> {
     }
 
     if (this.args.attachTo && this.args.attachTo !== this._attachTo) {
-      this.removeAttachToHandlers();
-      this._attachTo = this.args.attachTo;
-      this.setupAttachToHandlers();
+      next(() => {
+        this.removeAttachToHandlers();
+        this._attachTo = this.args.attachTo;
+        this.setupAttachToHandlers();
+      });
     }
   }
 
@@ -246,13 +248,16 @@ export default class EuiToolTip extends Component<EuiTooltipArgs> {
       }
     });
 
-    const windowWidth = document.documentElement.clientWidth || window.innerWidth;
+    const windowWidth =
+      document.documentElement.clientWidth || window.innerWidth;
     const useRightValue = windowWidth / 2 < left;
 
     const toolTipStyles: ToolTipStyles = {
       top: `${top}px`,
       left: useRightValue ? 'auto' : `${left}px`,
-      right: useRightValue ? `${windowWidth - left - this.popover.offsetWidth}px` : 'auto'
+      right: useRightValue
+        ? `${windowWidth - left - this.popover.offsetWidth}px`
+        : 'auto'
     };
 
     this.visible = true;
@@ -299,7 +304,8 @@ export default class EuiToolTip extends Component<EuiTooltipArgs> {
     // left the anchor for a non-child.
     if (
       this._anchor === event.relatedTarget ||
-      (this._anchor != null && !this._anchor.contains(event.relatedTarget as Node))
+      (this._anchor != null &&
+        !this._anchor.contains(event.relatedTarget as Node))
     ) {
       this.hideToolTip();
     }

package/addon/styles/ember-eui.css

@@ -1,3 +1,15 @@
 .euiIcon {
   line-height: 1; /* added while we support back hbs svgs components */
+}
+
+.euiMarkdownEditor--fullHeight {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  height: 100%;
+}
+
+.euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
+  display: none;
 }

package/addon/utils/markdown/plugins/markdown-add-components.ts

@@ -1,4 +1,6 @@
 import { RehypeNode } from '../markdown-types';
+import EuiMarkdownFormatMarkdownCode from '../../../components/eui-markdown-format/markdown-code';
+import EuiMarkdownFormatMarkdownCodeBlock from '../../../components/eui-markdown-format/markdown-code-block';
 
 type Visitor = (node: RehypeNode) => RehypeNode;
 
@@ -48,12 +50,11 @@ export default function MarkdownAddComponents(): (tree: RehypeNode) => void {
           /\r|\n/.exec(child.value)
         );
         if (hasBreaks) {
-          node.properties.componentName =
-            'eui-markdown-format/markdown-code-block';
+          node.properties.componentName = EuiMarkdownFormatMarkdownCodeBlock;
           node.properties.fontSize = 'm';
           node.properties.paddingSize = 's';
         } else {
-          node.properties.componentName = 'eui-markdown-format/markdown-code';
+          node.properties.componentName = EuiMarkdownFormatMarkdownCode;
           node.properties.inline = true;
         }
       }

package/addon/utils/markdown/plugins/markdown-checkbox.ts

@@ -19,10 +19,11 @@
 
 import { RemarkTokenizer } from '../markdown-types';
 import { Plugin } from 'unified';
+import EuiMarkdownFormatMarkdownCheckbox from '../../../components/eui-markdown-format/markdown-checkbox';
 
 interface CheckboxNodeDetails {
   type: 'component';
-  componentName: 'eui-markdown-format/markdown-checkbox';
+  componentName: any;
   lead: string;
   label: string;
   isChecked: boolean;
@@ -64,7 +65,7 @@ const CheckboxParser: Plugin = function CheckboxParser() {
 
     return add({
       type: 'component',
-      componentName: 'eui-markdown-format/markdown-checkbox',
+      componentName: EuiMarkdownFormatMarkdownCheckbox,
       lead,
       label: text,
       isChecked,

package/addon/utils/markdown/plugins/markdown-tooltip.ts

@@ -1,5 +1,6 @@
 import { RemarkTokenizer } from '../markdown-types';
 import { Plugin } from 'unified';
+import EuiMarkdownFormatMarkdownTooltip from '../../../components/eui-markdown-format/markdown-tooltip';
 
 interface TooltipNodeDetails {
   type: 'component';
@@ -95,7 +96,7 @@ const TooltipParser: Plugin = function TooltipParser() {
 
     return eat(`!{tooltip[${tooltipAnchor}](${tooltipText})}`)({
       type: 'component',
-      componentName: 'eui-markdown-format/markdown-tooltip',
+      componentName: EuiMarkdownFormatMarkdownTooltip,
       tooltipText: tooltipText,
       children
     } as TooltipNodeDetails);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "4.1.1",
+  "version": "4.2.3",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -56,7 +56,7 @@
     "@html-next/vertical-collection": "3.0.0-1",
     "@types/lodash-es": "^4.17.4",
     "chroma-js": "^2.1.0",
-    "ember-auto-import": "^2.2.4",
+    "ember-auto-import": "^2.4.0",
     "ember-cached-decorator-polyfill": "^0.1.4",
     "ember-cli-babel": "^7.26.11",
     "ember-cli-htmlbars": "^6.0.1",
@@ -89,6 +89,7 @@
     "vfile": "^4.2.0"
   },
   "peerDependencies": {
+    "ember-auto-import": "^2.2.4",
     "ember-focus-trap": "^1.0.1"
   },
   "devDependencies": {
@@ -175,5 +176,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "934a2412ad1e4bfe937f7e362408355320580b5b"
+  "gitHead": "416ebf9ca1d85d3d9404d71badda1af1db82d191"
 }

package/addon/components/eui-markdown-editor-toolbar/icons/markdown-checkmark/index.d.ts

@@ -1,4 +0,0 @@
-import templateOnlyComponent from '@ember/component/template-only';
-
-export type EuiMarkdownEditorToolbarIconsMarkdownCheckmark =
-  typeof templateOnlyComponent;

package/blueprints/ember-eui-core/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-module.exports = {
-  description: 'Installs ember-focus-trap',
-
-  normalizeEntityName() {
-    // this prevents an error when the entityName is
-    // not specified
-  },
-
-  afterInstall() {
-    return this.addAddonToProject('ember-focus-trap');
-  }
-};