Add the upper butterfly wing.

Author: mstange

src/actions/profile-view.js

@@ -149,6 +149,21 @@ export function changeLowerWingSelectedCallNode(
   };
 }
 
+export function changeUpperWingSelectedCallNode(
+  threadsKey: ThreadsKey,
+  selectedCallNodePath: CallNodePath,
+  context: SelectionContext = { source: 'auto' }
+): Action {
+  return {
+    type: 'CHANGE_SELECTED_CALL_NODE',
+    area: 'UPPER_WING',
+    selectedCallNodePath,
+    optionalExpandedToCallNodePath: [],
+    threadsKey,
+    context,
+  };
+}
+
 /**
  * Select a function for a given thread in the function list.
  */
@@ -208,6 +223,18 @@ export function changeLowerWingRightClickedCallNode(
   };
 }
 
+export function changeUpperWingRightClickedCallNode(
+  threadsKey: ThreadsKey,
+  callNodePath: CallNodePath | null
+) {
+  return {
+    type: 'CHANGE_RIGHT_CLICKED_CALL_NODE',
+    threadsKey,
+    area: 'UPPER_WING',
+    callNodePath,
+  };
+}
+
 /**
  * Given a threadIndex and a sampleIndex, select the call node which carries the
  * sample's self time. In the inverted tree, this will be a root node.
@@ -1710,6 +1737,18 @@ export function changeLowerWingExpandedCallNodes(
   };
 }
 
+export function changeUpperWingExpandedCallNodes(
+  threadsKey: ThreadsKey,
+  expandedCallNodePaths: Array<CallNodePath>
+): Action {
+  return {
+    type: 'CHANGE_EXPANDED_CALL_NODES',
+    area: 'UPPER_WING',
+    threadsKey,
+    expandedCallNodePaths,
+  };
+}
+
 export function changeSelectedMarker(
   threadsKey: ThreadsKey,
   selectedMarker: MarkerIndex | null,

src/components/calltree/ProfileFunctionListView.js

@@ -7,6 +7,7 @@
 import React from 'react';
 import SplitterLayout from 'react-splitter-layout';
 import { FunctionList } from './FunctionList';
+import { UpperWing } from './UpperWing';
 import { LowerWing } from './LowerWing';
 import { StackSettings } from 'firefox-profiler/components/shared/StackSettings';
 import { TransformNavigator } from 'firefox-profiler/components/shared/TransformNavigator';
@@ -26,7 +27,7 @@ export const ProfileFunctionListView = () => (
       <SplitterLayout percentage secondaryInitialSize={50}>
         <FunctionList />
         <SplitterLayout percentage vertical secondaryInitialSize={50}>
-          <LowerWing />
+          <UpperWing />
           <LowerWing />
         </SplitterLayout>
       </SplitterLayout>