breaking: delete Copy component (#1174)

Closes #1156
This commit is contained in:
metonym 2022-03-19 12:26:01 -07:00 committed by GitHub
commit e4800d9627
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 2 additions and 143 deletions

View file

@ -1,57 +0,0 @@
<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>

View file

@ -1 +0,0 @@
export { default as Copy } from "./Copy.svelte";

View file

@ -12,7 +12,6 @@ export {
ContextMenuOption,
ContextMenuRadioGroup,
} from "./ContextMenu";
export { Copy } from "./Copy";
export { CopyButton } from "./CopyButton";
export { ComboBox } from "./ComboBox";
export {