Revert "chore: refactor AceEditorWrapper to functional component (apa…

…che#21532)"

This reverts commit 15c3c34.

superset-frontend/src/SqlLab/components/AceEditorWrapper/AceEditorWrapper.test.tsx

@@ -23,6 +23,11 @@ import { render, waitFor } from 'spec/helpers/testing-library';
 import { QueryEditor } from 'src/SqlLab/types';
 import { Store } from 'redux';
 import { initialState, defaultQueryEditor } from 'src/SqlLab/fixtures';
+import {
+  queryEditorSetSelectedText,
+  queryEditorSetFunctionNames,
+  addTable,
+} from 'src/SqlLab/actions/sqlLab';
 import AceEditorWrapper from 'src/SqlLab/components/AceEditorWrapper';
 import { AsyncAceEditorProps } from 'src/components/AsyncAceEditor';
 
@@ -49,6 +54,11 @@ const setup = (queryEditor: QueryEditor, store?: Store) =>
   render(
     <AceEditorWrapper
       queryEditor={queryEditor}
+      actions={{
+        queryEditorSetSelectedText,
+        queryEditorSetFunctionNames,
+        addTable,
+      }}
       height="100px"
       hotkeys={[]}
       database={{}}
@@ -72,6 +82,27 @@ describe('AceEditorWrapper', () => {
     );
   });
 
+  it('renders sql from unsaved change', () => {
+    const expectedSql = 'SELECT updated_column\nFROM updated_table\nWHERE';
+    const { getByTestId } = setup(
+      defaultQueryEditor,
+      mockStore({
+        ...initialState,
+        sqlLab: {
+          ...initialState.sqlLab,
+          unsavedQueryEditor: {
+            id: defaultQueryEditor.id,
+            sql: expectedSql,
+          },
+        },
+      }),
+    );
+
+    expect(getByTestId('react-ace')).toHaveTextContent(
+      JSON.stringify({ value: expectedSql }).slice(1, -1),
+    );
+  });
+
   it('renders current sql for unrelated unsaved changes', () => {
     const expectedSql = 'SELECT updated_column\nFROM updated_table\nWHERE';
     const { getByTestId } = setup(