@jupyter-notebook/notebook-extension 7.3.0-beta.0 → 7.3.0-beta.2

package/lib/index.js

@@ -31,6 +31,10 @@ const KERNEL_STATUS_FADE_OUT_CLASS = 'jp-NotebookKernelStatus-fade';
  * The class for scrolled outputs
  */
 const SCROLLED_OUTPUTS_CLASS = 'jp-mod-outputsScrolled';
+/**
+ * The class for the full width notebook
+ */
+const FULL_WIDTH_NOTEBOOK_CLASS = 'jp-mod-fullwidth';
 /**
  * The command IDs used by the notebook plugins.
  */
@@ -40,6 +44,10 @@ var CommandIDs;
      * A command to open right sidebar for Editing Notebook Metadata
      */
     CommandIDs.openEditNotebookMetadata = 'notebook:edit-metadata';
+    /**
+     * A command to toggle full width of the notebook
+     */
+    CommandIDs.toggleFullWidth = 'notebook:toggle-full-width';
 })(CommandIDs || (CommandIDs = {}));
 /**
  * A plugin for the checkpoint indicator
@@ -143,6 +151,68 @@ const openTreeTab = {
         });
     },
 };
+/**
+ * A plugin to set the notebook to full width.
+ */
+const fullWidthNotebook = {
+    id: '@jupyter-notebook/notebook-extension:full-width-notebook',
+    description: 'A plugin to set the notebook to full width.',
+    autoStart: true,
+    requires: [INotebookTracker],
+    optional: [ICommandPalette, ISettingRegistry, ITranslator],
+    activate: (app, tracker, palette, settingRegistry, translator) => {
+        const trans = (translator !== null && translator !== void 0 ? translator : nullTranslator).load('notebook');
+        let fullWidth = false;
+        const toggleFullWidth = () => {
+            const current = tracker.currentWidget;
+            fullWidth = !fullWidth;
+            if (!current) {
+                return;
+            }
+            const content = current;
+            content.toggleClass(FULL_WIDTH_NOTEBOOK_CLASS, fullWidth);
+        };
+        let notebookSettings;
+        if (settingRegistry) {
+            const loadSettings = settingRegistry.load(fullWidthNotebook.id);
+            const updateSettings = (settings) => {
+                const newFullWidth = settings.get('fullWidthNotebook')
+                    .composite;
+                if (newFullWidth !== fullWidth) {
+                    toggleFullWidth();
+                }
+            };
+            Promise.all([loadSettings, app.restored])
+                .then(([settings]) => {
+                notebookSettings = settings;
+                updateSettings(settings);
+                settings.changed.connect((settings) => {
+                    updateSettings(settings);
+                });
+            })
+                .catch((reason) => {
+                console.error(reason.message);
+            });
+        }
+        app.commands.addCommand(CommandIDs.toggleFullWidth, {
+            label: trans.__('Enable Full Width Notebook'),
+            execute: () => {
+                toggleFullWidth();
+                if (notebookSettings) {
+                    notebookSettings.set('fullWidthNotebook', fullWidth);
+                }
+            },
+            isEnabled: () => tracker.currentWidget !== null,
+            isToggled: () => fullWidth,
+        });
+        if (palette) {
+            palette.addItem({
+                command: CommandIDs.toggleFullWidth,
+                category: 'Notebook Operations',
+            });
+        }
+    },
+};
 /**
  * The kernel logo plugin.
  */
@@ -266,6 +336,7 @@ const scrollOutput = {
         const autoScroll = (cell) => {
             if (!autoScrollOutputs) {
                 // bail if disabled via the settings
+                cell.removeClass(SCROLLED_OUTPUTS_CLASS);
                 return;
             }
             const { outputArea } = cell;
@@ -466,6 +537,7 @@ const plugins = [
     closeTab,
     openTreeTab,
     editNotebookMetadata,
+    fullWidthNotebook,
     kernelLogo,
     kernelStatus,
     notebookToolsWidget,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyter-notebook/notebook-extension",
-  "version": "7.3.0-beta.0",
+  "version": "7.3.0-beta.2",
   "description": "Jupyter Notebook - Notebook Extension",
   "homepage": "https://github.com/jupyter/notebook",
   "bugs": {
@@ -38,14 +38,14 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyter-notebook/application": "^7.3.0-beta.0",
-    "@jupyterlab/application": "~4.3.0-rc.0",
-    "@jupyterlab/apputils": "~4.4.0-rc.0",
-    "@jupyterlab/cells": "~4.3.0-rc.0",
-    "@jupyterlab/docmanager": "~4.3.0-rc.0",
-    "@jupyterlab/notebook": "~4.3.0-rc.0",
-    "@jupyterlab/settingregistry": "~4.3.0-rc.0",
-    "@jupyterlab/translation": "~4.3.0-rc.0",
+    "@jupyter-notebook/application": "^7.3.0-beta.2",
+    "@jupyterlab/application": "~4.3.0",
+    "@jupyterlab/apputils": "~4.4.0",
+    "@jupyterlab/cells": "~4.3.0",
+    "@jupyterlab/docmanager": "~4.3.0",
+    "@jupyterlab/notebook": "~4.3.0",
+    "@jupyterlab/settingregistry": "~4.3.0",
+    "@jupyterlab/translation": "~4.3.0",
     "@lumino/polling": "^2.1.3",
     "@lumino/widgets": "^2.5.0",
     "react": "^18.2.0",

package/schema/full-width-notebook.json

@@ -0,0 +1,27 @@
+{
+  "title": "Jupyter Notebook Full Width Notebook",
+  "description": "Jupyter Notebook Notebook With settings",
+  "jupyter.lab.menus": {
+    "main": [
+      {
+        "id": "jp-mainmenu-view",
+        "items": [
+          {
+            "command": "notebook:toggle-full-width",
+            "rank": 4
+          }
+        ]
+      }
+    ]
+  },
+  "properties": {
+    "fullWidthNotebook": {
+      "type": "boolean",
+      "title": "Full Width Notebook",
+      "description": "Whether to the notebook should take up the full width of the application",
+      "default": false
+    }
+  },
+  "additionalProperties": false,
+  "type": "object"
+}

package/style/base.css

@@ -16,6 +16,16 @@
   - compact view on mobile
 */
 
+/* Make the notebook take up the full width of the page when jp-mod-fullwidth is set */
+
+body[data-notebook='notebooks']
+  .jp-NotebookPanel.jp-mod-fullwidth
+  .jp-WindowedPanel-outer {
+  padding-left: unset;
+  padding-right: unset !important;
+  width: unset;
+}
+
 /* Keep the notebook centered on the page */
 
 body[data-notebook='notebooks'] .jp-NotebookPanel-toolbar {