@jupyterlab/cell-toolbar 4.0.0-alpha.6

package/lib/cellmenu.d.ts

@@ -0,0 +1,20 @@
+import { CommandRegistry } from '@lumino/commands';
+import { Widget } from '@lumino/widgets';
+import { ICellMenuItem } from './tokens';
+/**
+ * Toolbar icon menu container
+ */
+export declare class CellMenu extends Widget {
+    constructor(commands: CommandRegistry, items: ICellMenuItem[]);
+    handleEvent(event: Event): void;
+    /**
+     * Handle `after-attach` messages for the widget.
+     */
+    onAfterAttach(): void;
+    /**
+     * Handle `before-detach` messages for the widget.
+     */
+    onBeforeDetach(): void;
+    protected _addButtons(items: ICellMenuItem[]): void;
+    private _commands;
+}

package/lib/cellmenu.js

@@ -0,0 +1,68 @@
+/* -----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+import { ToolbarButton } from '@jupyterlab/apputils';
+import { LabIcon } from '@jupyterlab/ui-components';
+import { each } from '@lumino/algorithm';
+import { PanelLayout, Widget } from '@lumino/widgets';
+const CELL_MENU_CLASS = 'jp-cell-menu';
+/**
+ * Toolbar icon menu container
+ */
+export class CellMenu extends Widget {
+    constructor(commands, items) {
+        super();
+        this._commands = commands;
+        this.layout = new PanelLayout();
+        this.addClass(CELL_MENU_CLASS);
+        this._addButtons(items);
+    }
+    handleEvent(event) {
+        switch (event.type) {
+            case 'mousedown':
+            case 'click':
+                // Ensure the mouse event is not propagated on the cell.
+                event.stopPropagation();
+                break;
+        }
+    }
+    /**
+     * Handle `after-attach` messages for the widget.
+     */
+    onAfterAttach() {
+        this.node.addEventListener('mousedown', this);
+        this.node.addEventListener('click', this);
+    }
+    /**
+     * Handle `before-detach` messages for the widget.
+     */
+    onBeforeDetach() {
+        this.node.removeEventListener('mousedown', this);
+        this.node.removeEventListener('click', this);
+    }
+    _addButtons(items) {
+        each(this.children(), widget => {
+            widget.dispose();
+        });
+        const layout = this.layout;
+        items.forEach(entry => {
+            var _a, _b;
+            if (this._commands.hasCommand(entry.command)) {
+                layout.addWidget(new ToolbarButton({
+                    icon: LabIcon.resolve({ icon: entry.icon }),
+                    className: `jp-cell-${(_a = entry.cellType) !== null && _a !== void 0 ? _a : 'all'}`,
+                    onClickWithEvent: (e) => {
+                        // Prevent propagation of this event in case the command causes the
+                        // current cell to move. If the cell moves and the event propagates to the
+                        // new cell, this may have an effect on the new cell.
+                        void this._commands.execute(entry.command);
+                        e.stopPropagation();
+                    },
+                    tooltip: (_b = entry.tooltip) !== null && _b !== void 0 ? _b : this._commands.label(entry.command)
+                }));
+            }
+        });
+    }
+}
+//# sourceMappingURL=cellmenu.js.map

package/lib/cellmenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellmenu.js","sourceRoot":"","sources":["../src/cellmenu.ts"],"names":[],"mappings":"AAAA;;;+EAG+E;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGtD,MAAM,eAAe,GAAG,cAAc,CAAC;AAEvC;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,MAAM;IAClC,YAAY,QAAyB,EAAE,KAAsB;QAC3D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC/B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,WAAW,CAAC,KAAY;QACtB,QAAQ,KAAK,CAAC,IAAI,EAAE;YAClB,KAAK,WAAW,CAAC;YACjB,KAAK,OAAO;gBACV,wDAAwD;gBACxD,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,MAAM;SACT;IACH,CAAC;IAED;;OAEG;IACH,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC;IAES,WAAW,CAAC,KAAsB;QAC1C,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,IAAI,CAAC,MAAqB,CAAC;QAC1C,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;;YACpB,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;gBAC5C,MAAM,CAAC,SAAS,CACd,IAAI,aAAa,CAAC;oBAChB,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;oBAC3C,SAAS,EAAE,WAAW,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK,EAAE;oBAC/C,gBAAgB,EAAE,CAAC,CAAQ,EAAQ,EAAE;wBACnC,mEAAmE;wBACnE,0EAA0E;wBAC1E,qDAAqD;wBACrD,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;wBAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;oBACtB,CAAC;oBACD,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;iBAC9D,CAAC,CACH,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CAGF"}

package/lib/celltoolbartracker.d.ts

@@ -0,0 +1,74 @@
+import { ICellModel } from '@jupyterlab/cells';
+import { DocumentRegistry } from '@jupyterlab/docregistry';
+import { Notebook, NotebookPanel } from '@jupyterlab/notebook';
+import { IObservableList, IObservableUndoableList } from '@jupyterlab/observables';
+import { ISettingRegistry } from '@jupyterlab/settingregistry';
+import { LabIcon } from '@jupyterlab/ui-components';
+import { CommandRegistry } from '@lumino/commands';
+import { IDisposable } from '@lumino/disposable';
+/**
+ * Icons for use in toolbar.
+ *
+ * These are copied from icon.ts, which is not part of the webpack bundle
+ * because nothing is imported from it.
+ */
+export declare const addAboveIcon: LabIcon;
+export declare const addBelowIcon: LabIcon;
+export declare const deleteIcon: LabIcon;
+export declare const duplicateIcon: LabIcon;
+export declare const moveDownIcon: LabIcon;
+export declare const moveUpIcon: LabIcon;
+/**
+ * Watch a notebook so that a cell toolbar appears on the active cell
+ */
+export declare class CellToolbarTracker implements IDisposable {
+    constructor(panel: NotebookPanel, commands: CommandRegistry, settings: ISettingRegistry.ISettings | null);
+    _onActiveCellChanged(notebook: Notebook): void;
+    get isDisposed(): boolean;
+    dispose(): void;
+    /**
+     * Callback to react to cells list changes
+     *
+     * @param cells List of notebook cells
+     * @param changed Modification of the list
+     */
+    updateConnectedCells(cells: IObservableUndoableList<ICellModel>, changed: IObservableList.IChangedArgs<ICellModel>): void;
+    private _addToolbar;
+    private _getCell;
+    private _findToolbarWidgets;
+    private _removeToolbar;
+    /**
+     * Call back on settings changes
+     */
+    private _onSettingsChanged;
+    private _changedEventCallback;
+    private _resizeEventCallback;
+    private _updateCellForToolbarOverlap;
+    private _cellToolbarOverlapsContents;
+    /**
+     * Check for overlap between rendered Markdown and the cell toolbar
+     *
+     * @param activeCell A rendered MarkdownCell
+     * @returns `true` if the first line of the output overlaps with the cell toolbar, `false` otherwise
+     */
+    private _markdownOverlapsToolbar;
+    private _codeOverlapsToolbar;
+    private _cellEditorWidgetLeft;
+    private _cellEditorWidgetRight;
+    private _cellToolbarLeft;
+    private _commands;
+    private _isDisposed;
+    private _panel;
+    private _previousActiveCell;
+    private _settings;
+}
+/**
+ * Widget extension that creates a CellToolbarTracker each time a notebook is
+ * created.
+ */
+export declare class CellBarExtension implements DocumentRegistry.WidgetExtension {
+    constructor(commands: CommandRegistry, settings: ISettingRegistry.ISettings | null);
+    createNew(panel: NotebookPanel): IDisposable;
+    private _commands;
+    private _settings;
+}

package/lib/celltoolbartracker.js

@@ -0,0 +1,280 @@
+import { LabIcon } from '@jupyterlab/ui-components';
+import { each } from '@lumino/algorithm';
+import { CellToolbarWidget } from './celltoolbarwidget';
+import { EXTENSION_ID } from './tokens';
+// icon svg import statements
+import addAboveSvg from '../style/icons/addabove.svg';
+import addBelowSvg from '../style/icons/addbelow.svg';
+import deleteSvg from '../style/icons/delete.svg';
+import duplicateSvg from '../style/icons/duplicate.svg';
+import moveDownSvg from '../style/icons/movedown.svg';
+import moveUpSvg from '../style/icons/moveup.svg';
+const DEFAULT_LEFT_MENU = [];
+/**
+ * Widget cell toolbar class
+ */
+const CELL_BAR_CLASS = 'jp-cell-bar';
+/**
+ * Class for a cell whose contents overlap with the cell toolbar
+ */
+const TOOLBAR_OVERLAP_CLASS = 'jp-toolbar-overlap';
+/**
+ * Icons for use in toolbar.
+ *
+ * These are copied from icon.ts, which is not part of the webpack bundle
+ * because nothing is imported from it.
+ */
+export const addAboveIcon = new LabIcon({
+    name: `${EXTENSION_ID}:add-above`,
+    svgstr: addAboveSvg
+});
+export const addBelowIcon = new LabIcon({
+    name: `${EXTENSION_ID}:add-below`,
+    svgstr: addBelowSvg
+});
+export const deleteIcon = new LabIcon({
+    name: `${EXTENSION_ID}:delete`,
+    svgstr: deleteSvg
+});
+export const duplicateIcon = new LabIcon({
+    name: `${EXTENSION_ID}:duplicate`,
+    svgstr: duplicateSvg
+});
+export const moveDownIcon = new LabIcon({
+    name: `${EXTENSION_ID}:move-down`,
+    svgstr: moveDownSvg
+});
+export const moveUpIcon = new LabIcon({
+    name: `${EXTENSION_ID}:move-up`,
+    svgstr: moveUpSvg
+});
+/**
+ * Watch a notebook so that a cell toolbar appears on the active cell
+ */
+export class CellToolbarTracker {
+    constructor(panel, commands, settings) {
+        this._isDisposed = false;
+        this._commands = commands;
+        this._panel = panel;
+        this._settings = settings;
+        this._previousActiveCell = this._panel.content.activeCell;
+        if (this._settings) {
+            this._onSettingsChanged();
+            this._settings.changed.connect(this._onSettingsChanged, this);
+        }
+        const notebookModel = this._panel.context.model;
+        const cells = notebookModel.cells;
+        cells.changed.connect(this.updateConnectedCells, this);
+        // Only add the toolbar to the notebook's active cell (if any) once it has fully rendered and been revealed.
+        panel.revealed.then(() => this._onActiveCellChanged(panel.content));
+        // Handle subsequent changes of active cell.
+        panel.content.activeCellChanged.connect(this._onActiveCellChanged, this);
+    }
+    _onActiveCellChanged(notebook) {
+        const activeCell = notebook.activeCell;
+        if (!activeCell) {
+            return;
+        }
+        if (this._previousActiveCell !== null &&
+            this._previousActiveCell !== undefined) {
+            this._removeToolbar(this._previousActiveCell.model);
+        }
+        this._addToolbar(activeCell.model);
+        this._previousActiveCell = activeCell;
+        this._updateCellForToolbarOverlap(activeCell);
+    }
+    get isDisposed() {
+        return this._isDisposed;
+    }
+    dispose() {
+        var _a;
+        if (this.isDisposed) {
+            return;
+        }
+        this._isDisposed = true;
+        if (this._settings) {
+            this._settings.changed.disconnect(this._onSettingsChanged, this);
+        }
+        const cells = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.context.model.cells;
+        if (cells) {
+            cells.changed.disconnect(this.updateConnectedCells, this);
+            each(cells.iter(), model => this._removeToolbar(model));
+        }
+        this._panel = null;
+    }
+    /**
+     * Callback to react to cells list changes
+     *
+     * @param cells List of notebook cells
+     * @param changed Modification of the list
+     */
+    updateConnectedCells(cells, changed) {
+        var _a;
+        const activeCell = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.activeCell;
+        if (activeCell === null || activeCell === undefined) {
+            return;
+        }
+        if (changed.oldValues.find(m => m === activeCell.model)) {
+            this._removeToolbar(activeCell.model);
+            this._addToolbar(activeCell.model);
+        }
+    }
+    _addToolbar(model) {
+        var _a, _b;
+        const cell = this._getCell(model);
+        if (cell) {
+            const { leftMenu } = (_b = (_a = this._settings) === null || _a === void 0 ? void 0 : _a.composite) !== null && _b !== void 0 ? _b : {};
+            const leftMenu_ = leftMenu === null ? [] : leftMenu !== null && leftMenu !== void 0 ? leftMenu : DEFAULT_LEFT_MENU;
+            const toolbar = new CellToolbarWidget(this._commands, leftMenu_);
+            toolbar.addClass(CELL_BAR_CLASS);
+            cell.layout.insertWidget(0, toolbar);
+            // For rendered markdown, watch for resize events.
+            cell.displayChanged.connect(this._resizeEventCallback, this);
+            // Watch for changes in the cell's contents.
+            cell.model.contentChanged.connect(this._changedEventCallback, this);
+        }
+    }
+    _getCell(model) {
+        var _a;
+        return (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.widgets.find(widget => widget.model === model);
+    }
+    _findToolbarWidgets(cell) {
+        const widgets = cell.layout.widgets;
+        // Search for header using the CSS class or use the first one if not found.
+        return widgets.filter(widget => widget.hasClass(CELL_BAR_CLASS)) || [];
+    }
+    _removeToolbar(model) {
+        const cell = this._getCell(model);
+        if (cell) {
+            this._findToolbarWidgets(cell).forEach(widget => widget.dispose());
+            // Attempt to remove the resize and changed event handlers.
+            cell.displayChanged.disconnect(this._resizeEventCallback, this);
+            cell.model.contentChanged.disconnect(this._changedEventCallback, this);
+        }
+    }
+    /**
+     * Call back on settings changes
+     */
+    _onSettingsChanged() {
+        var _a;
+        // Reset toolbar when settings changes
+        const activeCell = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.activeCell;
+        if (activeCell) {
+            this._removeToolbar(activeCell.model);
+            this._addToolbar(activeCell.model);
+        }
+    }
+    _changedEventCallback() {
+        var _a;
+        const activeCell = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.activeCell;
+        if (activeCell === null || activeCell === undefined) {
+            return;
+        }
+        this._updateCellForToolbarOverlap(activeCell);
+    }
+    _resizeEventCallback() {
+        var _a;
+        const activeCell = (_a = this._panel) === null || _a === void 0 ? void 0 : _a.content.activeCell;
+        if (activeCell === null || activeCell === undefined) {
+            return;
+        }
+        this._updateCellForToolbarOverlap(activeCell);
+    }
+    _updateCellForToolbarOverlap(activeCell) {
+        // Remove the "toolbar overlap" class from the cell, rendering the cell's toolbar
+        const activeCellElement = activeCell.node;
+        activeCellElement.classList.remove(TOOLBAR_OVERLAP_CLASS);
+        if (this._cellToolbarOverlapsContents(activeCell)) {
+            // Add the "toolbar overlap" class to the cell, completely concealing the toolbar,
+            // if the first line of the content overlaps with it at all
+            activeCellElement.classList.add(TOOLBAR_OVERLAP_CLASS);
+        }
+    }
+    _cellToolbarOverlapsContents(activeCell) {
+        const cellType = activeCell.model.type;
+        // If the toolbar is too large for the current cell, hide it.
+        const cellLeft = this._cellEditorWidgetLeft(activeCell);
+        const cellRight = this._cellEditorWidgetRight(activeCell);
+        const toolbarLeft = this._cellToolbarLeft(activeCell);
+        if (toolbarLeft === null) {
+            return false;
+        }
+        // The toolbar should not take up more than 50% of the cell.
+        if ((cellLeft + cellRight) / 2 > toolbarLeft) {
+            return true;
+        }
+        if (cellType === 'markdown' && activeCell.rendered) {
+            // Check for overlap in rendered markdown content
+            return this._markdownOverlapsToolbar(activeCell);
+        }
+        // Check for overlap in code content
+        return this._codeOverlapsToolbar(activeCell);
+    }
+    /**
+     * Check for overlap between rendered Markdown and the cell toolbar
+     *
+     * @param activeCell A rendered MarkdownCell
+     * @returns `true` if the first line of the output overlaps with the cell toolbar, `false` otherwise
+     */
+    _markdownOverlapsToolbar(activeCell) {
+        const markdownOutput = activeCell.inputArea; // Rendered markdown appears in the input area
+        // Get the rendered markdown as a widget.
+        const markdownOutputWidget = markdownOutput.renderedInput;
+        const markdownOutputElement = markdownOutputWidget.node;
+        const firstOutputElementChild = markdownOutputElement.firstElementChild;
+        if (firstOutputElementChild === null) {
+            return false;
+        }
+        // Temporarily set the element's max width so that the bounding client rectangle only encompasses the content.
+        const oldMaxWidth = firstOutputElementChild.style.maxWidth;
+        firstOutputElementChild.style.maxWidth = 'max-content';
+        const lineRight = firstOutputElementChild.getBoundingClientRect().right;
+        // Reinstate the old max width.
+        firstOutputElementChild.style.maxWidth = oldMaxWidth;
+        const toolbarLeft = this._cellToolbarLeft(activeCell);
+        return toolbarLeft === null ? false : lineRight > toolbarLeft;
+    }
+    _codeOverlapsToolbar(activeCell) {
+        const editorWidget = activeCell.editorWidget;
+        const editor = activeCell.editor;
+        if (editor.lineCount < 1) {
+            return false; // Nothing in the editor
+        }
+        const codeMirrorLines = editorWidget.node.getElementsByClassName('CodeMirror-line');
+        if (codeMirrorLines.length < 1) {
+            return false; // No lines present
+        }
+        const lineRight = codeMirrorLines[0].children[0] // First span under first pre
+            .getBoundingClientRect().right;
+        const toolbarLeft = this._cellToolbarLeft(activeCell);
+        return toolbarLeft === null ? false : lineRight > toolbarLeft;
+    }
+    _cellEditorWidgetLeft(activeCell) {
+        return activeCell.editorWidget.node.getBoundingClientRect().left;
+    }
+    _cellEditorWidgetRight(activeCell) {
+        return activeCell.editorWidget.node.getBoundingClientRect().right;
+    }
+    _cellToolbarLeft(activeCell) {
+        const toolbarWidgets = this._findToolbarWidgets(activeCell);
+        if (toolbarWidgets.length < 1) {
+            return null;
+        }
+        const activeCellToolbar = toolbarWidgets[0].node;
+        return activeCellToolbar.getBoundingClientRect().left;
+    }
+}
+/**
+ * Widget extension that creates a CellToolbarTracker each time a notebook is
+ * created.
+ */
+export class CellBarExtension {
+    constructor(commands, settings) {
+        this._commands = commands;
+        this._settings = settings;
+    }
+    createNew(panel) {
+        return new CellToolbarTracker(panel, this._commands, this._settings);
+    }
+}
+//# sourceMappingURL=celltoolbartracker.js.map

package/lib/celltoolbartracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"celltoolbartracker.js","sourceRoot":"","sources":["../src/celltoolbartracker.ts"],"names":[],"mappings":"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"}

