@deephaven/dashboard-core-plugins 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/panels/NotebookPanel.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 // Wrapper for the Notebook for use in a golden layout container
 import React, { Component } from 'react';
 import ReactDOM from 'react-dom';
@@ -26,60 +23,42 @@ import MarkdownNotebook from "./MarkdownNotebook.js";
 import "./NotebookPanel.css";
 var log = Log.module('NotebookPanel');
 var DEBOUNCE_PANEL_STATE_UPDATE = 400;
-
 class NotebookPanel extends Component {
   static handleError(error) {
     if (PromiseUtils.isCanceled(error)) {
       return;
     }
-
     log.error(error);
   }
-
   static languageFromFileName(fileName) {
     var extension = FileUtils.getExtension(fileName).toLowerCase();
-
     switch (extension) {
       case 'py':
       case 'python':
         return 'python';
-
       case 'groovy':
         return 'groovy';
-
       case 'scala':
         return 'scala';
-
       default:
         return null;
     }
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "pending", void 0);
-
     _defineProperty(this, "debouncedSavePanelState", void 0);
-
     _defineProperty(this, "debouncedLoad", void 0);
-
     _defineProperty(this, "notebook", void 0);
-
     _defineProperty(this, "tabTitleElement", void 0);
-
     _defineProperty(this, "tabInitOnce", void 0);
-
     _defineProperty(this, "shouldPromptClose", void 0);
-
     _defineProperty(this, "editor", void 0);
-
     _defineProperty(this, "getSettings", memoize((initialSettings, isMinimapEnabled) => _objectSpread(_objectSpread({}, initialSettings), {}, {
       minimap: {
         enabled: isMinimapEnabled
       }
     })));
-
     _defineProperty(this, "getOverflowActions", memoize((isMinimapEnabled, isWordWrapEnabled) => [{
       title: 'Find',
       icon: dhFileSearch,
@@ -102,7 +81,6 @@ class NotebookPanel extends Component {
       shortcut: SHORTCUTS.NOTEBOOK.WORDWRAP,
       order: 30
     }]));
-
     this.handleBlur = this.handleBlur.bind(this);
     this.handleCloseCancel = this.handleCloseCancel.bind(this);
     this.handleCloseDiscard = this.handleCloseDiscard.bind(this);
@@ -160,20 +138,20 @@ class NotebookPanel extends Component {
     var {
       isPreview
     } = props;
-
     if (panelState != null) {
       ({
         fileMetadata = fileMetadata,
         isPreview = isPreview,
         settings = settings
       } = panelState);
-    } // Not showing the unsaved indicator for null file id and editor content === '',
-    // may need to implement some other indication that this notebook has never been saved
+    }
 
+    // Not showing the unsaved indicator for null file id and editor content === '',
+    // may need to implement some other indication that this notebook has never been saved
+    var hasFileId = fileMetadata != null && FileUtils.hasPath(fileMetadata.itemName);
 
-    var hasFileId = fileMetadata != null && FileUtils.hasPath(fileMetadata.itemName); // Unsaved if file id != null and content != null
+    // Unsaved if file id != null and content != null
     // OR file id is null AND content is not null or ''
-
     var isUnsaved = hasFileId === true && settings.value != null || !hasFileId && settings.value != null && settings.value.length > 0;
     var changeCount = isUnsaved ? 1 : 0;
     this.state = {
@@ -200,7 +178,6 @@ class NotebookPanel extends Component {
     };
     log.debug('constructor', props, this.state);
   }
-
   componentDidMount() {
     var {
       glContainer,
@@ -214,7 +191,6 @@ class NotebookPanel extends Component {
     glEventHub.on(NotebookEvent.RENAME_FILE, this.handleRenameFile);
     glContainer.on('tabClicked', this.handlePanelTabClick);
   }
-
   componentDidUpdate(prevProps, prevState) {
     var {
       isPreview,
@@ -226,21 +202,17 @@ class NotebookPanel extends Component {
     var {
       defaultNotebookSettings
     } = this.props;
-
     if (isPreview !== prevState.isPreview) {
       this.setPreviewStatus();
     }
-
     if (wordWrap !== prevState.settings.wordWrap) {
       this.updateEditorWordWrap();
       this.debouncedSavePanelState();
     }
-
     if (defaultNotebookSettings.isMinimapEnabled !== prevProps.defaultNotebookSettings.isMinimapEnabled) {
       this.updateEditorMinimap();
     }
   }
-
   componentWillUnmount() {
     this.debouncedSavePanelState.flush();
     this.pending.cancel();
@@ -256,7 +228,6 @@ class NotebookPanel extends Component {
     glContainer.off('tabClicked', this.handlePanelTabClick);
     glEventHub.emit(NotebookEvent.UNREGISTER_FILE, fileMetadata, isPreview);
   }
-
   // Called by TabEvent. Happens once when created, but also each time its moved.
   // when moved, need to re-init the unsaved indicators on title elements
   initTab(tab) {
@@ -264,23 +235,20 @@ class NotebookPanel extends Component {
       this.tabInitOnce = true;
       this.initTabCloseOverride();
     }
-
     this.initTabClasses(tab);
-  } // override glContainer.close() with a custom closure that checks if needs saving
-
+  }
 
+  // override glContainer.close() with a custom closure that checks if needs saving
   initTabCloseOverride() {
     var {
       glContainer
     } = this.props;
     var close = glContainer.close.bind(glContainer);
-
     glContainer.close = () => {
       var {
         changeCount,
         savedChangeCount
       } = this.state;
-
       if (changeCount !== savedChangeCount && this.shouldPromptClose) {
         this.setState({
           showCloseModal: true
@@ -288,11 +256,9 @@ class NotebookPanel extends Component {
       } else {
         close();
       }
-
       return true;
     };
   }
-
   initTabClasses(tab) {
     var tabElement = tab.element.get(0);
     assertNotNull(tabElement);
@@ -301,7 +267,6 @@ class NotebookPanel extends Component {
     titleElement === null || titleElement === void 0 ? void 0 : titleElement.classList.add('notebook-title');
     this.setPreviewStatus();
   }
-
   getNotebookValue() {
     var {
       changeCount,
@@ -311,15 +276,12 @@ class NotebookPanel extends Component {
     var {
       value
     } = settings;
-
     if (changeCount !== savedChangeCount && this.notebook) {
       var notebookValue = this.notebook.getValue();
       return notebookValue != null ? notebookValue : value;
     }
-
     return value;
   }
-
   initNotebookContent() {
     // Init from file,
     // fallback to content from settings for unsaved notebook
@@ -328,24 +290,20 @@ class NotebookPanel extends Component {
       settings,
       isPreview
     } = this.state;
-
     if (fileMetadata && fileMetadata.id) {
       log.debug('Init content from file');
       this.registerFileMetadata(fileMetadata, isPreview);
       this.load();
       return;
     }
-
     if (settings.value != null) {
       log.debug('Use content passed in the settings prop');
       this.handleLoadSuccess();
       return;
-    } // No settings, no metadata
-
-
+    }
+    // No settings, no metadata
     this.handleLoadError(new Error('Missing file metadata'));
   }
-
   closeFileTabById(id) {
     var {
       glEventHub
@@ -353,10 +311,10 @@ class NotebookPanel extends Component {
     glEventHub.emit(NotebookEvent.CLOSE_FILE, {
       id
     });
-  } // Associate file id with the current tab
-  // so the next time the file is opened this tab can be focused instead of opening a new tab
-
+  }
 
+  // Associate file id with the current tab
+  // so the next time the file is opened this tab can be focused instead of opening a new tab
   registerFileMetadata(fileMetadata, isPreview) {
     var {
       glEventHub,
@@ -367,14 +325,12 @@ class NotebookPanel extends Component {
     } = metadata;
     glEventHub.emit(NotebookEvent.REGISTER_FILE, tabId, fileMetadata, isPreview);
   }
-
   renameTab(id, title) {
     var {
       glEventHub
     } = this.props;
     glEventHub.emit(NotebookEvent.RENAME, id, title);
   }
-
   load() {
     var {
       fileMetadata,
@@ -389,7 +345,6 @@ class NotebookPanel extends Component {
     } = this.props;
     this.pending.add(fileStorage.loadFile(id)).then(loadedFile => {
       var _NotebookPanel$langua;
-
       log.debug('Loaded file', loadedFile);
       var {
         filename: itemName
@@ -397,7 +352,6 @@ class NotebookPanel extends Component {
       var {
         itemName: prevItemName
       } = this.state;
-
       if (itemName !== prevItemName) {
         var {
           metadata
@@ -407,19 +361,15 @@ class NotebookPanel extends Component {
         } = metadata;
         this.renameTab(tabId, FileUtils.getBaseName(itemName));
       }
-
       var updatedSettings = _objectSpread(_objectSpread({}, settings), {}, {
         language: (_NotebookPanel$langua = NotebookPanel.languageFromFileName(itemName)) !== null && _NotebookPanel$langua !== void 0 ? _NotebookPanel$langua : ''
       });
-
       if (settings.value == null) {
         updatedSettings.value = loadedFile.content;
       }
-
       if (settings.wordWrap === undefined) {
         settings.wordWrap = 'off';
       }
-
       this.setState({
         fileMetadata: {
           id: itemName,
@@ -430,40 +380,34 @@ class NotebookPanel extends Component {
       this.debouncedSavePanelState();
     }).then(this.handleLoadSuccess).catch(this.handleLoadError);
   }
+
   /**
    * Attempts to save the notebook.
    * @returns Returns true if save has begun, false if user needed to be prompted
    */
-
-
   save() {
     var {
       fileMetadata
     } = this.state;
-
     if (fileMetadata && FileUtils.hasPath(fileMetadata.itemName)) {
       var content = this.getNotebookValue();
-
       if (content !== undefined) {
         this.saveContent(fileMetadata.itemName, content);
         return true;
       }
-
       return false;
     }
-
     this.setState({
       showSaveAsModal: true
     });
     return false;
   }
+
   /**
    * Update existing file content
    * @param filename The name of the file
    * @param content New file content
    */
-
-
   saveContent(filename, content) {
     log.debug('saveContent', filename, content);
     this.updateSavedChangeCount();
@@ -476,7 +420,6 @@ class NotebookPanel extends Component {
       basename: filename
     })).then(this.handleSaveSuccess).catch(this.handleSaveError);
   }
-
   updateSavedChangeCount() {
     this.setState(_ref => {
       var {
@@ -487,24 +430,20 @@ class NotebookPanel extends Component {
       };
     });
   }
-
   setPreviewStatus() {
     if (!this.tabTitleElement) {
       return;
     }
-
     var {
       isPreview
     } = this.state;
     log.debug('setPreviewStatus', this.tabTitleElement, isPreview);
-
     if (isPreview) {
       this.tabTitleElement.classList.add('is-preview');
     } else {
       this.tabTitleElement.classList.remove('is-preview');
     }
   }
-
   savePanelState() {
     this.setState(state => {
       var {
@@ -514,19 +453,16 @@ class NotebookPanel extends Component {
         isPreview,
         settings: initialSettings
       } = state;
-      var value = this.getNotebookValue(); // notebooks with no unsaved changes have value === null in dehydrated state
+      var value = this.getNotebookValue();
+      // notebooks with no unsaved changes have value === null in dehydrated state
       // content will be loaded from file when hydrating
-
       var dehydratedValue = changeCount !== savedChangeCount ? value : undefined;
-
       var settings = _objectSpread(_objectSpread({}, initialSettings), {}, {
         value
       });
-
       var dehydratedSettings = _objectSpread(_objectSpread({}, initialSettings), {}, {
         value: dehydratedValue
       });
-
       var panelState = {
         settings: dehydratedSettings,
         fileMetadata,
@@ -540,7 +476,6 @@ class NotebookPanel extends Component {
       };
     });
   }
-
   handleCloseDiscard() {
     this.shouldPromptClose = false;
     this.setState({
@@ -551,13 +486,11 @@ class NotebookPanel extends Component {
     } = this.props;
     glContainer.close();
   }
-
   handleCloseSave() {
     this.shouldPromptClose = false;
     this.setState({
       showCloseModal: false
     });
-
     if (this.save()) {
       var {
         glContainer
@@ -565,14 +498,12 @@ class NotebookPanel extends Component {
       glContainer.close();
     }
   }
-
   handleCloseCancel() {
     this.shouldPromptClose = true;
     this.setState({
       showCloseModal: false
     });
   }
-
   handleCopy() {
     var {
       fileMetadata,
@@ -590,15 +521,12 @@ class NotebookPanel extends Component {
     log.debug('handleCopy', fileMetadata, itemName, copyName);
     this.createNotebook(copyName, language, content);
   }
-
   handleEditorInitialized(innerEditor) {
     this.editor = innerEditor;
   }
-
   handleEditorWillDestroy() {
     this.editor = undefined;
   }
-
   handleEditorChange(e) {
     log.debug2('handleEditorChanged', e);
     this.removePreviewStatus();
@@ -611,7 +539,6 @@ class NotebookPanel extends Component {
         isUndoing,
         isRedoing
       } = e;
-
       if (isUndoing) {
         // Note that it's possible to undo past where the user last saved, if they save and then undo for example
         return {
@@ -619,7 +546,6 @@ class NotebookPanel extends Component {
           savedChangeCount
         };
       }
-
       if (!isRedoing && changeCount < savedChangeCount) {
         // We made another change after undoing some changes from the previous save
         // Just reset the saved counter to zero and increase the unchanged saves
@@ -629,7 +555,6 @@ class NotebookPanel extends Component {
           savedChangeCount: 0
         };
       }
-
       return {
         changeCount: changeCount + 1,
         savedChangeCount
@@ -637,13 +562,11 @@ class NotebookPanel extends Component {
     });
     this.debouncedSavePanelState();
   }
-
   handleFind() {
     if (this.notebook) {
       this.notebook.toggleFind();
     }
   }
-
   updateEditorMinimap() {
     if (this.editor) {
       var {
@@ -656,23 +579,19 @@ class NotebookPanel extends Component {
       });
     }
   }
-
   handleMinimapChange() {
     var {
       settings,
       defaultNotebookSettings,
       saveSettings
     } = this.props;
-
     var newSettings = _objectSpread(_objectSpread({}, settings), {}, {
       defaultNotebookSettings: {
         isMinimapEnabled: !defaultNotebookSettings.isMinimapEnabled
       }
     });
-
     saveSettings(newSettings);
   }
-
   updateEditorWordWrap() {
     if (this.editor) {
       var {
@@ -686,7 +605,6 @@ class NotebookPanel extends Component {
       });
     }
   }
-
   handleWordWrapChange() {
     if (this.editor) {
       this.setState(prevState => {
@@ -702,25 +620,22 @@ class NotebookPanel extends Component {
       });
     }
   }
-
   handleBlur() {
     log.debug('handleBlur');
     this.setState({
       isFocused: false
     });
   }
-
   handleFocus() {
     log.debug('handleFocus');
     this.setState({
       isFocused: true
     });
   }
+
   /**
    * @param event The click event from clicking on the link
    */
-
-
   handleLinkClick(event) {
     var {
       notebooksUrl,
@@ -730,20 +645,16 @@ class NotebookPanel extends Component {
     var {
       href
     } = event.currentTarget;
-
     if (!href || !href.startsWith(notebooksUrl)) {
       return;
     }
-
     event.stopPropagation();
     event.preventDefault();
     var notebookPath = "/".concat(href.substring(notebooksUrl.length)).replace(/%20/g, ' ');
-
     if (notebookPath === '/') {
       log.debug('Ignoring invalid notebook link', notebookPath);
       return;
     }
-
     log.debug('Notebook link clicked, opening', notebookPath);
     var {
       glEventHub
@@ -758,7 +669,6 @@ class NotebookPanel extends Component {
     };
     glEventHub.emit(NotebookEvent.SELECT_NOTEBOOK, session, sessionLanguage, notebookSettings, fileMetadata);
   }
-
   handleLoadSuccess() {
     this.setState({
       error: undefined,
@@ -766,33 +676,26 @@ class NotebookPanel extends Component {
       isLoading: false
     });
   }
-
   handleLoadError(errorParam) {
     var error = errorParam;
-
     if (PromiseUtils.isCanceled(error)) {
       return;
     }
-
     if (PromiseUtils.isTimedOut(error)) {
       error = new Error('File not found.');
     }
-
     log.error(error);
     this.setState({
       error,
       isLoading: false
     });
   }
-
   handleSave() {
     log.debug('handleSave');
     this.save();
   }
-
   handleSaveSuccess(file) {
     var _NotebookPanel$langua2;
-
     var {
       fileStorage
     } = this.props;
@@ -805,18 +708,14 @@ class NotebookPanel extends Component {
       var {
         fileMetadata: oldMetadata
       } = state;
-
       var settings = _objectSpread(_objectSpread({}, state.settings), {}, {
         language
       });
-
       log.debug('handleSaveSuccess', fileMetadata, oldMetadata, settings);
-
       if (oldMetadata && FileUtils.hasPath(oldMetadata.itemName) && oldMetadata.itemName !== fileMetadata.itemName) {
         log.debug('handleSaveSuccess deleting old file', oldMetadata.itemName);
         fileStorage.deleteFile(oldMetadata.itemName).catch(NotebookPanel.handleError);
       }
-
       return {
         fileMetadata,
         settings,
@@ -826,39 +725,32 @@ class NotebookPanel extends Component {
     this.debouncedSavePanelState();
     this.registerFileMetadata(fileMetadata, false);
   }
-
   handleSaveError(error) {
     if (PromiseUtils.isCanceled(error)) {
       return;
-    } // There was an error saving, just reset the savedChangeCount
+    }
+    // There was an error saving, just reset the savedChangeCount
     // It's possible if they undo changes they'll be back at the spot where it was last saved successfully,
     // But we may as well continue showing the error until they actually save again
-
-
     this.setState({
       savedChangeCount: 0
     });
     log.error(error);
   }
-
   handleSaveAsCancel() {
     this.setState({
       showSaveAsModal: false
     });
   }
-
   handleSaveAsSubmit(name) {
     var _this$getNotebookValu;
-
     log.debug('handleSaveAsSubmit', name);
     var {
       fileMetadata
     } = this.state;
-
     if (!fileMetadata) {
       return;
     }
-
     var {
       itemName: prevItemName
     } = fileMetadata;
@@ -866,7 +758,6 @@ class NotebookPanel extends Component {
     this.setState({
       showSaveAsModal: false
     });
-
     if (FileUtils.getBaseName(prevItemName) !== FileUtils.getBaseName(name)) {
       var {
         metadata
@@ -876,15 +767,12 @@ class NotebookPanel extends Component {
       } = metadata;
       this.renameTab(tabId, FileUtils.getBaseName(name));
     }
-
     this.saveContent(name, content);
   }
-
   handleRenameFile(oldName, newName) {
     var {
       fileMetadata
     } = this.state;
-
     if (fileMetadata && fileMetadata.id === oldName) {
       this.setState({
         fileMetadata: {
@@ -895,37 +783,28 @@ class NotebookPanel extends Component {
       this.debouncedSavePanelState();
     }
   }
-
   handleResize() {
     var _this$notebook;
-
     (_this$notebook = this.notebook) === null || _this$notebook === void 0 ? void 0 : _this$notebook.updateDimensions();
   }
-
   handleRunCommand(command) {
     this.runCommand(command);
   }
-
   handleRunAll() {
     var _this$notebook$getVal;
-
     if (!this.notebook) {
       log.error('Editor is not initialized.');
       return;
     }
-
     this.runCommand((_this$notebook$getVal = this.notebook.getValue()) !== null && _this$notebook$getVal !== void 0 ? _this$notebook$getVal : undefined);
   }
-
   handleRunSelected() {
     if (!this.notebook) {
       log.error('Editor is not initialized.');
       return;
     }
-
     this.runCommand(this.notebook.getSelectedCommand());
   }
-
   handleSessionOpened(session, _ref2) {
     var {
       language
@@ -935,37 +814,30 @@ class NotebookPanel extends Component {
       sessionLanguage: language
     });
   }
-
   handleSessionClosed() {
     this.setState({
       session: undefined,
       sessionLanguage: undefined
     });
   }
-
   handleShow() {
     var _this$notebook2;
-
     log.debug('handleShow');
     (_this$notebook2 = this.notebook) === null || _this$notebook2 === void 0 ? void 0 : _this$notebook2.updateDimensions();
   }
-
   handleShowRename() {
     this.setState({
       showSaveAsModal: true
     });
   }
-
   handleTab(tab) {
     log.debug('NotebookPanel tab event', tab);
     this.initTab(tab);
   }
-
   handleTabFocus() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     log.debug('handleTabFocus', ...args);
     var {
       glContainer
@@ -973,30 +845,26 @@ class NotebookPanel extends Component {
     this.setState({
       isDashboardActive: true
     });
-
     if (this.notebook && !glContainer.isHidden) {
       this.notebook.updateDimensions();
     }
   }
-
   handleTabBlur() {
     log.debug('handleTabBlur');
     this.setState({
       isDashboardActive: false
     });
   }
-
   handlePanelTabClick() {
     log.debug('handlePanelTabClick');
     this.focus();
   }
+
   /**
    * Transform the link URI to load from where the notebook is if it's relative
    * @param src The link to transform
    * @returns String the transformed link
    */
-
-
   handleTransformLinkUri(src) {
     var {
       notebooksUrl
@@ -1004,29 +872,22 @@ class NotebookPanel extends Component {
     var {
       fileMetadata
     } = this.state;
-
     if (src.endsWith('/')) {
       return src;
     }
-
     if (src.startsWith('/')) {
       return "".concat(notebooksUrl).concat(src.substring(1));
     }
-
     var itemName = fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.itemName;
-
     if (itemName === undefined) {
       return src;
     }
-
     if (itemName.charAt(0) === '/') {
       itemName = itemName.substring(1);
     }
-
     var itemUri = new URL(itemName, notebooksUrl);
     return new URL(src, itemUri).href;
   }
-
   focus() {
     requestAnimationFrame(() => {
       if (this.notebook) {
@@ -1034,7 +895,6 @@ class NotebookPanel extends Component {
       }
     });
   }
-
   createNotebook(itemName, language) {
     var content = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
     var {
@@ -1045,12 +905,10 @@ class NotebookPanel extends Component {
       sessionLanguage,
       settings
     } = this.state;
-
     var notebookSettings = _objectSpread(_objectSpread({}, settings), {}, {
       language,
       value: content
     });
-
     var fileMetadata = {
       id: null,
       itemName
@@ -1058,44 +916,36 @@ class NotebookPanel extends Component {
     log.debug('handleCreateNotebook', session, sessionLanguage, notebookSettings, fileMetadata);
     glEventHub.emit(NotebookEvent.CREATE_NOTEBOOK, session, sessionLanguage, notebookSettings, fileMetadata);
   }
-
   runCommand(command) {
     if (command === undefined) {
       log.debug('Ignoring empty command.');
       return;
     }
-
     this.removePreviewStatus();
     var {
       glEventHub
     } = this.props;
     glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
   }
-
   removePreviewStatus() {
     this.setState(_ref3 => {
       var {
         isPreview
       } = _ref3;
-
       if (isPreview) {
         var {
           fileMetadata
         } = this.state;
-
         if (fileMetadata) {
           this.registerFileMetadata(fileMetadata, false);
         }
-
         return {
           isPreview: false
         };
       }
-
       return null;
     });
   }
-
   getDropdownOverflowActions() {
     var {
       defaultNotebookSettings
@@ -1105,10 +955,8 @@ class NotebookPanel extends Component {
     } = this.state;
     return this.getOverflowActions(defaultNotebookSettings.isMinimapEnabled, this.getSettings(initialSettings, defaultNotebookSettings.isMinimapEnabled).wordWrap === 'on');
   }
-
   render() {
     var _fileMetadata$itemNam, _settings$value;
-
     var {
       fileStorage,
       glContainer,
@@ -1132,8 +980,8 @@ class NotebookPanel extends Component {
       settings: initialSettings,
       showCloseModal,
       showSaveAsModal
-    } = this.state; // We don't want to steal focus if this isn't shown or it's just a preview
-
+    } = this.state;
+    // We don't want to steal focus if this isn't shown or it's just a preview
     var focusOnMount = isDashboardActive && !glContainer.isHidden && !isPreview;
     var itemName = (_fileMetadata$itemNam = fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.itemName) !== null && _fileMetadata$itemNam !== void 0 ? _fileMetadata$itemNam : NotebookPanel.DEFAULT_NAME;
     var isMarkdown = itemName.endsWith('.md');
@@ -1226,7 +1074,8 @@ class NotebookPanel extends Component {
       disabled: toolbarDisabled,
       icon: vsKebabVertical,
       tooltip: "More Actions...",
-      onClick: () => {// no-op: click is handled in `DropdownMenu`
+      onClick: () => {
+        // no-op: click is handled in `DropdownMenu`
       }
     }, /*#__PURE__*/React.createElement(DropdownMenu, {
       actions: this.getDropdownOverflowActions,
@@ -1274,17 +1123,12 @@ class NotebookPanel extends Component {
       actions: contextActions
     })));
   }
-
 }
-
 _defineProperty(NotebookPanel, "COMPONENT", 'NotebookPanel');
-
 _defineProperty(NotebookPanel, "POPPER_OPTIONS", {
   placement: 'bottom-end'
 });
-
 _defineProperty(NotebookPanel, "DEFAULT_NAME", 'Untitled');
-
 _defineProperty(NotebookPanel, "defaultProps", {
   isDashboardActive: true,
   isPreview: false,
@@ -1292,7 +1136,6 @@ _defineProperty(NotebookPanel, "defaultProps", {
   sessionLanguage: null,
   defaultNotebookSettings: null
 });
-
 var mapStateToProps = (state, ownProps) => {
   var fileStorage = getFileStorage(state);
   var settings = getSettings(state);
@@ -1313,7 +1156,6 @@ var mapStateToProps = (state, ownProps) => {
     sessionLanguage
   };
 };
-
 export default connect(mapStateToProps, {
   saveSettings: saveSettingsAction
 }, null, {