@jupyter-notebook/application 7.4.0-beta.3 → 7.4.0

package/lib/shell.d.ts

@@ -21,7 +21,7 @@ export declare namespace INotebookShell {
     /**
      * The areas of the application shell where widgets can reside.
      */
-    type Area = 'main' | 'top' | 'menu' | 'left' | 'right';
+    type Area = 'main' | 'top' | 'menu' | 'left' | 'right' | 'down';
     /**
      * Widget position
      */
@@ -145,6 +145,10 @@ export declare class NotebookShell extends Widget implements JupyterFrontEnd.ISh
      * Restore the layout state and configuration for the application shell.
      */
     restoreLayout(configuration: INotebookShell.IUserLayout): Promise<void>;
+    /**
+     * Handle a change on the down panel widgets
+     */
+    private _onTabPanelChanged;
     private _topWrapper;
     private _topHandler;
     private _menuWrapper;
@@ -155,6 +159,7 @@ export declare class NotebookShell extends Widget implements JupyterFrontEnd.ISh
     private _spacer_bottom;
     private _skipLinkWidgetHandler;
     private _main;
+    private _downPanel;
     private _translator;
     private _currentChanged;
     private _mainWidgetLoaded;

package/lib/shell.js

@@ -6,6 +6,7 @@ import { JSONExt, PromiseDelegate, Token } from '@lumino/coreutils';
 import { Signal } from '@lumino/signaling';
 import { BoxLayout, Panel, SplitPanel, Widget, } from '@lumino/widgets';
 import { PanelHandler, SidePanelHandler } from './panelhandler';
+import { TabPanelSvg } from '@jupyterlab/ui-components';
 /**
  * The Jupyter Notebook application shell token.
  */
@@ -71,6 +72,16 @@ export class NotebookShell extends Widget {
         middlePanel.addWidget(this._main);
         middlePanel.addWidget(this._spacer_bottom);
         middlePanel.layout = middleLayout;
+        const vsplitPanel = new SplitPanel();
+        vsplitPanel.id = 'jp-main-vsplit-panel';
+        vsplitPanel.spacing = 1;
+        vsplitPanel.orientation = 'vertical';
+        SplitPanel.setStretch(vsplitPanel, 1);
+        const downPanel = new TabPanelSvg({
+            tabsMovable: true,
+        });
+        this._downPanel = downPanel;
+        this._downPanel.id = 'jp-down-stack';
         // TODO: Consider storing this as an attribute this._hsplitPanel if saving/restoring layout needed
         const hsplitPanel = new SplitPanel();
         hsplitPanel.id = 'main-split-panel';
@@ -86,8 +97,15 @@ export class NotebookShell extends Widget {
         // This will still respect the min-size of children widget in the stacked
         // panel.
         hsplitPanel.setRelativeSizes([1, 2.5, 1]);
+        vsplitPanel.addWidget(hsplitPanel);
+        vsplitPanel.addWidget(downPanel);
         rootLayout.spacing = 0;
-        rootLayout.addWidget(hsplitPanel);
+        rootLayout.addWidget(vsplitPanel);
+        // initially hiding the down panel
+        this._downPanel.hide();
+        // Connect down panel change listeners
+        this._downPanel.tabBar.tabMoved.connect(this._onTabPanelChanged, this);
+        this._downPanel.stackedPanel.widgetRemoved.connect(this._onTabPanelChanged, this);
         this.layout = rootLayout;
         // Added Skip to Main Link
         const skipLinkWidgetHandler = (this._skipLinkWidgetHandler =
@@ -176,7 +194,7 @@ export class NotebookShell extends Widget {
      */
     activateById(id) {
         // Search all areas that can have widgets for this widget, starting with main.
-        for (const area of ['main', 'top', 'left', 'right', 'menu']) {
+        for (const area of ['main', 'top', 'left', 'right', 'menu', 'down']) {
             const widget = find(this.widgets(area), (w) => w.id === id);
             if (widget) {
                 if (area === 'left') {
@@ -185,6 +203,10 @@ export class NotebookShell extends Widget {
                 else if (area === 'right') {
                     this.expandRight(id);
                 }
+                else if (area === 'down') {
+                    this._downPanel.show();
+                    widget.activate();
+                }
                 else {
                     widget.activate();
                 }
@@ -245,6 +267,8 @@ export class NotebookShell extends Widget {
                 return this._leftHandler.addWidget(widget, rank);
             case 'right':
                 return this._rightHandler.addWidget(widget, rank);
+            case 'down':
+                return this._downPanel.addWidget(widget);
             default:
                 console.warn(`Cannot add widget to area: ${area}`);
         }
@@ -285,6 +309,9 @@ export class NotebookShell extends Widget {
             case 'right':
                 yield* this._rightHandler.widgets;
                 return;
+            case 'down':
+                yield* this._downPanel.widgets;
+                return;
             default:
                 console.error(`This shell has no area called "${area}"`);
                 return;
@@ -324,6 +351,14 @@ export class NotebookShell extends Widget {
     async restoreLayout(configuration) {
         this._userLayout = configuration;
     }
+    /**
+     * Handle a change on the down panel widgets
+     */
+    _onTabPanelChanged() {
+        if (this._downPanel.stackedPanel.widgets.length === 0) {
+            this._downPanel.hide();
+        }
+    }
 }
 export var Private;
 (function (Private) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyter-notebook/application",
-  "version": "7.4.0-beta.3",
+  "version": "7.4.0",
   "description": "Jupyter Notebook - Application",
   "homepage": "https://github.com/jupyter/notebook",
   "bugs": {
@@ -42,11 +42,11 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/application": "~4.4.0-rc.0",
-    "@jupyterlab/coreutils": "~6.4.0-rc.0",
-    "@jupyterlab/docregistry": "~4.4.0-rc.0",
-    "@jupyterlab/rendermime-interfaces": "~3.12.0-rc.0",
-    "@jupyterlab/ui-components": "~4.4.0-rc.0",
+    "@jupyterlab/application": "~4.4.0",
+    "@jupyterlab/coreutils": "~6.4.0",
+    "@jupyterlab/docregistry": "~4.4.0",
+    "@jupyterlab/rendermime-interfaces": "~3.12.0",
+    "@jupyterlab/ui-components": "~4.4.0",
     "@lumino/algorithm": "^2.0.2",
     "@lumino/coreutils": "^2.2.0",
     "@lumino/messaging": "^2.0.2",