DevTools: introduce View: a named widget with the toolbar.

third_party/WebKit/Source/devtools/front_end/sources/JavaScriptBreakpointsSidebarPane.js

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
- * @extends {WebInspector.SidebarPane}
+ * @extends {WebInspector.View}
  * @param {!WebInspector.BreakpointManager} breakpointManager
  * @param {function(!WebInspector.UISourceCode, number=, number=, boolean=)} showSourceLineDelegate
  */
 WebInspector.JavaScriptBreakpointsSidebarPane = function(breakpointManager, showSourceLineDelegate)
 {
-    WebInspector.SidebarPane.call(this, WebInspector.UIString("Breakpoints"));
+    WebInspector.View.call(this, WebInspector.UIString("Breakpoints"));
     this.registerRequiredCSS("components/breakpointsList.css");
 
     this._breakpointManager = breakpointManager;
     this._showSourceLineDelegate = showSourceLineDelegate;
 
     this.listElement = createElementWithClass("ol", "breakpoint-list");
 
     this.emptyElement = this.element.createChild("div", "info");
     this.emptyElement.textContent = WebInspector.UIString("No Breakpoints");
 
@@ skipping 82 matching lines @@
         while (currentElement) {
             if (currentElement._data && this._compareBreakpoints(currentElement._data, element._data) > 0)
                 break;
             currentElement = currentElement.nextSibling;
         }
         this._addListElement(element, currentElement);
 
         var breakpointItem = { element: element, checkbox: checkboxLabel.checkboxElement };
         this._items.set(breakpoint, breakpointItem);
 
-        this.expandPane();
+        this.requestReveal();
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      */
     didReceiveBreakpointLineForTest: function(uiSourceCode)
     {
     },
 
     /**
@@ skipping 122 matching lines @@
     reset: function()
     {
         this.listElement.removeChildren();
         if (this.listElement.parentElement) {
             this.element.removeChild(this.listElement);
             this.element.appendChild(this.emptyElement);
         }
         this._items.clear();
     },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }