feat: implemented details prop to the getItems function in the useClipboard hook (#7727)

* feat: implemented details prop to the getItems function in the useClipboard hook

* fix: linting

* trigger build with correct email

Author: Nevnet99

packages/@react-aria/dnd/src/useClipboard.ts

@@ -18,7 +18,7 @@ import {useFocus} from '@react-aria/interactions';
 
 export interface ClipboardProps {
   /** A function that returns the items to copy. */
-  getItems?: () => DragItem[],
+  getItems?: (details: {type: 'cut' | 'copy'}) => DragItem[],
   /** Handler that is called when the user triggers a copy interaction. */
   onCopy?: () => void,
   /** Handler that is called when the user triggers a cut interaction. */
@@ -88,7 +88,7 @@ export function useClipboard(options: ClipboardProps): ClipboardResult {
 
     e.preventDefault();
     if (e.clipboardData) {
-      writeToDataTransfer(e.clipboardData, options.getItems());
+      writeToDataTransfer(e.clipboardData, options.getItems({type: 'copy'}));
       options.onCopy?.();
     }
   });
@@ -106,7 +106,7 @@ export function useClipboard(options: ClipboardProps): ClipboardResult {
 
     e.preventDefault();
     if (e.clipboardData) {
-      writeToDataTransfer(e.clipboardData, options.getItems());
+      writeToDataTransfer(e.clipboardData, options.getItems({type: 'cut'}));
       options.onCut();
     }
   });

packages/@react-aria/dnd/test/useClipboard.test.js

@@ -363,5 +363,42 @@ describe('useClipboard', () => {
       expect(await onPaste.mock.calls[0][0][1].getText('test')).toBe('item 2');
       expect(await onPaste.mock.calls[0][0][1].getText('text/plain')).toBe('item 2');
     });
+
+    it('should show the type of the clipboard event if cutting', async () => {
+      let getItems = (details) => [{
+        [details.type]: 'test data'
+      }];
+
+      let onCut = jest.fn();
+      let tree = render(<Copyable getItems={getItems} onCut={onCut} />);
+      let button = tree.getByRole('button');
+
+      await user.tab();
+      expect(document.activeElement).toBe(button);
+
+      let clipboardData = new DataTransfer();
+      fireEvent(button, new ClipboardEvent('cut', {clipboardData}));
+      expect([...clipboardData.items]).toEqual([new DataTransferItem('cut', 'test data')]);
+      expect(onCut).toHaveBeenCalledTimes(1);
+    });
+
+    it('should show the type of the clipboard event if copying', async () => {
+      let getItems = (details) => [{
+        [details.type]: 'test data'
+      }];
+
+      let onCopy = jest.fn();
+      let tree = render(<Copyable getItems={getItems} onCopy={onCopy} />);
+      let button = tree.getByRole('button');
+
+      await user.tab();
+      expect(document.activeElement).toBe(button);
+
+      let clipboardData = new DataTransfer();
+      fireEvent(button, new ClipboardEvent('copy', {clipboardData}));
+      expect([...clipboardData.items]).toEqual([new DataTransferItem('copy', 'test data')]);
+      expect(onCopy).toHaveBeenCalledTimes(1);
+    });
   });
 });
+