revert(content-explorer): Revert rename dialog (#3704)

* Revert "chore(content-explorer): migrate renameDialog (#3666)"

This reverts commit f5f1bac.

* chore(content-explorer): keep changes depended by other elements

i18n/en-US.properties

@@ -592,16 +592,10 @@ be.renameDialogErrorInUse = An item with the same name already exists.
 be.renameDialogErrorInvalid = This name is invalid.
 # Error text for rename dialog when name is too long
 be.renameDialogErrorTooLong = This name is too long.
-# Header for rename file dialog
-be.renameDialogFileHeader = Rename File
-# Header for rename folder dialog
-be.renameDialogFolderHeader = Rename Folder
 # Label for rename dialog
 be.renameDialogLabel = Rename
 # Text for rename dialog
 be.renameDialogText = Please enter a new name for {name}:
-# Header for rename web link dialog
-be.renameDialogWebLinkHeader = Rename Link
 # Label for resume action for a single file.
 be.resume = Resume
 # Label for resume action for multiple files.

src/elements/common/messages.js

@@ -317,21 +317,6 @@ const messages = defineMessages({
         description: 'Error text for rename dialog when name is too long',
         defaultMessage: 'This name is too long.',
     },
-    renameDialogFileHeader: {
-        id: 'be.renameDialogFileHeader',
-        description: 'Header for rename file dialog',
-        defaultMessage: 'Rename File',
-    },
-    renameDialogFolderHeader: {
-        id: 'be.renameDialogFolderHeader',
-        description: 'Header for rename folder dialog',
-        defaultMessage: 'Rename Folder',
-    },
-    renameDialogWebLinkHeader: {
-        id: 'be.renameDialogWebLinkHeader',
-        description: 'Header for rename web link dialog',
-        defaultMessage: 'Rename Link',
-    },
     createDialogLabel: {
         id: 'be.createDialogLabel',
         description: 'Label for create folder dialog',

src/elements/content-explorer/ContentExplorer.js

@@ -1783,6 +1783,7 @@ class ContentExplorer extends Component<Props, State> {
                             isLoading={isLoading}
                             errorCode={errorCode}
                             parentElement={this.rootElement}
+                            appElement={this.appElement}
                         />
                     ) : null}
                     {canShare && selected && !!this.appElement ? (

src/elements/content-explorer/RenameDialog.js.flow → src/elements/content-explorer/RenameDialog.js

@@ -21,6 +21,7 @@ import {
 import type { BoxItem } from '../../common/types/core';
 
 type Props = {
+    appElement: HTMLElement,
     errorCode: string,
     intl: IntlShape,
     isLoading: boolean,
@@ -101,6 +102,7 @@ const RenameDialog = ({
 
     return (
         <Modal
+            appElement={appElement}
             className={CLASS_MODAL_CONTENT}
             contentLabel={intl.formatMessage(messages.renameDialogLabel)}
             isOpen={isOpen}

src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js

@@ -81,7 +81,7 @@ export const openRenameDialog = {
         expect(renameButton).toBeInTheDocument();
         await userEvent.click(renameButton);
 
-        expect(await screen.findByText('Rename File')).toBeInTheDocument();
+        expect(await screen.findByText('Please enter a new name for Book Sample:')).toBeInTheDocument();
     },
 };
 
@@ -97,12 +97,12 @@ export const closeRenameDialog = {
         expect(renameButton).toBeInTheDocument();
         await userEvent.click(renameButton);
 
-        expect(await screen.findByText('Rename File')).toBeInTheDocument();
+        expect(await screen.findByText('Please enter a new name for Book Sample:')).toBeInTheDocument();
         const cancelButton = screen.getByText('Cancel');
         await userEvent.click(cancelButton);
 
         await waitFor(() => {
-            expect(screen.queryByText('Rename File')).not.toBeInTheDocument();
+            expect(screen.queryByText('Please enter a new name for Book Sample:')).not.toBeInTheDocument();
         });
     },
 };