package/lib/celltoolbarwidget.d.ts

@@ -0,0 +1,9 @@
+import { CommandRegistry } from '@lumino/commands';
+import { Widget } from '@lumino/widgets';
+import { ICellMenuItem } from './tokens';
+/**
+ * Cell Toolbar Widget
+ */
+export declare class CellToolbarWidget extends Widget {
+    constructor(commands: CommandRegistry, menuItems: ICellMenuItem[]);
+}

package/lib/celltoolbarwidget.js

@@ -0,0 +1,14 @@
+import { PanelLayout, Widget } from '@lumino/widgets';
+import { CellMenu } from './cellmenu';
+/**
+ * Cell Toolbar Widget
+ */
+export class CellToolbarWidget extends Widget {
+    constructor(commands, menuItems) {
+        super();
+        this.layout = new PanelLayout();
+        this.addClass('jp-cell-toolbar');
+        this.layout.addWidget(new CellMenu(commands, menuItems));
+    }
+}
+//# sourceMappingURL=celltoolbarwidget.js.map

package/lib/celltoolbarwidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"celltoolbarwidget.js","sourceRoot":"","sources":["../src/celltoolbarwidget.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,MAAM;IAC3C,YAAY,QAAyB,EAAE,SAA0B;QAC/D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;QAEhC,IAAI,CAAC,MAAsB,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5E,CAAC;CACF"}

