@ember-eui/core 4.3.0 → 5.0.0-alpha.3

package/addon/utils/markdown/plugins/{markdown-default-plugins.ts → markdown-default-plugins/parsing-plugins.ts}

@@ -33,45 +33,33 @@ import {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   Settings
 } from 'unified';
-import remark2Rehype from 'remark-rehype';
 import markdown from 'remark-parse';
 import emoji from 'remark-emoji';
-import all from 'mdast-util-to-hast/lib/all';
-import { Handler } from 'mdast-util-to-hast';
-import * as MarkdownCheckbox from '../plugins/markdown-checkbox';
-import MarkdownAddComponents from '../plugins/markdown-add-components';
 import breaks from 'remark-breaks';
-import highlight from 'remark-highlight.js';
-import * as MarkdownTooltip from '../plugins/markdown-tooltip';
+import highlight from '../../remark/remark-prismjs';
+import * as MarkdownCheckbox from '../markdown-checkbox';
+import * as MarkdownTooltip from '../markdown-tooltip';
 
 export type DefaultEuiMarkdownParsingPlugins = PluggableList;
 
-export const getDefaultEuiMarkdownParsingPlugins =
-  (): DefaultEuiMarkdownParsingPlugins => [
+export const getDefaultEuiMarkdownParsingPlugins = ({
+  exclude
+}: { exclude?: 'tooltip'[] } = {}): DefaultEuiMarkdownParsingPlugins => {
+  const excludeSet = new Set(exclude);
+  const parsingPlugins: PluggableList = [
     [markdown, {}],
     [highlight, {}],
     [emoji, { emoticon: false }],
     //@ts-ignore
     [breaks, {}],
-    [MarkdownTooltip.parser, {}],
+    // [markdownLinkValidator, {}],
     [MarkdownCheckbox.parser, {}]
-    // [MarkdownCheckbox.parser, {}],
-    // [markdownLinkValidator, {}]
   ];
 
-const unknownHandler: Handler = (h, node) => {
-  return h(node, node.type, node, all(h, node));
+  if (!excludeSet.has('tooltip'))
+    parsingPlugins.push([MarkdownTooltip.parser, {}]);
+
+  return parsingPlugins;
 };
 
 export const defaultParsingPlugins = getDefaultEuiMarkdownParsingPlugins();
-
-export const getDefaultEuiMarkdownProcessingPlugins = (): [
-  [typeof remark2Rehype, Record<string, unknown>],
-  ...PluggableList // any additional are generic
-] => [
-  [remark2Rehype, { allowDangerousHtml: true, unknownHandler }],
-  [MarkdownAddComponents, {}]
-];
-
-export const defaultProcessingPlugins =
-  getDefaultEuiMarkdownProcessingPlugins();

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

@@ -0,0 +1,32 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import {
+  getDefaultEuiMarkdownUiPlugins,
+  DefaultEuiMarkdownUiPlugins
+} from './ui-plugins';
+import {
+  getDefaultEuiMarkdownParsingPlugins,
+  DefaultEuiMarkdownParsingPlugins
+} from './parsing-plugins';
+import {
+  getDefaultEuiMarkdownProcessingPlugins,
+  DefaultEuiMarkdownProcessingPlugins
+} from './processing-plugins';
+
+export const getDefaultEuiMarkdownPlugins = (
+  config: undefined | { exclude?: 'tooltip'[] }
+): {
+  parsingPlugins: DefaultEuiMarkdownParsingPlugins;
+  processingPlugins: DefaultEuiMarkdownProcessingPlugins;
+  uiPlugins: DefaultEuiMarkdownUiPlugins;
+} => ({
+  parsingPlugins: getDefaultEuiMarkdownParsingPlugins(config),
+  processingPlugins: getDefaultEuiMarkdownProcessingPlugins(config),
+  uiPlugins: getDefaultEuiMarkdownUiPlugins(config)
+});

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

@@ -0,0 +1,67 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+// Importing seemingly unused types from `unified` because the definitions
+// are exported for two versions of TypeScript (3.4, 4.0) and implicit
+// imports during eui.d.ts generation default to the incorrect version (3.4).
+// Explicit imports here resolve the version mismatch.
+import {
+  PluggableList,
+  // @ts-ignore See above comment
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  Attacher,
+  // @ts-ignore See above comment
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  Pluggable,
+  // @ts-ignore See above comment
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  Settings
+} from 'unified';
+import remark2Rehype from 'remark-rehype';
+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';
+
+const unknownHandler: Handler = (h, node) => {
+  return h(node, node.type, node, all(h, node));
+};
+
+export interface Rehype2ReactOptions {
+  [key: string]: any;
+}
+
+export type DefaultEuiMarkdownProcessingPlugins = [
+  [typeof remark2Rehype, Remark2RehypeOptions], // first is well known
+  [typeof MarkdownAddComponents.processor, Rehype2ReactOptions], // second is well known
+  ...PluggableList // any additional are generic
+];
+
+export const getDefaultEuiMarkdownProcessingPlugins = ({
+  exclude
+}: { exclude?: 'tooltip'[] } = {}) => {
+  exclude;
+  const plugins: DefaultEuiMarkdownProcessingPlugins = [
+    [remark2Rehype, { allowDangerousHtml: true, unknownHandler }],
+    [MarkdownAddComponents.processor, {}]
+  ];
+  return plugins;
+};
+
+export const defaultProcessingPlugins =
+  getDefaultEuiMarkdownProcessingPlugins();

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

@@ -0,0 +1,27 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import * as MarkdownTooltip from '../markdown-tooltip';
+import { EuiMarkdownEditorUiPlugin } from '../../markdown-types';
+
+export type DefaultEuiMarkdownUiPlugins = EuiMarkdownEditorUiPlugin[];
+
+export const getDefaultEuiMarkdownUiPlugins = ({
+  exclude
+}: { exclude?: 'tooltip'[] } = {}): DefaultEuiMarkdownUiPlugins => {
+  const excludeSet = new Set(exclude);
+  const uiPlugins = [];
+
+  if (!excludeSet.has('tooltip')) uiPlugins.push(MarkdownTooltip.plugin);
+
+  // @ts-ignore __originatedFromEui is a custom property
+  uiPlugins.__originatedFromEui = true;
+  return uiPlugins;
+};
+
+export const defaultUiPlugins = getDefaultEuiMarkdownUiPlugins();

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

@@ -0,0 +1,2 @@
+export { TooltipParser as parser } from './parser';
+export { tooltipPlugin as plugin } from './plugin';

package/addon/utils/markdown/plugins/{markdown-tooltip.ts → markdown-tooltip/parser.ts}

@@ -1,31 +1,13 @@
-import { RemarkTokenizer } from '../markdown-types';
+import { RemarkTokenizer } from '../../markdown-types';
 import { Plugin } from 'unified';
-import EuiMarkdownFormatMarkdownTooltip from '../../../components/eui-markdown-format/markdown-tooltip';
+import EuiMarkdownFormatMarkdownTooltip from '../../../../components/eui-markdown-format/markdown-tooltip';
 
 interface TooltipNodeDetails {
   type: 'component';
   tooltipText: string;
 }
 
-const tooltipPlugin = {
-  name: 'tooltipPlugin',
-  button: {
-    label: 'Tooltip',
-    iconType: 'editorComment'
-  },
-  formatting: {
-    prefix: '!{tooltip[',
-    suffix: ']()}',
-    trimFirst: true
-  },
-  helpText: `
-  \`\`\`md
-  !{tooltip[anchor text](helpful description)}
-  \`\`\`
-  `
-};
-
-const TooltipParser: Plugin = function TooltipParser() {
+export const TooltipParser: Plugin = function TooltipParser() {
   const Parser = this.Parser;
   const tokenizers = Parser.prototype.inlineTokenizers;
   const methods = Parser.prototype.inlineMethods;
@@ -110,5 +92,3 @@ const TooltipParser: Plugin = function TooltipParser() {
   tokenizers.tooltip = tokenizeTooltip;
   methods.splice(methods.indexOf('text'), 0, 'tooltip');
 };
-
-export { tooltipPlugin as plugin, TooltipParser as parser };

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

@@ -0,0 +1,17 @@
+export const tooltipPlugin = {
+  name: 'tooltipPlugin',
+  button: {
+    label: 'Tooltip',
+    iconType: 'editorComment'
+  },
+  formatting: {
+    prefix: '!{tooltip[',
+    suffix: ']()}',
+    trimFirst: true
+  },
+  helpText: `
+  \`\`\`md
+  !{tooltip[anchor text](helpful description)}
+  \`\`\`
+  `
+};

package/addon/utils/markdown/plugins/to-dom.ts

@@ -5,7 +5,7 @@ This util was extracted from https://github.com/ampatspell/ember-cli-remark-stat
 import { assert } from '@ember/debug';
 import { RehypeNode } from '../markdown-types';
 
-const attributes = ['src', 'alt', 'href', 'target'];
+const attributes = ['src', 'alt', 'href', 'target', 'title'];
 
 const createDocument = () => {
   return document;
@@ -82,6 +82,8 @@ export const toDOM = (tree: RehypeNode) => {
           ...properties
         });
         return element;
+      } else if (type === 'raw') {
+        return document.createTextNode(node.value);
       }
       assert(`Unsupported node '${type}'`, false);
     }

package/addon/utils/markdown/remark/remark-prismjs.ts

@@ -0,0 +1,41 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import refractor from 'refractor';
+import visit from 'unist-util-visit';
+import { Plugin } from 'unified';
+import { checkSupportedLanguage } from '../../code/utils';
+
+export const FENCED_CLASS = 'remark-prismjs--fenced';
+
+const attacher: Plugin = () => {
+  return (ast) => visit(ast, 'code', visitor);
+
+  function visitor(node: any) {
+    const { data = {}, lang: language } = node;
+
+    if (!language) {
+      return;
+    }
+    const actualLanguage = checkSupportedLanguage(language);
+    node.data = data;
+    data.hChildren = refractor.highlight(node.value, actualLanguage);
+    data.hProperties = {
+      ...data.hProperties,
+      language,
+      className: [
+        'prismjs',
+        ...(data.hProperties?.className || []),
+        `language-${language}`,
+        FENCED_CLASS
+      ]
+    };
+  }
+};
+
+export default attacher;

package/addon/utils/popover/index.ts

@@ -21,7 +21,12 @@ import { EuiPopoverPosition } from './types';
 
 type Dimension = 'height' | 'width';
 
-export const POSITIONS: EuiPopoverPosition[] = ['top', 'right', 'bottom', 'left'];
+export const POSITIONS: EuiPopoverPosition[] = [
+  'top',
+  'right',
+  'bottom',
+  'left'
+];
 
 interface BoundingBox {
   [position: string]: number;
@@ -143,8 +148,10 @@ export function findPopoverPosition({
   // calculate the window's bounds
   // window.(innerWidth|innerHeight) do not account for scrollbars
   // so prefer the clientWidth/clientHeight of the DOM if available
-  const documentWidth = document.documentElement.clientWidth || window.innerWidth;
-  const documentHeight = document.documentElement.clientHeight || window.innerHeight;
+  const documentWidth =
+    document.documentElement.clientWidth || window.innerWidth;
+  const documentHeight =
+    document.documentElement.clientHeight || window.innerHeight;
   const windowBoundingBox: EuiClientRect = {
     top: 0,
     right: documentWidth,
@@ -155,7 +162,9 @@ export function findPopoverPosition({
   };
 
   // if no container element is given fall back to using the window viewport
-  const containerBoundingBox = container ? getElementBoundingBox(container) : windowBoundingBox;
+  const containerBoundingBox = container
+    ? getElementBoundingBox(container)
+    : windowBoundingBox;
 
   /**
    * `position` was specified by the function caller and is a strong hint
@@ -196,7 +205,10 @@ export function findPopoverPosition({
     // position is forced, if it conflicts with the alignment then reset align to `null`
     // e.g. original placement request for `downLeft` is moved to the `left` side, future calls
     // will position and align `left`, and `leftLeft` is not a valid placement
-    if (position === align || (align !== undefined && position === positionComplements[align])) {
+    if (
+      position === align ||
+      (align !== undefined && position === positionComplements[align])
+    ) {
       iterationAlignments[0] = undefined;
     }
   }
@@ -339,7 +351,8 @@ export function getPopoverScreenCoordinates({
   const crossAxisSecondSide = positionComplements[crossAxisFirstSide]; // "left" -> "right"
   const crossAxisDimension = relatedDimension[crossAxisFirstSide]; // "left" -> "width"
 
-  const [topBuffer, rightBuffer, bottomBuffer, leftBuffer] = getBufferValues(buffer);
+  const [topBuffer, rightBuffer, bottomBuffer, leftBuffer] =
+    getBufferValues(buffer);
 
   const { crossAxisPosition, crossAxisArrowPosition } = getCrossAxisPosition({
     crossAxisFirstSide,
@@ -357,15 +370,17 @@ export function getPopoverScreenCoordinates({
   });
 
   const primaryAxisDimension = relatedDimension[position]; // "top" -> "height"
-  const primaryAxisPositionName = dimensionPositionAttribute[primaryAxisDimension]; // "height" -> "top"
+  const primaryAxisPositionName =
+    dimensionPositionAttribute[primaryAxisDimension]; // "height" -> "top"
 
-  const { primaryAxisPosition, primaryAxisArrowPosition } = getPrimaryAxisPosition({
-    position,
-    offset,
-    popoverBoundingBox,
-    anchorBoundingBox,
-    arrowConfig
-  });
+  const { primaryAxisPosition, primaryAxisArrowPosition } =
+    getPrimaryAxisPosition({
+      position,
+      offset,
+      popoverBoundingBox,
+      anchorBoundingBox,
+      arrowConfig
+    });
 
   const popoverPlacement = {
     [crossAxisFirstSide]: crossAxisPosition,
@@ -374,7 +389,10 @@ export function getPopoverScreenCoordinates({
 
   // calculate the fit of the popover in this location
   // fit is in range 0.0 -> 1.0 and is the percentage of the popover which is visible in this location
-  const combinedBoundingBox = intersectBoundingBoxes(windowBoundingBox, containerBoundingBox);
+  const combinedBoundingBox = intersectBoundingBoxes(
+    windowBoundingBox,
+    containerBoundingBox
+  );
 
   // shrink the visible bounding box by `buffer`
   // to compute a fit value
@@ -397,7 +415,8 @@ export function getPopoverScreenCoordinates({
 
   const arrow = arrowConfig
     ? {
-        [crossAxisFirstSide]: crossAxisArrowPosition! - popoverPlacement[crossAxisFirstSide],
+        [crossAxisFirstSide]:
+          crossAxisArrowPosition! - popoverPlacement[crossAxisFirstSide],
         [primaryAxisPositionName]: primaryAxisArrowPosition
       }
     : undefined;
@@ -457,7 +476,10 @@ function getCrossAxisPosition({
 
   // To fit the content within both the window and container,
   // compute the smaller of the two spaces along each edge
-  const combinedBoundingBox = intersectBoundingBoxes(windowBoundingBox, containerBoundingBox);
+  const combinedBoundingBox = intersectBoundingBoxes(
+    windowBoundingBox,
+    containerBoundingBox
+  );
   const availableSpace = getAvailableSpace(
     anchorBoundingBox,
     combinedBoundingBox,
@@ -467,7 +489,8 @@ function getCrossAxisPosition({
   );
   const minimumSpace = arrowConfig ? arrowConfig.arrowBuffer : 0;
 
-  const contentOverflowSize = (popoverSizeOnCrossAxis - anchorSizeOnCrossAxis) / 2;
+  const contentOverflowSize =
+    (popoverSizeOnCrossAxis - anchorSizeOnCrossAxis) / 2;
 
   let alignAmount = 0;
   let alignDirection = 1;
@@ -480,7 +503,8 @@ function getCrossAxisPosition({
     alignAmount = contentOverflowSize;
 
     const alignedOverflowAmount = contentOverflowSize + alignAmount;
-    const needsShift = alignedOverflowAmount > availableSpace[positionComplements[align]];
+    const needsShift =
+      alignedOverflowAmount > availableSpace[positionComplements[align]];
     amountOfShiftNeeded = needsShift
       ? alignedOverflowAmount - availableSpace[positionComplements[align]]
       : 0;
@@ -490,19 +514,26 @@ function getCrossAxisPosition({
     const spaceAvailableOnFirstSide = availableSpace[crossAxisFirstSide];
     const spaceAvailableOnSecondSide = availableSpace[crossAxisSecondSide];
 
-    const isShiftTowardFirstSide = spaceAvailableOnFirstSide > spaceAvailableOnSecondSide;
+    const isShiftTowardFirstSide =
+      spaceAvailableOnFirstSide > spaceAvailableOnSecondSide;
     shiftDirection = isShiftTowardFirstSide ? -1 : 1;
 
     // determine which direction has more room and the popover should shift to
-    const leastAvailableSpace = Math.min(spaceAvailableOnFirstSide, spaceAvailableOnSecondSide);
+    const leastAvailableSpace = Math.min(
+      spaceAvailableOnFirstSide,
+      spaceAvailableOnSecondSide
+    );
 
     const needsShift = contentOverflowSize > leastAvailableSpace;
-    amountOfShiftNeeded = needsShift ? contentOverflowSize - leastAvailableSpace : 0;
+    amountOfShiftNeeded = needsShift
+      ? contentOverflowSize - leastAvailableSpace
+      : 0;
   }
 
   // shift over the popover if necessary
   const shiftAmount = amountOfShiftNeeded * shiftDirection;
-  let crossAxisPosition = crossAxisPositionOriginal + shiftAmount + alignAmount * alignDirection;
+  let crossAxisPosition =
+    crossAxisPositionOriginal + shiftAmount + alignAmount * alignDirection;
 
   // if an `arrowConfig` is specified, find where to position the arrow
   let crossAxisArrowPosition;
@@ -516,7 +547,8 @@ function getCrossAxisPosition({
     // but instead of moving the arrow, shift the popover content
     if (crossAxisArrowPosition < crossAxisPosition + minimumSpace) {
       // arrow is too close to the minimum side
-      const difference = crossAxisPosition + minimumSpace - crossAxisArrowPosition;
+      const difference =
+        crossAxisPosition + minimumSpace - crossAxisArrowPosition;
       crossAxisPosition -= difference;
     } else if (
       crossAxisArrowPosition + minimumSpace + arrowWidth >
@@ -524,7 +556,8 @@ function getCrossAxisPosition({
     ) {
       // arrow is too close to the maximum side
       const edge = crossAxisPosition + popoverSizeOnCrossAxis;
-      const difference = crossAxisArrowPosition - (edge - minimumSpace - arrowWidth);
+      const difference =
+        crossAxisArrowPosition - (edge - minimumSpace - arrowWidth);
       crossAxisPosition += difference;
     }
   }
@@ -561,19 +594,25 @@ function getPrimaryAxisPosition({
   const popoverSizeOnPrimaryAxis = popoverBoundingBox[primaryAxisDimension];
 
   // start at the top or left edge of the anchor element
-  const primaryAxisPositionName = dimensionPositionAttribute[primaryAxisDimension]; // "height" -> "top"
+  const primaryAxisPositionName =
+    dimensionPositionAttribute[primaryAxisDimension]; // "height" -> "top"
   const anchorEdgeOrigin = anchorBoundingBox[primaryAxisPositionName];
 
   // find the popover position on the primary axis
   const anchorSizeOnPrimaryAxis = anchorBoundingBox[primaryAxisDimension];
-  const primaryAxisOffset = isOffsetDecreasing ? popoverSizeOnPrimaryAxis : anchorSizeOnPrimaryAxis;
-  const contentOffset = (offset + primaryAxisOffset) * (isOffsetDecreasing ? -1 : 1);
+  const primaryAxisOffset = isOffsetDecreasing
+    ? popoverSizeOnPrimaryAxis
+    : anchorSizeOnPrimaryAxis;
+  const contentOffset =
+    (offset + primaryAxisOffset) * (isOffsetDecreasing ? -1 : 1);
   const primaryAxisPosition = anchorEdgeOrigin + contentOffset;
 
   let primaryAxisArrowPosition;
 
   if (arrowConfig) {
-    primaryAxisArrowPosition = isOffsetDecreasing ? popoverSizeOnPrimaryAxis : 0;
+    primaryAxisArrowPosition = isOffsetDecreasing
+      ? popoverSizeOnPrimaryAxis
+      : 0;
   }
 
   return {
@@ -619,7 +658,8 @@ export function getAvailableSpace(
   offset: number,
   offsetSide: EuiPopoverPosition
 ): BoundingBox {
-  const [topBuffer, rightBuffer, bottomBuffer, leftBuffer] = getBufferValues(buffer);
+  const [topBuffer, rightBuffer, bottomBuffer, leftBuffer] =
+    getBufferValues(buffer);
   return {
     top:
       anchorBoundingBox.top -
@@ -654,15 +694,22 @@ export function getVisibleFit(
   contentBoundingBox: BoundingBox,
   containerBoundingBox: BoundingBox
 ): number {
-  const intersection = intersectBoundingBoxes(contentBoundingBox, containerBoundingBox);
+  const intersection = intersectBoundingBoxes(
+    contentBoundingBox,
+    containerBoundingBox
+  );
 
-  if (intersection.left > intersection.right || intersection.top > intersection.top) {
+  if (
+    intersection.left > intersection.right ||
+    intersection.top > intersection.top
+  ) {
     // there is no intersection, the boxes are completely separated on at least one axis
     return 0;
   }
 
   const intersectionArea =
-    (intersection.right - intersection.left) * (intersection.bottom - intersection.top);
+    (intersection.right - intersection.left) *
+    (intersection.bottom - intersection.top);
   const contentArea =
     (contentBoundingBox.right - contentBoundingBox.left) *
     (contentBoundingBox.bottom - contentBoundingBox.top);
@@ -705,7 +752,10 @@ export function intersectBoundingBoxes(
  * @param cousin {HTMLElement}
  * @returns {number}
  */
-export function getElementZIndex(element: HTMLElement, cousin: HTMLElement): number {
+export function getElementZIndex(
+  element: HTMLElement,
+  cousin: HTMLElement
+): number {
   /**
    * finding the z-index of `element` is not the full story
    * its the CSS stacking context that is important
@@ -752,7 +802,9 @@ export function getElementZIndex(element: HTMLElement, cousin: HTMLElement): num
 
   for (const node of nodesToInspect) {
     // get this node's z-index css value
-    const zIndex = window.document.defaultView!.getComputedStyle(node).getPropertyValue('z-index');
+    const zIndex = window.document
+      .defaultView!.getComputedStyle(node)
+      .getPropertyValue('z-index');
 
     // if the z-index is not a number (e.g. "auto") return null, else the value
     const parsedZIndex = parseInt(zIndex, 10);

package/addon/utils/range/index.ts

@@ -0,0 +1 @@
+export const EUI_THUMB_SIZE = 16;

package/addon/utils/transition.ts

@@ -31,7 +31,9 @@ export const getTransitionTimings = (
 ): { durationMatch: number; delayMatch: number } => {
   const computedStyle = window.getComputedStyle(element);
 
-  const computedDuration = computedStyle.getPropertyValue('transition-duration');
+  const computedDuration = computedStyle.getPropertyValue(
+    'transition-duration'
+  );
   const durationMatchArray = computedDuration.match(GROUP_NUMERIC);
   const durationMatch = durationMatchArray
     ? getMilliseconds(durationMatchArray[1], durationMatchArray[2])
@@ -39,7 +41,9 @@ export const getTransitionTimings = (
 
   const computedDelay = computedStyle.getPropertyValue('transition-delay');
   const delayMatchArray = computedDelay.match(GROUP_NUMERIC);
-  const delayMatch = delayMatchArray ? getMilliseconds(delayMatchArray[1], delayMatchArray[2]) : 0;
+  const delayMatch = delayMatchArray
+    ? getMilliseconds(delayMatchArray[1], delayMatchArray[2])
+    : 0;
 
   return { durationMatch, delayMatch };
 };
@@ -62,7 +66,10 @@ export const getWaitDuration = (records: MutationRecord[]): number => {
 };
 
 // Uses `requestAnimationFrame` to perform a given callback after a specified waiting period
-export const performOnFrame = (waitDuration: number, toPerform: () => void): void => {
+export const performOnFrame = (
+  waitDuration: number,
+  toPerform: () => void
+): void => {
   if (waitDuration > 0) {
     const startTime = Date.now();
     const endTime = startTime + waitDuration;

package/addon/version.ts

@@ -0,0 +1,6 @@
+// import config from 'ember-get-config';
+// import Ember from 'ember';
+
+export function registerLibrary() {
+  // Ember.libraries.register('@ember-eui/core', config.version);
+}

package/app/components/eui-auto-sizer/index.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-auto-sizer';

package/app/components/eui-avatar/index.js

@@ -1 +1 @@
-export { default } from '@ember-eui/core/components/eui-avatar';
+export { default } from '@ember-eui/core/components/eui-avatar';

package/app/components/eui-badge-group/badge-group-item/index.js

@@ -1 +1 @@
-export { default } from '@ember-eui/core/components/eui-badge-group/badge-group-item';
+export { default } from '@ember-eui/core/components/eui-badge-group/badge-group-item';

package/app/components/eui-badge-group/index.js

@@ -1 +1 @@
-export { default } from '@ember-eui/core/components/eui-badge-group';
+export { default } from '@ember-eui/core/components/eui-badge-group';

package/app/components/eui-breadcrumbs/index.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-breadcrumbs';

package/app/components/eui-button-icon/index.js

@@ -1 +1 @@
-export { default } from '@ember-eui/core/components/eui-button-icon';
+export { default } from '@ember-eui/core/components/eui-button-icon';

package/app/components/eui-card-select/index.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-card-select';

package/app/components/{eui-code-block-impl → eui-code-block/controls}/index.js

@@ -1 +1 @@
-export { default } from '@ember-eui/core/components/eui-code-block-impl';
+export { default } from '@ember-eui/core/components/eui-code-block/controls';

package/app/components/{eui-code-block-impl/code-block-controls → eui-code-block/full-screen-display}/index.js

@@ -1 +1 @@
-export { default } from '@ember-eui/core/components/eui-code-block-impl/code-block-controls';
+export { default } from '@ember-eui/core/components/eui-code-block/full-screen-display';