Fix circular imports when importing ReactDialog

Fixes #14347

Contributed on behalf of Toro Cloud

Signed-off-by: Rannie Peralta <rannie.peralta@torocloud.com>

packages/core/src/browser/dialogs.ts

@@ -17,7 +17,7 @@
 import { injectable, inject } from 'inversify';
 import { Disposable, MaybePromise, CancellationTokenSource, nls } from '../common';
 import { Key } from './keyboard/keys';
-import { Widget, BaseWidget, Message, addKeyListener, codiconArray } from './widgets';
+import { Widget, BaseWidget, Message, addKeyListener, codiconArray } from './widgets/widget';
 import { FrontendApplicationContribution } from './frontend-application-contribution';
 
 @injectable()

packages/core/src/browser/dialogs/react-dialog.spec.tsx

@@ -0,0 +1,31 @@
+import { expect } from 'chai';
+import * as React from 'react';
+import { enableJSDOM } from '../test/jsdom';
+
+let disableJSDOM = enableJSDOM();
+
+import { ReactDialog } from './react-dialog'
+
+class MyDialog extends ReactDialog<void> {
+    constructor() {
+        super({ title: '' })
+    }
+
+    override get value(): void {
+        return;
+    }
+
+    protected override render(): React.ReactNode {
+        return <></>
+    }
+}
+
+describe('ReactDialog', () => {
+    before(() => disableJSDOM = enableJSDOM());
+    after(() => disableJSDOM());
+
+    it('should be extended', () => {
+        const dialog = new MyDialog()
+        expect(dialog).to.be.instanceOf(ReactDialog)
+    })
+})