package/lib/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @packageDocumentation
+ * @module cell-toolbar
+ */
+export { CellMenu } from './cellmenu';
+export { CellBarExtension } from './celltoolbartracker';

package/lib/index.js

@@ -0,0 +1,11 @@
+/* -----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+/**
+ * @packageDocumentation
+ * @module cell-toolbar
+ */
+export { CellMenu } from './cellmenu';
+export { CellBarExtension } from './celltoolbartracker';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;+EAG+E;AAC/E;;;GAGG;AACF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/tokens.d.ts

@@ -0,0 +1,25 @@
+import { LabIcon } from '@jupyterlab/ui-components';
+export declare const EXTENSION_ID = "@jupyterlab/cell-toolbar";
+/**
+ * Menu action interface
+ */
+export interface ICellMenuItem {
+    /**
+     * Command to be triggered
+     */
+    command: string;
+    /**
+     * Icon for the item
+     */
+    icon: LabIcon | string;
+    /**
+     * Icon tooltip
+     */
+    tooltip?: string;
+    /**
+     * Type of cell it applies on
+     *
+     * Undefined if it applies on all cell types
+     */
+    cellType?: 'code' | 'markdown' | 'raw';
+}

package/lib/tokens.js

@@ -0,0 +1,2 @@
+export const EXTENSION_ID = '@jupyterlab/cell-toolbar';
+//# sourceMappingURL=tokens.js.map

package/lib/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,YAAY,GAAG,0BAA0B,CAAC"}

package/lib/toolbarbutton.d.ts

@@ -0,0 +1,56 @@
+import { ReactWidget } from '@jupyterlab/apputils';
+import { LabIcon } from '@jupyterlab/ui-components';
+/**
+ * Toggle button properties
+ */
+export interface IToggleButtonProps {
+    /**
+     * Button class name
+     */
+    className?: (state: boolean) => string;
+    /**
+     * Button label
+     */
+    label?: (state: boolean) => string;
+    /**
+     * Button icon
+     */
+    icon?: (state: boolean) => LabIcon;
+    /**
+     * Button tooltip
+     */
+    tooltip?: (state: boolean) => string;
+    /**
+     * Button callback
+     */
+    onClick?: (state: boolean) => void;
+    /**
+     * Button enabled status
+     */
+    enabled?: (state: boolean) => boolean;
+    /**
+     * Trigger the button on the actual onClick event rather than onMouseDown.
+     *
+     * See note in ToolbarButtonComponent below as to why the default is to
+     * trigger on onMouseDown.
+     */
+    actualOnClick?: boolean;
+}
+export declare class ToggleButton extends ReactWidget {
+    protected props: IToggleButtonProps;
+    /**
+     * Creates a toolbar toggle button
+     *
+     * Initial state is false
+     *
+     * @param props props for underlying `ToolbarButton` component
+     */
+    constructor(props?: IToggleButtonProps);
+    /**
+     * Toggled button state
+     */
+    get toggled(): boolean;
+    set toggled(value: boolean);
+    render(): JSX.Element;
+    protected _toggled: boolean;
+}

package/lib/toolbarbutton.js

@@ -0,0 +1,54 @@
+/* -----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+import { addToolbarButtonClass, ReactWidget, ToolbarButtonComponent } from '@jupyterlab/apputils';
+import React from 'react';
+export class ToggleButton extends ReactWidget {
+    /**
+     * Creates a toolbar toggle button
+     *
+     * Initial state is false
+     *
+     * @param props props for underlying `ToolbarButton` component
+     */
+    constructor(props = {}) {
+        super();
+        this.props = props;
+        this._toggled = false;
+        addToolbarButtonClass(this);
+    }
+    /**
+     * Toggled button state
+     */
+    get toggled() {
+        return this._toggled;
+    }
+    set toggled(value) {
+        if (value !== this._toggled) {
+            this._toggled = value;
+            this.update();
+        }
+    }
+    render() {
+        const p = {
+            className: this.props.className
+                ? this.props.className(this.toggled)
+                : undefined,
+            label: this.props.label ? this.props.label(this.toggled) : undefined,
+            icon: this.props.icon ? this.props.icon(this.toggled) : undefined,
+            tooltip: this.props.tooltip
+                ? this.props.tooltip(this.toggled)
+                : undefined,
+            onClick: this.props.onClick
+                ? () => {
+                    this.toggled = !this.toggled;
+                    this.props.onClick(this.toggled);
+                }
+                : undefined,
+            enabled: this.props.enabled ? this.props.enabled(this.toggled) : undefined
+        };
+        return React.createElement(ToolbarButtonComponent, Object.assign({}, p));
+    }
+}
+//# sourceMappingURL=toolbarbutton.js.map

