feat: Refactor console objects menu

- Split ConsoleMenu up so objects is it's own component ConsoleObjectsMenu
- Convert to functional component
- Display all widgets in the menu
- Add a flag to hide the menu, which we set for DHC, but will not be set in DHE so current behaviour is not broken there

Author: mofojed

packages/console/src/Console.tsx

@@ -34,6 +34,7 @@ import {
   CommandHistoryStorage,
   CommandHistoryStorageItem,
 } from './command-history';
+import ConsoleObjectsMenu from './ConsoleObjectsMenu';
 
 const log = Log.module('Console');
 
@@ -51,7 +52,13 @@ const DEFAULT_SETTINGS: Settings = {
 
 interface ConsoleProps {
   dh: typeof DhType;
+
+  /** Additional children to show in the objects menu */
   statusBarChildren: ReactNode;
+
+  /** Hide the objects menu in the status bar. Defaults to false. */
+  hideObjectsMenu?: boolean;
+
   settings: Partial<Settings>;
   focusCommandHistory: () => void;
 
@@ -899,9 +906,8 @@ export class Console extends PureComponent<ConsoleProps, ConsoleState> {
   }
 
   getObjects = memoize(
-    (objectMap: Map<string, DhType.ide.VariableDefinition>) => [
-      ...objectMap.values(),
-    ]
+    (objectMap: Map<string, DhType.ide.VariableDefinition>) =>
+      Array.from(objectMap.values())
   );
 
   getContextActions = memoize(
@@ -984,6 +990,7 @@ export class Console extends PureComponent<ConsoleProps, ConsoleState> {
       unzip,
       supportsType,
       iconForType,
+      hideObjectsMenu,
     } = this.props;
     const {
       consoleHeight,
@@ -1010,10 +1017,14 @@ export class Console extends PureComponent<ConsoleProps, ConsoleState> {
             dh={dh}
             session={session}
             overflowActions={this.handleOverflowActions}
-            openObject={openObject}
-            objects={consoleMenuObjects}
           >
             {statusBarChildren}
+            {hideObjectsMenu !== true && (
+              <ConsoleObjectsMenu
+                openObject={openObject}
+                objects={consoleMenuObjects}
+              />
+            )}
           </ConsoleStatusBar>
           <div
             className="console-csv-container"