ClipboardButton: Simplify callbacks (#49847)

packages/grafana-ui/src/components/ClipboardButton/ClipboardButton.tsx

@@ -2,41 +2,25 @@ import React, { useCallback, useRef } from 'react';
 
 import { Button, ButtonProps } from '../Button';
 
-/** @deprecated Will be removed in next major release */
-interface ClipboardEvent {
-  action: string;
-  text: string;
-  trigger: Element;
-  clearSelection(): void;
-}
-
 export interface Props extends ButtonProps {
   /** A function that returns text to be copied */
   getText(): string;
   /** Callback when the text has been successfully copied */
-  onClipboardCopy?(e: ClipboardEvent): void;
+  onClipboardCopy?(copiedText: string): void;
   /** Callback when there was an error copying the text */
-  onClipboardError?(e: ClipboardEvent): void;
+  onClipboardError?(copiedText: string, error: unknown): void;
 }
 
-const dummyClearFunc = () => {};
-
 export function ClipboardButton({ onClipboardCopy, onClipboardError, children, getText, ...buttonProps }: Props) {
   const buttonRef = useRef<null | HTMLButtonElement>(null);
   const copyTextCallback = useCallback(async () => {
     const textToCopy = getText();
-    // Can be removed in 9.x
+
-    const dummyEvent: ClipboardEvent = {
-      action: 'copy',
-      clearSelection: dummyClearFunc,
-      text: textToCopy,
-      trigger: buttonRef.current!,
-    };
     try {
       await copyText(textToCopy, buttonRef);
-      onClipboardCopy?.(dummyEvent);
+      onClipboardCopy?.(textToCopy);
-    } catch {
+    } catch (e) {
-      onClipboardError?.(dummyEvent);
+      onClipboardError?.(textToCopy, e);
     }
   }, [getText, onClipboardCopy, onClipboardError]);
 

public/app/features/alerting/unified/components/rules/RuleDetailsActionButtons.tsx

@@ -203,8 +203,8 @@ export const RuleDetailsActionButtons: FC<Props> = ({ rule, rulesSource }) => {
           onClipboardCopy={() => {
             notifyApp.success('URL copied!');
           }}
-          onClipboardError={(e) => {
+          onClipboardError={(copiedText) => {
-            notifyApp.error('Error while copying URL', e.text);
+            notifyApp.error('Error while copying URL', copiedText);
           }}
           className={style.button}
           size="sm"