package/lib/toolbarbutton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarbutton.js","sourceRoot":"","sources":["../src/toolbarbutton.tsx"],"names":[],"mappings":"AAAA;;;+EAG+E;AAC/E,OAAO,EACL,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,MAAM,OAAO,YAAa,SAAQ,WAAW;IAC3C;;;;;;OAMG;IACH,YAAsB,QAA4B,EAAE;QAClD,KAAK,EAAE,CAAC;QADY,UAAK,GAAL,KAAK,CAAyB;QAwC1C,aAAQ,GAAG,KAAK,CAAC;QAtCzB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,OAAO,CAAC,KAAc;QACxB,IAAI,KAAK,KAAK,IAAI,CAAC,QAAQ,EAAE;YAC3B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAED,MAAM;QACJ,MAAM,CAAC,GAAG;YACR,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;gBAC7B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;gBACpC,CAAC,CAAC,SAAS;YACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;YACpE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;YACjE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;gBACzB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;gBAClC,CAAC,CAAC,SAAS;YACb,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;gBACzB,CAAC,CAAC,GAAS,EAAE;oBACT,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;oBAC5B,IAAI,CAAC,KAAK,CAAC,OAAgC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC7D,CAAC;gBACH,CAAC,CAAC,SAAS;YACb,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;SAC3E,CAAC;QACF,OAAO,oBAAC,sBAAsB,oBAAK,CAAC,EAAI,CAAC;IAC3C,CAAC;CAGF"}

package/lib/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Get the value of a CSS variable
+ *
+ * @param name CSS variable name
+ * @returns The CSS variable value
+ */
+export declare function getCSSVar(name: string): string;

package/lib/utils.js

@@ -0,0 +1,16 @@
+/* -----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+/**
+ * Get the value of a CSS variable
+ *
+ * @param name CSS variable name
+ * @returns The CSS variable value
+ */
+export function getCSSVar(name) {
+    return getComputedStyle(document.documentElement)
+        .getPropertyValue(name)
+        .trim();
+}
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;+EAG+E;AAC/E;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC;SAC9C,gBAAgB,CAAC,IAAI,CAAC;SACtB,IAAI,EAAE,CAAC;AACZ,CAAC"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@jupyterlab/cell-toolbar",
+  "version": "4.0.0-alpha.6",
+  "description": "Contextual cell toolbar adapted from jlab-enhanced-cell-toolbar",
+  "homepage": "https://github.com/jupyterlab/jupyterlab",
+  "bugs": {
+    "url": "https://github.com/jupyterlab/jupyterlab/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jupyterlab/jupyterlab.git"
+  },
+  "license": "BSD-3-Clause",
+  "author": "Project Jupyter",
+  "sideEffects": [
+    "style/**/*"
+  ],
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "style": "style/index.css",
+  "directories": {
+    "lib": "lib",
+    "test": "test"
+  },
+  "files": [
+    "lib/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
+    "schema/*.json",
+    "style/**/*.{css,eot,gif,html,jpg,json,png,svg,woff2,ttf}",
+    "style/index.js"
+  ],
+  "scripts": {
+    "build": "tsc -b",
+    "build:all": "npm run build",
+    "build:test": "tsc --build tsconfig.test.json",
+    "clean": "rimraf lib && rimraf tsconfig.tsbuildinfo",
+    "test": "jest",
+    "test:cov": "jest --collect-coverage",
+    "test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
+    "test:debug:watch": "node --inspect-brk node_modules/.bin/jest --runInBand --watch",
+    "watch": "tsc -b --watch"
+  },
+  "dependencies": {
+    "@jupyterlab/apputils": "^4.0.0-alpha.6",
+    "@jupyterlab/cells": "^4.0.0-alpha.6",
+    "@jupyterlab/docregistry": "^4.0.0-alpha.6",
+    "@jupyterlab/notebook": "^4.0.0-alpha.6",
+    "@jupyterlab/observables": "^5.0.0-alpha.6",
+    "@jupyterlab/settingregistry": "^4.0.0-alpha.6",
+    "@jupyterlab/ui-components": "^4.0.0-alpha.21",
+    "@lumino/algorithm": "^1.9.1",
+    "@lumino/commands": "^1.20.0",
+    "@lumino/disposable": "^1.10.1",
+    "@lumino/widgets": "^1.31.1",
+    "react": "^17.0.1"
+  },
+  "devDependencies": {
+    "@jupyterlab/testutils": "^4.0.0-alpha.6",
+    "@types/jest": "^26.0.10",
+    "jest": "^26.4.2",
+    "rimraf": "~3.0.0",
+    "ts-jest": "^26.3.0",
+    "typescript": "~4.5.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "styleModule": "style/index.js"
+}

