Add Enter key support to trigger onConfirm in ConfirmationDialog (#624)

Author: EvandroLG

src/components/ConfirmationDialog/ConfirmationDialog.test.tsx

@@ -130,4 +130,16 @@ describe("Dialog Component", () => {
       "You can't pass children and message props at the same time"
     );
   });
+
+  it("focuses the confirm button when dialog opens", async () => {
+    const { getByTestId } = renderDialog({ open: true });
+    const confirmButton = getByTestId("confirm-action-button");
+
+    expect(document.activeElement).toBe(confirmButton);
+  });
+
+  it("does not focus when dialog is closed", () => {
+    const { queryByTestId } = renderDialog({ open: false });
+    expect(queryByTestId("confirm-action-button")).toBeNull();
+  });
 });

src/components/ConfirmationDialog/ConfirmationDialog.tsx

@@ -84,6 +84,7 @@ export const ConfirmationDialog = ({
             disabled={!!disabled || !!loading}
             type={primaryActionType}
             label={primaryActionLabel}
+            autoFocus={open}
             onClick={() => {
               if (onConfirm) {
                 onConfirm();