@ember-eui/core 1.2.5 → 1.3.5

package/addon/modifiers/get-cursor-node.ts

@@ -0,0 +1,54 @@
+import { modifier } from 'ember-modifier';
+import { EuiMarkdownAstNode } from '../utils/markdown/markdown-types';
+
+export const getCursorNode = (
+  textareaRef: HTMLInputElement,
+  parsed: any
+): EuiMarkdownAstNode => {
+  const { selectionStart } = textareaRef;
+
+  let node: EuiMarkdownAstNode = parsed.result ?? parsed.contents;
+
+  //eslint-disable-next-line
+  outer: while (true) {
+    if (node.children) {
+      for (let i = 0; i < node.children.length; i++) {
+        const child = node.children[i];
+        if (
+          child.position.start.offset < (selectionStart as number) &&
+          (selectionStart as number) < child.position.end.offset
+        ) {
+          if (child.type === 'text') break outer; // don't dive into `text` nodes
+          node = child;
+          continue outer;
+        }
+      }
+    }
+    break;
+  }
+
+  return node;
+};
+
+function wrapper(
+  textarea: HTMLInputElement,
+  parsed: any,
+  callback: (node: EuiMarkdownAstNode) => void
+) {
+  const node = getCursorNode(textarea, parsed);
+  callback(node);
+}
+
+export default modifier(function getCursorNodeModifier(
+  textarea: HTMLInputElement,
+  [parsed, onSelectedNode]: [boolean, () => void]
+) {
+  const fn = wrapper.bind(null, textarea, parsed, onSelectedNode);
+  textarea.addEventListener('keyup', fn);
+  textarea.addEventListener('mouseup', fn);
+
+  return () => {
+    textarea.removeEventListener('keyup', fn);
+    textarea.removeEventListener('mouseup', fn);
+  };
+});

package/addon/modifiers/resize-observer.ts

@@ -3,7 +3,8 @@ import { action } from '@ember/object';
 
 // IE11 and Safari don't support the `ResizeObserver` API at the time of writing
 const hasResizeObserver =
-  typeof window !== 'undefined' && typeof (window as any).ResizeObserver !== 'undefined';
+  typeof window !== 'undefined' &&
+  typeof (window as any).ResizeObserver !== 'undefined';
 
 export interface Observer {
   disconnect: () => void;
@@ -64,7 +65,10 @@ export default class ResizeObserver extends Modifier<ResizeObserverArgs> {
     let [dimension] = this.args.positional;
     const doesWidthMatter = dimension !== 'height';
     const doesHeightMatter = dimension !== 'width';
-    if ((doesWidthMatter && width !== this.width) || (doesHeightMatter && height !== this.height)) {
+    if (
+      (doesWidthMatter && width !== this.width) ||
+      (doesHeightMatter && height !== this.height)
+    ) {
       this.width = width;
       this.height = height;
       this.args.named?.onResize({ width, height });

package/addon/utils/copy-to-clipboard.ts

@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+function createHiddenTextElement(text: string): HTMLSpanElement {
+  const textElement = document.createElement('span');
+  textElement.textContent = text;
+  // @ts-ignore .all is a real property - https://drafts.csswg.org/css-cascade/#all-shorthand
+  textElement.style.all = 'unset';
+  // prevents scrolling to the end of the page
+  textElement.style.position = 'fixed';
+  textElement.style.top = '0';
+  textElement.style.clip = 'rect(0, 0, 0, 0)';
+  // used to preserve spaces and line breaks
+  textElement.style.whiteSpace = 'pre';
+  // do not inherit user-select (it may be `none`)
+  textElement.style.webkitUserSelect = 'text';
+  // @ts-ignore this one doesn't appear in the TS definitions for some reason
+  textElement.style.MozUserSelect = 'text';
+  // @ts-ignore this one doesn't appear in the TS definitions for some reason
+  textElement.style.msUserSelect = 'text';
+  textElement.style.userSelect = 'text';
+  return textElement;
+}
+
+export function copyToClipboard(text: string): boolean {
+  let isCopied = true;
+  const range = document.createRange();
+  const selection = window.getSelection();
+  const elementToBeCopied = createHiddenTextElement(text);
+
+  document.body.appendChild(elementToBeCopied);
+  range.selectNode(elementToBeCopied);
+  if (selection) {
+    selection.removeAllRanges();
+    selection.addRange(range);
+  }
+
+  if (!document.execCommand('copy')) {
+    isCopied = false;
+    console.warn('Unable to copy to clipboard.');
+  }
+
+  if (selection) {
+    if (typeof selection.removeRange === 'function') {
+      selection.removeRange(range);
+    } else {
+      selection.removeAllRanges();
+    }
+  }
+
+  document.body.removeChild(elementToBeCopied);
+
+  return isCopied;
+}

package/addon/utils/css-mappings/eui-code-block-impl.ts

@@ -0,0 +1,24 @@
+export const baseClass = 'euiCodeBlock';
+
+export const fontSizeMapping = {
+  s: `${baseClass}--fontSmall`,
+  m: `${baseClass}--fontMedium`,
+  l: `${baseClass}--fontLarge`
+};
+
+export const paddingSizeMapping = {
+  none: '',
+  s: `${baseClass}--paddingSmall`,
+  m: `${baseClass}--paddingMedium`,
+  l: `${baseClass}--paddingLarge`
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    fontSize: fontSizeMapping,
+    paddingSize: paddingSizeMapping
+  }
+};
+
+export default mapping;

package/addon/utils/css-mappings/index.ts

@@ -52,8 +52,10 @@ import EuiRangeLevels from './eui-range-levels';
 import EuiToolTip from './eui-tool-tip';
 import EuiToast from './eui-toast';
 import EuiGlobalToastList from './eui-global-toast-list';
+import EuiCodeBlockImpl from './eui-code-block-impl';
 
 const mapping: Mapping = {
+  EuiCodeBlockImpl,
   EuiAccordion,
   EuiIcon,
   EuiModal,