@ember-eui/core 4.1.0 → 4.2.2

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 ### Master
 
+### 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`
+- fix typo in package json defaultBlueprint
+
 ### 4.1.0
 🐛 Bug / Fixes
 `@ember-eui/core`

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/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.0",
+  "version": "4.2.2",
   "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": {
@@ -170,10 +171,10 @@
   },
   "ember-addon": {
     "configPath": "tests/dummy/config",
-    "defaultBluerprint": "ember-eui-core"
+    "defaultBlueprint": "ember-eui-core"
   },
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "ce506cfece96738979e6bd9bcec919330df77115"
+  "gitHead": "275e6432ca59bbf59d05f0dd4809238c3abaec19"
 }

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');
-  }
-};