package/style/base.css

@@ -0,0 +1,72 @@
+.jp-cell-button .jp-icon3[fill] {
+  fill: var(--jp-inverse-layout-color4);
+}
+
+.jp-cell-button:hover .jp-icon3[fill] {
+  fill: var(--jp-inverse-layout-color2);
+}
+
+.jp-toolbar-overlap .jp-cell-toolbar {
+  display: none;
+}
+
+.jp-cell-toolbar {
+  display: flex;
+  flex-direction: row;
+  padding: 2px 0;
+  min-height: 25px;
+  z-index: 10;
+  position: absolute;
+  top: 5px;
+  right: 8px;
+}
+
+/* Overrides for mobile view: Move cell toolbar up, don't hide it if it overlaps */
+@media only screen and (max-width: 760px) {
+  .jp-toolbar-overlap .jp-cell-toolbar {
+    display: block;
+  }
+
+  .jp-cell-toolbar {
+    top: -5px;
+  }
+}
+
+.jp-cell-menu {
+  display: flex;
+  flex-direction: row;
+}
+
+.jp-cell-menu button.jp-ToolbarButtonComponent {
+  cursor: pointer;
+}
+
+.jp-cell-menu .jp-ToolbarButton button {
+  display: none;
+}
+
+.jp-cell-menu .jp-ToolbarButton .jp-cell-all,
+.jp-CodeCell .jp-ToolbarButton .jp-cell-code,
+.jp-MarkdownCell .jp-ToolbarButton .jp-cell-markdown,
+.jp-RawCell .jp-ToolbarButton .jp-cell-raw {
+  display: block;
+}
+
+.jp-cell-toolbar .jp-Toolbar-spacer {
+  flex: 1 1 auto;
+}
+
+.jp-cell-mod-click {
+  cursor: pointer;
+}
+
+/* Custom styling for rendered markdown cells so that cell toolbar is visible */
+.jp-MarkdownOutput {
+  border-width: var(--jp-border-width);
+  border-color: transparent;
+  border-style: solid;
+}
+
+.jp-mod-active .jp-MarkdownOutput {
+  border-color: var(--jp-cell-editor-border-color);
+}

package/style/icons/addabove.svg

@@ -0,0 +1,11 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_137_19492)">
+<path class="jp-icon3" d="M4.75 4.93066H6.625V6.80566C6.625 7.01191 6.79375 7.18066 7 7.18066C7.20625 7.18066 7.375 7.01191 7.375 6.80566V4.93066H9.25C9.45625 4.93066 9.625 4.76191 9.625 4.55566C9.625 4.34941 9.45625 4.18066 9.25 4.18066H7.375V2.30566C7.375 2.09941 7.20625 1.93066 7 1.93066C6.79375 1.93066 6.625 2.09941 6.625 2.30566V4.18066H4.75C4.54375 4.18066 4.375 4.34941 4.375 4.55566C4.375 4.76191 4.54375 4.93066 4.75 4.93066Z" fill="#616161" stroke="#616161" stroke-width="0.7"/>
+</g>
+<path class="jp-icon3" fill-rule="evenodd" clip-rule="evenodd" d="M11.5 9.5V11.5L2.5 11.5V9.5L11.5 9.5ZM12 8C12.5523 8 13 8.44772 13 9V12C13 12.5523 12.5523 13 12 13L2 13C1.44772 13 1 12.5523 1 12V9C1 8.44772 1.44771 8 2 8L12 8Z" fill="#616161"/>
+<defs>
+<clipPath id="clip0_137_19492">
+<rect class="jp-icon3" width="6" height="6" fill="white" transform="matrix(-1 0 0 1 10 1.55566)"/>
+</clipPath>
+</defs>
+</svg>

package/style/icons/addbelow.svg

@@ -0,0 +1,11 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_137_19498)">
+<path class="jp-icon3" d="M9.25 10.0693L7.375 10.0693L7.375 8.19434C7.375 7.98809 7.20625 7.81934 7 7.81934C6.79375 7.81934 6.625 7.98809 6.625 8.19434L6.625 10.0693L4.75 10.0693C4.54375 10.0693 4.375 10.2381 4.375 10.4443C4.375 10.6506 4.54375 10.8193 4.75 10.8193L6.625 10.8193L6.625 12.6943C6.625 12.9006 6.79375 13.0693 7 13.0693C7.20625 13.0693 7.375 12.9006 7.375 12.6943L7.375 10.8193L9.25 10.8193C9.45625 10.8193 9.625 10.6506 9.625 10.4443C9.625 10.2381 9.45625 10.0693 9.25 10.0693Z" fill="#616161" stroke="#616161" stroke-width="0.7"/>
+</g>
+<path class="jp-icon3" fill-rule="evenodd" clip-rule="evenodd" d="M2.5 5.5L2.5 3.5L11.5 3.5L11.5 5.5L2.5 5.5ZM2 7C1.44772 7 1 6.55228 1 6L1 3C1 2.44772 1.44772 2 2 2L12 2C12.5523 2 13 2.44772 13 3L13 6C13 6.55229 12.5523 7 12 7L2 7Z" fill="#616161"/>
+<defs>
+<clipPath id="clip0_137_19498">
+<rect class="jp-icon3" width="6" height="6" fill="white" transform="matrix(1 1.74846e-07 1.74846e-07 -1 4 13.4443)"/>
+</clipPath>
+</defs>
+</svg>

