@wordpress/compose 7.41.0 → 7.41.1-next.v.202603102151.0

package/src/hooks/use-copy-to-clipboard/index.js

@@ -1,69 +0,0 @@
-/**
- * External dependencies
- */
-import Clipboard from 'clipboard';
-
-/**
- * WordPress dependencies
- */
-import { useRef, useLayoutEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import useRefEffect from '../use-ref-effect';
-
-/**
- * @template T
- * @param {T} value
- * @return {React.RefObject<T>} The updated ref
- */
-function useUpdatedRef( value ) {
-	const ref = useRef( value );
-	useLayoutEffect( () => {
-		ref.current = value;
-	}, [ value ] );
-	return ref;
-}
-
-/**
- * Copies the given text to the clipboard when the element is clicked.
- *
- * @template {HTMLElement} TElementType
- * @param {string | (() => string)} text      The text to copy. Use a function if not
- *                                            already available and expensive to compute.
- * @param {Function}                onSuccess Called when to text is copied.
- *
- * @return {React.Ref<TElementType>} A ref to assign to the target element.
- */
-export default function useCopyToClipboard( text, onSuccess ) {
-	// Store the dependencies as refs and continuously update them so they're
-	// fresh when the callback is called.
-	const textRef = useUpdatedRef( text );
-	const onSuccessRef = useUpdatedRef( onSuccess );
-	return useRefEffect( ( node ) => {
-		// Clipboard listens to click events.
-		const clipboard = new Clipboard( node, {
-			text() {
-				return typeof textRef.current === 'function'
-					? textRef.current()
-					: textRef.current || '';
-			},
-		} );
-
-		clipboard.on( 'success', ( { clearSelection } ) => {
-			// Clearing selection will move focus back to the triggering
-			// button, ensuring that it is not reset to the body, and
-			// further that it is kept within the rendered node.
-			clearSelection();
-
-			if ( onSuccessRef.current ) {
-				onSuccessRef.current();
-			}
-		} );
-
-		return () => {
-			clipboard.destroy();
-		};
-	}, [] );
-}