fix(Export Modal): Focus moves to parent page (#6077)

* fix(exportmodal): return focus to close button after submit

* fix(ExportModal): added aria-live attribute for alrt div

* fix(datagrid): remove screen reader update PR already there

* fix(ExportModal): update close button selector

packages/ibm-products/src/components/ExportModal/ExportModal.tsx

@@ -31,7 +31,7 @@ import React, {
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { pkg } from '../../settings';
+import { pkg, carbon } from '../../settings';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget';
 import uuidv4 from '../../global/js/utils/uuidv4';
 
@@ -188,6 +188,7 @@ export let ExportModal = forwardRef(
     }: React.PropsWithChildren<ExportModalProps>,
     ref
   ) => {
+    const blockClass = `${pkg.prefix}--export-modal`;
     const [name, setName] = useState('');
     const [dirtyInput, setDirtyInput] = useState(false);
     // by default (if it exists) use the first extension in the extension array
@@ -205,6 +206,15 @@ export let ExportModal = forwardRef(
       }
     }, [filename, preformattedExtensions, open]);
 
+    useEffect(() => {
+      if (successful) {
+        const button: HTMLButtonElement | null = document.querySelector(
+          `.${blockClass} .${carbon.prefix}--modal-close-button button`
+        );
+        button?.focus();
+      }
+    }, [successful, blockClass]);
+
     const onNameChangeHandler = (evt) => {
       setName(evt.target.value);
     };
@@ -238,7 +248,6 @@ export let ExportModal = forwardRef(
       return false;
     };
 
-    const blockClass = `${pkg.prefix}--export-modal`;
     const internalId = useRef(uuidv4());
     const primaryButtonDisabled = loading || !name || hasInvalidExtension();
     const submitted = loading || error || successful;