fix(core): fixed type of ClipboardJS.Event not being exported

favware · May 19, 2021 · 7a4e596 · 7a4e596
1 parent a99663b
commit 7a4e596
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts
@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
+import { ClipboardJSEvent } from "./interfaces";
 export namespace Components {
     interface SyntaxHighlighter {
         /**
@@ -66,7 +67,7 @@ declare namespace LocalJSX {
           * @default undefined
           * @example ```html <body> 	<syntax-highlighter id="example-highlight" theme="dark" language="typescript" content="console.log('example')" /> 	<script> 		const syntaxHighlighterElement = document.querySelector('#example-highlight'); 		syntaxHighlighterElement.addEventListener('clipboardJsError', event => { 			console.log('handling'); 		}); 	</script> </body> ```
          */
-        "onClipboardJsError"?: (event: CustomEvent<ClipboardJS.Event>) => void;
+        "onClipboardJsError"?: (event: CustomEvent<ClipboardJSEvent>) => void;
         /**
           * The theme to use, one of light or dark
           * @default dark

diff --git a/packages/core/src/components/syntax-highlighter.tsx b/packages/core/src/components/syntax-highlighter.tsx
@@ -53,6 +53,7 @@ import 'prismjs/components/prism-visual-basic.min.js';
 import 'prismjs/components/prism-wasm.min.js';
 import 'prismjs/components/prism-wiki.min.js';
 import 'prismjs/components/prism-yaml.min.js';
+import type { ClipboardJSEvent } from '../interfaces';
 
 @Component({
   tag: 'syntax-highlighter',
@@ -107,7 +108,7 @@ export class SyntaxHighlighter implements ComponentWillLoad, ComponentInterface
    * ```
    */
   @Event({ bubbles: true })
-  public clipboardJsError: EventEmitter<ClipboardJS.Event>;
+  public clipboardJsError: EventEmitter<ClipboardJSEvent>;
 
   /** The internal ref to the code block */
   private codeBlockRef: HTMLInputElement;

diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
@@ -1 +1,2 @@
 export * from './components';
+export * from './interfaces';
diff --git a/packages/core/src/interfaces.ts b/packages/core/src/interfaces.ts
@@ -0,0 +1,6 @@
+export interface ClipboardJSEvent {
+  action: string;
+  text: string;
+  trigger: Element;
+  clearSelection(): void;
+}
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		export * from './components';
		export * from './interfaces';