From 4be8ee5fe011d49deba76ddb3cfb13126d498f12 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 14 Mar 2022 08:13:17 -0700
Subject: [PATCH] Revert "breaking(copy): delete Copy component"

This reverts commit 4c4d73c5329364239367d306166b9d226e0d998f.
---
 src/Copy/Copy.svelte | 57 ++++++++++++++++++++++++++++++++++++++++++++
 src/Copy/index.js    |  1 +
 2 files changed, 58 insertions(+)
 create mode 100644 src/Copy/Copy.svelte
 create mode 100644 src/Copy/index.js

diff --git a/src/Copy/Copy.svelte b/src/Copy/Copy.svelte
new file mode 100644
index 00000000..ca176d1e
--- /dev/null
+++ b/src/Copy/Copy.svelte
@@ -0,0 +1,57 @@
+<script>
+  /** Set the feedback text shown after clicking the button */
+  export let feedback = "Copied!";
+
+  /** Set the timeout duration (ms) to display feedback text */
+  export let feedbackTimeout = 2000;
+
+  /** Obtain a reference to the button HTML element */
+  export let ref = null;
+
+  import { onMount } from "svelte";
+
+  let animation = undefined;
+  let timeout = undefined;
+
+  onMount(() => {
+    return () => {
+      clearTimeout(timeout);
+    };
+  });
+</script>
+
+<button
+  bind:this="{ref}"
+  type="button"
+  aria-live="polite"
+  class:bx--copy="{true}"
+  class:bx--copy-btn--animating="{animation}"
+  aria-label="{animation ? feedback : undefined}"
+  {...$$restProps}
+  class="{$$restProps.class} {animation && `bx--copy-btn--${animation}`}"
+  on:click
+  on:click="{() => {
+    if (animation === 'fade-in') return;
+    animation = 'fade-in';
+    timeout = setTimeout(() => {
+      animation = 'fade-out';
+    }, feedbackTimeout);
+  }}"
+  on:animationend
+  on:animationend="{({ animationName }) => {
+    if (animationName === 'hide-feedback') {
+      animation = undefined;
+    }
+  }}"
+>
+  <slot>
+    {#if animation}{feedback || $$restProps["aria-label"]}{/if}
+  </slot>
+  <span
+    aria-hidden="true"
+    class:bx--assistive-text="{true}"
+    class:bx--copy-btn__feedback="{true}"
+  >
+    {feedback}
+  </span>
+</button>
diff --git a/src/Copy/index.js b/src/Copy/index.js
new file mode 100644
index 00000000..4caff0e6
--- /dev/null
+++ b/src/Copy/index.js
@@ -0,0 +1 @@
+export { default as Copy } from "./Copy.svelte";