feat: Refactor console objects menu

packages/components/src/SearchInput.tsx

@@ -55,6 +55,10 @@ class SearchInput extends PureComponent<SearchInputProps> {
     this.inputField.current?.focus();
   }
 
+  select(): void {
+    this.inputField.current?.select();
+  }
+
   inputField: React.RefObject<HTMLInputElement>;
 
   searchChangeSelection: React.RefObject<HTMLDivElement>;

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 status bar */
   statusBarChildren: ReactNode;
+
+  /** Show the objects menu in the status bar. Defaults to true. */
+  showObjectsMenu?: boolean;
+
   settings: Partial<Settings>;
   focusCommandHistory: () => void;
 
@@ -141,6 +148,7 @@ export class Console extends PureComponent<ConsoleProps, ConsoleState> {
     unzip: null,
     supportsType: defaultSupportsType,
     iconForType: defaultIconForType,
+    showObjectsMenu: true,
   };
 
   static LOG_THROTTLE = 500;
@@ -905,9 +913,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(
@@ -990,6 +997,7 @@ export class Console extends PureComponent<ConsoleProps, ConsoleState> {
       unzip,
       supportsType,
       iconForType,
+      showObjectsMenu,
     } = this.props;
     const {
       consoleHeight,
@@ -1016,10 +1024,14 @@ export class Console extends PureComponent<ConsoleProps, ConsoleState> {
             dh={dh}
             session={session}
             overflowActions={this.handleOverflowActions}
-            openObject={openObject}
-            objects={consoleMenuObjects}
           >
             {statusBarChildren}
+            {showObjectsMenu === true && (
+              <ConsoleObjectsMenu
+                openObject={openObject}
+                objects={consoleMenuObjects}
+              />
+            )}
           </ConsoleStatusBar>
           <div
             className="console-csv-container"