package/style/icons/delete.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16px" height="16px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path class="jp-icon3" fill="#626262" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" />
+</svg>

package/style/icons/duplicate.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path class="jp-icon3" fill-rule="evenodd" clip-rule="evenodd" d="M2.79998 0.875H8.89582C9.20061 0.875 9.44998 1.13914 9.44998 1.46198C9.44998 1.78482 9.20061 2.04896 8.89582 2.04896H3.35415C3.04936 2.04896 2.79998 2.3131 2.79998 2.63594V9.67969C2.79998 10.0025 2.55061 10.2667 2.24582 10.2667C1.94103 10.2667 1.69165 10.0025 1.69165 9.67969V2.04896C1.69165 1.40328 2.1904 0.875 2.79998 0.875ZM5.36665 11.9V4.55H11.0833V11.9H5.36665ZM4.14165 4.14167C4.14165 3.69063 4.50728 3.325 4.95832 3.325H11.4917C11.9427 3.325 12.3083 3.69063 12.3083 4.14167V12.3083C12.3083 12.7594 11.9427 13.125 11.4917 13.125H4.95832C4.50728 13.125 4.14165 12.7594 4.14165 12.3083V4.14167Z" fill="#616161"/>
+<path class="jp-icon3" d="M9.43574 8.26507H8.36431V9.3365C8.36431 9.45435 8.26788 9.55078 8.15002 9.55078C8.03217 9.55078 7.93574 9.45435 7.93574 9.3365V8.26507H6.86431C6.74645 8.26507 6.65002 8.16864 6.65002 8.05078C6.65002 7.93292 6.74645 7.8365 6.86431 7.8365H7.93574V6.76507C7.93574 6.64721 8.03217 6.55078 8.15002 6.55078C8.26788 6.55078 8.36431 6.64721 8.36431 6.76507V7.8365H9.43574C9.5536 7.8365 9.65002 7.93292 9.65002 8.05078C9.65002 8.16864 9.5536 8.26507 9.43574 8.26507Z" fill="#616161" stroke="#616161" stroke-width="0.5"/>
+</svg>

package/style/icons/movedown.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path class="jp-icon3" d="M12.471 7.52899C12.7632 7.23684 12.7632 6.76316 12.471 6.47101V6.47101C12.179 6.17905 11.7057 6.17884 11.4135 6.47054L7.75 10.1275V1.75C7.75 1.33579 7.41421 1 7 1V1C6.58579 1 6.25 1.33579 6.25 1.75V10.1275L2.59726 6.46822C2.30338 6.17381 1.82641 6.17359 1.53226 6.46774V6.46774C1.2383 6.7617 1.2383 7.2383 1.53226 7.53226L6.29289 12.2929C6.68342 12.6834 7.31658 12.6834 7.70711 12.2929L12.471 7.52899Z" fill="#616161"/>
+</svg>

package/style/icons/moveup.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path class="jp-icon3" d="M1.52899 6.47101C1.23684 6.76316 1.23684 7.23684 1.52899 7.52899V7.52899C1.82095 7.82095 2.29426 7.82116 2.58649 7.52946L6.25 3.8725V12.25C6.25 12.6642 6.58579 13 7 13V13C7.41421 13 7.75 12.6642 7.75 12.25V3.8725L11.4027 7.53178C11.6966 7.82619 12.1736 7.82641 12.4677 7.53226V7.53226C12.7617 7.2383 12.7617 6.7617 12.4677 6.46774L7.70711 1.70711C7.31658 1.31658 6.68342 1.31658 6.29289 1.70711L1.52899 6.47101Z" fill="#616161"/>
+</svg>

package/style/index.css

@@ -0,0 +1,14 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+@import url('~@lumino/widgets/style/index.css');
+@import url('~@jupyterlab/ui-components/style/index.css');
+@import url('~@jupyterlab/apputils/style/index.css');
+@import url('~@jupyterlab/docregistry/style/index.css');
+@import url('~@jupyterlab/cells/style/index.css');
+@import url('~@jupyterlab/notebook/style/index.css');
+
+@import url('./base.css');

package/style/index.js

@@ -0,0 +1,14 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
+import '@lumino/widgets/style/index.js';
+import '@jupyterlab/ui-components/style/index.js';
+import '@jupyterlab/apputils/style/index.js';
+import '@jupyterlab/docregistry/style/index.js';
+import '@jupyterlab/cells/style/index.js';
+import '@jupyterlab/notebook/style/index.js';
+
+import './base.css';