@ember-eui/core 5.17.2 → 6.4.0

package/README.md

@@ -16,7 +16,7 @@ var app = new EmberApp(defaults, {
       sourceDirs: [
         'public/assets',
         '../node_modules/@ember-eui/core/public',
-        'node_modules/@elastic/eui/lib/components/icon',
+        '../node_modules/@ember-eui/core/vendor/icon',
       ],
     },
   ...

package/addon/components/eui-field-number/types.ts

@@ -25,13 +25,13 @@ export type EuiFieldNumberArgs = Omit<
 
     /**
      * Creates an input group with element(s) coming before input.
-     * `string` | `ReactElement` or an array of these
+     * `string` | `Component` or an array of these
      */
     prepend?: EuiFormControlLayoutArgs['prepend'];
 
     /**
      * Creates an input group with element(s) coming after input.
-     * `string` | `ReactElement` or an array of these
+     * `string` | `Component` or an array of these
      */
     append?: EuiFormControlLayoutArgs['append'];
 

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

@@ -140,6 +140,7 @@ export default class EuiMarkdownEditorComponent extends Component<EuiMarkdownEdi
     super(owner, args);
     this.markdownActions = new MarkdownActions(
       this.editorId,
+      // @ts-expect-error
       this.toolbarPlugins
     );
     this.currentHeight = this.height;
@@ -187,6 +188,7 @@ export default class EuiMarkdownEditorComponent extends Component<EuiMarkdownEdi
     let { isPreviewing, autoExpandPreview, height, previewRef, currentHeight } =
       this;
     if (isPreviewing && autoExpandPreview && height !== 'full' && previewRef) {
+      //@ts-ignore
       if (previewRef.scrollHeight > currentHeight) {
         // scrollHeight does not include the border or margin
         // so we ask for the computed value for those,

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

@@ -65,28 +65,6 @@
           </a>
           <p>You can also utilize these additional syntax plugins to add rich
             content to yoru text.</p>
-
-          {{! <EuiI18n
-                    tokens={[
-                      'euiMarkdownEditorFooter.descriptionPrefix',
-                      'euiMarkdownEditorFooter.descriptionSuffix',
-                    ]}
-                    defaults={[
-                      'This editor uses',
-                      'You can also utilize these additional syntax plugins to add rich content to your text.',
-                    ]}>
-                    {([descriptionPrefix, descriptionSuffix]: ReactChild[]) => (
-                      <p>
-                        {descriptionPrefix}{' '}
-                        <a
-                          href="https://github.github.com/gfm/"
-                          target="_blank">
-                          Github flavored markdown
-                        </a>
-                        . {descriptionSuffix}
-                      </p>
-                    )}
-                  </EuiI18n> }}
         </EuiText>
         <EuiHorizontalRule />
         {{#each @uiPlugins as |uiPlugin|}}

package/addon/components/eui-super-date-picker/date-popover/eui-date-popover-content.ts

@@ -7,7 +7,7 @@ import type EuiI18n from '../../../services/eui-i18n';
 
 interface EuiDatePopoverContentArgs {
   value: string;
-  onChange(date: string | null, event?: React.SyntheticEvent<any>): void;
+  onChange(date: string | null, event?: any): void;
   roundUp?: boolean;
   dateFormat: string;
   timeFormat: string;

package/addon/components/eui-super-date-picker/date-popover/relative-tab.ts

@@ -5,14 +5,13 @@ import { LocaleSpecifier } from 'moment';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { parseRelativeParts } from '../utils';
-import { EuiDatePopoverContentProps, TimeUnitId } from '@elastic/eui';
 import { TimeOptions } from '../utils/time-options';
 
 interface RelativeTabArgs {
   dateFormat: string;
   locale?: LocaleSpecifier;
   value: string;
-  onChange: EuiDatePopoverContentProps['onChange'];
+  onChange: any;
   roundUp?: boolean;
   position: 'start' | 'end';
   labelPrefix: string;
@@ -21,7 +20,7 @@ interface RelativeTabArgs {
 
 export default class RelativeTab extends Component<RelativeTabArgs> {
   @tracked count?: number;
-  @tracked unit: TimeUnitId = 'm';
+  @tracked unit: any = 'm';
   @tracked round = false;
 
   roundUnit;
@@ -31,7 +30,7 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
     const parsed = parseRelativeParts(this.args.value);
     if (parsed) {
       this.count = parsed.count;
-      this.unit = parsed.unit as TimeUnitId;
+      this.unit = parsed.unit as any;
       this.round = parsed.round;
       this.roundUnit = parsed.roundUnit;
     }
@@ -53,9 +52,8 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
   }
 
   get roundingLabel() {
-    return this.args.timeOptions.relativeRoundingLabels[
-      <TimeUnitId>this.unit[0]
-    ];
+    //@ts-expect-error
+    return this.args.timeOptions.relativeRoundingLabels[this.unit[0]];
   }
 
   @action onCountChange(e: InputEvent) {
@@ -65,7 +63,7 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
   }
 
   @action onUnitChange(unit: string) {
-    this.unit = unit as TimeUnitId;
+    this.unit = unit as any;
     this.handleChange();
   }
 
@@ -81,7 +79,7 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
     const date = toRelativeStringFromParts({
       count: this.count,
       round: this.round,
-      roundUnit: this.roundUnit as TimeUnitId,
+      roundUnit: this.roundUnit as any,
       unit: this.unit
     });
     this.args.onChange(date);

package/addon/components/eui-super-date-picker/index.ts

@@ -11,7 +11,6 @@ import {
 } from './types/global';
 import { isRangeInvalid } from './utils';
 import { useI18nTimeOptions } from './utils/time-options';
-import { OnRefreshProps, OnTimeChangeProps } from '@elastic/eui';
 import type EuiI18n from '../../services/eui-i18n';
 import { inject as service } from '@ember/service';
 
@@ -50,7 +49,7 @@ interface EuiSuperDatePickerArgs {
    * If a promise is returned, the next refresh interval will not start until the promise has resolved.
    * If the promise rejects the refresh interval will stop and the error thrown
    */
-  onRefresh?: (props: OnRefreshProps) => void;
+  onRefresh?: (props: any) => void;
   /**
    * Callback for when the refresh interval changes.
    * Supply onRefreshChange to show refresh interval inputs in quick select popover
@@ -59,7 +58,7 @@ interface EuiSuperDatePickerArgs {
   /**
    * Callback for when the time changes.
    */
-  onTimeChange: (props: OnTimeChangeProps) => void;
+  onTimeChange: (props: any) => void;
   // recentlyUsedRanges?: DurationRange[];
   /**
    * Refresh interval in milliseconds
@@ -136,7 +135,7 @@ export default class EuiSuperDatePicker extends Component<EuiSuperDatePickerArgs
         end,
         isQuickSelection: false,
         isInvalid: this.isInvalid
-      } as OnTimeChangeProps);
+      } as any);
     }
   }
 

package/addon/components/eui-super-date-picker/types/global.d.ts

@@ -1,5 +1,3 @@
-import { Moment } from 'moment';
-
 export interface DurationRange {
   end: ShortDate;
   label?: string;

package/addon/components/eui-super-date-picker/utils/time-options.ts

@@ -5,7 +5,6 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import { EuiSelectOption } from '@elastic/eui';
 import type EuiI18n from '../../../services/eui-i18n';
 
 import { TimeUnitId, RelativeOption, DurationRange } from '../types/global';
@@ -14,11 +13,11 @@ export const LAST = 'last';
 export const NEXT = 'next';
 
 export type TimeOptions = {
-  timeTenseOptions: EuiSelectOption[];
-  timeUnitsOptions: EuiSelectOption[];
+  timeTenseOptions: any[];
+  timeUnitsOptions: any[];
   relativeOptions: RelativeOption[];
   relativeRoundingLabels: { [id in TimeUnitId]: string };
-  refreshUnitsOptions: EuiSelectOption[];
+  refreshUnitsOptions: any[];
   commonDurationRanges: DurationRange[];
 };
 

package/addon/i18n/util.ts

@@ -34,7 +34,7 @@ function isElement(value: any) {
  * @param {string} input
  * @param {RenderableValues} values
  * @param {Function} i18nMappingFunc
- * @returns {string | React.ReactChild[]}
+ * @returns {string}
  */
 export function processStringToChildren(
   input: string,

package/addon/utils/markdown/markdown-types.ts

@@ -16,13 +16,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-
-import { ComponentType, ReactNode } from 'react';
 import { VFile } from 'vfile';
 import { Node as UnistNode, Position as UnistPosition } from 'unist';
 import { Parser } from 'remark-parse';
 import { VFileMessage } from 'vfile-message';
 import { IconType } from '../../components/eui-icon';
+import Component from '@glimmer/component';
 
 export interface RemarkParser {
   Parser: typeof Parser;
@@ -78,9 +77,9 @@ export interface PluginWithImmediateFormatting {
   editor?: never;
 }
 
-export interface PluginWithDelayedFormatting<NodeShape> {
+export interface PluginWithDelayedFormatting<T> {
   formatting?: never;
-  editor: ComponentType<EuiMarkdownEditorUiPluginEditorProps<NodeShape>>;
+  editor: T;
 }
 
 export type EuiMarkdownEditorUiPlugin<NodeShape = any> = {
@@ -89,7 +88,7 @@ export type EuiMarkdownEditorUiPlugin<NodeShape = any> = {
     label: string;
     iconType: IconType;
   };
-  helpText?: ReactNode;
+  helpText?: Component;
 } & (PluginWithImmediateFormatting | PluginWithDelayedFormatting<NodeShape>);
 
 export interface EuiMarkdownFormatting {

package/addon/utils/markdown/plugins/markdown-default-plugins/processing-plugins.ts

@@ -34,6 +34,7 @@ import {
   Settings
 } from 'unified';
 import remark2Rehype from 'remark-rehype';
+//@ts-expect-error
 import all from 'mdast-util-to-hast/lib/all';
 import { Options as Remark2RehypeOptions, Handler } from 'mdast-util-to-hast';
 import * as MarkdownAddComponents from '../markdown-add-components';

package/addon/utils/markdown/plugins/markdown-default-plugins/ui-plugins.ts

@@ -21,6 +21,7 @@ export const getDefaultEuiMarkdownUiPlugins = ({
 
   // @ts-ignore __originatedFromEui is a custom property
   uiPlugins.__originatedFromEui = true;
+  // @ts-ignore __originatedFromEui is a custom property
   return uiPlugins;
 };
 

package/index.js

@@ -51,13 +51,9 @@ module.exports = {
       this.emberEuiOptions.theme &&
       this.emberEuiOptions.includeCss !== false
     ) {
-      app.import(
-        `node_modules/@elastic/eui/dist/eui_theme_${this.emberEuiOptions.theme}.min.css`
-      );
+      app.import(`vendor/eui_theme_${this.emberEuiOptions.theme}.min.css`);
     } else {
-      app.import(
-        'node_modules/@elastic/eui/dist/eui_theme_amsterdam_light.min.css'
-      );
+      app.import('vendor/eui_theme_amsterdam_light.min.css');
     }
 
     this._super.included.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "5.17.2",
+  "version": "6.4.0",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -53,9 +53,9 @@
   },
   "dependencies": {
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eui": "41.4.0",
     "@ember/render-modifiers": "^2.0.4",
     "@html-next/vertical-collection": "4.0.0",
+    "@types/chroma-js": "^2.4.0",
     "@types/lodash-es": "^4.17.4",
     "@types/refractor": "^3.0.0",
     "chroma-js": "^2.1.0",
@@ -186,5 +186,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "f14caa4626378c3dc642a59aaf8a1ee6493e7b97"
+  "gitHead": "95e04ba2da345e79763e33379454e24463fd8157"
 }